.art{padding-block:var(--sp-10) var(--section-y)}.art__head{max-width:62ch;margin-bottom:var(--sp-8)}.art__head h1{font-size:var(--fs-h1)}.art__head p{margin:var(--sp-3) 0 0;color:var(--text-muted);font-size:var(--fs-body-lg)}.art__search{display:flex;align-items:center;gap:var(--sp-3);max-width:520px;margin-bottom:var(--sp-5)}.art__search>label{flex:1 1;min-width:0}.art__filters{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-8);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--sp-1)}.art__filters::-webkit-scrollbar{display:none}.art__filter{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border-default);background:var(--surface-card);color:var(--ink-700);font-size:var(--fs-body-sm);text-decoration:none;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.art__filter:hover{border-color:var(--teal-500);color:var(--teal-800);text-decoration:none}.art__filter--on{background:var(--navy-800);border-color:var(--navy-800);font-weight:var(--fw-medium)}.art__filter--on,.art__filter--on:hover{color:var(--white)}.art-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:0;gap:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-10);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.art-hero,.art-hero:hover{color:inherit;text-decoration:none}.art-hero:hover{box-shadow:var(--shadow-md);border-color:var(--teal-200)}.art-hero__media{position:relative;min-height:300px;background:var(--surface-sunken)}.art-hero__media img{width:100%;height:100%;object-fit:cover}.art-hero__body{padding:clamp(var(--sp-6),3vw,var(--sp-10));display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4)}.art-hero__tags{display:flex;gap:var(--sp-2);flex-wrap:wrap}.art-hero__body h2{font-size:var(--fs-h2)}.art-hero__body p{margin:0;color:var(--text-muted);line-height:var(--lh-body)}.art-hero__meta{font-size:var(--fs-caption);color:var(--text-muted)}@media (max-width:860px){.art-hero{grid-template-columns:minmax(0,1fr)}.art-hero__media{min-height:220px;aspect-ratio:16/9}}.artx{padding-block:var(--sp-4) var(--section-y)}.artx__head{max-width:72ch;margin:var(--sp-6) 0 var(--sp-8)}.artx__head h1{font-size:var(--fs-h1);margin-top:var(--sp-4)}.artx__excerpt{margin:var(--sp-4) 0 0;font-size:var(--fs-body-lg);color:var(--ink-700);line-height:var(--lh-body)}.artx__meta{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);font-size:var(--fs-body-sm);color:var(--text-muted)}.artx__meta>span{display:inline-flex;align-items:center;gap:var(--sp-2)}.artx__author{color:var(--ink-700);font-weight:var(--fw-medium)}.artx__author em{font-style:normal;font-weight:var(--fw-light);color:var(--text-muted)}.artx__share{-webkit-margin-start:auto;margin-inline-start:auto}@media (max-width:640px){.artx__share{-webkit-margin-start:0;margin-inline-start:0}}.artx__cover{position:relative;aspect-ratio:16/9;max-height:480px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-sunken)}.artx__body{max-width:65ch;margin-top:var(--sp-10);font-size:var(--fs-body-lg);line-height:1.85;color:var(--ink-700)}.artx__body p{margin:0 0 var(--sp-5)}.artx__body h2{font-size:var(--fs-h3);margin:var(--sp-10) 0 var(--sp-4)}.artx__body h2:first-child{margin-top:0}.artx__cta{max-width:65ch;margin-top:var(--sp-12);padding:clamp(var(--sp-6),4vw,var(--sp-8));background:var(--teal-050);border:1px solid var(--teal-200);border-radius:var(--r-lg);display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap}.artx__cta>div{flex:1 1;min-width:min(100%,260px)}.artx__cta h2{font-size:var(--fs-h4)}.artx__cta p{margin:var(--sp-2) 0 0;font-size:var(--fs-body-sm);color:var(--ink-700);line-height:var(--lh-body)}.artx__related{margin-top:var(--sp-16)}.artx__related h2{font-size:var(--fs-h3);margin-bottom:var(--sp-5)}.art__langs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.art__langs-label{display:inline-flex;color:var(--text-muted);-webkit-margin-end:var(--sp-2);margin-inline-end:var(--sp-2)}.art__fallback,.art__langs-label{align-items:center;gap:var(--sp-2);font-size:var(--fs-micro)}.art__fallback{display:flex;margin:var(--sp-4) 0 0;padding:var(--sp-3);background:var(--warning-100);border-radius:var(--r-sm);color:var(--ink-700)}.artx__langs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.artx__lang{padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--r-pill);font-size:var(--fs-micro);color:var(--ink-700);text-decoration:none}.artx__lang:hover{background:var(--teal-050);color:var(--teal-700)}.artx__lang--on{border-color:var(--teal-600);background:var(--teal-050);color:var(--teal-800)}.artx__partial{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--warning-100);border-radius:var(--r-sm);font-size:var(--fs-body-sm);color:var(--ink-700)}