/* The guide keeps its original content and uses the site's shared palette. */
.page-guide .container{width:100%;max-width:none;margin:0 auto 55px}
.user-guide{color:var(--text)}
.user-guide .hero{background:linear-gradient(115deg,#102c51 0%,#173965 62%,#255486 100%);border-bottom:5px solid var(--gold);color:#fff}
.user-guide .hero .wrap{width:min(1240px,92vw);margin:auto;padding:62px 0 79px}
.user-guide .eyebrow{display:block;margin:0 0 13px;color:#e7c65a;font-size:.76rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.user-guide .hero h1{max-width:870px;margin:0 0 14px;color:#fff;font-size:clamp(2.1rem,4vw,3.3rem);font-weight:460;line-height:1.16;letter-spacing:-.035em}
.user-guide .hero .audience{margin:0 0 19px;color:#e5c65c;font-size:1.12rem;font-weight:630}
.user-guide .hero .lead{max-width:830px;margin:0;color:#e3ecf5;font-size:1rem;line-height:1.78}
.user-guide .facts{position:relative;z-index:1;width:min(1240px,92vw);margin:-34px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.user-guide .fact{padding:20px 22px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(17,49,86,.09)}
.user-guide .fact b{display:block;margin-bottom:5px;color:var(--navy);font-size:1.08rem}
.user-guide .fact span{display:block;color:var(--muted);font-size:.88rem;line-height:1.55}
.user-guide .layout{width:min(1240px,92vw);margin:42px auto 0;display:grid;grid-template-columns:275px minmax(0,1fr);align-items:start;gap:34px}
.user-guide .toc{position:sticky;top:95px;max-height:calc(100vh - 112px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(17,49,86,.05)}
.user-guide .toc summary{padding:11px 13px;list-style:none;color:var(--navy);font-size:1.04rem;font-weight:750;cursor:default}
.user-guide .toc summary::-webkit-details-marker{display:none}
.user-guide .toc ol{margin:0;padding:0;list-style:none}
.user-guide .toc li a{display:flex;align-items:baseline;gap:9px;padding:8px 12px;border-radius:8px;color:#334b60;font-size:.84rem;line-height:1.45;text-decoration:none}
.user-guide .toc li a i{min-width:1.5em;color:#ac8520;font-style:normal;font-weight:750}
.user-guide .toc li a:hover{background:#edf3f9;color:var(--navy)}
.user-guide .toc li a.active{background:var(--navy);color:#fff}
.user-guide .toc li a.active i{color:#ebcb66}
.user-guide article{min-width:0}
.user-guide article>section{margin:0 0 22px;padding:31px 35px;scroll-margin-top:96px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(17,49,86,.045)}
.user-guide article>section>h2{display:flex;align-items:baseline;gap:13px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--navy);font-size:clamp(1.35rem,2vw,1.68rem);font-weight:630;line-height:1.28}
.user-guide section>h2 .no{flex:0 0 auto;display:inline-grid;place-items:center;min-width:2.2rem;height:2.2rem;padding:0 8px;border-radius:8px;background:var(--navy);color:#fff;font-size:1rem;font-weight:750}
.user-guide article h3{margin:26px 0 8px;color:#244e78;font-size:1.12rem;font-weight:680}
.user-guide article h3:first-of-type{margin-top:7px}
.user-guide article p{margin:0 0 15px;line-height:1.75}
.user-guide article p:last-child{margin-bottom:0}
.user-guide article a{color:#215d91;text-underline-offset:3px}
.user-guide article a:hover{color:#a37d1a}
.user-guide .note{margin:17px 0;padding:15px 18px;border-left:4px solid var(--navy);border-radius:0 9px 9px 0;background:#edf3f9;color:#344d65;font-size:.93rem}
.user-guide .note.ok{border-color:#2a7a54;background:#e9f5ed;color:#275d40}
.user-guide .note.warn{border-color:var(--gold);background:#faf4df;color:#5f501d}
.user-guide .note p{margin:0}
.user-guide .note .tag{display:block;margin-bottom:4px;color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.user-guide .note.ok .tag{color:#286c4c}
.user-guide .note.warn .tag{color:#806615}
.user-guide .types{display:grid;gap:11px;margin:13px 0 18px}
.user-guide .type{display:grid;grid-template-columns:minmax(0,230px) 1fr;gap:7px 18px;padding:14px 17px;border:1px solid var(--line);border-radius:9px;background:#f9fbfd}
.user-guide .type b{color:var(--navy)}
.user-guide ol.steps{counter-reset:guide-step;display:grid;gap:10px;margin:14px 0 18px;padding:0;list-style:none}
.user-guide ol.steps li{counter-increment:guide-step;position:relative;padding:13px 16px 13px 61px;border:1px solid var(--line);border-radius:9px;background:#f9fbfd}
.user-guide ol.steps li:before{content:counter(guide-step);position:absolute;top:50%;left:15px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--navy);color:#fff;font-weight:750;transform:translateY(-50%)}
.user-guide .faq details{margin:0 0 11px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#f9fbfd}
.user-guide .faq summary{position:relative;padding:14px 48px 14px 18px;color:var(--navy);font-weight:680;cursor:pointer;list-style:none}
.user-guide .faq summary::-webkit-details-marker{display:none}
.user-guide .faq summary:after{content:"+";position:absolute;top:50%;right:17px;color:#aa8523;font-size:1.45rem;line-height:1;transform:translateY(-50%)}
.user-guide .faq details[open] summary{background:#eaf1f8}
.user-guide .faq details[open] summary:after{content:"−"}
.user-guide .faq details p{margin:0;padding:14px 18px 16px}
.user-guide .cta-band{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:8px;padding:34px 36px;border-radius:9px;background:linear-gradient(110deg,#173965,#0f2a4e);color:#fff}
.user-guide .cta-band h2{margin:0 0 5px;color:#fff;font-size:1.5rem;font-weight:540}
.user-guide .cta-band p{margin:0;color:#d9e5f1}
.user-guide .cta-band .btn{min-height:44px;padding:11px 21px;border:1px solid var(--gold);border-radius:999px;background:var(--gold);color:#142f50;box-shadow:none;font-size:.86rem}
.user-guide .cta-band .btn:hover{background:#e2bf4b;color:#142f50}
.user-guide .cta-band .btn.ghost{margin-left:8px;border-color:rgba(255,255,255,.8);background:transparent;color:#fff}
.user-guide .cta-band .btn.ghost:hover{background:#fff;color:var(--navy)}
.user-guide .guide-footer{margin-top:48px;padding:25px 4vw;border-top:1px solid #dce5ee;color:var(--muted);text-align:center;font-size:.78rem}
.user-guide .guide-footer p{margin:0}
.user-guide .guide-footer a{color:#285e93}
@media(max-width:980px){
  .user-guide .layout{grid-template-columns:1fr;gap:21px}
  .user-guide .toc{position:static;max-height:none}
  .user-guide .toc summary{position:relative;padding-right:43px;cursor:pointer}
  .user-guide .toc summary:after{content:"+";position:absolute;top:50%;right:17px;color:#ab8521;font-size:1.4rem;transform:translateY(-50%)}
  .user-guide .toc[open] summary:after{content:"−"}
}
@media(max-width:700px){
  .user-guide .facts{grid-template-columns:1fr;gap:10px;margin-top:-25px}
  .user-guide .fact{padding:15px 18px}
  .user-guide .hero .wrap{padding:43px 0 58px}
  .user-guide .hero h1{font-size:clamp(2rem,7vw,2.7rem)}
  .user-guide .hero .audience{font-size:1rem}
  .user-guide article>section{padding:23px 20px;scroll-margin-top:18px}
  .user-guide article>section>h2{align-items:flex-start;font-size:1.3rem}
  .user-guide .type{grid-template-columns:1fr}
  .user-guide .cta-band{padding:26px 22px}
}
@media(max-width:480px){
  .user-guide .layout,.user-guide .facts,.user-guide .hero .wrap{width:90vw}
  .user-guide .cta-band>div:last-child{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:8px}
  .user-guide .cta-band .btn,.user-guide .cta-band .btn.ghost{margin:0;text-align:center}
}
@media print{
  .page-guide .topbar,.user-guide .toc,.user-guide .cta-band{display:none}
  .page-guide .container{margin:0}
  .user-guide .hero{border:0;background:none;color:#000}
  .user-guide .hero .wrap{padding:0 0 10px}
  .user-guide .hero h1,.user-guide .hero .audience,.user-guide .hero .lead,.user-guide .eyebrow{color:#000}
  .user-guide .facts{margin:0 auto}
  .user-guide .layout{display:block;margin-top:18px}
  .user-guide article>section{break-inside:avoid-page;box-shadow:none}
}
