/* CORUS resources: one stylesheet for the HTML pages and the PDFs printed from them.
   Fonts are the OFL substitutes the site already ships (Newsreader, Schibsted Grotesk).
   The brand faces have no web or embedding licence, so they are never named here. */

@font-face{font-family:"Newsreader Sub";src:url("../fonts/newsreader-roman.woff2") format("woff2-variations"),url("../fonts/newsreader-roman.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader Sub";src:url("../fonts/newsreader-italic.woff2") format("woff2-variations"),url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Schibsted Sub";src:url("../fonts/schibsted-grotesk.woff2") format("woff2-variations"),url("../fonts/schibsted-grotesk.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}

:root{
  --ink:#252222; --muted:#575049; --rule:#cdc2a2; --rule-strong:#a99d7c;
  --paper:#f1efe9; --white:#fff; --yellow:#f4edce; --blue:#b8c8cb; --blue-soft:#e3eaeb;
  --sage:#b9b786; --sage-soft:#ecebdc;
  --serif:"Newsreader Sub","Times New Roman",Times,serif;
  --sans:"Schibsted Sub","Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:1rem;line-height:1.55;font-feature-settings:"kern" 1}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--white);padding:.6rem 1rem;z-index:10}
.skip:focus{left:1rem;top:1rem}

/* Page frame (screen) */
.sheet{max-width:50rem;margin:0 auto;padding:2rem 1.25rem 4rem}
.doc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;padding-bottom:1.1rem;border-bottom:1px solid var(--rule)}
.doc-brand{display:block;width:9.5rem}
.doc-brand img{width:100%}
.doc-meta{text-align:right;font-size:.78rem;line-height:1.45;color:var(--muted)}
.doc-meta .kind{display:block;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.status{display:inline-block;margin-top:.3rem;padding:.12rem .55rem;border:1px solid var(--rule-strong);border-radius:999px;font-size:.72rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.download{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin:1.4rem 0 0;padding:.85rem 1rem;background:var(--white);border:1px solid var(--rule);border-radius:.5rem;font-size:.92rem}
.download a{font-weight:600}
.download span{color:var(--muted)}

h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.005em;margin:0;font-optical-sizing:auto}
h1{font-size:clamp(2.1rem,6vw,3.1rem);margin-top:1.6rem;letter-spacing:-.015em}
h2{font-size:clamp(1.45rem,3.6vw,1.85rem);margin-top:2.4rem;padding-top:1.1rem;border-top:1px solid var(--rule)}
h3{font-size:1.2rem;margin-top:1.4rem}
.lede{font-family:var(--serif);font-size:clamp(1.15rem,2.6vw,1.35rem);line-height:1.42;margin:.9rem 0 0;max-width:40rem}
p{margin:.7rem 0 0}
ul,ol{margin:.6rem 0 0;padding-left:1.2rem}
li{margin:.35rem 0 0}
li::marker{color:var(--muted)}
.label{font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0;line-height:1.4}
h2.label,h3.label{margin-top:0;padding-top:0;border-top:0}
.muted{color:var(--muted)}
.small{font-size:.86rem}
sup.cite{font-size:.68em;line-height:0;vertical-align:.55em;font-feature-settings:"lnum" 1}
sup.cite a{text-decoration:none}

/* Panels */
.panel{margin-top:1.4rem;padding:1.05rem 1.2rem 1.15rem;border-radius:.6rem;background:var(--yellow)}
.panel.blue{background:var(--blue-soft)}
.panel.sage{background:var(--sage-soft)}
.panel.line{background:var(--white);border:1px solid var(--rule)}
.panel > .label + *{margin-top:.45rem}
.panel ul{padding-left:1.1rem}
.panel p:first-child,.panel ul:first-child{margin-top:0}

/* Evidence key */
.key{display:grid;gap:.7rem;margin-top:1.2rem;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}
.key > div{padding:.85rem 1rem;border-radius:.55rem;font-size:.9rem;line-height:1.45}
.key .k-general{background:var(--blue-soft)}
.key .k-intent{background:var(--sage-soft)}
.key .k-open{background:var(--yellow)}
.key strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.06rem;margin-bottom:.2rem}

/* Tables */
.table-wrap{overflow-x:auto;margin-top:1rem;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.45}
caption{text-align:left;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:0 0 .5rem}
th,td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--rule)}
thead th{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-bottom:1.5px solid var(--ink)}
tbody th{font-weight:600}
.t-split thead th:nth-child(2){background:var(--blue-soft)}
.t-split thead th:nth-child(3){background:var(--yellow)}
.t-status td:first-child{font-weight:600;width:30%}

