.guide-hero { padding:36px 0; max-width:760px; }
.guide-hero h1 { font-size:clamp(2.5rem,7vw,4.5rem); line-height:1.08; letter-spacing:-.05em; margin:18px 0; }
.guide-layout { display:grid; gap:24px; align-items:start; }
.guide-contents { display:flex; gap:10px; flex-wrap:wrap; padding:20px; background:#eaf0ff; border-radius:16px; }
.guide-contents strong { width:100%; }
.guide-contents a { padding:7px 10px; border-radius:8px; font-size:.88rem; background:white; color:#174cff; }
.guide-sections { display:grid; gap:24px; min-width:0; }
.guide-card { min-width:0; padding:24px; background:white; border:1px solid #dfe6f1; border-radius:20px; scroll-margin-top:24px; overflow-wrap:anywhere; }
.guide-card h2 { font-size:clamp(1.5rem,3vw,2rem); letter-spacing:-.03em; line-height:1.25; margin:0 0 20px; }
.guide-card h3 { font-size:1.1rem; margin-top:26px; }
.guide-card p,.guide-card li,.guide-card dd { line-height:1.8; color:#53647c; }
.guide-card li { margin-bottom:12px; padding-left:5px; }
.guide-card ol { padding-left:24px; }
.guide-card a:not(.btn) { color:#174cff; text-decoration:underline; text-underline-offset:3px; }
.guide-definitions dt { font-weight:700; margin-top:18px; }
.guide-definitions dd { margin:6px 0 18px; }
.guide-example,.guide-callout { padding:20px; background:#eff4ff; border-radius:14px; margin:24px 0; }
.guide-example p,.guide-callout p { margin-bottom:0; }
.guide-card details { border-bottom:1px solid #dfe6f1; padding:18px 0; }
.guide-card summary { cursor:pointer; font-weight:700; line-height:1.6; }
.guide-table { overflow-x:auto; }
.guide-table table { width:100%; border-collapse:collapse; font-size:.9rem; }
.guide-table th,.guide-table td { text-align:left; padding:14px 12px; border-bottom:1px solid #dfe6f1; }
.guide-table th { background:#f3f6fc; }
@media(min-width:1000px) { .guide-layout { grid-template-columns:240px minmax(0,1fr); gap:32px; } .guide-contents { position:sticky; top:24px; display:grid; } .guide-contents strong { width:auto; } .guide-card { padding:36px; } }
@media print { .public-header,.guide-contents,.public-footer,.actions { display:none; } .guide-layout { display:block; } .guide-card { border:0; padding:16px 0; } .guide-card h2 { break-after:avoid; } details { display:block; } }