/* Print layout for the review summary (linked with media="print").
   Active only while html.print-spec is set (Review or Request showing a valid plan):
   everything on screen is hidden and the generated sheet #sr-print is printed on A4.
   Light ink on white regardless of the screen theme. */
@page{size:A4;margin:14mm 14mm 15mm}

html.print-spec:root:root{
  --studio:#FFFFFF; --paper:#FFFFFF; --paper-2:#FFFFFF; --sunk:#E9EDEF;
  --ink:#1F2430; --ink-2:#454C59; --muted:#5D6572; --hair:#B9C1C6; --line:#D6DCDF;
  --teal:#D9723B; --teal-ink:#9A3D18; --teal-solid:#9A3D18; --on-teal:#FFFFFF; --glow:#F5CCAF; --glow-2:#FCE9DD;
  --red:#C8102E; --red-ink:#B00E28; --red-tint:#FBE6E9;
  color-scheme:light;
}
html.print-spec body{background:#fff!important;color:var(--ink);font:400 9.5pt/1.4 var(--ui);padding:0!important;min-height:0}
html.print-spec body > *:not(#sr-print){display:none!important}
html.print-spec #sr-print{display:block!important;width:auto;max-width:none;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}

.sr-print{
  & h1,& h2{font-family:var(--display);letter-spacing:-.01em;color:var(--ink)}
  & .ph{border-bottom:1.2pt solid var(--ink);padding-bottom:3mm;margin-bottom:3.5mm}
  & .mk{margin:0 0 2mm;display:flex;align-items:center;gap:2mm;font:700 12pt/1 var(--display)}
  & .mk svg{width:5.5mm;height:5.5mm}
  & .mk span{margin-left:auto;font:400 8pt var(--ui);color:var(--muted)}
  & h1{margin:0;font-size:17pt;font-weight:700;line-height:1.15}

  /* drawing title block */
  & .ptb{width:100%;border-collapse:collapse;border:.9pt solid var(--ink-2);margin-bottom:4mm;table-layout:fixed;break-inside:avoid}
  & .ptb td{border-left:.6pt solid var(--hair);padding:1.6mm 2.4mm;vertical-align:top}
  & .ptb td:first-child{border-left:0;width:27%}
  & .ptb td.cat{width:22%}
  & .ptb .v.nw{white-space:nowrap;font:500 8.8pt var(--mono)}
  & .ptb .k{display:block;font:600 6.5pt/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1mm}
  & .ptb .v{display:block;font-size:9.5pt;font-weight:500;overflow-wrap:anywhere}

  & h2{margin:0 0 2mm;font-size:11.5pt;font-weight:700;padding-bottom:1.2mm;border-bottom:.8pt solid var(--ink-2);display:flex;align-items:baseline;gap:3mm;break-after:avoid}
  & h2 .code{margin-left:auto;font:500 8.5pt var(--mono);color:var(--muted)}

  /* elevation beside its measurement notes */
  & .pfig{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:5mm;align-items:start;break-inside:avoid;margin-bottom:4mm}
  & .pel{border:.6pt solid var(--line);padding:2mm}
  & .pel svg{display:block;width:100%;height:auto;max-height:112mm}
  & .cap{margin:1.5mm 0 0;font-size:7.5pt;color:var(--muted)}
  & .pmeas h2 + table + h2,& .pmeas .pn + h2{margin-top:3mm}
  & .pmeas h2:not(:first-child){margin-top:3mm}

  & .pblock{margin-bottom:4.5mm}
  & .pt{width:100%;border-collapse:collapse;break-inside:avoid;page-break-inside:avoid}
  & .pt th,& .pt td{padding:1.3mm 1.8mm 1.3mm 0;border-bottom:.5pt solid var(--line);text-align:left;vertical-align:top;font-size:8.8pt}
  & .pt thead th{font:600 6.8pt var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:.7pt solid var(--ink-2)}
  & .pt .r{text-align:right}
  & .pt td:last-child,& .pt th:last-child{padding-right:0}
  & .pt .m{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
  & .pt tr{break-inside:avoid}
  & .kv th{font-weight:400;color:var(--ink-2)}
  & .kv td{text-align:right;font-family:var(--mono);font-weight:500;white-space:nowrap}
  & .kv .h{display:block;font-weight:400;font-size:7.3pt;color:var(--muted)}
  & .key{display:inline-grid;place-items:center;width:4mm;height:4mm;margin-right:1.6mm;border:.7pt solid var(--ink-2);font:500 7pt var(--mono);color:var(--ink)}
  & .pb{display:inline-grid;place-items:center;width:5mm;height:5mm;border-radius:50%;border:.8pt solid var(--teal);color:var(--teal-ink);font:500 7.5pt var(--mono)}
  & .pb.e{border-style:dashed;color:var(--muted)}
  & .bomp .tot th{text-align:right;font-weight:400;color:var(--ink-2);border:0;padding-top:1mm;padding-bottom:1mm}
  & .bomp .tot td{border:0;padding-top:1mm;padding-bottom:1mm}
  & .bomp .tot tr:first-child th,& .bomp .tot tr:first-child td{padding-top:2mm}
  & .bomp .tot tr.g th,& .bomp .tot tr.g td{border-top:.9pt solid var(--ink);font-weight:700;font-size:10.5pt;color:var(--ink);padding-top:1.6mm}
  & .pn{margin:1.6mm 0 0;font-size:8.3pt;color:var(--ink-2)}
  & .disc{margin:2mm 0 0;padding:1.6mm 2.4mm;border-left:1.2pt solid var(--ink);font-size:8.8pt;font-weight:600;break-inside:avoid}

  & .nc{break-inside:avoid}
  & .nc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:6mm}
  & .nc li{break-inside:avoid;padding:1.1mm 0 1.1mm 5mm;position:relative;font-size:8.5pt;line-height:1.35;color:var(--ink-2)}
  & .nc li b{color:var(--ink)}
  & .nc .ck{position:absolute;left:0;top:1.6mm;width:2.8mm;height:2.8mm;border:.7pt dashed var(--ink-2);border-radius:.6mm}
  & .nc .sc{columns:1;margin-top:1.6mm;padding-top:1.6mm;border-top:.7pt solid var(--ink-2)}
  & .nc .sc li{padding-left:0;color:var(--ink)}

  & .pf{margin-top:4mm;padding-top:2mm;border-top:.7pt solid var(--line);font-size:7.8pt;color:var(--muted);break-inside:avoid}
  & .pf p{margin:0 0 1mm}
}