.instructional-sample{max-width:1120px;margin:clamp(48px,7vw,96px) auto;padding:clamp(24px,4vw,56px);background:#fff;color:#17233c;border:1px solid #c8d1de;border-radius:20px;font-family:Inter,Arial,sans-serif;line-height:1.7}.instructional-sample h2,.instructional-sample h3{font-family:Manrope,Inter,Arial,sans-serif;color:#17233c;line-height:1.25;text-wrap:balance}.instructional-sample h2{font-size:clamp(25px,3vw,38px);margin:0 0 24px}.instructional-sample__body h2{font-size:clamp(22px,2.3vw,29px);margin-top:40px}.instructional-sample p,.instructional-sample li{font-size:clamp(16px,1.4vw,18px);max-width:76ch}.instructional-sample__eyebrow{font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8}.instructional-sample__answer{font-size:20px!important}.instructional-sample__provenance,.instructional-sample__boundary{background:#eef3fa;padding:20px;border-radius:10px;color:#31435f}.instructional-sample__body{overflow-wrap:anywhere}.instructional-sample table{display:table;width:100%;border-collapse:collapse;margin:24px 0}.instructional-sample th,.instructional-sample td{text-align:left;vertical-align:top;border:1px solid #bcc8d9;padding:14px}.instructional-sample th{background:#eaf0fa}.instructional-sample__review{margin-top:32px;padding:24px;background:#10233f;color:#f4f8ff;border-radius:12px}.instructional-sample__review h3{color:#fff}.instructional-sample a{color:#174eb5;text-decoration:underline;text-underline-offset:3px}.instructional-sample nav{display:flex;flex-wrap:wrap;gap:16px 28px;margin:28px 0}.instructional-sample nav a{padding:12px 0;font-weight:700}.instructional-sample a:focus-visible{outline:3px solid #d76512;outline-offset:4px}@media(max-width:600px){.instructional-sample{margin:36px 12px;padding:22px 18px;border-radius:12px}.instructional-sample table{display:block;overflow-x:auto;font-size:15px}.instructional-sample th,.instructional-sample td{min-width:110px;padding:10px}.instructional-sample nav{display:grid;gap:10px}.instructional-sample__answer{font-size:18px!important}}

.instructional-sample__print{display:block;width:min(100%,600px);height:auto;margin:32px auto;border:1px solid #b8c6d9;border-radius:8px}
/* Feature-page typography also targets nested paragraphs and lists. Keep the review panel's
   foreground tied to its dark surface rather than inheriting the surrounding light-page ink. */
.instructional-sample .instructional-sample__review h3,.instructional-sample .instructional-sample__review li,.instructional-sample .instructional-sample__review p{color:#f4f8ff!important}
.instructional-sample__review{--feature-ink:#f4f8ff;--feature-copy:#f4f8ff;--feature-link:#b8d8ff}
.instructional-sample{background:#fff!important}

.instructional-sample__comparison{margin-top:32px;border-top:1px solid #b8c6d9;padding-top:24px}.instructional-sample__comparison>summary{font-weight:700;padding:16px;background:#eef3fa;color:#17233c;cursor:pointer;border-radius:8px}.instructional-sample__comparison>summary:focus-visible{outline:3px solid #d76512;outline-offset:4px}