/* StudentHubHelp premium guide polish — visual-only, scoped to guide pages */
:root{--shh-ink:#10243d;--shh-muted:#52677e;--shh-line:#e2e9f2;--shh-paper:#fff;--shh-blue:#123b67;--shh-teal:#0d9b83;--shh-gold:#e6b75a}
html{scroll-behavior:smooth}
body{color:var(--shh-ink);-webkit-font-smoothing:antialiased}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.nav,.topbar{backdrop-filter:saturate(150%) blur(12px)}
.nav{border-bottom:1px solid rgba(220,230,241,.85)}
.navin{min-height:68px}
.brand img{object-fit:contain}
.brand b{letter-spacing:-.025em}
.brand small{letter-spacing:.12em}
.back{border:1px solid var(--shh-line);border-radius:999px;padding:9px 14px!important;font-weight:700}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 8%,rgba(28,160,147,.18),transparent 34%),linear-gradient(135deg,#0b213d 0%,#123b67 62%,#145d70 100%);color:#fff}
.hero:after{content:"";position:absolute;z-index:-1;width:290px;height:290px;right:-105px;bottom:-165px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}
.hero .wrap{position:relative;z-index:1}
.hero h1{max-width:850px;letter-spacing:-.045em;text-wrap:balance}
.hero p{max-width:760px;line-height:1.8}
.hero .crumb,.hero .crumb a{color:#d0e1f0}
.kicker,.ey,.eyebrow{letter-spacing:.15em;font-weight:800}
.section{padding-top:clamp(34px,5vw,66px);padding-bottom:clamp(34px,5vw,66px)}
.section:nth-of-type(even){background:linear-gradient(180deg,#f8fafc,#f2f6fb)}
.head{margin-bottom:24px}
.head h2,.section h2{letter-spacing:-.035em;text-wrap:balance}
.grid{gap:16px}
.card,.em-card,.cat-card,.notice-card,.panel,.hero-card{border:1px solid var(--shh-line);border-radius:18px;box-shadow:0 8px 24px rgba(16,36,61,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card{padding:22px;background:#fff}
.card h3{letter-spacing:-.02em}
.card p{line-height:1.75}
@media(hover:hover){.card:hover,.em-card:hover,.cat-card:hover,.notice-card:hover{transform:translateY(-3px);border-color:#bfd5e7;box-shadow:0 15px 32px rgba(16,36,61,.09)}}
.list>div{padding:17px 19px;border:1px solid var(--shh-line);border-radius:14px;background:#fff;margin:10px 0;line-height:1.75}
.list strong{color:var(--shh-ink)}
.fact,.note,.tip,.notice{border-radius:15px;line-height:1.8}
.fact{box-shadow:inset 0 0 0 1px rgba(13,155,131,.05)}
.check,.checklist{border-radius:16px}
.compare{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--shh-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,36,61,.045)}
.compare th{background:#102e50;color:#fff;font-weight:800;text-align:left}
.compare th,.compare td{padding:15px 17px;line-height:1.65;border-bottom:1px solid var(--shh-line)}
.compare tr:last-child td{border-bottom:0}
.compare tbody tr:nth-child(even){background:#f6f9fc}
.cta{border-radius:20px;background:radial-gradient(ellipse at 95% 0%,rgba(24,166,151,.24),transparent 38%),linear-gradient(135deg,#0a203b,#123b67);box-shadow:0 14px 32px rgba(9,32,59,.15);padding:clamp(22px,4vw,34px)}
.cta h3{letter-spacing:-.025em}
.btn,.cta a,.hero-actions a{border-radius:999px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn.primary,.cta a.primary,.cta a:first-child{box-shadow:0 6px 16px rgba(10,28,48,.14)}
@media(hover:hover){.btn:hover,.cta a:hover{transform:translateY(-2px)}}
.foot,.footer-mini{border-top:1px solid var(--shh-line);color:var(--shh-muted)}
article#guide-content{border-color:var(--shh-line);box-shadow:0 20px 55px rgba(16,36,61,.08)}
article#guide-content .hero{background:radial-gradient(ellipse at 88% 8%,rgba(28,160,147,.15),transparent 34%),linear-gradient(135deg,#0b213d 0%,#123b67 62%,#145d70 100%);border-radius:16px;padding:clamp(22px,4vw,36px);margin:-8px -8px 24px}
article#guide-content .hero h1{color:#fff}
article#guide-content .hero .lead{color:#d6e4f0}
article#guide-content .hero .ey{color:#f0c76f}
article#guide-content h2{letter-spacing:-.025em}
.faq details{padding:17px 0}
.faq summary{line-height:1.55;color:var(--shh-ink)}
:focus-visible{outline:3px solid #e6b75a;outline-offset:3px}
@media(max-width:700px){.navin{gap:10px}.brand small{font-size:9px}.hero:after{width:190px;height:190px;right:-100px;bottom:-125px}.card{padding:18px}.compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare th,.compare td{min-width:118px;padding:12px}.cta{padding:22px}.hero h1{font-size:clamp(32px,9vw,46px)}article#guide-content{padding:20px}article#guide-content .hero{margin:0 0 22px;padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Consistent StudentHubHelp brand header for guide pages */
.shh-brandbar{width:100%;min-height:76px;box-sizing:border-box;padding:12px max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0b1d36;border-bottom:1px solid #ffffff18;box-shadow:0 8px 24px #0b1d3614}
.shh-brandbar>a:first-child{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;min-width:0}
.shh-brandbar img{display:block;width:52px;height:52px;object-fit:contain;border-radius:13px;background:#fff;padding:3px;box-sizing:border-box}
.shh-brandbar span{display:flex;flex-direction:column;gap:2px}
.shh-brandbar strong{font-size:19px;letter-spacing:-.03em;color:#fff}
.shh-brandbar small{font-size:10px;letter-spacing:1.5px;color:#bac9dc}
.shh-brand-home{border:1px solid #d7a63d88;border-radius:999px;padding:10px 15px;color:#ffd36b;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.shh-brandbar a:focus-visible{outline:3px solid #e4ad36;outline-offset:3px}
@media(max-width:600px){.shh-brandbar{min-height:66px;padding:10px 12px;gap:10px}.shh-brandbar img{width:43px;height:43px}.shh-brandbar strong{font-size:16px}.shh-brandbar small{font-size:8px;letter-spacing:.9px}.shh-brand-home{padding:8px 10px;font-size:11px}}