/* NA​FS UI v6 — UI layer only: never changes questions, scoring, answers. */
:root{--edu-ink:#162d43;--edu-teal:#116b73;--edu-bg:#f5f7fa;--edu-border:#dde5eb;--ui-text:#233449;--ui-muted:#637386;--ui-primary:#145f6c;--ui-edge:#e0e7ee;--ui-radius:14px}
html{scroll-behavior:smooth}body{background:#f5f7fa!important;color:var(--ui-text)!important;font-family:Tajawal,Arial,sans-serif!important}
body>.edu-side{width:252px!important;background:#fff;box-shadow:none!important;border-left:1px solid var(--ui-edge)}body{padding-right:252px!important}
.edu-brand{padding:22px 20px!important;background:#134f62!important}.edu-brand strong{font-weight:800;font-size:22px}.edu-brand small{font-size:12px;color:#d6e7ec}
.edu-nav{padding:10px!important}.edu-nav .edu-major,.edu-nav summary{display:flex;gap:10px;align-items:center;font-size:14px!important;font-weight:700!important;border-radius:10px!important;min-height:44px;color:#263e50!important;padding:10px 12px!important}
.edu-nav .edu-major:hover,.edu-nav summary:hover{background:#f2f7f8!important;color:#125f69!important}
.edu-nav details{padding:3px 0!important}.edu-subject[open]>summary{background:#eaf3f4!important;color:#125e6b!important}.edu-subject-icon{width:34px;height:34px;border-radius:10px}.edu-subject-icon svg{width:21px;height:21px}
.edu-domain-links{padding:4px 5px 9px!important;gap:2px!important}.edu-domain-links .edu-domain{font-size:12.5px!important;line-height:1.65!important;font-weight:600!important;padding:8px 12px!important;margin:0 12px 0 0!important;border-right:2px solid #c4dfe0!important}
.edu-side-footer{display:none!important}
/* Unified surfaces and typography, without modifying source text or question structure */
main,.container{min-width:0}h1,h2,h3{font-family:inherit!important;letter-spacing:0!important}h1{font-weight:800!important}h2{font-weight:800!important}
.card,.edu-card,.domainCard,.subject-card,.modeCard{border:1px solid var(--ui-edge)!important;border-radius:14px!important;box-shadow:0 2px 11px rgba(15,43,66,.035)!important;background-color:#fff}
button,.btn,[role=button]{font-family:inherit!important}button:hover,.btn:hover{transform:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #176c79!important;outline-offset:2px!important}
/* Home page — strong hierarchy, suppress duplicated explanatory decorations only */
body.ui-home .container{max-width:1060px!important;gap:14px!important}body.ui-home .portal-entry{box-shadow:none!important}body.ui-home .portal-entry-intro{background:#155768!important;padding:30px!important}body.ui-home .portal-entry-intro .portal-steps{display:none!important}
body.ui-home .portal-entry-intro p{max-width:47ch;color:#e4f2f3!important}body.ui-home .portal-entry-form{padding:30px!important}
body.ui-home .portal-dash-head{background:#155768!important;padding:21px 25px!important}body.ui-home .portal-dash-head .ring{width:80px;height:80px}
body.ui-home .portal-mat{border-radius:14px!important;gap:12px!important;box-shadow:none!important;padding:18px!important}body.ui-home .portal-mat:hover{transform:none!important;box-shadow:0 3px 12px #0b33400b!important}
body.ui-home .portal-mat-icon{width:45px;height:45px;border-radius:11px!important}body.ui-home .portal-mat h2{font-size:20px!important}
body.ui-home .portal-portfolios{padding:18px 20px!important}body.ui-home .portal-backup{background:#fafcfd!important}
/* Reports remain handled by print stylesheet. Hide chrome when printing. */
@media print{body{padding:0!important;background:#fff!important}.edu-side,.edu-menu-toggle{display:none!important}.card,.edu-card{box-shadow:none!important}}
@media(max-width:900px){body{padding-right:0!important;padding-top:52px!important}body>.edu-side{width:min(84vw,305px)!important}.edu-menu-toggle{background:#155768!important;border-radius:10px!important}body.ui-home .portal-entry-intro,body.ui-home .portal-entry-form{padding:22px!important}}
@media(max-width:580px){body.ui-home .container{padding:12px!important}body.ui-home .portal-dash-head{padding:18px!important}.edu-nav .edu-major,.edu-nav summary{min-height:47px}}

.edu-major{display:flex!important;align-items:center;gap:10px}.edu-major-icon{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center}.edu-major-icon svg{width:20px;height:20px}.edu-menu-toggle{display:flex;align-items:center;gap:6px}.edu-menu-toggle .edu-major-icon{width:18px;height:18px}.edu-menu-toggle .edu-major-icon svg{width:18px;height:18px}