.art{background:var(--surface);color:var(--ink);font-family:var(--font-body);min-height:100dvh}.art-wrap{max-width:760px;padding:clamp(6rem, 12vw, 8rem) var(--gutter) 5rem;margin-inline:auto}.art-wrap.wide{max-width:1080px}.art-wrap--article{max-width:920px}.art-wrap--article .art-prose,.art-wrap--article .art-answer,.art-wrap--article .art-prose p,.art-wrap--article .art-faq .a{max-width:none}.art-crumb{font-size:var(--s-1);color:var(--ink-faint);flex-wrap:wrap;gap:.5ch;margin-bottom:1.4rem;display:flex}.art-crumb a:hover{color:var(--ink)}.art-head{margin-bottom:clamp(2.5rem,5vw,3.5rem)}.art-head h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.4rem,1.8rem + 3vw,4rem);line-height:1.05}.art-head p{color:var(--ink-soft);font-size:var(--s1);max-width:52ch;margin-top:1rem}.art-list{gap:1.2rem;display:grid}.art-card{background:var(--surface-lift);border-radius:16px;padding:clamp(1.5rem,3vw,2rem);transition:transform .2s;display:block}.art-card:hover{transform:translateY(-3px)}.art-card .cat{letter-spacing:.12em;text-transform:uppercase;color:var(--support);font-size:.68rem;font-weight:700}.art-card h2{font-family:var(--font-display);letter-spacing:-.01em;margin:.5rem 0 .6rem;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.12}.art-card p{color:var(--ink-soft);font-size:var(--s0);max-width:60ch}.art-card .meta{font-size:var(--s-1);color:var(--ink-faint);flex-wrap:wrap;gap:.6ch;margin-top:1rem;display:flex}.art-empty{color:var(--ink-faint);padding:2rem 0}.art-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--support);font-size:.7rem;font-weight:700}.art h1.art-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.7rem 0 1rem;font-size:clamp(2rem,1.5rem + 2.8vw,3.4rem);line-height:1.08}.art-byline{font-size:var(--s-1);color:var(--ink-faint);align-items:center;gap:.9rem;margin-bottom:2rem;display:flex}.art-byline .avatar{object-fit:cover;background:var(--surface-deep);border-radius:50%;width:34px;height:34px}.art-byline b{color:var(--ink);font-weight:600}.art-hero-img{border-radius:16px;width:100%;margin-bottom:2.5rem}.art-takeaways{background:var(--surface-lift);border-left:4px solid var(--accent);border-radius:12px;margin-bottom:2.5rem;padding:1.4rem 1.6rem}.art-takeaways h2{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.8rem;font-size:.72rem;font-weight:700}.art-takeaways ul{gap:.6rem;list-style:none;display:grid}.art-takeaways li{font-size:var(--s0);color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:start;gap:.7ch;display:grid}.art-takeaways li:before{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;margin-top:.55em}.art-answer{font-size:var(--s1);color:var(--ink);margin-bottom:2rem;line-height:1.55}.art-prose{font-size:var(--s0);color:var(--ink-soft);line-height:1.7}.art-prose h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:2.4rem 0 .9rem;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem)}.art-prose h3{font-family:var(--font-display);font-size:var(--s1);color:var(--ink);margin:1.8rem 0 .7rem}.art-prose p{margin-bottom:1.1rem}.art-prose ul{gap:.5rem;margin:0 0 1.1rem 1.2rem;display:grid}.art-prose li{list-style:outside}.art-prose a{color:var(--support);text-underline-offset:2px;text-decoration:underline}.art-prose strong{color:var(--ink);font-weight:600}.art-faq{margin-top:3rem}.art-faq h2{font-family:var(--font-display);font-size:var(--s2);margin-bottom:1.2rem}.art-faq details{padding:.3rem 0}.art-faq summary{cursor:pointer;font-family:var(--font-display);font-size:var(--s1);justify-content:space-between;gap:1rem;padding:1rem 0;list-style:none;display:flex}.art-faq summary::-webkit-details-marker{display:none}.art-faq summary:after{content:"+";color:var(--support);font-size:var(--s2);line-height:1;transition:transform .2s}.art-faq details[open] summary:after{transform:rotate(45deg)}.art-faq .a{color:var(--ink-soft);font-size:var(--s0);max-width:64ch;padding-bottom:1rem;line-height:1.6}.art-bio{background:var(--surface-lift);border-radius:16px;align-items:flex-start;gap:1.1rem;margin-top:3rem;padding:1.6rem;display:flex}.art-bio .avatar{object-fit:cover;background:var(--surface-deep);border-radius:50%;flex-shrink:0;width:52px;height:52px}.art-bio .name{font-family:var(--font-display);font-size:var(--s1)}.art-bio .role{font-size:var(--s-1);color:var(--ink-faint);margin-bottom:.5rem}.art-bio p{color:var(--ink-soft);font-size:var(--s0)}.art-bio .links{font-size:var(--s-1);gap:1rem;margin-top:.6rem;display:flex}.art-bio .links a{color:var(--support)}.art-related{margin-top:3.5rem}.art-related h2{font-family:var(--font-display);font-size:var(--s2);margin-bottom:1.2rem}.art-related-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:720px){.art-related-grid{grid-template-columns:repeat(3,1fr)}}.art-related a{background:var(--surface-lift);border-radius:12px;padding:1.1rem;display:block}.art-related a:hover{transform:translateY(-2px)}.art-related .cat{letter-spacing:.1em;text-transform:uppercase;color:var(--support);font-size:.62rem;font-weight:700}.art-related h3{font-family:var(--font-display);font-size:var(--s0);margin-top:.4rem;line-height:1.2}.art-back{font-size:var(--s-1);color:var(--support);margin-top:3rem;display:inline-block}