/* Questions */
.qgroup{margin-top:1.2rem}
.qgroup h3{font-size:1.12rem}
.qlist{list-style:none;padding:0;margin:.4rem 0 0}
.qlist li{position:relative;padding-left:1.3rem;margin-top:.45rem}
.qlist li::before{content:"";position:absolute;left:0;top:.5em;width:.5rem;height:.5rem;border-radius:50%;background:var(--sage)}

/* References */
.refs{font-size:.86rem;line-height:1.45;padding-left:1.6rem}
.refs li{margin-top:.45rem;padding-left:.2rem}
ol:not(.refs){list-style:none;padding-left:0;counter-reset:step}
ol:not(.refs) > li{counter-increment:step;position:relative;padding-left:1.7em}
ol:not(.refs) > li::before{content:counter(step) ".";position:absolute;left:0;width:1.1em;text-align:right;color:var(--muted)}
ol.refs{list-style:none;padding-left:0;counter-reset:ref}
ol.refs li{counter-increment:ref;position:relative;padding-left:2.1em}
ol.refs li::before{content:counter(ref) ".";position:absolute;left:0;width:1.6em;text-align:right;color:var(--muted)}
.refs a{word-break:break-word}

/* Reading list entries */
.entry{margin-top:1.15rem;padding:1rem 1.15rem 1.1rem;background:var(--white);border:1px solid var(--rule);border-radius:.6rem}
.entry .cite-line{margin:0;font-size:.92rem;line-height:1.45}
.entry .cite-line strong{font-family:var(--serif);font-weight:500;font-size:1.08rem;display:block;margin-bottom:.2rem;line-height:1.25}
.entry dl{margin:.7rem 0 0;display:grid;grid-template-columns:8.6rem 1fr;gap:.35rem .9rem;font-size:.9rem;line-height:1.45}
.entry dt{font-weight:600;color:var(--muted)}
.entry dd{margin:0}
.entry dd.not{background:var(--yellow);margin:-.15rem -.4rem;padding:.15rem .4rem;border-radius:.3rem}
.entry dd.context{color:var(--muted)}

/* Worksheet parts */
.fields{display:grid;gap:.25rem 1.6rem;grid-template-columns:1fr;margin-top:.6rem}
.field{break-inside:avoid;margin-top:.55rem}
.field .prompt{font-weight:600;margin:0;font-size:.95rem}
.field .hint{margin:.1rem 0 0;font-size:.84rem;color:var(--muted)}
.lines{margin-top:.25rem}
.lines span{display:block;height:1.9rem;border-bottom:1px solid var(--rule-strong)}
.checks{list-style:none;padding:0;margin:.6rem 0 0;display:grid;grid-template-columns:1fr;gap:.1rem 1.6rem}
.checks li{position:relative;padding-left:1.75rem;margin-top:.5rem;break-inside:avoid}
.checks li::before{content:"";position:absolute;left:0;top:.18em;width:1.05rem;height:1.05rem;border:1.5px solid var(--ink);border-radius:.18rem;background:var(--white)}
.checks .src{font-size:.78rem;color:var(--muted)}
.when{display:block;margin-top:.25rem;font-size:.82rem;color:var(--muted)}
.when i{font-style:normal;display:inline-block;min-width:9rem;border-bottom:1px solid var(--rule-strong);height:1.1rem;vertical-align:bottom;margin-left:.35rem}
.log{table-layout:fixed;font-size:.84rem}
.log th,.log td{border:1px solid var(--rule-strong);padding:.4rem .45rem}
.log thead th{background:var(--sage-soft);border-bottom:1.5px solid var(--ink);font-size:.7rem}
.log tbody th{width:4.6rem;font-size:.82rem;background:var(--paper)}
.log td{height:4.3rem}
/* Mealtime log on narrow screens (screen only; print and PDF keep their own layout): every column keeps room for
   its label, the existing wrapper scrolls sideways, and a short cue says so. */
