.spec-hero__lede{max-width:38rem;color:var(--a-text);text-wrap:pretty;margin-top:1.25rem;font-size:1.125rem;line-height:1.7}.spec-hero__actions{flex-wrap:wrap;gap:12px;margin-top:1.75rem;display:flex}.spec-brief{gap:10px;margin:0;padding:0;list-style:none;display:grid}.spec-brief__item{background:linear-gradient(155deg, var(--cat-wash-from) 0%, var(--cat-wash-to) 100%);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.spec-brief__icon{background:color-mix(in oklab, var(--a-surface) 70%, transparent);width:32px;height:32px;color:var(--cat-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spec-brief__title{color:var(--a-heading);margin:0;font-size:1rem;font-weight:600;line-height:1.35}.spec-brief__body{color:var(--a-muted);margin:4px 0 0;font-size:.875rem;line-height:1.55}.spec-section__head{text-align:center;max-width:46rem;margin:0 auto 2.5rem}.spec-section__title{color:var(--a-heading);letter-spacing:-.028em;text-wrap:balance;margin-top:.75rem;font-size:clamp(1.75rem,1.35rem + 1.3vw,2.5rem);font-weight:600;line-height:1.12}.spec-section__intro{color:var(--a-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.7}.spec-section__title strong{color:var(--a-accent);font-weight:inherit}.spec-grid{gap:1.25rem;display:grid;@media (width>=768px){grid-template-columns:repeat(2,minmax(0,1fr))}}.spec-grid--3{@media (width>=1100px){grid-template-columns:repeat(3,minmax(0,1fr))}}.spec-card{border:1px solid var(--a-border);background:var(--a-surface);transition:transform .5s var(--ease-spring), box-shadow .3s ease, border-color .3s ease;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden;&:hover{border-color:color-mix(in oklab, var(--cat-accent) 30%, var(--a-border));box-shadow:var(--a-shadow-lift);transform:translateY(-4px)}}.spec-card__head{isolation:isolate;border-bottom:1px solid var(--a-border);background:linear-gradient(155deg, var(--cat-wash-from) 0%, var(--cat-wash-to) 100%);padding:1.5rem 1.4rem 1.6rem;position:relative;overflow:hidden;&>.article-cover__grid{z-index:-1}}.spec-card__mark{z-index:-1;width:96px;height:96px;color:var(--cat-accent);opacity:.07;transition:transform .45s;position:absolute;bottom:-18px;right:-14px;transform:rotate(-8deg)}.spec-card:hover .spec-card__mark{transform:rotate(-2deg)scale(1.06)}.spec-card__kicker{color:var(--cat-ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 .75rem;font-size:11px;font-weight:600;display:inline-flex;& svg{color:var(--cat-accent)}}.spec-card__title{color:var(--a-heading);letter-spacing:-.018em;text-wrap:balance;margin:0;font-size:1.25rem;font-weight:600;line-height:1.25;position:relative}.spec-card__body{color:var(--a-text);flex:auto;padding:1.25rem 1.4rem 1.5rem;font-size:.9688rem;line-height:1.65}.spec-card__link{color:var(--a-accent-ink);align-items:center;gap:6px;margin-top:1rem;font-weight:600;text-decoration:none;display:inline-flex;&:hover{text-underline-offset:3px;text-decoration:underline}}.est-mark{vertical-align:super;opacity:.75;margin-left:2px;font-size:.55em;font-weight:600;line-height:0}.spec-card--link{color:inherit;text-decoration:none;&:focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}&:hover .spec-card__link{text-underline-offset:3px;text-decoration:underline}}.spec-card__meta{color:var(--a-muted);margin-top:.75rem;font-size:.8125rem;font-weight:500}.brief-agents{gap:8px;margin:.85rem 0 0;padding:0;list-style:none;display:grid;& a{border:1px solid var(--a-border);background:var(--a-surface-2);color:var(--a-heading);transition:border-color .25s ease, transform .4s var(--ease-spring);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}& a:hover{border-color:color-mix(in oklab, var(--a-accent) 35%, var(--a-border));transform:translate(2px)}& a:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}}.brief-agents__icon{background:var(--a-accent-soft);width:32px;height:32px;color:var(--a-accent);border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.brief-agents__name{font-size:.875rem;display:block}.brief-agents__line{color:var(--a-muted);margin-top:2px;font-size:.8125rem;line-height:1.45;display:block}.brief-agents__arrow{color:var(--a-muted);flex-shrink:0;margin-left:auto}.brief-agents .status-badge{margin-top:6px}.brief-note{color:var(--a-muted);gap:8px;margin-top:1rem;font-size:.875rem;line-height:1.55;display:flex}.article-theme .status-badge{border-color:var(--a-border);background:var(--a-surface);color:var(--a-muted)}.spec-prose{gap:2.5rem;max-width:52rem;margin:0 auto;display:grid}.spec-page .article-brief>.blog-stats:first-child{border-top:0;margin-top:0;padding-top:0}.spec-roadmap{gap:6px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.spec-roadmap__item{border:1px solid var(--a-border);color:var(--a-muted);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:.9375rem;display:flex;&.is-live{border-color:color-mix(in oklab, var(--a-teal) 40%, var(--a-border));background:var(--a-teal-soft);color:var(--a-heading);font-weight:600}}.spec-status{border:1px solid var(--a-border);width:fit-content;color:var(--a-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex;&:before{content:"";opacity:.7;background:currentColor;border-radius:999px;width:6px;height:6px}}.spec-status--live{background:var(--a-teal-soft);color:var(--a-teal);border-color:#0000;&:before{opacity:1;animation:2s ease-in-out infinite spec-pulse}}.spec-status--coming-soon{background:var(--a-accent-soft);color:var(--a-accent-ink);border-color:#0000}@keyframes spec-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.spec-status--live:before{animation:none}}.spec-featured{margin-bottom:1rem}li.spec-card:hover{box-shadow:none;transform:none}.spec-note{max-width:46rem;color:var(--a-muted);text-align:center;margin:2.5rem auto 0;font-size:1rem;line-height:1.7;& a{color:var(--a-link);font-weight:600}}html[data-theme=dark] .spec-page{& .spec-brief__icon{background:#ffffff14}}
