*{box-sizing:border-box}
body{margin:0;background:#f5f6f8;color:#414b5c;font-family:"PT Sans",Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
img{max-width:100%}

/* Masthead band */
.masthead{background:#192a4e;color:#fff;border-bottom:3px solid #ffd100}
.mi{max-width:1160px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.wm{margin:0;font-family:Lustria,"ITC Stone Serif",Georgia,serif;font-size:21px;font-weight:400;line-height:1.2;letter-spacing:0.1em;text-transform:uppercase}
.wm small{display:block;margin-top:8px;font-family:"PT Sans",Arial,Helvetica,sans-serif;font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:0.22em;text-transform:uppercase;color:#dbe2ee}
.room{font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:0.22em;text-transform:uppercase;color:#dbe2ee}

/* Content column and cards */
.wrap{max-width:1160px;margin:0 auto;padding:32px 40px 48px}
section{background:#fff;border:1px solid #e3e7ee;border-radius:2px;padding:24px}
section+section{margin-top:32px}
.eyebrow{margin:0 0 8px;font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:0.22em;text-transform:uppercase;color:#3d537c}
h2{margin:0 0 16px;font-family:Arvo,Georgia,serif;font-size:34px;font-weight:700;line-height:1.2;color:#143264}
.intro{margin:0 0 16px;font-size:17px}
ol,ul{margin:0;padding-left:24px}
li{margin:0 0 8px;font-size:17px}

/* Links */
a{color:#143264;text-decoration:underline;text-underline-offset:3px;transition:color 120ms ease,background-color 120ms ease,border-color 120ms ease}
a:hover{color:#263f6d}
a:focus-visible{outline:2px solid #3d537c;outline-offset:2px}
.note{font-size:14px;color:#5c6779}

/* Skip link */
.skip-link{position:absolute;inset-block-start:-100%;inset-inline-start:8px;padding:8px 16px;background:#fff;border:1px solid #e3e7ee;border-radius:2px}
.skip-link:focus{inset-block-start:8px}

/* Definition lists */
dl{margin:0}
dt{margin:0;font-size:17px;font-weight:700;line-height:1.65;color:#143264}
dd{margin:0 0 16px;font-size:17px}

/* Rubric table */
table{border-collapse:collapse;width:100%}
.scroll{overflow-x:auto;margin-top:16px}
th,td{border:1px solid #e3e7ee;padding:12px 16px;vertical-align:top;text-align:left;font-size:17px;line-height:1.65}
.rub thead th{background:#143264;color:#fff;font-size:17px;font-weight:400;line-height:1.2}
.rub th.n{font-family:Arvo,Georgia,serif;font-size:34px;font-weight:700;line-height:1.2;text-align:center}
.rub th.mid{background:#ffd100;color:#143264}
.rub th.zero{background:#dbe2ee;color:#143264}
.rub tbody th.c{background:#f5f6f8;color:#143264;font-size:17px;font-weight:700;line-height:1.65}
.rub td.m{font-weight:700;color:#143264}
.rub tfoot td{background:#f5f6f8;color:#143264;font-weight:700;text-align:right}

/* Finished-example sheet: the caption reuses .eyebrow, as .rub th.n reuses th */
.ex-caption{margin-top:24px}
.ex-file{margin:0 0 12px;font-size:12.5px;line-height:1.65;color:#414b5c}
.ex-name{font-weight:700}
.ex-sheet{margin:0;padding:20px 24px;background:#fff;border:1px solid #e3e7ee;border-radius:2px}
.ex-line{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:2;color:#414b5c}
.ex-answer{color:#5c6779}

/* Footer */
.sitefoot{max-width:1160px;margin:72px auto 0;padding:0 40px 48px;font-size:14px;line-height:1.65;color:#5c6779}

@media (max-width:760px){
.mi,.wrap,.sitefoot{padding-left:20px;padding-right:20px}
section{padding:20px}
h2{font-size:21px}
.rub th.n{font-size:21px}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}

@media print {
  .masthead, .skip-link, footer { display: none; }
  body { background: #fff; }
  section { border: 1px solid #e3e7ee; break-inside: auto; page-break-inside: auto; }
  tr { break-inside: avoid; page-break-inside: avoid; }
  .scroll { overflow: visible; }
}

.until { color: #5c6779; font-size: 14px }