/* Shared guide destinations. Article bodies keep their existing styles. */
.cs-hub .archive-header{max-width:100%;padding:42px 0 30px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.cs-hub .archive-header:before{display:none}.cs-hub .archive-header h1{font-size:clamp(2.5rem,4.5vw,4rem);letter-spacing:-.025em;margin:12px 0 18px;max-width:23ch}
.cs-hub .archive-header .dek{max-width:65ch;font-size:1.1rem;margin:0}.cs-hub .archive-header>p:not(.dek):not(.kicker){max-width:70ch;font-size:.91rem;color:var(--muted);margin:14px 0 0}
.cs-hub a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.cs-hub [id]{scroll-margin-top:24px}
.cs-hub-lead{background:var(--sage);padding:28px 32px;margin:0 0 34px;max-width:100%}.cs-hub-lead .kicker{font-size:.68rem;margin:0 0 12px}.cs-hub-lead h2{font-size:2.5rem;letter-spacing:-.02em;margin:0 0 13px}.cs-hub-lead>p:not(.kicker){font-size:.96rem;max-width:70ch;margin:0 0 12px}
.cs-hub-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 40px}.cs-hub-routes>section,.cs-hub-routes>article{border-top:2px solid var(--ink);padding:18px 0 0;min-width:0}.cs-hub-routes h2,.cs-hub-routes h3{font-size:1.9rem;line-height:1.12;margin:0 0 13px}.cs-hub-routes p{font-size:.9rem;color:var(--muted);margin:0 0 18px}.cs-hub-routes ul{list-style:none;padding:0;margin:0}.cs-hub-routes li{border-top:1px solid var(--line);padding:13px 0}.cs-hub-routes li a{font-size:.9rem;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cs-hub-routes li span{display:block;font-size:.8rem;color:var(--muted);margin-top:5px;line-height:1.5}
.cs-hub-routes:has(>section:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-hub .cs-hub-archive{margin-top:42px}.cs-hub .cs-section-heading{margin-bottom:20px}.cs-hub .cs-section-heading h2{font-size:2.3rem;margin:0}.cs-hub .cs-section-heading p{margin:8px 0 0;font-size:.86rem;max-width:68ch;color:var(--muted)}
.cs-hub .cs-latest-row h3{margin:0}.cs-hub .cs-latest-row p{margin:8px 0 0}.cs-hub .cs-latest-row{min-width:0}.cs-hub .cs-row-type{white-space:nowrap}
.cs-hub .pagination{display:flex;align-items:center;gap:24px;margin:0;padding:20px 0;font-size:.8rem}.cs-hub .pagination .page-number{margin-right:auto}.cs-hub .pagination a{color:var(--accent);padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.cs-hub-related{border-top:1px solid var(--line);font-size:.87rem;line-height:1.7;padding:22px 0;margin:34px 0 18px;max-width:100%}.cs-hub-related p{margin:0 0 9px}.cs-hub-related a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.cs-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px 0}.cs-directory-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:24px;background:#faf7f0;min-width:0}.cs-directory-card:hover,.cs-directory-card:focus-visible{background:var(--sage);text-decoration:none}.cs-directory-card h2{font-size:2rem;letter-spacing:-.015em;margin:0 0 12px}.cs-directory-card p{font-size:.9rem;color:var(--muted);margin:0 0 18px}.cs-directory-card span{color:var(--accent);font-size:.79rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.cs-hub-jump,.cs-hub .hub-jump{display:flex;flex-wrap:wrap;gap:6px 22px;margin:20px 0 0}.cs-hub-jump a,.cs-hub .hub-jump a{display:inline-block;padding:10px 0;background:none;border:0;border-radius:0;font-size:.84rem;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.cs-directory-section{margin:36px 0 46px}.cs-review-directory .cs-review h3{margin:0 0 16px}.cs-review-directory .cs-review-meta{width:100%}.cs-review-directory .cs-review p{margin:0 0 16px}.cs-review-directory .cs-review .cs-review-note{margin-top:auto}.cs-review-directory .cs-review-grid{margin-top:24px}.cs-review-directory .cs-review-note p{margin:0}
/* Keep the catio planning sequence and distinct scratch / play routes. */
.cs-hub .catio-lead{gap:28px;margin:0 0 34px;grid-template-columns:1.1fr 1fr}.cs-hub .catio-feature{border:0;border-radius:0;padding:28px 30px}.cs-hub .catio-feature h2{font-size:2.5rem;max-width:20ch;margin-bottom:14px}.cs-hub .catio-feature p:not(.kicker){font-size:.94rem}.cs-hub .catio-feature .catio-feature-note{font-size:.8rem;margin-top:18px}.cs-hub .catio-questions{border:0;border-top:2px solid var(--ink);border-radius:0;padding:20px 0;background:none}.cs-hub .catio-questions h2{font-size:1.9rem}.cs-hub .catio-questions>a{padding:12px 0}.cs-hub .catio-questions strong{font-size:.9rem;font-weight:500}.cs-hub .catio-questions span{font-size:.8rem}.cs-hub .catio-routes{gap:28px}.cs-hub .catio-routes h2{font-size:1.9rem}.cs-hub .catio-context{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;padding:23px 0;margin:28px 0}.cs-hub .catio-context h2{font-size:1.9rem}.cs-hub .catio-editorial{font-size:.84rem}
.cs-travel-start>h2{font-size:2.3rem}.cs-hub .topic-note{background:var(--sage);padding:22px;font-size:.9rem}.cs-hub .topic-note a{color:var(--accent);text-decoration:underline}
@media(max-width:1000px){.cs-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-hub-routes,.cs-hub .catio-routes{gap:20px}}
@media(max-width:750px){.cs-hub .archive-header{padding:30px 0 24px;margin-bottom:24px}.cs-hub .archive-header h1{font-size:2.7rem}.cs-hub .archive-header .dek{font-size:1rem}.cs-hub .catio-lead,.cs-hub .catio-routes,.cs-hub-routes,.cs-hub-routes:has(>section:nth-child(2):last-child){grid-template-columns:1fr}.cs-hub-lead,.cs-hub .catio-feature{padding:24px}.cs-hub-lead h2,.cs-hub .catio-feature h2{font-size:2.15rem}.cs-hub .cs-section-heading{display:block}.cs-hub .cs-section-heading h2{font-size:2rem}.cs-hub .catio-context .read-link{margin-top:14px}.cs-hub .catio-questions{padding-top:18px}.cs-hub-routes{gap:25px}.cs-hub .pagination{gap:16px}}
@media(max-width:600px){.cs-directory-grid{grid-template-columns:1fr;gap:12px}.cs-directory-card{padding:20px}.cs-directory-card h2{font-size:1.85rem}.cs-directory-card p{font-size:.87rem;margin-bottom:13px}.cs-hub .archive-header h1{font-size:2.45rem}.cs-hub .cs-latest-row h3{font-size:1.6rem}.cs-hub .cs-latest-row p{font-size:.82rem}.cs-hub .cs-review-grid{grid-template-columns:1fr}.cs-hub .cs-review h3{font-size:2.1rem}.cs-hub .catio-context{display:block}.cs-hub .catio-context h2{font-size:1.85rem}}
.cs-directory-more{margin:18px 0;font-size:.88rem}.cs-directory-more a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;padding:10px 0;display:inline-block}
