/* Shared resource pages: typography and components from the live blog. */
.shv-resource-page #Content{background:#fff}
.shv-resource-page #Content .section.the_content .section_wrapper{padding-left:0!important;padding-right:0!important}
.shv-resource-page :is(.uh,.stt,.lm){box-sizing:border-box;max-width:1140px;padding:42px 24px 64px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263c50;line-height:1.65;--ink:#263c50;--muted:#596778;--blue:#155f98;--line:#e1e7ee;--soft:#f8fafc;--uh-ink:#263c50;--uh-muted:#596778;--uh-blue:#155f98;--uh-line:#e1e7ee}
.shv-resource-page :is(.uh,.stt,.lm) :is(h1,h2,h3){font-family:"Roboto Condensed",Roboto,sans-serif;font-weight:700;letter-spacing:0;color:#111}
.shv-resource-page :is(.uh,.stt,.lm) h1{font-size:clamp(32px,3.4vw,42px);line-height:1.15;text-transform:uppercase;margin:12px 0 18px}
.shv-resource-page :is(.uh,.stt,.lm) h2{font-size:30px;line-height:1.2;text-transform:uppercase}
.shv-resource-page :is(.uh,.stt,.lm) h3{font-size:23px;line-height:1.3;text-transform:none}
.shv-resource-page :is(.stt,.lm) h1 span{color:#155f98}
.shv-resource-page :is(.uh-kicker,.stt-kicker,.lm-kicker){font-size:13px;font-weight:700;letter-spacing:.08em;color:#2992d6;text-transform:uppercase}
.shv-resource-page :is(.uh-lead,.stt-lead,.lm-lead){font-size:18px;line-height:1.65;color:#596778;max-width:760px}
.shv-resource-page :is(.uh-hero,.stt-hero){margin-bottom:30px;padding-bottom:0}
.shv-resource-page :is(.uh,.stt,.lm) :focus-visible{outline:3px solid #ff5c24;outline-offset:4px}
/* Navigation follows the blog's section controls. */
.shv-resource-page :is(.uh-tabs,.stt-nav){gap:8px;margin-top:24px}
.shv-resource-page :is(.uh-tabs,.stt-nav) a{font:600 14px/1.4 Roboto,sans-serif;border:1px solid #dce4ec;border-radius:8px;background:#fff;color:#263c50;text-decoration:none!important;padding:11px 15px;min-height:44px}
.shv-resource-page :is(.uh-tabs,.stt-nav) a:hover{background:#f8fafc;border-color:#a9c5da;color:#155f98}
.shv-resource-page .uh-tabs a[aria-current=page]{background:#155f98;color:#fff;border-color:#155f98}
.shv-resource-page .uh-tabs span{background:transparent;color:inherit;font-size:12px;font-weight:400;opacity:.8}
/* Catalogue cards use the blog's borders, corners and subdued surfaces. */
.shv-resource-page .uh-section-heading{margin-bottom:20px}
.shv-resource-page .uh a.uh-card{padding:26px;border:1px solid #e1e7ee;border-radius:10px;background:#f8fafc;box-shadow:none;transition:border-color .15s,background-color .15s}
.shv-resource-page .uh a.uh-card:hover{transform:none;background:#fff;border-color:#8fb7d3;box-shadow:none}
.shv-resource-page .uh-icon{background:#e9f3fb;color:#155f98;border-radius:8px}
.shv-resource-page .uh .uh-icon-alt{color:#c44215;background:#fff0e9}
.shv-resource-page .uh-card-top{margin-bottom:20px}
.shv-resource-page .uh a.uh-card h3{font-size:26px;color:#173a56}
.shv-resource-page .uh-card-action{color:#155f98}
.shv-resource-page :is(.uh-aside,.uh-empty,.lm-how,.stt-related){border:1px solid #e1e7ee;border-radius:10px;box-shadow:none;background:#f8fafc}
.shv-resource-page :is(.uh-aside,.uh-reading,.lm-how) h2{font-size:26px}
.shv-resource-page .uh a.uh-button{font-family:Roboto,sans-serif;border-radius:7px;border-color:#bdd0de;color:#155f98}
.shv-resource-page .uh a.uh-button-primary{color:#fff;background:#155f98;border-color:#155f98}
.shv-resource-page .uh a.lm-material-card{grid-template-columns:230px minmax(0,1fr);border:1px solid #e0e6ec;border-radius:10px;box-shadow:none}
.shv-resource-page .uh a.lm-material-card:hover{border-color:#8fb7d3;box-shadow:0 5px 18px #173a560b}
.shv-resource-page .lm-catalog-cover{background:#071d2c;padding:24px}
.shv-resource-page .lm-catalog-cover img{max-width:175px;transform:none;box-shadow:0 9px 20px #0005}
.shv-resource-page .lm-material-copy{padding:26px 28px}
.shv-resource-page .uh .lm-material-copy h3{font-size:29px;color:#173a56}
.shv-resource-page .lm-card-cta{color:#155f98}
.shv-resource-page .lm-material-type{color:#657689;font-size:12px;letter-spacing:.04em}
/* Calculator: compact editorial heading and clear work surfaces. */
.shv-resource-page .stt-card{border:1px solid #e1e7ee;border-radius:10px;box-shadow:none;padding:28px;margin-bottom:28px}
.shv-resource-page .stt-heading{gap:14px;margin-bottom:23px}
.shv-resource-page .stt-step{border-radius:8px;background:#e9f3fb;border-color:#d9e8f3;color:#155f98}
.shv-resource-page .stt :is(input,select,textarea){font-family:Roboto,sans-serif;border-color:#cdd8e1;border-radius:6px}
.shv-resource-page .stt button{font-family:Roboto,sans-serif;border-radius:7px;color:#155f98}
.shv-resource-page .stt button.stt-primary{color:#fff;background:#155f98;border-color:#155f98}
.shv-resource-page .stt button.stt-primary:hover{background:#0c4b79}
.shv-resource-page .stt-count-result{border:1px solid #dce4ec;border-radius:8px;background:#f8fafc}
.shv-resource-page .stt-count-result>strong{color:#155f98;font-family:"Roboto Condensed",Roboto,sans-serif;letter-spacing:0}
.shv-resource-page .stt-bill{background:#071d2c;border:1px solid #22465e;border-radius:10px}
.shv-resource-page .stt-bill button{color:#fff;background:#173a56;border-color:#416078}
.shv-resource-page .stt-bill .stt-kicker{color:#76c9ff}
.shv-resource-page .stt-table-wrap{border-radius:8px}
.shv-resource-page .stt-details summary{color:#155f98}
/* PDF detail page: same type and spacing; cover and form keep the brand navy. */
.shv-resource-page .lm{padding-top:30px}
.shv-resource-page .lm-back{font:600 14px/1.5 Roboto,sans-serif;color:#315d7e;margin-bottom:28px}
.shv-resource-page .lm-hero{gap:42px;margin-bottom:54px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.shv-resource-page .lm-book-stage{border-radius:10px;background:#071d2c;border-color:#22465e;padding:24px}
.shv-resource-page .lm-cover{max-width:245px;transform:none;box-shadow:0 10px 24px #0006}
.shv-resource-page .lm-book-label{margin-top:16px;color:#d0e1ed}
.shv-resource-page .lm-stats{gap:18px;margin:24px 0}
.shv-resource-page .lm-stats strong{font-family:"Roboto Condensed",Roboto,sans-serif;font-size:34px;color:#155f98}
.shv-resource-page .lm-stats span{font-size:13px}
.shv-resource-page .lm a.lm-button,.shv-resource-page .lm .lm-submit{font:700 16px/1.4 Roboto,sans-serif!important;min-height:50px;border-radius:7px!important;background:#ff5c24!important;border-color:#ff5c24!important;color:#071d2c!important;padding:14px 20px!important}
.shv-resource-page .lm a.lm-button:hover,.shv-resource-page .lm .lm-submit:hover{background:#ff743f!important;border-color:#ff743f!important;color:#071d2c!important}
.shv-resource-page .lm-section{margin-bottom:50px}
.shv-resource-page .lm-role-grid article{border:1px solid #e1e7ee;border-radius:10px;background:#f8fafc}
.shv-resource-page .lm-role-grid h3{font-size:22px}
.shv-resource-page .lm-role-grid b{color:#155f98;background:#e9f3fb;border-radius:4px}
.shv-resource-page .lm :is(.lm-benefits p,.lm-for-grid p,.lm-role-grid p){font-size:15px;line-height:1.65;color:#596778}
.shv-resource-page .lm-previews figure{border-radius:10px;border-color:#e1e7ee;background:#f8fafc}
.shv-resource-page .lm-practice{background:#f8fafc;border-color:#e1e7ee;border-radius:10px;margin-bottom:50px}
.shv-resource-page .lm-practice h2{font-size:28px}
.shv-resource-page .lm-get{border-radius:10px;background:#071d2c;border:1px solid #22465e;gap:36px}
.shv-resource-page .lm-get-copy h2{font-size:32px;color:#fff}
.shv-resource-page .lm-get-copy .lm-kicker{color:#76c9ff}
.shv-resource-page .lm-form-card{border-radius:8px;border-color:#dce4ec}
.shv-resource-page .lm-form-card :is(input[type=email],input[type=tel],input[type=text]){font-family:Roboto,sans-serif;border-color:#cdd8e1;border-radius:6px}
.shv-resource-page .lm-form-card h3{font-size:27px}
.shv-resource-page .lm-faq summary{color:#155f98;font-size:16px}
@media(max-width:850px){
 .shv-resource-page .lm-hero{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .shv-resource-page .lm-get{gap:24px;padding:26px}
 .shv-resource-page .uh a.lm-material-card{grid-template-columns:210px minmax(0,1fr)}
 .shv-resource-page .stt-card{padding:23px}
}
@media(max-width:700px){
 .shv-resource-page :is(.uh,.stt,.lm){padding:30px 20px 44px}
 .shv-resource-page :is(.uh,.stt,.lm) h1{font-size:32px;line-height:1.15}
 .shv-resource-page :is(.uh,.stt,.lm) h2{font-size:26px}
 .shv-resource-page :is(.uh-lead,.stt-lead,.lm-lead){font-size:16px}
 .shv-resource-page .uh-tabs a,.shv-resource-page .stt-nav a{font-size:13px;padding:10px 12px}
 .shv-resource-page .uh a.uh-card{padding:22px}
 .shv-resource-page .uh-grid{gap:18px}
 .shv-resource-page .uh a.lm-material-card{grid-template-columns:1fr}
 .shv-resource-page .lm-catalog-cover{padding:24px}
 .shv-resource-page .lm-catalog-cover img{max-width:160px}
 .shv-resource-page .lm-material-copy{padding:23px 21px}
 .shv-resource-page .lm-hero{grid-template-columns:1fr;gap:26px;margin-bottom:40px}
 .shv-resource-page .lm-book-stage{max-width:340px;width:100%;margin:0 auto}
 .shv-resource-page .lm-cover{max-width:230px}
 .shv-resource-page .lm-section{margin-bottom:38px}
 .shv-resource-page .lm-get{grid-template-columns:1fr;padding:24px 16px;gap:24px}
 .shv-resource-page .lm-get-copy h2{font-size:28px}
 .shv-resource-page .lm-form-card{padding:22px 18px}
 .shv-resource-page .stt-card{padding:21px 17px}
 .shv-resource-page .stt-count-grid,.shv-resource-page .stt-cost-grid{grid-template-columns:1fr}
 .shv-resource-page .stt-heading h2{font-size:25px}
}
@media(max-width:360px){
 .shv-resource-page :is(.uh,.stt,.lm){padding-left:16px;padding-right:16px}
 .shv-resource-page :is(.uh,.stt,.lm) h1{font-size:30px}
 .shv-resource-page .stt-card{padding:19px 14px}
 .shv-resource-page .lm a.lm-button,.shv-resource-page .lm .lm-submit{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.shv-resource-page .uh a.uh-card{transition:none}}
/* Full-width alternating bands, sampled from the live homepage on 2026-10-23:
   #situation / #club: #f6f9fb; #content / #author / #faq: this blue gradient. */
.shv-resource-page{--shv-band-light:#f6f9fb;--shv-band-dark:linear-gradient(115deg,#062d46 0%,#084a75 55%,#0d5a8b 100%);--shv-band-gutter:max(24px,calc((100% - 1092px)/2))}
.shv-resource-page #Content{background:var(--shv-band-light)}
.shv-resource-page #Content .section.the_content .section_wrapper{max-width:none!important;width:100%!important}
.shv-resource-page :is(.uh,.stt,.lm){max-width:none;width:100%;padding:0;margin:0;background:var(--shv-band-light)}
.shv-resource-page :is(.uh,.stt,.lm)>:is(section,header,aside,.stt-hero){padding:64px var(--shv-band-gutter);margin:0;border:0;border-radius:0;box-shadow:none;background:var(--shv-band-light)}
.shv-resource-page :is(.uh,.stt) > :is(.uh-hero,.stt-hero){padding-top:48px;padding-bottom:40px}
.shv-resource-page .stt #token-count{padding-top:8px}
.shv-resource-page .stt :is(#token-cost,.stt-explain),
.shv-resource-page .uh.uh>section,
.shv-resource-page .lm>.lm-section:is([aria-labelledby=lm-inside-title],[aria-labelledby=lm-preview-title]),
.shv-resource-page .lm>.lm-get{background:var(--shv-band-dark);color:#e9f3fb}
/* Dark calculator bands: keep light controls and readable labels. */
.shv-resource-page .stt :is(#token-cost,.stt-explain){--muted:#d1e3ee;--line:#ffffff40}
.shv-resource-page .stt :is(#token-cost,.stt-explain) :is(h2,h3){color:#fff}
.shv-resource-page .stt :is(#token-cost,.stt-explain) :is(.stt-heading p,.stt-faq-grid p,.stt-details p,.stt-related p){color:#d1e3ee}
.shv-resource-page .stt :is(#token-cost,.stt-explain) :is(a,summary,.stt-kicker){color:#a6dcff}
.shv-resource-page .stt :is(#token-cost,.stt-explain) a:hover{color:#fff}
.shv-resource-page .stt #token-cost :is(input,select,textarea){color:#263c50;background:#fff}
.shv-resource-page .stt #token-cost .stt-step{background:#ffffff14;border-color:#ffffff40;color:#a6dcff}
.shv-resource-page .stt #token-cost .stt-bill{background:#062d46;border-color:#ffffff40}
.shv-resource-page .stt #token-cost .stt-bill button{background:#ffffff14;border-color:#ffffff60;color:#fff}
.shv-resource-page .stt #token-cost .stt-bill button:hover{background:#ffffff26}
.shv-resource-page .stt #token-cost .stt-warning{background:#fff8eb;color:#6c501e}
.shv-resource-page .stt .stt-explain .stt-related{background:#ffffff0c;border-color:#ffffff40}
.shv-resource-page .stt #token-compare .stt-table-wrap{background:#fff}
.shv-resource-page .stt #token-count .stt-count-result{background:#fff}
/* Catalogue: light introduction, blue service shelf, light next step. */
.shv-resource-page .uh>section .uh-section-heading h2{color:#fff}
.shv-resource-page .uh>section .uh-section-heading>p{color:#d1e3ee}
.shv-resource-page .uh a.uh-card{background:#fff}
.shv-resource-page .uh>:is(.uh-aside,.lm-how,.uh-reading){padding-top:48px;padding-bottom:48px}
.shv-resource-page :is(.lm-catalog-cover,.lm-book-stage){background:var(--shv-band-dark)}
/* PDF guide: alternate major sections; the practice and audience share a light band. */
.shv-resource-page .lm>.lm-back{display:block;margin:0;padding:30px var(--shv-band-gutter) 0;background:var(--shv-band-light)}
.shv-resource-page .lm>.lm-hero{padding-top:28px}
.shv-resource-page .lm>.lm-section:is([aria-labelledby=lm-inside-title],[aria-labelledby=lm-preview-title])>h2{color:#fff}
.shv-resource-page .lm>.lm-section:is([aria-labelledby=lm-inside-title],[aria-labelledby=lm-preview-title]) :is(.lm-kicker,.lm-benefits article>span){color:#a6dcff}
.shv-resource-page .lm>.lm-section[aria-labelledby=lm-inside-title] :is(.lm-section-lead,.lm-benefits p){color:#d1e3ee}
.shv-resource-page .lm>.lm-section[aria-labelledby=lm-inside-title] .lm-benefits h3{color:#fff}
.shv-resource-page .lm>.lm-section[aria-labelledby=lm-inside-title] .lm-benefits article{border-color:#ffffff50}
.shv-resource-page .lm>.lm-practice{padding-bottom:24px}
.shv-resource-page .lm>.lm-section[aria-labelledby=lm-for-title]{padding-top:24px}
.shv-resource-page .lm>.lm-get{gap:48px}
.shv-resource-page .lm>.lm-get .lm-get-copy h2{color:#fff}
.shv-resource-page .lm>.lm-faq{padding-top:56px}
@media(max-width:700px){
 .shv-resource-page{--shv-band-gutter:20px}
 .shv-resource-page :is(.uh,.stt,.lm)>:is(section,header,aside,.stt-hero){padding:40px var(--shv-band-gutter)}
 .shv-resource-page :is(.uh,.stt)>:is(.uh-hero,.stt-hero){padding-top:32px;padding-bottom:32px}
 .shv-resource-page .stt #token-count{padding-top:4px}
 .shv-resource-page .lm>.lm-get{gap:28px}
 .shv-resource-page .lm>.lm-hero{padding-top:24px}
 .shv-resource-page .lm>.lm-practice{padding-bottom:20px}
 .shv-resource-page .lm>.lm-section[aria-labelledby=lm-for-title]{padding-top:20px}
 .shv-resource-page .lm>.lm-faq{padding-top:40px}
}
@media(max-width:360px){.shv-resource-page{--shv-band-gutter:16px}}