/* Practical reading pages using the site's existing color and type system. */
.guide-hub,.guide-article{padding-top:clamp(112px,12vw,170px);padding-bottom:64px}
.guide-crumbs{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:44px}
.guide-crumbs a{text-decoration:underline;text-underline-offset:4px}
.guide-heading{max-width:1040px}.guide-heading h1,.guide-hub h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.055em;max-width:1000px;margin:18px 0 28px}
.guide-intro{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;max-width:780px;color:var(--muted);margin-bottom:48px}
.guide-byline{font-size:.85rem;color:var(--muted);margin-bottom:28px}
.guide-answer{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;border-left:3px solid var(--blue);padding:8px 0 8px 24px;max-width:900px}
.guide-layout{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,740px);gap:clamp(32px,6vw,100px);margin-top:64px;align-items:start}
.guide-toc{position:sticky;top:130px;font-size:.88rem;line-height:1.6;color:var(--muted)}
.guide-toc ol{padding-left:20px;margin:20px 0}.guide-toc li{padding-left:4px;margin:12px 0}.guide-toc a:hover{color:var(--blue)}
.guide-body{min-width:0}.guide-body section{margin-bottom:48px;scroll-margin-top:140px}
.guide-body h2{font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 22px}
.guide-body p,.guide-body li{font-size:1.02rem;line-height:1.8}.guide-body p{margin:0 0 18px}.guide-body ul{padding-left:22px}.guide-body li{margin:9px 0}
.guide-body a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.guide-body blockquote{margin:24px 0;border-left:2px solid var(--line);padding:8px 24px;color:var(--muted);line-height:1.8}
.guide-table-wrap{overflow:auto;margin:28px 0}.guide-body table{width:100%;min-width:520px;border-collapse:collapse;text-align:left;font-size:.92rem;line-height:1.65}.guide-body th,.guide-body td{padding:16px 12px;border-bottom:1px solid var(--line);white-space:normal;vertical-align:top}.guide-body th:first-child{min-width:120px}.guide-body caption{text-align:left;color:var(--muted);font-size:.8rem;padding-bottom:12px}
.guide-body table.guide-table-compact{min-width:0;table-layout:fixed}.guide-table-compact th:first-child{width:34%;min-width:0}.guide-table-compact th,.guide-table-compact td{overflow-wrap:anywhere}
.guide-faq{border-bottom:1px solid var(--line);padding:20px 0}.guide-faq summary{cursor:pointer;font-weight:700;line-height:1.5}.guide-faq p{padding-top:16px;margin-bottom:0}
.guide-sources{padding-top:24px;border-top:1px solid var(--line)}.guide-sources h2{font-size:1.2rem}.guide-sources p,.guide-sources li{font-size:.86rem}
.guide-cta{padding:32px;background:var(--soft);border-radius:4px;margin-top:48px}.guide-cta .button{margin-top:10px;white-space:normal;text-align:center}.guide-service-link{display:block;font-size:.88rem;margin-top:22px}
.guide-list{border-top:1px solid var(--line);margin-top:32px}.guide-list-item{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:18px;padding:26px 0;border-bottom:1px solid var(--line);transition:color .2s}.guide-list-item:hover{color:var(--blue)}.guide-number{color:var(--muted);font-size:.8rem;align-self:start;padding-top:5px}.guide-list-item small{display:block;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.guide-list-item strong{font-size:clamp(1.1rem,2.4vw,1.55rem);line-height:1.3;letter-spacing:-.025em}
.guide-hub-note{margin-top:72px;max-width:760px}.guide-hub-note h2,.guide-related h2,.guide-discovery h2{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.15;margin-bottom:20px}.guide-hub-note p,.guide-discovery p{color:var(--muted);line-height:1.7;max-width:720px}.guide-related{padding-bottom:96px}.guide-discovery{background:var(--surface)}
.guide-categories{display:flex;gap:18px 28px;flex-wrap:wrap;padding-bottom:30px}.guide-categories a,.guide-all a{color:var(--blue);text-decoration:underline;text-underline-offset:5px;font-weight:600}.guide-category{margin-top:40px;scroll-margin-top:130px}.guide-category + .guide-category{margin-top:72px}.guide-category h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.2}.guide-all{margin-top:26px}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:40px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:28px}.guide-toc ol{columns:2;column-gap:32px}.guide-heading h1{font-size:clamp(2.1rem,6vw,3.4rem)}}
@media(max-width:540px){.guide-hub,.guide-article{padding-top:110px}.guide-crumbs{margin-bottom:30px;gap:8px}.guide-toc ol{columns:auto}.guide-cta{padding:24px 20px}.guide-list-item{grid-template-columns:26px 1fr 16px;gap:12px}.guide-body th,.guide-body td{padding:12px 8px}.guide-answer{padding-left:18px}.guide-layout{margin-top:40px}}
