@layer components{[data-aios]{--aios-black:#000;--aios-ink:#f2f0e9;--aios-soft:#c9cbcd;--aios-muted:#8b8f94;--aios-molten:#ff5a1f;--aios-molten-soft:#ff8a5c;--aios-line:#f2f0e921;background:var(--aios-black);min-block-size:100vh;color:var(--aios-ink);font-family:var(--font-body)}[data-aios] .aios-skip{z-index:60;background:var(--aios-molten);color:var(--aios-black);padding:.75rem 1rem;position:absolute;inset-block-start:1rem;inset-inline-start:1.25rem;transform:translateY(-200%)}[data-aios] .aios-skip:focus{transform:translateY(0)}[data-aios] .aios-header{border-block-end:1px solid var(--aios-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.5rem clamp(1.25rem,3.4vw,3rem);display:flex}[data-aios] .aios-brand{font-family:"Chubbo", var(--font-display);letter-spacing:-.02em;color:var(--aios-ink);font-size:1.15rem;font-weight:500;text-decoration:none}[data-aios] .aios-nav{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}[data-aios] .aios-nav-link{min-block-size:44px;color:var(--aios-soft);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-size:.72rem;font-weight:500;text-decoration:none;display:inline-flex}[data-aios] .aios-nav-link[aria-current=page]{color:var(--aios-molten)}[data-aios] .aios-main{max-inline-size:86rem;margin-inline:auto;padding:5rem clamp(1.25rem,3.4vw,3rem) 3.5rem}[data-aios] .aios-label{color:var(--aios-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:500}[data-aios] .aios-title{max-inline-size:18ch;font-family:"Chubbo", var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin-block:1.4rem 1.6rem;font-size:clamp(2.8rem,7.4vw,6.4rem);font-weight:700;line-height:.98}[data-aios] .aios-lead{max-inline-size:62ch;color:var(--aios-soft);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.65}[data-aios] .aios-hot{color:var(--aios-molten)}[data-aios] .aios-summary{max-inline-size:70ch;color:var(--aios-soft);overflow-wrap:anywhere;margin-block-end:2.5rem;font-size:1.05rem;line-height:1.7}[data-aios] .aios-meta{color:var(--aios-muted);margin-block-start:1.5rem;font-size:.85rem}[data-aios] .aios-contents{border-block:1px solid var(--aios-line);flex-wrap:wrap;gap:.5rem 1.25rem;margin-block:2.5rem 3.5rem;padding-block:1.25rem;font-size:.85rem;display:flex}[data-aios] .aios-section{border-block-start:1px solid var(--aios-line);grid-template-columns:3rem minmax(0,1fr);gap:1.5rem;padding-block:2.5rem;scroll-margin-block-start:1.5rem;display:grid}[data-aios] .aios-section-number{padding-block-start:.45rem}[data-aios] .aios-section-title{font-family:"Chubbo", var(--font-display);letter-spacing:-.025em;margin-block-end:1.25rem;font-size:clamp(1.6rem,2.2vw,2.25rem);font-weight:700;line-height:1.1}[data-aios] .aios-section-body{max-inline-size:70ch;color:var(--aios-soft);overflow-wrap:anywhere;font-size:1.05rem;line-height:1.7}[data-aios] .aios-section-body p+p{margin-block-start:1rem}[data-aios] .aios-list{margin-block:1rem;padding-inline-start:1.25rem;list-style:outside}[data-aios] .aios-list li+li{margin-block-start:.6rem}[data-aios] .aios-features{gap:1.5rem;margin-block:1.5rem;list-style:none;display:grid}[data-aios] .aios-feature-title{color:var(--aios-ink);margin-block-end:.5rem;font-weight:700}[data-aios] .aios-note{border-inline-start:2px solid var(--aios-molten);padding-inline-start:1rem}[data-aios] .aios-related{gap:.75rem;margin-block-start:1.5rem;list-style:none;display:grid}[data-aios] .aios-link{color:var(--aios-ink);text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--aios-molten);text-decoration-color:var(--aios-molten)}[data-aios] .aios-link:hover,[data-aios] .aios-brand:hover,[data-aios] .aios-nav-link:hover{color:var(--aios-molten-soft)}[data-aios] a:focus-visible{outline:2px solid var(--aios-molten);outline-offset:4px}[data-aios] .aios-footer{border-block-start:1px solid var(--aios-line);color:var(--aios-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding:2rem clamp(1.25rem,3.4vw,3rem);font-size:.85rem;display:flex}@media (max-width:767px){[data-aios] .aios-header{align-items:flex-start}[data-aios] .aios-nav{gap:.25rem 1.25rem}[data-aios] .aios-main{padding-block:4.5rem 3rem}[data-aios] .aios-section{grid-template-columns:minmax(0,1fr);gap:.75rem;padding-block:2rem}[data-aios] .aios-section-number{padding:0}[data-aios] .aios-contents{margin-block:2rem 2.5rem}[data-aios] .aios-footer{flex-direction:column}}}
