/* Page-scoped learning exercise. All explanations are available without JavaScript. */
.practice-page{max-width:900px}
.practice-page h1{font-size:clamp(2rem,4.7vw,3.35rem);line-height:1.12;margin-block:20px 24px;letter-spacing:-.025em}
.practice-intro>p,.practice-help p{max-width:66ch}
.practice-intro>p{margin-block:18px}
.practice-intro .lead{font-size:1.15rem;line-height:1.65}
.practice-intro-links{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;margin-block:25px}
.practice-intro-links>a:not(.button){text-decoration:underline;text-underline-offset:4px}
.practice-help{border-left:4px solid #c39628;background:#fff9e9;border-radius:0 10px 10px 0;padding:22px 26px;margin-block:36px}
.practice-help p{margin:8px 0 0}
.practice-scenarios{display:grid;gap:36px}
.practice-card{min-width:0;border:1px solid #b8cadd;border-radius:14px;padding:30px;background:#fff;scroll-margin-top:24px}
.practice-card-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}
.practice-card h2{font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;line-height:1.4;font-weight:700;margin:0;color:#153c64}
.practice-number{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#153c64;color:#fff;font-size:1rem;font-weight:700;line-height:1}
.practice-message{background:#f1f5f9;border:1px solid #d1dde8;border-radius:10px;padding:22px 24px;color:#1c3045}
.practice-example-label{display:block;font-size:.8rem;font-weight:700;color:#40566c}
.practice-message p{margin:10px 0 0;font-size:1.05rem;line-height:1.75}
.practice-message .practice-example-note{font-size:.8rem;line-height:1.55}
.practice-address{overflow-wrap:anywhere;word-break:normal;font-family:Arial,Helvetica,sans-serif;font-weight:700;background:#fff;border:1px solid #bdcddd;border-radius:6px;padding:12px}
.practice-question{margin:25px 0 16px;font-size:1rem}
.practice-options{display:grid;gap:12px}
.practice-options[hidden],.practice-page [hidden]{display:none!important}
.practice-options button{width:100%;min-height:56px;text-align:left;border:2px solid #859db6;border-radius:8px;background:#fff;color:#183f66;font:inherit;font-size:1rem;line-height:1.5;padding:15px 18px;cursor:pointer;overflow-wrap:anywhere}
.practice-options button:hover{background:#edf4fc;border-color:#153c64}
.practice-options button[aria-pressed="true"]{background:#153c64;color:#fff;border-color:#153c64;box-shadow:inset 5px 0 0 #f1ca57}
.practice-options button:focus-visible,.practice-print:focus-visible,.practice-explanation summary:focus-visible,.practice-page a:focus-visible{outline:3px solid #2267af;outline-offset:4px}
.practice-feedback:empty{display:none}
.practice-feedback{border-left:4px solid #a97612;background:#fff8e5;color:#3e3421;padding:15px 18px;margin:20px 0;font-weight:700;font-size:.95rem;line-height:1.6}
.practice-feedback[data-kind="confirm"]{border-color:#196044;background:#eff7f1;color:#184933}
.practice-explanation{border-top:1px solid #cad7e3;margin-top:22px;padding-top:5px}
.practice-explanation summary{cursor:pointer;min-height:48px;padding:13px 2px;color:#174c78;font-weight:700;text-decoration:underline;text-underline-offset:4px;font-size:.95rem}
.practice-explanation>div{padding:0 2px}
.practice-explanation p{margin-block:15px;font-size:1rem;line-height:1.8}
.practice-explanation a,.practice-help a,.practice-sources a{color:#174c78;text-decoration:underline;text-underline-offset:4px}
.practice-next{display:inline-block;color:#174c78;font-size:.9rem;min-height:48px;line-height:1.6;padding-top:14px;margin-top:10px;text-decoration:underline;text-underline-offset:4px}
.practice-checklist{margin-top:48px;padding:32px;border:2px solid #153c64;border-radius:12px;background:#f1f6fc;scroll-margin-top:24px}
.practice-checklist h2{font-size:1.8rem;line-height:1.25;margin-block:14px 18px}
.practice-checklist ol{padding-left:1.3rem;margin-block:22px}
.practice-checklist li{padding-left:8px;margin-block:17px;line-height:1.75}
.practice-checklist li::marker{color:#153c64;font-weight:700}
.practice-checklist p{margin-block:18px}
.practice-checklist-address{font-size:.85rem;overflow-wrap:anywhere}
.practice-scope{font-size:.85rem;line-height:1.65;border-top:1px solid #b8cadd;padding-top:18px}
.practice-print{font:inherit;font-weight:700;background:#153c64!important;color:#fff!important;border:0;cursor:pointer;margin-top:8px}
.practice-print-hint{font-size:.8rem;line-height:1.6;max-width:62ch}
.practice-print-brand{display:none}
.practice-sources{margin-top:42px}
.practice-sources h2{font-size:1.55rem;line-height:1.35}
.practice-sources ul{padding-left:1.1rem}
.practice-sources li{padding-block:7px}
@media(max-width:600px){.practice-card{padding:22px 18px}.practice-card-heading{gap:12px}.practice-number{width:36px;height:36px}.practice-card h2{font-size:1.2rem}.practice-message{padding:18px}.practice-message p{font-size:1rem}.practice-intro .lead{font-size:1.05rem}.practice-help{padding:20px}.practice-checklist{padding:24px 20px}.practice-checklist h2{font-size:1.55rem}.practice-intro-links{align-items:stretch;flex-direction:column}.practice-intro-links .button{justify-content:center}}
@media print{
  @page{size:A4 portrait;margin:14mm}
  :root{font-size:11pt!important}
  body{background:#fff;color:#000;line-height:1.42}
  body>:not(.practice-page){display:none!important}
  .practice-page{display:block!important;width:100%;max-width:none;padding:0;margin:0}
  .practice-page>*:not(.practice-checklist){display:none!important}
  .practice-checklist{margin:0;border:0;border-radius:0;background:#fff;padding:0;break-inside:avoid}
  .practice-print-brand{display:block;font-size:11pt;font-weight:700;color:#000;margin:0 0 8mm!important}
  .practice-checklist .eyebrow,.practice-print,.practice-print-hint{display:none!important}
  .practice-checklist h2{font-size:22pt;color:#000;margin:0 0 5mm}
  .practice-checklist ol{margin:5mm 0;padding-left:6mm}
  .practice-checklist li{margin:3.4mm 0;padding-left:2mm;line-height:1.5;break-inside:avoid}
  .practice-checklist p{margin:4mm 0;line-height:1.5}
  .practice-checklist-address,.practice-scope{font-size:10pt}
  .practice-scope{padding-top:4mm;margin-top:5mm!important;border-color:#777}
  .practice-checklist strong{color:#000}
}