@layer components{.ed-hero{padding-block:clamp(48px,7vw,92px) clamp(28px,4vw,48px);border-block-end:1px solid var(--border)}.ed-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:end}.ed-hero h1{max-inline-size:18ch}.ed-hero .lead{max-inline-size:60ch}.ed-hero-meta{display:grid;gap:6px;text-align:end;color:var(--muted);font-size:13px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ed-hero-meta strong{color:var(--brand-blue);font-family:var(--font-mono);font-size:26px;line-height:1}.tag-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-5) var(--space-6);padding-block-end:var(--space-4);border-block-end:1px dashed var(--border)}.tag-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-pill);padding:7px 13px 8px;background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tag-pill:hover{color:var(--brand-blue);border-color:var(--brand-blue)}.tag-pill[aria-current=true],.tag-pill.is-active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.tag-pill .count{color:inherit;opacity:.6;font-size:11px}.tag-pill[aria-current=true] .count{opacity:.85}.ed-featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;margin-block-end:var(--space-6);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ed-featured:hover{transform:translateY(-3px);border-color:#1f2c6752;box-shadow:var(--shadow)}.ed-featured-cover{position:relative;min-block-size:360px;background:radial-gradient(circle at 25% 18%,oklch(58% .21 29 / .22),transparent 36%),linear-gradient(155deg,var(--brand-blue-deep),var(--brand-blue));color:#fff}.ed-featured-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,oklch(32% .105 270 / .055) 1px,transparent 1px),linear-gradient(0deg,oklch(32% .105 270 / .04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 80%);mask-image:linear-gradient(135deg,#000,transparent 80%);pointer-events:none}.ed-featured-stamp{position:absolute;inset-inline-start:28px;inset-block-start:28px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid oklch(100% 0 0 / .25);border-radius:var(--radius-pill);background:#ffffff1f;backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ed-featured-stamp:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #db2d2340}.ed-featured-figure{position:absolute;inset-block-end:0;inset-inline:0;block-size:60%;pointer-events:none;z-index:1}.ed-featured-figure:before,.ed-featured-figure:after{content:"";position:absolute}.ed-featured-figure:before{inset-inline-end:8%;inset-block-end:12%;inline-size:58%;aspect-ratio:1;border-radius:50%;border:22px solid oklch(100% 0 0 / .12);box-shadow:inset 0 0 0 18px #ffffff0f}.ed-featured-figure:after{inset-inline-start:8%;inset-block-end:22%;inline-size:22%;block-size:8%;background:var(--accent);border-radius:4px;opacity:.92}.ed-featured-body{padding:clamp(24px,4vw,44px);display:grid;align-content:center;gap:var(--space-4)}.ed-featured-body h2{font-size:clamp(26px,2.6vw,38px);color:var(--brand-blue);margin:0}.ed-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ed-meta time,.ed-meta .read-time,.ed-meta .ed-category{display:inline-flex;align-items:center;gap:6px}.ed-meta .ed-category{color:var(--brand-blue);font-weight:700}.ed-meta .dot{background:var(--muted);inline-size:5px;block-size:5px}.ed-featured-cta{display:inline-flex;align-items:center;gap:8px;color:var(--brand-blue);font-weight:900;font-size:14px;text-decoration:none}.ed-featured-cta:after{content:"→";transition:transform var(--dur-fast) var(--ease-out)}.ed-featured:hover .ed-featured-cta:after{transform:translate(4px)}.ed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.ed-card{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:inherit;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ed-card:hover{transform:translateY(-4px);border-color:#1f2c6752;box-shadow:var(--shadow)}.ed-card-cover{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 30% 20%,oklch(58% .21 29 / .18),transparent 38%),linear-gradient(150deg,#e4ecf5,oklch(99% .008 248));border:1px solid var(--border)}.ed-card-cover:before{content:"";position:absolute;inset:14% 14% 0;border-radius:50% 50% 6px 6px;background:linear-gradient(160deg,var(--brand-blue),var(--brand-blue-deep));opacity:.42}.ed-card-cover:after{content:"";position:absolute;inset-inline:18% 18%;inset-block-end:12%;block-size:14%;background:var(--accent);opacity:.65;border-radius:4px}.ed-card-cover.cover-ship:before{background:linear-gradient(150deg,var(--brand-blue),var(--brand-blue-deep));opacity:.5}.ed-card-cover.cover-cert:before{inset:18% 22% 14%;border-radius:8px;opacity:.55}.ed-card-cover.cover-cert:after{inset-inline:28% 28%;inset-block-end:18%;block-size:22%;background:var(--accent);opacity:.8}.ed-card-cover.cover-factory:before{inset:22% 12% 0;border-radius:4px 4px 0 0;opacity:.5}.ed-card-cover.cover-expo:before{background:linear-gradient(160deg,var(--accent),var(--accent-deep));opacity:.45}.ed-card-cover.cover-doc:before{inset:18% 28% 8%;border-radius:4px;background:linear-gradient(160deg,var(--brand-blue),var(--brand-blue-deep));opacity:.55}.ed-card-cover.cover-doc:after{inset-inline:32% 32%;inset-block-end:14%;block-size:4%;background:#fff9;opacity:1;border-radius:1px}.ed-card-cover.cover-delegation:before{background:radial-gradient(circle,var(--brand-blue) 0,var(--brand-blue-deep) 70%);opacity:.42;border-radius:50%;inset:26% 30%}.ed-card-cover.cover-wheel:before{inset:14% 22%;border-radius:50%;opacity:.55}.ed-card-cover.cover-wheel:after{inline-size:8%;block-size:8%;inset-inline:auto;inset-block-end:auto;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);opacity:1}.ed-card-cover.cover-contract:before{inset:12% 22%;border-radius:4px;opacity:.55}.ed-card-cover.cover-contract:after{inset-inline:30% 30%;inset-block-end:22%;block-size:28%;background:linear-gradient(180deg,var(--accent),transparent);opacity:.55}.ed-card-cover.cover-scrubber:before{inset:8% 28% 0;border-radius:50% 50% 0 0;opacity:.55}.ed-card-cover.cover-scrubber:after{inset-inline:38% 38%;inset-block-end:8%;block-size:18%;background:var(--accent);opacity:.75}.ed-card-cover.cover-formula:before{inset:30% 18%;border-radius:4px;opacity:.55}.ed-card-cover.cover-compare:before{inset:18% 28%;border-radius:4px;background:linear-gradient(90deg,var(--brand-blue) 0 50%,var(--accent) 50% 100%);opacity:.6}.ed-card-cover.cover-fuel:before{inset:18% 18% 0;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent),var(--brand-blue));opacity:.55}.ed-card h3{font-size:clamp(17px,1.4vw,21px);color:var(--brand-blue);line-height:1.18;margin:0;text-wrap:balance}.ed-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.ed-card-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block-start:var(--space-3);border-block-start:1px solid var(--border)}.ed-card-foot .ed-category{color:var(--brand-blue);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.ed-card-foot time{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.ed-pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block-start:var(--space-6);margin-block-start:var(--space-7);border-block-start:1px solid var(--border)}.ed-pagination .pages{display:flex;gap:6px;align-items:center}.ed-pagination .page{min-inline-size:40px;min-block-size:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--border);border-radius:10px;color:var(--brand-blue);font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;text-decoration:none;background:var(--surface);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.ed-pagination .page:hover{border-color:var(--brand-blue)}.ed-pagination .page[aria-current=page]{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.ed-pagination .page.is-gap{border-color:transparent;background:transparent;color:var(--muted);cursor:default;pointer-events:none}.ed-pagination .page-nav{display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-family:var(--font-body);font-weight:700}.ed-pagination .page-nav[aria-disabled=true]{color:var(--muted);cursor:not-allowed;pointer-events:none;background:transparent}.article-shell{display:grid;grid-template-columns:220px minmax(0,720px) 280px;gap:56px;align-items:start;margin-block:var(--space-7)}.article-toc{position:sticky;inset-block-start:calc(var(--header-h) + 16px);align-self:start}.article-toc h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-3)}.article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:grid;gap:4px}.article-toc li{counter-increment:toc}.article-toc a{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:7px 0;color:var(--fg-2);font-size:13px;line-height:1.4;text-decoration:none;border-block-end:1px solid transparent;transition:color var(--dur-fast) var(--ease-out)}.article-toc a:before{content:counter(toc,decimal-leading-zero);color:var(--muted);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.article-toc a:hover{color:var(--accent)}.article-aside{position:sticky;inset-block-start:calc(var(--header-h) + 16px);align-self:start;display:grid;gap:var(--space-3)}.article-aside .aside-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-2)}.article-aside .aside-card h5{margin:0;font-family:var(--font-display);font-size:16px;color:var(--brand-blue);line-height:1.2}.article-aside .aside-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.article-aside .aside-card .btn{inline-size:100%}.article{font-size:17px;line-height:1.65;color:var(--fg-2);max-inline-size:720px}.article>*+*{margin-block-start:var(--space-4)}.article h2{margin-block-start:var(--space-7);color:var(--brand-blue);font-size:clamp(24px,2.2vw,32px);line-height:1.12}.article h3{margin-block-start:var(--space-6);color:var(--brand-blue);font-family:var(--font-body);font-size:20px;font-weight:800;letter-spacing:-.005em;line-height:1.25}.article p{color:inherit}.article a{color:var(--brand-blue);text-decoration:underline;text-decoration-color:#1f2c6759;text-underline-offset:3px}.article a:hover{color:var(--accent);text-decoration-color:currentColor}.article strong{color:var(--fg)}.article em{font-style:normal;background:linear-gradient(transparent 62%,#db2d2326 62%);padding:0 2px}.article ul,.article ol{padding-inline-start:24px;color:inherit;display:grid;gap:8px}.article ul li::marker{color:var(--accent)}.article ol li::marker{color:var(--brand-blue);font-family:var(--font-mono);font-weight:700}.article hr{border:0;block-size:1px;background:var(--border);margin-block:var(--space-6)}.article .lede:first-letter{float:inline-start;font-family:var(--font-display);font-size:4.6em;line-height:.88;color:var(--brand-blue);padding-inline-end:12px;padding-block-start:4px}.pull-quote{border-inline-start:4px solid var(--accent);padding-inline-start:22px;margin-block:var(--space-6)!important;font-family:var(--font-display);font-size:clamp(22px,2vw,30px);line-height:1.15;color:var(--brand-blue);text-wrap:balance}.pull-quote cite{display:block;margin-block-start:12px;font-family:var(--font-mono);font-size:12px;font-style:normal;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.article blockquote:not(.pull-quote){margin:0;padding:16px 20px;border-inline-start:3px solid var(--brand-blue);background:var(--info-bg);border-radius:0 var(--radius) var(--radius) 0;font-style:normal;color:var(--fg-2)}.article blockquote:not(.pull-quote) p{margin:0}.article blockquote cite{display:block;margin-block-start:8px;font-family:var(--font-mono);font-size:12px;font-style:normal;color:var(--muted);letter-spacing:.04em}.callout{display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);margin-block:var(--space-5)!important}.callout h4{margin:0 0 6px;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-blue)}.callout p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.55}.callout-icon{inline-size:36px;block-size:36px;border-radius:10px;display:grid;place-items:center;background:var(--info-bg);color:var(--brand-blue);font-family:var(--font-display);font-size:18px;font-weight:900;flex:none}.callout.is-warning{background:oklch(98% .04 88);border-color:#edbf71}.callout.is-warning .callout-icon{background:oklch(91% .14 80);color:oklch(36% .12 60)}.callout.is-warning h4{color:oklch(36% .12 60)}.callout.is-fact{background:var(--info-bg);border-color:#c2d3e4}.callout.is-tldr{background:var(--brand-blue-deep);border-color:transparent;color:#fff}.callout.is-tldr h4,.callout.is-tldr p{color:#fff}.callout.is-tldr .callout-icon{background:#ffffff24;color:#fff}.spec-mini{margin-block:var(--space-5)!important;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.spec-mini caption{text-align:start;padding:14px 18px 12px;background:linear-gradient(90deg,var(--surface-soft),#fff);border-block-end:1px solid var(--border);block-size:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue);font-weight:800}.spec-mini table{inline-size:100%;min-inline-size:0;border-collapse:separate;border-spacing:0}.spec-mini th{position:static;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:12px 18px}.spec-mini td{padding:13px 18px;color:var(--fg);font-size:14px;line-height:1.4}.spec-mini tr td:first-child,.spec-mini tr th:first-child{color:var(--brand-blue);font-weight:700;background:var(--surface);position:static}.spec-mini td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;color:var(--brand-blue);font-weight:700}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;color:var(--fg-2);font-size:15px;line-height:1.5}.checklist li:before{content:"";inline-size:20px;block-size:20px;margin-block-start:2px;border-radius:6px;background:var(--success);background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(-45deg,transparent 50%,#fff 50%);background-size:60% 60%;background-position:-4px 4px,4px 0;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #036819;flex:none}.checklist.is-todo li:before{background:var(--surface);background-image:none;box-shadow:inset 0 0 0 1px var(--border)}.article figure{margin:var(--space-5) 0}.article figure>.figure-img{aspect-ratio:16 / 10;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:radial-gradient(circle at 30% 22%,oklch(58% .21 29 / .14),transparent 40%),linear-gradient(150deg,#e4ecf5,oklch(99% .008 248));position:relative}.article figure>.figure-img:before{content:attr(data-label);position:absolute;inset-inline-start:18px;inset-block-start:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue);background:#ffffffd9;padding:6px 10px;border-radius:6px;border:1px solid var(--border)}.article figure>.figure-img:after{content:"";position:absolute;inset:24% 24% 16%;border:14px solid var(--brand-blue);border-radius:50%;opacity:.55}.article figcaption{margin-block-start:10px;color:var(--muted);font-size:13px;line-height:1.45;font-family:var(--font-body)}.article figcaption .small{font-family:var(--font-mono);color:var(--brand-blue);text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-inline-end:6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block:var(--space-5)}.gallery .figure-img{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;position:relative}.gallery .figure-img:nth-child(1){background:linear-gradient(150deg,var(--brand-blue),var(--brand-blue-deep))}.gallery .figure-img:nth-child(2){background:radial-gradient(circle at 40% 30%,var(--accent),transparent 60%),linear-gradient(150deg,#e4ecf5,oklch(99% .008 248))}.gallery .figure-img:nth-child(3){background:linear-gradient(135deg,var(--brand-blue-deep) 0 55%,var(--accent) 55% 100%)}.gallery .figure-img:before{content:attr(data-label);position:absolute;inset-block-end:14px;inset-inline:14px;color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#00000059;padding:6px 8px;border-radius:6px;backdrop-filter:blur(4px)}.inline-cta{margin-block:var(--space-5)!important;background:radial-gradient(circle at 90% 0%,oklch(58% .21 29 / .18),transparent 40%),linear-gradient(145deg,var(--brand-blue-deep),var(--brand-blue));color:#fff;border-radius:var(--radius-lg);padding:24px 26px;display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}.inline-cta h4{margin:0 0 4px;font-family:var(--font-display);font-size:20px;color:#fff}.inline-cta p{margin:0;color:var(--on-dark);font-size:14px}.inline-cta .btn{white-space:nowrap}.article .fn-ref{font-size:.7em;vertical-align:super;line-height:0;margin-inline-start:1px;color:var(--accent);text-decoration:none;font-weight:800;font-family:var(--font-mono)}.footnotes{margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px dashed var(--border);font-size:13px;color:var(--muted)}.footnotes h4{margin:0 0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-blue)}.footnotes ol{padding-inline-start:22px;display:grid;gap:6px}.footnotes li{font-size:13px;line-height:1.45}.footnotes a{color:var(--brand-blue)}.author-card{margin-block:var(--space-6)!important;display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.author-avatar{inline-size:88px;block-size:88px;border-radius:50%;background:radial-gradient(circle at 30% 28%,var(--accent),transparent 38%),linear-gradient(150deg,var(--brand-blue),var(--brand-blue-deep));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:.02em}.author-card h5{margin:0;font-family:var(--font-display);font-size:18px;color:var(--brand-blue)}.author-card .author-role{color:var(--muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-block:4px 10px}.author-card p{margin:0;color:var(--fg-2);font-size:14px;line-height:1.5}.ed-cta-band{margin-block-start:var(--space-7);padding:clamp(28px,4vw,48px);background:radial-gradient(circle at 8% 30%,oklch(58% .21 29 / .22),transparent 40%),linear-gradient(145deg,var(--brand-blue-deep),var(--brand-blue));border-radius:var(--radius-2xl);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-6);align-items:center}.ed-cta-band h2{margin:0;color:#fff}.ed-cta-band p{color:var(--on-dark);margin-block-start:14px;max-inline-size:52ch}.ed-cta-band .actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.news-head{padding-block:clamp(36px,5vw,64px) clamp(20px,3vw,36px)}.news-head h1{max-inline-size:22ch;margin-block-start:var(--space-3)}.news-head .lead{max-inline-size:60ch;margin-block-start:var(--space-3)}.article-head{padding-block:clamp(36px,5vw,64px) clamp(20px,3vw,36px)}.article-head h1{max-inline-size:22ch;margin-block:var(--space-3) var(--space-3)}.article-head .lead{max-inline-size:56ch;font-size:clamp(17px,1.5vw,21px)}.article-head .meta-row{display:flex;flex-wrap:wrap;gap:12px 22px;margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.article-head .meta-row strong{color:var(--brand-blue);font-weight:700}.article-cover{aspect-ratio:16 / 8;border-radius:var(--radius-2xl);margin-block-end:var(--space-6);overflow:hidden;position:relative;background:radial-gradient(circle at 20% 30%,oklch(58% .21 29 / .25),transparent 45%),linear-gradient(150deg,var(--brand-blue-deep),var(--brand-blue))}.article-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,oklch(32% .105 270 / .06) 1px,transparent 1px),linear-gradient(0deg,oklch(32% .105 270 / .04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 80%);mask-image:linear-gradient(135deg,#000,transparent 80%)}.article-cover:after{content:"";position:absolute;inset-inline-end:8%;inset-block-end:10%;inline-size:36%;aspect-ratio:1;border-radius:50%;border:22px solid oklch(100% 0 0 / .14);box-shadow:inset 0 0 0 18px #ffffff14}.article-cover.is-shipment:after{border-color:#ffffff40}.article-cover-label{position:absolute;inset-inline-start:24px;inset-block-end:22px;z-index:2;color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:#00000040;padding:8px 12px;border-radius:8px;backdrop-filter:blur(8px);border:1px solid oklch(100% 0 0 / .18)}.state-block{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;background:var(--surface);color:var(--muted)}.state-block strong{display:block;color:var(--brand-blue);margin-block-end:6px}.state-block.empty{background:var(--surface-soft)}.skeleton{display:block;background:linear-gradient(90deg,var(--border) 0,oklch(96% .005 248) 50%,var(--border) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:6px;block-size:12px;inline-size:100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.article-footer-row{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px solid var(--border)}.article-footer-row .small{color:var(--muted);font-size:13px}.share-row{display:flex;gap:8px}.share-row a{inline-size:38px;block-size:38px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface);color:var(--brand-blue);text-decoration:none;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.04em;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.share-row a:hover{color:var(--accent);border-color:var(--accent)}.kit-nav{position:sticky;inset-block-start:calc(var(--header-h) + 16px);align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:grid;gap:4px}.kit-nav a{padding:8px 10px;border-radius:8px;color:var(--fg-2);font-size:13px;text-decoration:none;display:flex;justify-content:space-between;gap:8px}.kit-nav a:hover{background:var(--surface-soft);color:var(--brand-blue)}.kit-nav a .ix{color:var(--muted);font-family:var(--font-mono);font-size:11px}.kit-section{padding-block-start:var(--space-6);border-block-start:1px solid var(--border);margin-block-start:var(--space-6)}.kit-section:first-of-type{padding-block-start:0;border-block-start:0;margin-block-start:0}.kit-section>h2{margin:0 0 8px;display:flex;align-items:baseline;gap:12px}.kit-section>h2 .ix{color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.04em}.kit-section>.small{margin-block-end:var(--space-5)}.kit-row{display:grid;grid-template-columns:200px 1fr;gap:24px;padding-block:var(--space-4);border-block-end:1px dashed var(--border);align-items:start}.kit-row:last-child{border-block-end:0}.kit-row-label{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding-block-start:6px}.kit-row-spec{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;margin-block-start:6px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.swatch{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.swatch-color{block-size:96px;border-block-end:1px solid var(--border)}.swatch-meta{padding:10px 12px;display:grid;gap:2px}.swatch-meta strong{color:var(--brand-blue);font-family:var(--font-display);font-size:13px;letter-spacing:.02em}.swatch-meta .swatch-code{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.field.is-valid input{border-color:var(--success);box-shadow:0 0 0 3px #30863926}.field.is-invalid input{border-color:var(--accent);box-shadow:0 0 0 3px #db2d2326}.field-msg{font-family:var(--font-mono);font-size:11px;margin-block-start:4px;letter-spacing:.04em}.field.is-valid .field-msg{color:var(--success)}.field.is-invalid .field-msg{color:var(--accent)}.field-hint{color:var(--muted);font-size:12px;margin-block-start:4px}.opt{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;font-size:14px;color:var(--fg)}.opt input{inline-size:18px;block-size:18px;min-block-size:18px;margin:0;accent-color:var(--brand-blue)}.opt:has(input:checked){border-color:var(--brand-blue);background:var(--info-bg);color:var(--brand-blue);font-weight:700}.toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{inline-size:44px;block-size:24px;background:var(--border);border-radius:999px;position:relative;transition:background var(--dur-fast) var(--ease-out)}.toggle-track:after{content:"";position:absolute;inset-block:2px;inset-inline-start:2px;inline-size:20px;background:#fff;border-radius:999px;box-shadow:0 1px 3px #00000040;transition:transform var(--dur-fast) var(--ease-out)}.toggle:has(input:checked) .toggle-track{background:var(--brand-blue)}.toggle:has(input:checked) .toggle-track:after{transform:translate(20px)}.tabs{display:inline-flex;gap:2px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border)}.tabs button{border:0;background:transparent;color:var(--muted);font-family:var(--font-body);font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface);color:var(--brand-blue);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--brand-blue)}.badge.is-accent{background:var(--accent);border-color:var(--accent);color:#fff}.badge.is-success{background:var(--success);border-color:var(--success);color:#fff}.badge.is-warn{background:oklch(91% .14 80);border-color:#edbf71;color:oklch(36% .12 60)}.badge.is-dark{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.badge.is-muted{background:var(--surface-soft);border-color:var(--border);color:var(--muted)}.iconbox{inline-size:40px;block-size:40px;border-radius:10px;background:linear-gradient(135deg,#e3f0fd,oklch(99% .008 248));border:1px solid var(--border);display:grid;place-items:center;color:var(--brand-blue)}.iconbox svg{inline-size:22px;block-size:22px}.space-row{display:grid;grid-template-columns:80px 1fr 60px;gap:12px;align-items:center;padding-block:6px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.space-row .bar{background:var(--accent);block-size:8px;border-radius:2px}.space-row .label{color:var(--brand-blue);font-weight:700}.grid-demo{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.grid-demo div{background:var(--info-bg);border:1px dashed oklch(32% .105 270 / .3);block-size:56px;border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--brand-blue)}@media(max-width:1180px){.article-shell{grid-template-columns:minmax(0,1fr);gap:32px}.article-toc,.article-aside{position:static}.article-aside{grid-template-columns:1fr 1fr;display:grid}}@media(max-width:1060px){.ed-grid{grid-template-columns:repeat(2,1fr)}.ed-featured{grid-template-columns:1fr}.ed-featured-cover{min-block-size:240px}.ed-cta-band{grid-template-columns:1fr}.ed-hero-grid{grid-template-columns:1fr;align-items:start}.ed-hero-meta{text-align:start}}@media(max-width:720px){.ed-grid,.gallery,.article-aside{grid-template-columns:1fr}.ed-pagination{flex-direction:column;gap:var(--space-4)}.author-card{grid-template-columns:72px 1fr;gap:14px;padding:16px}.author-avatar{inline-size:72px;block-size:72px;font-size:22px}.inline-cta{grid-template-columns:1fr}.article{font-size:16px;line-height:1.6}.article h2{font-size:24px}.article h3{font-size:19px}.pull-quote{font-size:20px;padding-inline-start:16px}.article-cover{aspect-ratio:16/10;border-radius:var(--radius-lg)}.kit-row{grid-template-columns:1fr;gap:12px}.ed-pagination .pages{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.ed-card{padding:16px}.ed-card h3{font-size:17px}.article h2{font-size:22px}.pull-quote{font-size:19px}.callout{grid-template-columns:1fr}.callout-icon{inline-size:32px;block-size:32px;font-size:16px}.gallery{gap:8px}}}