@layer reading {
  .page-worksheet .chapter-heading { grid-template-columns: 180px minmax(0, 1fr); }
  .page-worksheet .desk-reading { margin-left: 0; max-width: none; }
  .page-worksheet .desk-reading > .lead { margin-left: calc(180px + 1.7rem); }
  .page-worksheet .conversation { margin-left: auto; width: min(100%, 920px); }
  .page-worksheet .quote-sheet > p { max-width: 65ch; margin-bottom: 1.3rem; font-size: 19px; }
  .page-worksheet .quote-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
  .page-worksheet .quote-route { border: 0; margin: 0; padding: 1.3rem 1.6rem 1.8rem; min-width: 0; background: var(--wash); }
  .page-worksheet legend { font: 34px/1.2 var(--display); float: left; width: 100%; padding: 0; margin-bottom: 1.1rem; }
  .page-worksheet legend + label { clear: both; }
  .page-worksheet label { display: block; font-size: 20px; line-height: 1.4; }
  .page-worksheet .currency-label { font-size: 16px; display: block; }
  .page-worksheet input[type="text"], .page-worksheet input[type="number"] { display: block; width: 100%; max-width: 100%; min-height: 52px; margin-top: .35rem; border: 2px solid #628d80; border-radius: 0; padding: .45rem .6rem; background: white; color: var(--ink); font-size: 20px; }
  .page-worksheet input::placeholder { color: #526d63; opacity: 1; font-size: 17px; }
  .page-worksheet .quote-entry { margin-top: 1.2rem; }
  .page-worksheet .repeat-toggle { display: flex; align-items: center; gap: .6rem; min-height: 48px; padding-block: .4rem; font-size: 17px; cursor: pointer; }
  .page-worksheet input[type="checkbox"] { width: 44px; height: 44px; flex: 0 0 44px; accent-color: var(--deep-field); margin: 0; }
  .page-worksheet .worksheet-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: 1.2rem; }
  .page-worksheet button:disabled { cursor: default; opacity: .65; }
  .page-worksheet .quote-result { border-left: 8px solid var(--field); padding: 1.3rem; background: #edf5ef; margin-top: 1.4rem; }
  .page-worksheet .quote-result > h2 { margin-bottom: .8rem; }
  .page-worksheet .quote-summary { padding-block: 1.2rem; border-top: 2px solid var(--edge); }
  .page-worksheet .quote-summary h3 { margin-bottom: .7rem; }
  .page-worksheet .quote-summary p { max-width: 66ch; }
  .page-worksheet .quote-summary ul { margin-block: .7rem; padding-left: 1.3rem; }
  .page-worksheet .worksheet-announcement { font-size: 18px; margin-top: .7rem; }
}
@layer narrow {
  @media (max-width: 900px) { .page-worksheet .chapter-heading { grid-template-columns: 100px minmax(0, 1fr); } .page-worksheet .desk-reading > .lead { margin-left: calc(100px + 1rem); } }
  @media (max-width: 700px) { .page-worksheet .quote-pair { grid-template-columns: 1fr; gap: 1.3rem; } .page-worksheet .desk-reading > .lead { margin-left: 0; } .page-worksheet .quote-route { padding: 1.2rem; } .page-worksheet .worksheet-actions { display: grid; } .page-worksheet .quote-result { padding: 1rem; } }
  @media (max-width: 600px) { .page-worksheet .chapter-heading { display: block; } }
}
@layer paper {
  @media print { .page-worksheet .quote-pair { display: block; } .page-worksheet .quote-route { background: white; border: 1px solid #999; margin-bottom: 1rem; } .page-worksheet .desk-reading > .lead { margin-left: 0; } .page-worksheet .quote-result { background: white; } .page-worksheet input { border: 1px solid #777; } }
}