.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--primary);z-index:60;transition:width .1s linear}.art-head{padding:clamp(28px,4vw,48px) 0 0}.art-head .inner{max-width:760px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-3);margin-bottom:22px}.breadcrumb a{color:var(--primary);font-weight:600}.breadcrumb .cat{background:var(--primary-soft);color:var(--primary);font-family:Manrope;font-weight:700;font-size:12px;padding:4px 11px;border-radius:var(--radius-pill)}.breadcrumb .sep{opacity:.5}.art-head h1{font-size:clamp(30px,4.4vw,50px);line-height:1.05;margin-bottom:18px}.art-head .lead{font-size:20px;line-height:1.5;color:var(--ink-2)}.art-meta{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.art-meta .avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);position:relative;flex-shrink:0}.art-meta .avatar:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.5),transparent 45%)}.art-meta .m-by{font-family:Manrope;font-weight:700;font-size:14.5px}.art-meta .m-sub{font-size:13px;color:var(--ink-3);margin-top:1px}.art-meta .share{margin-left:auto;display:flex;gap:8px}.art-meta .share button{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer;transition:color .15s ease,box-shadow .15s ease,transform .15s ease}.art-meta .share button:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-3)}.art-meta .share button:active{transform:scale(.92)}.art-meta .share button.copied{color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.art-meta .share button[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:5px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s ease}.art-meta .share button.copied[data-tip]:after{opacity:1}.art-meta .share svg{width:17px;height:17px;fill:currentColor}@media(max-width:560px){.art-meta{gap:12px}.art-meta>div:not(.share){min-width:0}.art-meta .share{gap:6px;flex-shrink:0}.art-meta #copyBtn{display:none}.art-meta .share button{width:40px;height:40px}}.hero-img{max-width:940px;margin:36px auto 0;padding-inline:var(--gutter)}.hero-img img{width:100%;height:clamp(220px,38vw,440px);object-fit:cover;border-radius:24px}.hero-img .credit{text-align:center;font-size:12px;color:var(--ink-3);margin-top:10px}.art-layout{display:grid;grid-template-columns:1fr;max-width:760px;margin:0 auto;padding:clamp(32px,4vw,52px) 0 0}.prose{font-size:18px;line-height:1.72;color:var(--ink-2);overflow-wrap:break-word;min-width:0}.prose>p{margin-bottom:24px}.prose>p:first-of-type:first-letter{font-family:Manrope;font-weight:800;font-size:58px;line-height:.82;float:left;margin:6px 12px 0 0;color:var(--primary)}.prose h2{font-size:clamp(24px,3vw,32px);line-height:1.15;margin:44px 0 16px;color:var(--ink);scroll-margin-top:90px}.prose h3{font-size:20px;margin:32px 0 12px;color:var(--ink)}.prose a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--primary) 35%,transparent);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--primary)}.prose strong{font-weight:700;color:var(--ink)}.prose em{font-style:italic}.prose ul{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}.prose ul li{position:relative;padding-left:26px}.prose ul li:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--primary)}.prose blockquote{margin:28px 0;padding:22px 26px;background:#fff;border-left:4px solid var(--primary);border-radius:0 16px 16px 0;font-family:Lora,Georgia,serif;font-size:19px;font-style:italic;line-height:1.6;color:var(--ink);box-shadow:0 10px 30px -22px var(--ink)}.prose blockquote .cite{display:block;margin-top:12px;font-family:Inter;font-style:normal;font-size:13.5px;color:var(--ink-3);font-weight:500}.prose .table-wrap{overflow-x:auto;margin:28px 0;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line)}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;min-width:540px}.prose thead th{background:var(--bg-2);text-align:left;font-family:Manrope;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);padding:14px 16px}.prose tbody td{padding:13px 16px;border-top:1px solid var(--line);color:var(--ink-2)}.prose tbody tr:first-child td{font-weight:600;color:var(--ink)}.callout-tip{display:flex;gap:14px;align-items:flex-start;background:var(--primary-soft);border-radius:18px;padding:20px 22px;margin:32px 0}.callout-tip .ic{width:40px;height:40px;border-radius:12px;background:var(--primary);flex-shrink:0;position:relative}.callout-tip .ic:after{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 50%)}.callout-tip .ct-b h4{font-size:15px;margin-bottom:4px}.callout-tip .ct-b p{font-size:14.5px;color:var(--ink-2);line-height:1.5;margin:0}.callout-tip .ct-b a{color:var(--primary);font-weight:600}.art-faq{max-width:760px;margin:8px auto 0;padding-top:12px}.art-faq h2{font-size:clamp(24px,3vw,32px);margin-bottom:18px}.faq-q{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line);margin-bottom:12px;overflow:hidden}.faq-q summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:Manrope;font-weight:700;font-size:16.5px;color:var(--ink)}.faq-q summary::-webkit-details-marker{display:none}.faq-q summary .chev{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.faq-q summary .chev:before{content:"+";font-family:Manrope;font-weight:800;color:var(--ink-2)}.faq-q[open] summary .chev{transform:rotate(45deg);background:var(--primary-soft)}.faq-q[open] summary .chev:before{color:var(--primary)}.faq-q .a{padding:0 22px 22px;color:var(--ink-2);font-size:16px;line-height:1.65}.faq-q .a a{color:var(--primary);font-weight:600}.author-card{max-width:760px;margin:44px auto 0;background:#fff;border-radius:24px;padding:clamp(26px,3vw,36px);box-shadow:inset 0 0 0 1.5px var(--line)}.author-card .ac-top{display:flex;gap:16px;align-items:center;margin-bottom:18px}.author-card .ac-av{width:56px;height:56px;border-radius:16px;background:var(--primary);position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.author-card .ac-av .drop{width:30px;height:30px;background:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.author-card .ac-by{font-family:Manrope;font-weight:800;font-size:16px}.author-card .ac-by span{color:var(--primary)}.author-card .ac-role{font-size:13.5px;color:var(--ink-3);margin-top:2px}.author-card p{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin-bottom:12px}.author-card .sources{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.author-card .src{background:var(--bg-2);border-radius:var(--radius-pill);padding:6px 13px;font-family:Manrope;font-weight:700;font-size:12.5px;color:var(--ink-2)}.author-card .disclaimer{background:var(--coral-soft);border-radius:14px;padding:16px 18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}.author-card .updated{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--ink-3);margin-top:14px}.art-cta{padding:clamp(48px,6vw,80px) 0}.art-cta-card{max-width:940px;margin:0 auto;background:var(--green-deep);border-radius:clamp(24px,3vw,36px);padding:clamp(36px,5vw,60px);color:#fff;text-align:center;position:relative;overflow:hidden}.art-cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 20% 120%,color-mix(in oklab,var(--primary) 35%,transparent),transparent 60%),radial-gradient(440px 220px at 100% 0%,color-mix(in oklab,var(--coral) 22%,transparent),transparent 60%)}.art-cta-card>*{position:relative;z-index:1}.art-cta-card h2{color:#fff;font-size:clamp(24px,3vw,36px);margin-bottom:12px}.art-cta-card p{color:color-mix(in oklab,white 75%,transparent);max-width:460px;margin:0 auto 26px}.art-cta-card .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.related{padding:0 0 clamp(48px,6vw,80px)}.related h2{text-align:center;font-size:clamp(24px,3vw,34px);margin-bottom:32px}.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rel-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .2s,box-shadow .2s}.rel-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px var(--ink)}.rel-card .ri{aspect-ratio:16/10;overflow:hidden;background:var(--bg-2)}.rel-card .ri img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.rel-card:hover .ri img{transform:scale(1.05)}.rel-card .rb{padding:18px 20px 22px}.rel-card .rcat{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.rel-card h3{font-size:17px;line-height:1.25;margin:8px 0 0}@media(max-width:800px){.rel-grid{grid-template-columns:1fr}}@media(max-width:800px){.art-layout,.art-faq{padding-inline:var(--gutter)}.author-card{margin-inline:var(--gutter)}.prose table{display:block;width:100%;min-width:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}:root{--page-bg: oklch(96% .018 75)}