.assessment-page{--teal:#006c70;--teal-dark:#005a5e;--slate:#2c3e50;--secondary-slate:#34495e;--line:#dce3e7;--soft:#f8f9fa;margin:0;background:#fff;color:var(--slate);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
.assessment-page *{box-sizing:border-box}
.assessment-page a{color:var(--teal);text-underline-offset:.18em}
.assessment-page a:hover{color:var(--teal-dark)}
.assessment-page a.button--primary,.assessment-page a.button--primary:hover{color:#fff}
.assessment-page a.button--secondary,.assessment-page a.button--secondary:hover{color:var(--teal-dark)}
.assessment-page a:focus-visible,.assessment-page button:focus-visible,.assessment-page input:focus-visible,.assessment-page summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.skip-link{position:absolute;z-index:5;top:1rem;left:1rem;transform:translateY(-160%);padding:.65rem 1rem;background:#fff;color:var(--slate)}
.skip-link:focus{transform:translateY(0)}
.assessment-header,.assessment-footer{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;padding:1rem max(1rem,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line);background:#fff;color:var(--slate)}
.assessment-footer{border-top:1px solid var(--line);border-bottom:0;background:var(--soft)}
.assessment-header .brand-lockup{display:flex;flex:0 1 auto;min-width:0;max-width:100%;align-items:center;gap:.65rem;color:var(--slate);text-decoration:none}
.assessment-header .brand-lockup__mark{width:43px;height:43px;object-fit:contain}
.assessment-header .brand-lockup__name{font-size:1.2rem;font-weight:720;letter-spacing:-.045em;line-height:1}
.assessment-header .brand-lockup__amp{color:var(--teal)}
.private-nav{display:flex;min-width:0;max-width:100%;align-items:center;gap:1.25rem;flex-wrap:wrap;color:var(--secondary-slate);font-weight:600}
.private-nav span{color:var(--slate)}
.assessment-shell{max-width:760px;margin:2rem auto 4rem;padding:0 1rem;overflow-wrap:anywhere}
.assessment-shell h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;color:var(--slate)}
.assessment-shell h2{font-size:1.35rem;margin-top:2rem;color:var(--slate)}
.assessment-form{display:grid;gap:1rem;margin:1.5rem 0}
.assessment-form input[type=email],.assessment-form input[name=token]{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #8798a3;border-radius:.3rem;background:#fff;color:var(--slate);font:inherit}
.assessment-form input:focus-visible{border-color:var(--teal)}
.assessment-form fieldset{border:0;padding:0;margin:0;display:grid;gap:.75rem}
.assessment-form legend{margin-bottom:.35rem;font-weight:700}
.assessment-choice{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.8rem;border:1px solid #b8c8c3;border-radius:.4rem;background:#fff;cursor:pointer}
.assessment-choice:has(input:checked){border-color:var(--teal);background:#f1f8f7}
.assessment-choice input{flex:0 0 auto;width:1.2rem;height:1.2rem;accent-color:var(--teal)}
.assessment-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.assessment-alert{padding:1rem;border-left:5px solid #a94337;background:#fff1ec}
.assessment-fine,.form-hint{font-size:.9rem;color:#4f606d}
.form-hint{display:block;font-weight:400}
.assessment-score strong{font-size:2.4rem}
.assessment-dimensions div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.5rem}
.assessment-dimensions dd{font-weight:700}
.assessment-management{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}
.assessment-management form{display:inline-block;margin-right:1rem}
.assessment-management button{min-height:44px;padding:.55rem .7rem;border:1px solid var(--teal);border-radius:.3rem;color:var(--teal-dark);background:#fff;text-decoration:underline;text-underline-offset:.18em;cursor:pointer;font:inherit}
.assessment-page progress{width:100%;height:1rem;accent-color:var(--teal)}
.assessment-status{font-size:.9rem}
.assessment-header,.assessment-footer{flex-wrap:wrap}
.honeypot,.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.assessment-example{margin:1.5rem 0;border:1px solid #b8c8c3;border-radius:.4rem;background:#fff}
.assessment-example summary{padding:1rem;cursor:pointer;font-weight:700}
.assessment-example-body{padding:0 1rem 1rem;border-top:1px solid var(--line)}
.assessment-example h2{margin-top:1rem}
.assessment-example h3{font-size:1.05rem;margin:1.5rem 0 .5rem;color:var(--slate)}
.assessment-example .assessment-score{margin:.5rem 0}
.assessment-example .assessment-score strong{font-size:2rem}
.assessment-example .assessment-alert h3{margin-top:0}
.assessment-example .assessment-alert ul{margin-bottom:0}
.assessment-dimensions dt{min-width:0}
.assessment-dimensions dd{flex-shrink:0;margin-left:1rem}
@media(max-width:560px){.assessment-header,.assessment-footer{padding:1rem}.assessment-header{align-items:flex-start;flex-wrap:wrap}.assessment-header .brand-lockup{flex-basis:100%}.private-nav{flex-basis:100%;gap:.7rem;justify-content:space-between}.assessment-shell{margin:1.2rem auto 3rem}.assessment-actions .button{width:100%;text-align:center}}