/* The calculator shares the home page's paper, ink and navy editorial system.
   Keep all rules inside the assessment: the inputs and calculations stay native. */
.assessment-page.assessment-editorial{max-width:1100px;margin-inline:auto}
.assessment-page.assessment-editorial>.back-link{font-size:12px;margin-bottom:18px;color:var(--muted)}
.assessment-page.assessment-editorial .assessment-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start;margin-top:36px}
.assessment-page.assessment-editorial .assessment-calculator{min-width:0}
.assessment-page.assessment-editorial .assessment-modes{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;border:0;min-width:0}
.assessment-page.assessment-editorial .assessment-modes>legend{font-size:14px;font-weight:400;margin-bottom:18px;line-height:1.7}
.assessment-page.assessment-editorial .assessment-step{font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--muted);margin-right:12px;font-variant-numeric:tabular-nums}
.assessment-page.assessment-editorial .assessment-mode{position:relative;padding:23px 26px 23px 18px;border:1px solid var(--line);border-radius:6px;background:#efede8;gap:12px;min-height:112px;align-items:flex-start;box-shadow:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.assessment-page.assessment-editorial .assessment-mode:hover{background:#e7e4dc}
.assessment-page.assessment-editorial .assessment-mode.selected{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
.assessment-page.assessment-editorial .assessment-mode input{width:17px;height:17px;margin:5px 0 0;accent-color:var(--navy)}
.assessment-page.assessment-editorial .assessment-mode.selected input{accent-color:var(--mustard)}
.assessment-page.assessment-editorial .assessment-mode-copy{display:block;min-width:0}
.assessment-page.assessment-editorial .assessment-mode strong{font-size:15px;line-height:1.7;font-weight:400;letter-spacing:-.2px}
.assessment-page.assessment-editorial .assessment-mode small{font-size:11px;line-height:1.8;color:#64615a;margin-top:6px}
.assessment-page.assessment-editorial .assessment-mode.selected small{color:#e7e8ee}
.assessment-page.assessment-editorial .assessment-mode-index{position:absolute;right:10px;top:8px;font-size:9px;line-height:1;letter-spacing:.04em;color:#79756d;font-variant-numeric:tabular-nums}
.assessment-page.assessment-editorial .assessment-mode.selected .assessment-mode-index{color:var(--mustard)}
.assessment-page.assessment-editorial .assessment-form{max-width:none;background:#efede8;border:1px solid #e3e0d8;border-radius:8px;padding:32px;margin:0}
.assessment-page.assessment-editorial .assessment-form-heading{gap:14px;border-bottom:1px solid #c9c5bb;padding-bottom:20px;margin-bottom:27px;align-items:center}
.assessment-page.assessment-editorial .assessment-form-title{display:flex;align-items:baseline;min-width:0}
.assessment-page.assessment-editorial .assessment-form-heading h2{font-size:22px;line-height:1.6;font-weight:400;letter-spacing:-.6px;margin:0}
.assessment-page.assessment-editorial .assessment-form-heading .text-link{font-size:12px;min-height:44px;flex-shrink:0}
.assessment-page.assessment-editorial .assessment-form .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:27px}
.assessment-page.assessment-editorial .assessment-form label,.assessment-page.assessment-editorial .assessment-duration legend{font-size:13px;line-height:1.8;color:#4f4b44;margin-bottom:10px}
.assessment-page.assessment-editorial .assessment-form input,.assessment-page.assessment-editorial .assessment-form select{background:#fff;border:1px solid #bdb8ae;border-radius:4px;min-height:56px;width:100%;color:var(--ink);font-size:17px;padding:13px 14px;box-shadow:none}
.assessment-page.assessment-editorial .assessment-form input::placeholder{color:#8b877e;opacity:1}
.assessment-page.assessment-editorial .assessment-duration{margin-top:24px}
.assessment-page.assessment-editorial .duration-input{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}
.assessment-page.assessment-editorial .duration-input label{min-width:0;margin-bottom:0}
.assessment-page.assessment-editorial .duration-input input{margin-top:6px;font-size:27px;line-height:1.3;font-variant-numeric:tabular-nums;padding:13px 12px}
.assessment-page.assessment-editorial .field-hint{font-size:13px;line-height:1.95;margin:17px 0 24px;color:#68645d}
.assessment-page.assessment-editorial .assessment-actions{gap:10px;padding-top:5px}
.assessment-page.assessment-editorial .assessment-actions .button{min-height:48px;padding:13px 17px;border-radius:5px;font-size:12px}
.assessment-page.assessment-editorial .assessment-actions .button[type=submit]{background:var(--navy);color:#fff;min-width:190px;justify-content:space-between}
.assessment-page.assessment-editorial .assessment-actions .button[type=submit]:hover{background:#253157}
.assessment-page.assessment-editorial .assessment-actions .button.secondary{border-color:#bdb8ae;background:transparent}
.assessment-page.assessment-editorial .assessment-actions .button.secondary:hover{background:#e4e0d7}
.assessment-page.assessment-editorial .input-privacy{border-top:1px solid #d4cfc4;padding-top:19px;margin-top:24px;font-size:12px;line-height:1.95;color:#68645d}
.assessment-page.assessment-editorial .example-input-note{margin-bottom:25px;background:#fcf5df;border-left:2px solid #a77b22;font-size:13px;color:#574720}
.assessment-page.assessment-editorial #assessment-error{color:#8c3a30;font-size:13px;line-height:1.8;margin:16px 0}
.assessment-page.assessment-editorial #assessment-error:empty{margin:0}
.assessment-page.assessment-editorial #assessment-output{min-width:0;scroll-margin-top:110px}
.assessment-page.assessment-editorial #assessment-output:empty{margin:0;padding:0}
.assessment-page.assessment-editorial .ability-result{position:relative;min-width:0;border:0;border-radius:8px;background:var(--navy);color:#fff;padding:32px;margin:16px 0 0}
.assessment-page.assessment-editorial .result-context{font-size:12px;color:#e4e6ee;gap:12px;margin-bottom:30px;line-height:1.85}
.assessment-page.assessment-editorial .assessment-example-badge{background:var(--mustard);color:var(--ink);font-size:10px;line-height:1.8;border-radius:3px;padding:4px 9px}
.assessment-page.assessment-editorial .ability-result-lead{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:27px;border-bottom:1px solid #747d9b}
.assessment-page.assessment-editorial .ability-result-lead p{font-size:14px;color:#eeeff4;margin-bottom:9px;font-weight:400}
.assessment-page.assessment-editorial .ability-result-lead strong{font-size:clamp(38px,4.6vw,64px);line-height:1.4;letter-spacing:-1.6px;font-weight:400;color:#fff}
.assessment-page.assessment-editorial .ability-result-lead strong small{font-size:15px;letter-spacing:0;color:#eeeff4;font-weight:400}
.assessment-page.assessment-editorial .ability-result-lead>div>span{color:#e4e6ee;font-size:14px;line-height:1.85;margin-top:12px}
.assessment-page.assessment-editorial .result-method{max-width:none;border-left:2px solid var(--mustard);font-size:11px;line-height:1.8;color:#f7f4eb;padding:3px 0 3px 12px}
.assessment-page.assessment-editorial .result-method br{display:none}
.assessment-page.assessment-editorial .result-method br:after{content:' '}
.assessment-page.assessment-editorial .result-limit{font-size:14px;line-height:2;color:#f1f1f4;margin-top:24px}
.assessment-page.assessment-editorial .ability-result .field-hint{color:#e4e6ee;font-size:12px;line-height:1.95;margin-top:20px;margin-bottom:0}
.assessment-page.assessment-editorial .ability-result .citation{color:#fff;border-bottom-color:#bfc4d5}
.assessment-page.assessment-editorial .ability-result .citation:focus-visible,.assessment-page.assessment-editorial .ability-result summary:focus-visible{outline-color:var(--mustard)}
.assessment-page.assessment-editorial .model-comparison{margin-top:32px}
.assessment-page.assessment-editorial .model-comparison h3,.assessment-page.assessment-editorial .vdot-equivalents h3{font-size:19px;line-height:1.7;letter-spacing:-.3px;font-weight:400;margin:0 0 10px}
.assessment-page.assessment-editorial .model-comparison>p,.assessment-page.assessment-editorial .vdot-equivalents>p{font-size:13px;line-height:1.95;color:#e4e6ee}
.assessment-page.assessment-editorial .model-comparison dl{border-top-color:#747d9b;margin:20px 0}
.assessment-page.assessment-editorial .model-comparison dl>div{border-bottom-color:#747d9b;gap:16px;padding:18px 0;display:block}
.assessment-page.assessment-editorial .model-comparison dt{font-size:13px;line-height:1.9;color:#e4e6ee}
.assessment-page.assessment-editorial .model-comparison dd{text-align:left;font-size:23px;line-height:1.7;letter-spacing:-.3px;margin-top:7px;color:#fff}
.assessment-page.assessment-editorial .calculation-detail{border-top-color:#747d9b;margin-top:27px;padding-top:4px}
.assessment-page.assessment-editorial .calculation-detail summary{font-size:13px;line-height:1.8;min-height:48px;padding:15px 0;color:#fff}
.assessment-page.assessment-editorial .calculation-detail p{font-size:13px;line-height:1.95;color:#e4e6ee;margin-bottom:0}
.assessment-page.assessment-editorial .assessment-caution{background:#f9efcf;color:#574720;border-left-color:var(--mustard);font-size:13px;line-height:1.95}
.assessment-page.assessment-editorial .vdot-equivalents{margin-top:30px}
.assessment-page.assessment-editorial .vdot-equivalents table{margin:22px 0 0;border-collapse:collapse;table-layout:fixed}
.assessment-page.assessment-editorial .vdot-equivalents th,.assessment-page.assessment-editorial .vdot-equivalents td{border-bottom-color:#747d9b;font-size:20px;line-height:1.7;padding:17px 9px;color:#fff}
.assessment-page.assessment-editorial .vdot-equivalents th:first-child{width:25%;padding-left:0}
.assessment-page.assessment-editorial .vdot-equivalents thead th{font-size:11px;line-height:1.8;font-weight:400;color:#e4e6ee;border-top-color:#747d9b}
.assessment-page.assessment-editorial .vdot-equivalents tbody th{font-size:14px;font-weight:400}
.assessment-page.assessment-editorial .vdot-equivalents small{font-size:10px;line-height:1.8;color:#e4e6ee}
.assessment-page.assessment-editorial .vdot-input-row{background:#ffffff0c}
.assessment-page.assessment-editorial .vdot-input-row th:first-child{border-left:2px solid var(--mustard);padding-left:10px}
.assessment-page.assessment-editorial .vdot-unavailable{font-size:12px;color:#e4e6ee}
.assessment-page.assessment-editorial .assessment-reading{margin-top:42px;border-top:1px solid var(--line)}
.assessment-page.assessment-editorial .assessment-methods{margin:0 0 28px;border-top:0;border-bottom:1px solid var(--line)}
.assessment-page.assessment-editorial .assessment-methods>summary{font-size:17px;line-height:1.8;min-height:70px;padding:23px 0;font-weight:400;letter-spacing:-.3px}
.assessment-page.assessment-editorial .method-prose{padding-top:8px;padding-bottom:18px;max-width:760px}
.assessment-page.assessment-editorial .method-prose p{font-size:14px;line-height:2}
.assessment-page.assessment-editorial .method-prose code{font-size:13px;background:#eeece6;line-height:1.9}
.assessment-page.assessment-editorial .source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:20px}
.assessment-page.assessment-editorial .source-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px;min-width:0}
.assessment-page.assessment-editorial .source-card h3{font-size:15px;line-height:1.75;font-weight:400}
.assessment-page.assessment-editorial .vdot-panel{padding:30px 32px;background:#eeece6;border:1px solid #e3e0d8;border-radius:8px;margin-bottom:24px}
.assessment-page.assessment-editorial .vdot-panel h2{font-size:23px;line-height:1.65;letter-spacing:-.5px;font-weight:400}
.assessment-page.assessment-editorial .vdot-panel>p{font-size:14px;line-height:1.95;max-width:760px}
.assessment-page.assessment-editorial .vdot-panel .text-link{min-height:44px;font-size:13px;border-bottom-color:#aaa49a}
.assessment-page.assessment-editorial .assessment-learn-link{padding:27px 30px;background:#f3ead2;border:0;border-radius:8px;min-height:112px;margin-top:0;transition:background .2s ease}
.assessment-page.assessment-editorial .assessment-learn-link:hover{background:#eaddbb}
.assessment-page.assessment-editorial .assessment-learn-link strong{font-size:22px;line-height:1.65;letter-spacing:-.6px;font-weight:400}
.assessment-page.assessment-editorial .assessment-learn-link small{font-size:12px;line-height:1.9;color:#686052;display:block;margin-top:5px}
.assessment-page.assessment-editorial .assessment-learn-link>.icon{width:28px;height:28px}

@media(max-width:1000px){
  .assessment-page.assessment-editorial .assessment-workspace{grid-template-columns:200px minmax(0,1fr);gap:22px}
  .assessment-page.assessment-editorial .assessment-form,.assessment-page.assessment-editorial .ability-result{padding:27px}
  .assessment-page.assessment-editorial .assessment-form-heading{align-items:flex-start;flex-direction:column;gap:6px}
  .assessment-page.assessment-editorial .assessment-form-heading .text-link{align-self:flex-end;margin-top:-5px}
}
@media(max-width:760px){
  .assessment-page.assessment-editorial .assessment-workspace{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:28px}
  .assessment-page.assessment-editorial .assessment-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .assessment-page.assessment-editorial .assessment-modes>legend{font-size:13px;margin-bottom:15px}
  .assessment-page.assessment-editorial .assessment-mode{padding:23px 15px 18px 13px;gap:9px;min-height:110px}
  .assessment-page.assessment-editorial .assessment-mode strong{font-size:13px;line-height:1.8;letter-spacing:-.3px}
  .assessment-page.assessment-editorial .assessment-mode small{font-size:10px;line-height:1.8;margin-top:5px}
  .assessment-page.assessment-editorial .assessment-mode input{width:15px;height:15px;margin-top:5px}
  .assessment-page.assessment-editorial .assessment-form,.assessment-page.assessment-editorial .ability-result{padding:24px 21px}
  .assessment-page.assessment-editorial .assessment-form-heading{flex-direction:row;align-items:center;margin-bottom:24px;padding-bottom:19px;gap:12px}
  .assessment-page.assessment-editorial .assessment-form-heading h2{font-size:19px;letter-spacing:-.5px}
  .assessment-page.assessment-editorial .assessment-form-heading .text-link{font-size:11px;align-self:auto;margin-top:0}
  .assessment-page.assessment-editorial .assessment-step{font-size:10px;margin-right:9px}
  .assessment-page.assessment-editorial .assessment-form .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .assessment-page.assessment-editorial .assessment-form label,.assessment-page.assessment-editorial .assessment-duration legend{font-size:12px}
  .assessment-page.assessment-editorial .assessment-form select{font-size:16px;padding-left:10px;padding-right:7px}
  .assessment-page.assessment-editorial .duration-input{gap:9px}
  .assessment-page.assessment-editorial .duration-input input{font-size:27px;padding:13px 10px}
  .assessment-page.assessment-editorial .field-hint{font-size:12px;line-height:1.95}
  .assessment-page.assessment-editorial .input-privacy{font-size:11px;line-height:1.95}
  .assessment-page.assessment-editorial .ability-result-lead{gap:20px;padding-bottom:24px}
  .assessment-page.assessment-editorial .ability-result-lead strong{font-size:clamp(31px,8.6vw,45px);line-height:1.45;letter-spacing:-1px}
  .assessment-page.assessment-editorial .ability-result-lead strong small{font-size:12px}
  .assessment-page.assessment-editorial .ability-result-lead p,.assessment-page.assessment-editorial .ability-result-lead>div>span{font-size:12px}
  .assessment-page.assessment-editorial .result-context{font-size:11px;gap:11px;margin-bottom:24px}
  .assessment-page.assessment-editorial .result-limit{font-size:13px;line-height:1.95}
  .assessment-page.assessment-editorial .model-comparison h3,.assessment-page.assessment-editorial .vdot-equivalents h3{font-size:17px}
  .assessment-page.assessment-editorial .model-comparison dd{font-size:21px}
  .assessment-page.assessment-editorial .vdot-equivalents th,.assessment-page.assessment-editorial .vdot-equivalents td{font-size:17px;padding:15px 5px}
  .assessment-page.assessment-editorial .vdot-equivalents thead th{font-size:10px}
  .assessment-page.assessment-editorial .vdot-equivalents tbody th{font-size:13px}
  .assessment-page.assessment-editorial .assessment-reading{margin-top:31px}
  .assessment-page.assessment-editorial .assessment-methods>summary{font-size:15px;min-height:68px;padding:22px 0}
  .assessment-page.assessment-editorial .source-list{grid-template-columns:minmax(0,1fr)}
  .assessment-page.assessment-editorial .source-card{padding:22px 20px}
  .assessment-page.assessment-editorial .vdot-panel{padding:25px 22px}
  .assessment-page.assessment-editorial .vdot-panel h2{font-size:21px}
  .assessment-page.assessment-editorial .vdot-panel>p{font-size:13px}
  .assessment-page.assessment-editorial .assessment-learn-link{padding:24px 22px;gap:18px}
  .assessment-page.assessment-editorial .assessment-learn-link strong{font-size:20px}
}
@media(max-width:480px){
  .assessment-page.assessment-editorial .assessment-form-heading{align-items:flex-start;flex-direction:column;gap:2px}
  .assessment-page.assessment-editorial .assessment-form-heading .text-link{align-self:flex-end;margin-top:-3px}
  .assessment-page.assessment-editorial .assessment-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .assessment-page.assessment-editorial .assessment-actions .button{width:100%}
}
@media(max-width:359px){
  .assessment-page.assessment-editorial .assessment-mode{padding:23px 10px 16px;gap:7px;min-height:118px}
  .assessment-page.assessment-editorial .assessment-mode strong{font-size:12px}
  .assessment-page.assessment-editorial .assessment-mode small{font-size:10px}
  .assessment-page.assessment-editorial .assessment-form,.assessment-page.assessment-editorial .ability-result{padding:23px 17px}
  .assessment-page.assessment-editorial .assessment-form .tool-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .assessment-page.assessment-editorial .ability-result-lead strong{font-size:31px}
  .assessment-page.assessment-editorial .vdot-equivalents th,.assessment-page.assessment-editorial .vdot-equivalents td{font-size:15px;padding-inline:4px}
  .assessment-page.assessment-editorial .vdot-equivalents tbody th{font-size:12px}
  .assessment-page.assessment-editorial .vdot-equivalents thead th{font-size:9px}
  .assessment-page.assessment-editorial .vdot-input-row th:first-child{padding-left:7px}
}