.scroll-cue{display:none;margin:.5rem 0 0;font-size:.84rem;color:var(--muted)}
.table-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media screen{.log{min-width:36rem}}
@media screen and (max-width:38.5rem){.scroll-cue{display:block}}
.urgent{margin-top:1.3rem;padding:1rem 1.15rem;border:2px solid var(--ink);border-radius:.6rem;background:var(--white)}
.urgent .label{margin-bottom:.35rem}

/* One-page documents: patient handout and product overview */
.cols{display:grid;gap:0 1.8rem;grid-template-columns:1fr}
.cols > div > :first-child{margin-top:0}
.flow{margin:1rem 0 0;padding:.75rem .7rem .7rem;background:var(--white);border:1px solid var(--rule);border-radius:.6rem}
.flow svg{display:block;width:100%;height:auto;max-width:34rem}
.flow text{font-family:var(--sans);fill:var(--ink)}
.flow .t1{font-size:15px;font-weight:600}
.flow .t2{font-size:12.5px}
.flow figcaption{font-size:.86rem;line-height:1.45;color:var(--muted);margin:.45rem .1rem 0}
/* Plain readable sequence used in the patient handout in place of the small SVG diagram. */
.flow-steps{margin:0}
.flow-steps li strong{font-family:var(--serif);font-weight:500}
.box{margin-top:1rem;padding:.85rem 1rem .95rem;border-radius:.55rem}
.box.blue{background:var(--blue-soft)}
.box.yellow{background:var(--yellow)}
.box.line{background:var(--white);border:1px solid var(--rule)}
.box > .label{margin-bottom:.35rem}
.box ul{padding-left:1.05rem;margin-top:.35rem}
.box p:first-child{margin-top:0}
.tbd{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.5rem}
.tbd th,.tbd td{padding:.4rem .5rem;border-bottom:1px solid var(--rule);vertical-align:top}
.tbd td:last-child{white-space:nowrap;color:var(--muted);font-size:.84rem}
.srcs{list-style:none;padding:0;margin:.4rem 0 0;font-size:.8rem;line-height:1.4;color:var(--muted)}
.srcs li{margin-top:.25rem}
.srcs b{color:var(--ink);font-weight:600}
.ev{font-size:.86rem}
.ev td:first-child{min-width:8.5rem}
.ev .tag{display:inline-block;margin-top:.15rem;padding:.05rem .45rem;border-radius:999px;background:var(--sage-soft);font-size:.74rem;font-weight:600;letter-spacing:.02em}
.ev tbody tr.group th{background:var(--paper);font-family:var(--serif);font-weight:500;font-size:1.02rem;padding-top:.7rem}
.note-sci{border-left:3px solid var(--blue);padding:.2rem 0 .2rem .9rem;margin-top:1.1rem}

.doc-foot{margin-top:2.6rem;padding-top:1rem;border-top:1px solid var(--rule);font-size:.82rem;color:var(--muted)}
.doc-foot p{margin:.35rem 0 0}
.print-only{display:none}

