/* Individually authored topic hubs; inherits the site's Inter/Poppins and teal palette. */
.topic-hub{--topic-ink:var(--gray-900,#1B3A4B);--topic-teal:var(--primary,#2A7B6F)}
.topic-hub h1{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.16;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.topic-eyebrow{color:var(--primary-dark,#1F6358);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.topic-hero{padding:3.5rem 0 4rem;background:linear-gradient(120deg,var(--primary-light,#E0F0ED),#f7faf9 70%);border-bottom:1px solid var(--gray-200)}
.topic-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:4rem}
.topic-lead{font-size:1.1rem;max-width:63ch;line-height:1.8;margin-bottom:1.6rem}
.topic-hub .hero-actions{justify-content:flex-start}
.topic-note{padding:2rem;border-left:3px solid var(--topic-teal);background:rgba(255,255,255,.8)}
.topic-note-label{display:block;color:var(--primary-dark);font-size:.78rem;font-weight:600;margin-bottom:1rem}
.topic-note h2{font-size:1.5rem;line-height:1.35}
.topic-note p{font-size:.95rem}
.topic-note a,.topic-start-item>a,.topic-crosslink a,.topic-bottom-actions>a:not(.btn){font-weight:600;text-decoration:underline;text-underline-offset:4px}
.topic-section-heading{max-width:760px;margin-bottom:2rem}
.topic-section-heading h2{font-size:clamp(1.6rem,3vw,2.15rem);letter-spacing:-.025em;line-height:1.3}
.topic-start{padding-top:4rem;padding-bottom:4rem}
.topic-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}
.topic-start-item{padding:1.7rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--gray-200)}
.topic-start-item:first-child{padding-left:0}.topic-start-item:last-child{border-right:0}
.topic-number{font-size:.8rem;font-weight:600;color:var(--topic-teal);margin-bottom:1rem}
.topic-start-item h3{font-size:1.12rem;line-height:1.45;max-width:22ch}
.topic-start-item p{font-size:.9rem;line-height:1.7}.topic-start-item>a{font-size:.88rem;margin-top:auto}
.topic-library{padding-bottom:4rem;scroll-margin-top:100px}
.topic-library-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:3.5rem;align-items:start}
.topic-index{position:sticky;top:96px;padding:1.5rem;background:var(--gray-50);border-left:3px solid var(--topic-teal)}
.topic-index p{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--topic-ink)}
.topic-index a{display:block;font-size:.9rem;padding:.55rem 0;line-height:1.5}
.topic-group{scroll-margin-top:105px;margin-bottom:3.5rem}.topic-group:last-child{margin-bottom:0}
.topic-group h3{font-size:1.5rem;line-height:1.4;letter-spacing:-.015em}
.topic-link-list{border-top:1px solid var(--gray-200);margin:1.4rem 0 0;padding:0;list-style:none}
.topic-link-list li{padding:.85rem 0;border-bottom:1px solid var(--gray-200)}
.topic-link-list a{display:inline-block;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;padding:3px 0}
.topic-link-list a:hover{text-decoration-color:currentColor}.topic-link-list span{display:block;font-size:.88rem;line-height:1.65;color:var(--gray-600);margin-top:.2rem}
.topic-link-list-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
.topic-crosslink{padding:1rem 0;font-size:.9rem}
.topic-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center;margin-bottom:4rem;padding-top:2rem;padding-bottom:2rem;border-top:3px solid var(--topic-teal);background:var(--primary-light)}
.topic-bottom h2{font-size:1.65rem;line-height:1.4}.topic-bottom p:last-child{margin:0;max-width:70ch}
.topic-bottom-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.topic-paths{padding-top:3rem;padding-bottom:3rem}.topic-paths-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.topic-path{padding:2rem;border:1px solid var(--gray-200);border-top:3px solid var(--topic-teal);background:var(--white)}
.topic-path h2{font-size:1.65rem;line-height:1.35}.topic-path h3{font-size:1.05rem;line-height:1.4}.topic-path .topic-link-list{margin-bottom:1.5rem}
.topic-path{scroll-margin-top:105px}
.topic-path a:not(.btn){text-decoration:underline;text-underline-offset:3px;font-weight:600}
.topic-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.5rem}
.topic-directory-item{padding:1.5rem 0;border-top:1px solid var(--gray-200)}
.topic-directory-item h3{font-size:1.05rem;line-height:1.4}.topic-directory-item p{font-size:.92rem;line-height:1.7;margin-bottom:.65rem}.topic-directory-item>a{font-size:.88rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.topic-hub a:focus-visible,.topic-related a:focus-visible{outline:3px solid var(--secondary);outline-offset:5px;border-radius:2px}
.topic-related h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.3}.topic-related .topic-start-grid{margin-top:2rem}.topic-related .topic-start-item{padding:1.5rem}.topic-related .topic-start-item:first-child{padding-left:0}
.topic-scan .btn{white-space:normal;max-width:100%;text-align:center}
.topic-scan .grid>*{min-width:0;overflow-wrap:anywhere}
.topic-related .topic-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-related .topic-link-list{margin-bottom:1.4rem}
@media(max-width:1000px){.topic-hero-grid{gap:2rem}.topic-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-start-item:nth-child(2){border-right:0}.topic-start-item:nth-child(n+3){border-top:1px solid var(--gray-200)}.topic-start-item:first-child{padding-left:1.4rem}.topic-library-grid{grid-template-columns:200px minmax(0,1fr);gap:2rem}.topic-bottom{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:720px){.topic-hero{padding:2rem 0}.topic-hero-grid{grid-template-columns:1fr}.topic-note{padding:1.5rem}.topic-start{padding-top:2.5rem;padding-bottom:2.5rem}.topic-library-grid{grid-template-columns:1fr;gap:2rem}.topic-index{position:static}.topic-index a{padding:.65rem 0}.topic-link-list-compact{grid-template-columns:1fr}.topic-paths-grid{grid-template-columns:1fr}.topic-path{padding:1.5rem}.topic-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.topic-related .topic-start-grid{grid-template-columns:1fr}.topic-related .topic-start-item{padding:1.25rem 0;border-right:0;border-top:1px solid var(--gray-200)}.topic-related .topic-start-item:first-child{border-top:0}.topic-group{margin-bottom:2.5rem}.topic-hub .hero-actions{align-items:stretch}.topic-hub .btn{white-space:normal;text-align:center;max-width:100%}}
@media(max-width:440px){.topic-start-grid,.topic-directory-grid{grid-template-columns:1fr}.topic-start-item,.topic-start-item:first-child{padding:1.25rem 0;border-right:0}.topic-start-item:nth-child(2){border-top:1px solid var(--gray-200)}.topic-start-item h3{max-width:none}.topic-bottom{margin-left:0;margin-right:0}.topic-index{padding:1rem}.topic-hub h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}