@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/InterVariable.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url('/fonts/InterVariable-Italic.woff2') format('woff2')}
:root{--page:#f5f5f7;--panel:#fff;--ink:#1d1d1f;--muted:#6e6e73;--faint:#6e6e73;--line:rgba(29,29,31,.09);--soft:rgba(29,29,31,.055);--blue:#2b5fc7;--blue-soft:#eaf0ff;--green:#137a41;--green-soft:#e9f6ee;--orange:#a64f0c;--orange-soft:#fff0e3;--red:#c63e3e;--mono:'SF Mono',ui-monospace,'Cascadia Code',Menlo,monospace;--shadow:0 1px 2px rgba(29,29,31,.04),0 12px 32px rgba(29,29,31,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:17px/1.65 Inter,-apple-system,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:#dfe8ff}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{width:min(1140px,calc(100% - 44px));margin-inline:auto}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);background:rgba(245,245,247,.82);border-bottom:1px solid var(--soft)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:60px}.brand img{display:block;width:96px}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--muted);font-size:.9rem;font-weight:500}.nav nav a:hover,.nav nav a.on{color:var(--ink)}.nav .cta-mini{background:var(--ink);color:#fff;padding:8px 18px;border-radius:999px;font-size:.88rem;font-weight:600}.mnav-t,.mnav-b,.mnav-p{display:none}
.article{max-width:760px;margin-inline:auto;padding:72px 0 0}h1{margin:0 0 20px;font-size:clamp(2.15rem,5vw,3.35rem);line-height:1.04;letter-spacing:-.046em;font-weight:720}.standfirst{margin:0;color:var(--muted);font-size:1.22rem;line-height:1.55;font-weight:450}.standfirst b{color:var(--ink);font-weight:650}.byline{margin:26px 0 0;color:var(--faint);font-size:.9rem;font-weight:500}.byline b{color:var(--muted);font-weight:600}.byline i{font-style:normal;margin:0 8px;color:#d3d3d8}
.hero{margin:44px 0 42px;border-radius:32px;overflow:hidden;background:#f1f2f6;box-shadow:0 22px 70px rgba(20,25,40,.14)}.hero img{display:block;width:100%;height:auto}
.answer{margin:34px 0 38px;padding:26px 28px;border-radius:22px;background:var(--blue-soft);border:1px solid rgba(47,111,237,.14)}.answer .eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-size:.7rem;font-weight:760;margin-bottom:8px}.answer p{margin:0;color:#283a69;font-size:1.06rem;line-height:1.58}.answer b{color:#17264f}
.toc{margin:32px 0;padding:24px 26px;background:#fff;border:1px solid var(--soft);border-radius:20px;box-shadow:var(--shadow)}.toc b{display:block;margin-bottom:10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.toc ol{columns:2;column-gap:36px;margin:0;padding-left:20px}.toc li{break-inside:avoid;margin:0 0 8px;font-size:.9rem;color:var(--muted)}.toc a:hover{color:var(--ink)}
.article h2{scroll-margin-top:80px;margin:58px 0 15px;font-size:clamp(1.42rem,2.7vw,1.9rem);line-height:1.18;letter-spacing:-.029em;font-weight:690}.article h3{scroll-margin-top:80px;margin:36px 0 10px;font-size:1.1rem;line-height:1.34;letter-spacing:-.016em;font-weight:670}.article p{margin:0 0 20px;color:#3c3c40}.article p b{font-weight:650;color:var(--ink)}.article p a,.article li a,.article td a{border-bottom:1px solid rgba(29,29,31,.22)}.article p a:hover,.article li a:hover,.article td a:hover{border-color:var(--ink)}.article code{font-family:var(--mono);font-size:.84em;background:#eaeaec;border-radius:6px;padding:2px 6px}.article ul,.article ol{margin:0 0 22px;padding-left:23px;color:#3c3c40}.article li{margin:0 0 9px}.article li::marker{color:var(--faint)}
.table-wrap{margin:28px 0 38px;overflow-x:auto;border-radius:22px;background:#fff;border:1px solid var(--soft);box-shadow:var(--shadow)}table{width:100%;min-width:700px;border-collapse:collapse;font-size:.88rem;line-height:1.45}th{text-align:left;padding:13px 15px;color:var(--faint);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--line);background:#fbfbfc}td{padding:13px 15px;border-bottom:1px solid var(--soft);vertical-align:top;color:#444449;font-variant-numeric:tabular-nums}tr:last-child td{border:0}td:first-child{font-weight:650;color:var(--ink)}.yes{color:var(--green);font-weight:700}.no{color:var(--orange);font-weight:700}.score{font-weight:700;color:var(--ink)}.caption{margin:-24px 4px 36px;color:var(--faint);font-size:.82rem;line-height:1.5}
.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.condition{background:#fff;border:1px solid var(--soft);border-radius:18px;padding:20px;box-shadow:0 1px 2px rgba(29,29,31,.04)}.condition span{display:block;width:28px;height:28px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:.78rem;font-weight:750;display:grid;place-items:center;margin-bottom:13px}.condition b{display:block;font-size:.92rem;margin-bottom:6px}.condition p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.condition code{color:#55555a}
.mutants{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:24px 0}.mutant{height:38px;border-radius:10px;background:var(--green-soft);border:1px solid rgba(24,139,75,.16);display:grid;place-items:center;color:var(--green);font-size:.68rem;font-weight:740}.mutant.ui{background:var(--blue-soft);border-color:rgba(47,111,237,.14);color:var(--blue)}
.callout{margin:34px 0;padding:27px 29px;background:linear-gradient(145deg,#fff7ef,#fff);border:1px solid rgba(219,107,23,.16);border-radius:22px}.callout b{display:block;color:#9c440b;margin-bottom:8px}.callout p{margin:0;color:#6e4932}
.prompt{margin:28px 0 34px;background:#15171d;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(20,24,35,.16)}.prompt-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.09);color:#9da5b7;font-size:.75rem;font-weight:650}.dots{display:flex;gap:6px}.dots i{display:block;width:8px;height:8px;border-radius:50%;background:#4b5060}.prompt pre{margin:0;padding:22px;overflow:auto;color:#d9dfec;font:13px/1.62 var(--mono);white-space:pre-wrap}.prompt code{padding:0;background:none;color:inherit;white-space:pre-wrap}
.workflow{counter-reset:flow;margin:28px 0}.flow{position:relative;margin:0 0 12px;padding:18px 20px 18px 58px;background:#fff;border:1px solid var(--soft);border-radius:17px}.flow:before{counter-increment:flow;content:counter(flow);position:absolute;left:18px;top:18px;width:26px;height:26px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:740}.flow b{display:block;margin-bottom:3px}.flow p{margin:0;color:var(--muted);font-size:.9rem}
.faq{margin-top:18px}.faq h3{margin:28px 0 7px;font-size:1.05rem}.faq p{font-size:.97rem;margin-bottom:8px}.data-card{margin:38px 0;padding:28px;background:#fff;border:1px solid var(--soft);border-radius:22px;box-shadow:var(--shadow)}.data-card h3{margin:0 0 8px}.data-card p{margin:0 0 18px;color:var(--muted);font-size:.92rem}.data-links{display:flex;gap:10px;flex-wrap:wrap}.data-links a{border:1px solid var(--line)!important;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:650}.data-links a:hover{background:var(--page)}
.postcta{max-width:760px;margin:72px auto 0;background:linear-gradient(140deg,#101012,#232327);border-radius:30px;color:#fff;padding:42px;text-align:center}.postcta h2{margin:0 0 10px;font-size:1.52rem;letter-spacing:-.03em}.postcta p{margin:0 auto 22px;color:#b4b5bd;max-width:35rem}.postcta a{display:inline-flex;background:#fff;color:#111;border-radius:999px;padding:11px 20px;font-weight:650}.postcta a+a{margin-left:10px;background:transparent;color:#d1d2d8;border:1px solid rgba(255,255,255,.2)}
footer{padding:72px 0 40px;color:var(--muted)}.foot{display:grid;grid-template-columns:minmax(200px,1.2fr) repeat(3,minmax(130px,1fr));gap:34px}.foot img{width:92px;height:auto;opacity:.9;margin-bottom:14px}.foot .tag2{color:var(--muted);font-size:.9rem;max-width:24rem}.foot .foot-title{margin:0 0 12px;font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.foot nav{display:grid;gap:9px}.foot a{color:var(--muted);font-size:.9rem;font-weight:500}.foot a:hover{color:var(--ink)}.legal{border-top:1px solid var(--soft);margin-top:44px;padding-top:22px;font-size:.82rem}
@media(max-width:900px){.nav nav{display:none}.nav .cta-mini{margin-left:auto}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 30px)}.article{padding-top:50px}.hero{border-radius:25px}.toc ol{columns:1}.conditions{grid-template-columns:1fr}.mutants{grid-template-columns:repeat(5,1fr)}.table-wrap{margin-inline:-3px}.postcta{padding:34px 20px;border-radius:25px}.postcta a{display:flex;justify-content:center}.postcta a+a{margin:10px 0 0}.foot{grid-template-columns:1fr}footer{padding-top:54px}}
.table-hint{display:none}
@media(max-width:680px){.article .table-hint{display:block;margin:-27px 2px 32px;text-align:right;color:var(--faint);font-size:.76rem}}
@media(prefers-reduced-motion:no-preference){h1,.standfirst,.byline,.hero{opacity:0;transform:translateY(12px);animation:in .7s cubic-bezier(.2,.7,.25,1) forwards}.standfirst{animation-delay:.06s}.byline{animation-delay:.12s}.hero{animation-delay:.18s}@keyframes in{to{opacity:1;transform:none}}}