@media (min-width:50rem){.cols{grid-template-columns:1fr 1fr}}
@media (min-width:44rem){
  .sheet{padding:2.6rem 2rem 5rem}
  .fields.two{grid-template-columns:1fr 1fr}
  .checks.two{grid-template-columns:1fr 1fr}
}
@media (max-width:30rem){
  .doc-meta{text-align:left}
  .entry dl{grid-template-columns:1fr}
  .entry dt{margin-top:.4rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Print and PDF */
@page{
  size:Letter;
  margin:0.72in 0.75in 0.8in 0.75in;
  @bottom-left{font-family:"Schibsted Sub",Arial,sans-serif;font-size:7.2pt;color:#575049;vertical-align:top;padding-top:10pt}
  @bottom-right{content:"Page " counter(page) " of " counter(pages);font-family:"Schibsted Sub",Arial,sans-serif;font-size:7.2pt;color:#575049;vertical-align:top;padding-top:10pt}
}
@media print{
  html{background:#fff}
  body{font-size:9.6pt;line-height:1.48;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sheet{max-width:none;margin:0;padding:0}
  .screen-only,.skip,.download{display:none!important}
  .print-only{display:block}
  a{text-decoration:none}
  .doc-brand{width:1.55in}
  .doc-head{padding-bottom:10pt}
  .doc-meta{font-size:7.6pt}
  .status{font-size:7pt}
  h1{font-size:26pt;margin-top:16pt}
  h2{font-size:15pt;margin-top:17pt;padding-top:8pt;break-after:avoid}
  h3{font-size:11.5pt;margin-top:10pt;break-after:avoid}
  .lede{font-size:12pt;max-width:none}
  p{margin-top:5pt}
  li{margin-top:2.5pt}
  .label,caption{font-size:7pt}
  .panel{margin-top:11pt;padding:9pt 11pt 10pt;break-inside:avoid}
  .key{gap:7pt;margin-top:9pt;grid-template-columns:repeat(3,1fr)}
  .key > div{padding:7pt 8pt;font-size:8.4pt}
  .key strong{font-size:10pt}
  table{font-size:9.5pt}
  th,td{padding:4.5pt 5.5pt}
  thead th{font-size:8pt}
  tr,.qgroup,.entry,.field,.urgent{break-inside:avoid}
  .qgroup h3{font-size:11pt}
  .refs{font-size:7.8pt;line-height:1.4}
  .small{font-size:7.8pt}
  .refs li{margin-top:2.5pt}
  .entry{margin-top:8pt;padding:8pt 10pt 9pt}
  .entry .cite-line{font-size:10pt}
  .entry .cite-line strong{font-size:11.5pt}
  .entry dl{grid-template-columns:1.4in 1fr;font-size:10pt;gap:3pt 10pt;margin-top:5pt}
  .fields.two,.checks.two{grid-template-columns:1fr 1fr}
  .field .prompt{font-size:9pt}
  .field .hint{font-size:8pt}
  .lines span{height:20pt}
  .checks li{margin-top:5pt;padding-left:17pt}
  .checks li::before{width:10.5pt;height:10.5pt}
  .checks .src{font-size:7pt}
  .when{font-size:7.6pt}
  .log{font-size:7.8pt}
  .log thead th{font-size:6.8pt}
  .log tbody th{font-size:8pt;width:0.62in}
  .log td{height:0.98in}
  .urgent{margin-top:11pt;padding:8pt 11pt;border-width:1.5pt}
  .doc-foot{margin-top:16pt;font-size:7.6pt}
  .page-break{break-before:page}
}

/* One-page documents in print: two columns, compact type, one US Letter page */
@media print{
  body.onepage{font-size:8.2pt;line-height:1.36}
  .onepage .doc-brand{width:1.12in}
  .onepage .doc-head{padding-bottom:6pt}
  .onepage h1{font-size:17.5pt;margin-top:8pt}
  .onepage .lede{font-size:9.6pt;line-height:1.36;margin-top:4pt}
  .onepage h2{font-size:10.6pt;margin-top:8pt;padding-top:5pt}
  .onepage .cols{grid-template-columns:1fr 1fr;gap:0 15pt}
  .onepage .cols > div > h2:first-child{margin-top:6pt}
  .onepage p{margin-top:3pt}
  .onepage li{margin-top:1.6pt}
  .onepage ul{margin-top:3pt}
  .onepage .flow{margin-top:5pt;padding:5pt 6pt 5pt;break-inside:avoid}
  .onepage .flow figcaption{font-size:7.4pt;margin-top:3pt}
  .onepage .box{margin-top:6pt;padding:5.5pt 8pt 6pt;break-inside:avoid}
  .onepage .box > .label{margin-bottom:2pt}
  .onepage .label{font-size:6.6pt}
  .onepage .checks{margin-top:3pt}
  .onepage .checks li{margin-top:2.6pt;padding-left:14pt}
  .onepage .checks li::before{width:9pt;height:9pt;top:.12em}
  .onepage .urgent{margin-top:6pt;padding:5pt 8pt}
  .onepage .tbd{font-size:7.4pt;margin-top:3pt}
  .onepage .tbd th,.onepage .tbd td{padding:2pt 3pt}
  .onepage .tbd td:last-child{font-size:6.8pt}
  .onepage .lines span{height:15pt}
  .onepage .srcs{font-size:6.3pt;line-height:1.3;margin-top:2pt}
  .onepage .srcs li{margin-top:1pt}
  .onepage .doc-foot{margin-top:7pt;padding-top:4pt;font-size:6.6pt}
  .ev{font-size:10pt}
  .ev td:first-child{min-width:0;width:1.4in}
  .ev .tag{font-size:8pt;padding:.05rem 4pt}
  .ev tbody tr.group th{font-size:11pt;padding-top:6pt}
  /* Let a tall evidence row split across a page boundary instead of overflowing when enlarged. */
  .ev tbody tr{break-inside:auto}
  .ev tbody tr.group{break-after:avoid;break-inside:avoid}
  .note-sci{margin-top:8pt;padding-left:7pt;break-inside:avoid}
}

.srcs-wide{margin-top:1.4rem;padding-top:.6rem;border-top:1px solid var(--rule)}
@media print{
  .onepage .srcs-wide{margin-top:7pt;padding-top:4pt}
  .onepage .srcs-wide .srcs{column-count:2;column-gap:15pt}
  .onepage .srcs-wide .srcs li{break-inside:avoid}
}

/* Back-to-site link and table of contents (screen only; hidden in print by the existing .screen-only rule) */
.back-link{margin:0;font-size:.86rem}
.back-link a{font-weight:600}
.toc{margin-top:1.3rem;padding:.9rem 1.1rem 1rem;border:1px solid var(--rule);border-radius:.6rem;background:var(--white)}
.toc ol{column-width:14rem;column-gap:1.5rem}
.toc li{margin-top:.3rem;font-size:.92rem}

/* Patient handout: large print. A dedicated, less compact scale for the one document meant to be read by an
   older adult or a family member, not a clinician -- 14-16pt body text at normal reading distance, as many
   pages as that takes, instead of the two-column 8.2pt one-page layout the other one-pagers use. */
@media print{
  body.large-print{font-size:15pt;line-height:1.5}
  .large-print .doc-brand{width:1.4in}
  .large-print .doc-head{padding-bottom:9pt}
  .large-print .doc-meta{font-size:10.5pt}
  .large-print .status{font-size:10pt}
  .large-print h1{font-size:24pt;margin-top:12pt}
  .large-print .lede{font-size:15pt;line-height:1.45;margin-top:6pt}
  .large-print h2{font-size:16pt;margin-top:14pt;padding-top:7pt}
  .large-print .cols{grid-template-columns:1fr;gap:0}
  .large-print .cols > div + div{margin-top:12pt}
  .large-print p{margin-top:6pt}
  .large-print li{margin-top:4pt;break-inside:avoid}
  .large-print ul{margin-top:6pt}
  .large-print .flow{margin-top:8pt;padding:8pt 9pt 8pt;break-inside:avoid}
  .large-print .flow figcaption{font-size:13pt;margin-top:5pt}
  .large-print .box{margin-top:10pt;padding:9pt 12pt 10pt;break-inside:avoid}
  .large-print .box > .label{margin-bottom:3pt;font-size:10pt}
  .large-print .label{font-size:10pt}
  .large-print .checks{margin-top:6pt}
  .large-print .checks li{margin-top:5pt;padding-left:23pt}
  .large-print .checks li::before{width:14pt;height:14pt;top:.16em}
  .large-print .urgent{margin-top:10pt;padding:9pt 12pt}
  .large-print .lines span{height:22pt}
  .large-print .srcs{font-size:10.5pt;line-height:1.4;margin-top:5pt}
  .large-print .srcs li{margin-top:2pt}
  .large-print .doc-foot{margin-top:12pt;padding-top:6pt;font-size:11pt}
}

/* Product overview: a readable 1-2 page print scale that replaces the former 8.2pt one-page
   compression. Single column, roughly 11.5pt body and 10pt references. */
@media print{
  body.overview{font-size:11.5pt;line-height:1.45}
  .overview .doc-brand{width:1.4in}
  .overview .doc-head{padding-bottom:9pt}
  .overview .doc-meta{font-size:9.5pt}
  .overview .status{font-size:9pt}
  .overview h1{font-size:22pt;margin-top:10pt}
  .overview .lede{font-size:12.5pt;line-height:1.4;margin-top:6pt}
  .overview h2{font-size:14pt;margin-top:12pt;padding-top:6pt}
  .overview p{margin-top:5pt}
  .overview li{margin-top:3pt}
  .overview ul{margin-top:5pt}
  .overview .box{margin-top:8pt;padding:8pt 11pt 9pt;break-inside:avoid}
  .overview .box > .label{margin-bottom:3pt;font-size:9pt}
  .overview .label{font-size:9pt}
  .overview .srcs{font-size:10pt;line-height:1.4;margin-top:4pt}
  .overview .srcs li{margin-top:2pt}
  .overview .small{font-size:9.5pt}
  .overview .doc-foot{margin-top:10pt;padding-top:6pt;font-size:9.5pt}
}
