/* Resource reading layout; scoped to avoid altering the preserved flooring draft. */
.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;background:#fff;color:#222323;padding:12px 18px}.skip-link:focus{top:8px}
.resource-page .guide-hero{padding-bottom:52px}.resource-page .guide-hero h1{max-width:980px;font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.12}
.resource-page .guide-meta{color:#ddd2cb;font-size:.9rem;margin:22px 0}.resource-page .guide-answer{max-width:930px;background:#f3eee6;color:#222323;border-left:3px solid #8b775e;padding:24px 28px}.resource-page .guide-answer p{color:#222323;margin:0;font-size:1.08rem}
.guide-layout{max-width:1340px;margin:auto;padding:60px 5vw 80px;display:grid;grid-template-columns:minmax(180px,240px) minmax(0,820px);gap:55px;align-items:start}
.guide-toc{position:sticky;top:90px;border-top:2px solid #8b775e;padding-top:18px}.guide-toc h2{font-family:var(--font-body);font-size:1rem;margin-bottom:14px}.guide-toc ul{list-style:none;padding:0}.guide-toc li{margin:0 0 12px}.guide-toc a{font-size:.9rem;color:#51483e;text-decoration:underline;text-underline-offset:3px}
.guide-body{min-width:0}.guide-body h2{font-family:var(--font-head);font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.25;margin-bottom:20px}.guide-section{margin-bottom:48px}.guide-body p{margin:0 0 18px}.guide-body ul,.guide-body ol{padding-left:24px;margin:18px 0}.guide-body li{margin-bottom:12px}.guide-body a{color:#554431;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.guide-body a:hover{color:#222323}
.guide-table{overflow-x:auto;max-width:100%;margin:24px 0 28px}.guide-table table{border-collapse:collapse;width:100%;font-size:.95rem}.guide-table caption{text-align:left;font-weight:600;padding:0 0 12px}.guide-table th,.guide-table td{border:1px solid #cfc3ba;padding:14px;vertical-align:top;text-align:left;min-width:130px}.guide-table thead{background:#e9dfd6}.guide-table tbody th{font-weight:600;background:#f0e9e3}
.guide-note{background:#eee5dd;border-left:3px solid #8b775e;padding:24px;margin:36px 0}.guide-note h2{font-size:1.4rem}.guide-related{display:grid;gap:12px}.resource-page a:focus-visible,.resource-page button:focus-visible,.guide-table:focus-visible{outline:3px solid #866442;outline-offset:4px}
.resource-hub .resource-group{margin:0 auto 48px;max-width:1180px}.resource-hub .resource-group>h2{font-size:2rem;margin-bottom:12px}.resource-hub .resource-card p{margin:12px 0}.resource-hub .resource-grid{margin-top:24px}.resource-hub .hub-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.resource-hub .hub-jump a{border:1px solid #93867b;padding:8px 14px;color:inherit}.resource-hub .resource-card .source-note{font-size:.82rem;color:#665b53}
.sprint-links{margin-top:26px}.sprint-links ul{padding-left:22px}.sprint-links li{margin:9px 0}.sprint-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.guide-layout{grid-template-columns:1fr;gap:32px}.guide-toc{position:static}.guide-toc ul{columns:2;column-gap:30px}.guide-toc li{break-inside:avoid}}
@media(max-width:600px){.guide-layout{padding:36px 6vw}.guide-toc ul{columns:1}.resource-page .guide-answer{padding:20px}.guide-table th,.guide-table td{padding:11px}.guide-body h2{overflow-wrap:break-word}.resource-hub .hub-jump{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body>nav,.guide-toc,.book,footer,.skip-link{display:none!important}.guide-layout{display:block;padding:0}.resource-page .guide-hero{padding:20px 0!important;background:white!important;color:#222!important}.resource-page .guide-hero h1,.resource-page .guide-meta{color:#222!important}.guide-table{overflow:visible}.guide-section{break-inside:auto}}

.resource-page .book p a{color:#efe7e4;text-decoration:underline}.resource-page .book .book-explainer{color:#cfc5bf}.layout-diagram{margin:28px 0 42px}.layout-diagram svg{display:block;width:100%;height:auto;border:1px solid #d3c6bb;background:#faf7f4}.layout-diagram figcaption{font-size:.9rem;color:#665b53;margin-top:12px}@media(max-width:600px){.layout-diagram{overflow-x:auto}.layout-diagram svg{min-width:600px}}

.page-hero .hdb-role-note{max-width:850px;color:#ded2ca;font-size:.95rem;line-height:1.65;margin:24px 0 0}

.stock-photo{margin:0 0 38px}.stock-photo img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.stock-photo figcaption{font-size:.8rem;line-height:1.65;color:#665b53;margin-top:12px}.stock-photo figcaption a{color:inherit;text-decoration:underline}.resource-hub .stock-photo{margin-top:26px;max-width:820px}