/* Larger navigation and dedicated topic pages. */
.site-header #site-nav{font-size:17px;gap:clamp(12px,1.5vw,24px)}
.site-header{padding-inline:4%;gap:18px}
.site-header #site-nav>.nav-group>.nav-heading>a,.site-header #site-nav>a{font-weight:600}
.site-header .mega-links a{font-size:17px;line-height:1.45;padding:15px 8px}
.site-header .mega-intro a{font-size:15px}
.section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.14}
.section h3{font-size:clamp(23px,2vw,29px);line-height:1.3}
.topic-overview{padding-top:48px}.topic-lead{font-size:18px;line-height:1.7;max-width:760px;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.topic-card{display:flex;flex-direction:column;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:30px;min-height:280px;transition:border-color .2s,box-shadow .2s,transform .2s}
.topic-card:hover{border-color:var(--teal);box-shadow:0 12px 28px #112b4810;transform:translateY(-3px)}
.topic-number{font-size:12px;letter-spacing:1.3px;font-weight:700;color:var(--teal)}
.topic-card h3{margin:20px 0 12px;font-size:25px;letter-spacing:-.5px}
.topic-card p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 26px}
.topic-open{margin-top:auto;font-size:16px;font-weight:700;color:var(--blue)}
.topic-card.featured{border-top:4px solid var(--teal);background:#edf4f2}
.detail-heading{padding:32px 7% 28px;max-width:1500px;margin:auto;border-bottom:1px solid var(--line)}
.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:16px;margin-bottom:34px;color:var(--muted)}
.detail-breadcrumb a:hover{color:var(--blue)}.detail-heading h1{font-size:clamp(35px,4.2vw,60px);letter-spacing:-1.6px;max-width:1100px;line-height:1.12;margin:14px 0 10px}
.detail-heading+.section{padding-top:40px}.detail-related{border-top:1px solid var(--line)}
.detail-related h2{font-size:30px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.related-links a{padding:18px 20px;border:1px solid var(--line);background:var(--paper);font-size:17px;line-height:1.5;border-radius:5px}.related-links a:hover{border-color:var(--teal);color:var(--blue)}
@media(min-width:1001px) and (max-width:1200px){.site-header #site-nav{font-size:15px;gap:10px}.site-header{padding-inline:2%}.site-header .brand img{width:85px}.nav-heading{gap:0}}
@media(max-width:1000px){.site-header #site-nav a{font-size:19px}.site-header #site-nav .mega-panel a{font-size:17px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{padding:24px}.detail-heading{padding-inline:6%}}
@media(max-width:640px){.topic-grid,.related-links{grid-template-columns:1fr}.topic-card{min-height:0}.detail-heading h1{font-size:36px}.topic-card h3{font-size:24px}.detail-breadcrumb{font-size:15px}.topic-overview{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}
/* Contact feedback remains visible beside the action, including network failures. */
#contact-form #form-status{font-size:15px;line-height:1.55;padding:16px 18px;margin:18px 0 14px;border:1px solid #9abdc3;border-left:4px solid var(--teal);border-radius:5px;background:#eef6f6;color:var(--ink);scroll-margin-top:110px}
#contact-form #form-status[data-state=error]{background:#fff3ed;border-color:#b65b32;color:#733313}
#contact-form #form-status[data-state=success]{background:#edf7ef;border-color:#3a8150;color:#245631}
#contact-form button:disabled{opacity:.65;cursor:wait;transform:none}
#message-fallback{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:5px}