.product-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:#eeecfa;border:1px solid var(--line);border-radius:12px}
.product-tabs button{padding:9px 15px;border:0;border-radius:9px;background:transparent;color:var(--subtle);font-size:.88rem;font-weight:750;white-space:nowrap}
.product-tabs button[aria-current="page"]{background:#c8ff00;color:#171717;box-shadow:0 3px 10px #28254220}
.product-tabs button:focus-visible,.assessment-nav button:focus-visible{outline:3px solid #8c78e7;outline-offset:2px}
.assessment-mode .shell{max-width:1380px;grid-template-columns:278px minmax(0,1fr);gap:0;padding-top:28px}
.assessment-mode .assessment-side{border-radius:22px 0 0 22px;border-right:0;min-height:680px;padding:30px 22px;background:radial-gradient(circle at 2% 100%,#7160b7 0,transparent 52%),linear-gradient(155deg,#17171d,#171320 80%);box-shadow:0 18px 40px #201b3824}
.assessment-side-brand{font-weight:900;font-size:2rem;letter-spacing:.06em;line-height:1.1;color:#c8ff00}.assessment-side-subtitle{font-weight:700;font-size:.95rem;margin:6px 0 30px}
.assessment-nav{display:grid;gap:6px}.assessment-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:11px;padding:12px 10px;color:#f5f5f0;background:transparent;font-size:.9rem}
.assessment-nav button span{display:grid;place-items:center;min-width:27px;height:27px;border:1px solid #a9a5b7;border-radius:7px;font-size:.65rem;font-weight:800}
.assessment-nav button:hover{background:#ffffff18}.assessment-nav button[aria-current="page"]{background:#c8ff00;color:#111}.assessment-nav button[aria-current="page"] span{border-color:#111}
.assessment-mode main{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:0 22px 22px 0;box-shadow:0 18px 42px #201b3820}
.assessment-mode .assessment-card{background:transparent;border:0;box-shadow:none;border-radius:0;padding:clamp(24px,4vw,48px);min-height:680px}
.assessment-mode .assessment-card h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em}.assessment-panel{min-height:330px}.assessment-panel h3{font-size:1.3rem;letter-spacing:-.02em;margin:18px 0 8px}.assessment-panel h4{margin:18px 0 6px}.assessment-panel p{line-height:1.6;color:var(--subtle)}.assessment-panel[data-assessment-panel="starting"]{padding:22px 0}.assessment-panel[data-assessment-panel="starting"] p{max-width:680px}.assessment-rate{margin-top:20px}
.assessment-baseline-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.baseline-detail-card,.improve-item{border:1px solid var(--line);background:var(--field);border-radius:15px;padding:18px}.baseline-detail-card h4{margin:0}.baseline-detail-card strong{display:block;font-size:1.7rem;margin:8px 0}.baseline-detail-card p,.improve-item p{font-size:.86rem;margin:0}.improve-item{margin:12px 0}.assessment-panel[data-assessment-panel="before"] p{white-space:pre-wrap;border:1px solid var(--line);background:var(--field);border-radius:12px;padding:18px}
html[data-theme="dark"] .product-tabs,html[data-theme="cam"] .product-tabs{background:#292632}html[data-theme="cam"] .product-tabs{background:#242428}html[data-theme="dark"] .product-tabs button,html[data-theme="cam"] .product-tabs button{color:#ddd9e8}html[data-theme="dark"] .product-tabs button[aria-current="page"],html[data-theme="cam"] .product-tabs button[aria-current="page"]{color:#111}
html[data-theme="cam"] .assessment-mode .assessment-side{background:radial-gradient(circle at 5% 100%,#4b4668 0,transparent 55%),linear-gradient(155deg,#171717,#090909)}
@media(max-width:950px){.top{gap:12px}.product-tabs{order:3;width:100%;justify-content:center}.product-tabs button{flex:1}}
@media(max-width:760px){.assessment-mode .shell{display:block;padding:16px 14px 120px}.assessment-mode .assessment-side{min-height:0;border-radius:18px 18px 0 0;padding:18px;border-right:1px solid #45405e;margin-bottom:0}.assessment-side-subtitle{margin-bottom:14px}.assessment-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px}.assessment-nav button{flex:0 0 auto;width:auto;white-space:nowrap;padding:9px 12px}.assessment-mode main{border-radius:0 0 18px 18px}.assessment-mode .assessment-card{min-height:0;padding:22px 18px}.assessment-baseline-detail{grid-template-columns:1fr}.product-tabs button{font-size:.8rem;padding:9px 8px}}
@media print{.assessment-side,.product-tabs{display:none!important}.assessment-mode main{border:0;box-shadow:none}}
.assessment-future{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.assessment-future>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.assessment-future strong{font-size:.95rem}.assessment-future span{font-size:.82rem;color:var(--subtle)}
@media(max-width:700px){.assessment-future{grid-template-columns:1fr}}