@layer components{.guides-shell{min-height:100vh;background:var(--color-canvas);color:var(--color-ink)}.guides-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1120px;margin:auto;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-line)}.guides-header nav{display:flex;gap:1.2rem;font-size:.88rem;font-weight:650}.guides-header nav a{color:var(--color-ink-soft)}.guides-header nav a:hover,.guides-header nav a[aria-current]{color:var(--color-brand)}.guides-brand{color:var(--color-brand-strong);font-family:var(--font-display);font-size:1.35rem;font-weight:750;letter-spacing:-.04em}.guides-intro{max-width:800px;margin:4.5rem auto 3rem;padding:0 1.5rem;text-align:center}.guides-article h1,.guides-intro h1{margin:.5rem 0 1rem;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.guides-intro>p:last-child{color:var(--color-ink-soft);font-size:1.08rem;line-height:1.6}.guides-kicker{margin:0;color:var(--color-brand-strong);font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.guides-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem;max-width:1120px;margin:auto;padding:0 1.5rem 5rem}.guides-aside-card,.guides-card{border:1px solid var(--color-line);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.guides-card{padding:1.5rem}.guides-card>span{color:var(--color-brand-strong);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guides-card h2{margin:.7rem 0;font-family:var(--font-display);font-size:1.2rem;line-height:1.25}.guides-card h2 a:hover{color:var(--color-brand-strong)}.guides-card p{color:var(--color-ink-soft);font-size:.88rem;line-height:1.6}.guides-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:2.5rem;max-width:1120px;margin:auto;padding:2.5rem 1.5rem 6rem}.guides-article{min-width:0;padding:2rem clamp(1.2rem,3vw,3rem) 3rem;border:1px solid var(--color-line);border-radius:18px;background:var(--color-surface)}.guides-breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;color:var(--color-ink-faint);font-size:.78rem}.guides-breadcrumbs a:hover{color:var(--color-brand-strong)}.guides-byline{margin-bottom:2.5rem;color:var(--color-ink-faint);font-size:.78rem}.guides-prose{color:var(--color-ink-soft);font-size:.98rem;line-height:1.75}.guides-prose>*+*{margin-top:1.2rem}.guides-prose h2{margin:2.8rem 0 .8rem;font-size:clamp(1.35rem,2.7vw,1.85rem);line-height:1.2}.guides-prose h2,.guides-prose h3{color:var(--color-ink);font-family:var(--font-display);font-weight:700}.guides-prose h3{margin:2rem 0 .6rem;font-size:1.18rem;line-height:1.3}.guides-prose p{margin:.75rem 0}.guides-prose b,.guides-prose strong{color:var(--color-ink)}.guides-prose a{color:var(--color-brand-strong);font-weight:650;text-decoration:underline;text-underline-offset:3px}.guides-prose ol,.guides-prose ul{margin:1rem 0 1.4rem;padding-left:1.5rem}.guides-prose li{padding-left:.25rem;margin:.45rem 0}.guides-prose ul li{list-style:disc}.guides-prose ol li{list-style:decimal}.guides-prose code{padding:.1em .3em;border-radius:4px;background:var(--color-surface-3);color:var(--color-ink);font-family:var(--font-mono);font-size:.88em}.guides-prose img{display:block;max-width:100%;height:auto;margin:1rem auto;border:1px solid var(--color-line);border-radius:12px}.guides-prose figure{max-width:100%;margin:1.5rem 0}.guides-prose figcaption{color:var(--color-ink-faint);font-size:.8rem;text-align:center}.guides-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4rem 0;font-size:.85rem}.guides-prose td,.guides-prose th{padding:.65rem .8rem;border:1px solid var(--color-line);text-align:left}.guides-prose th{background:var(--color-surface-2);color:var(--color-ink)}.guides-prose .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:10px;background:var(--color-brand);color:var(--color-on-brand);font-weight:700;text-decoration:none}.guides-aside{position:sticky;top:1.5rem}.guides-aside-card{padding:1.4rem}.guides-aside-card h2{margin:.6rem 0;font-family:var(--font-display);font-size:1.2rem;line-height:1.25}.guides-aside-card>p:not(.guides-kicker){color:var(--color-ink-soft);font-size:.85rem;line-height:1.55}.guides-cta{display:inline-flex;margin-top:.8rem;color:var(--color-brand-strong);font-size:.85rem;font-weight:700}@media (max-width:850px){.guides-columns{grid-template-columns:1fr}.guides-aside{position:static}}@media (max-width:550px){.guides-header{padding:1rem}.guides-header nav{gap:.7rem;font-size:.78rem}.guides-columns{padding:1rem 1rem 3rem}.guides-article{padding:1.4rem 1.1rem 2rem}}}