/* Print stylesheet for the Alignment Score report. Two letter pages.
   Linked with media="print" from alignment-score.html. */

@page{ size: letter; margin: 0.6in; }

*,*::before,*::after{
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

html,body{background:#fff}
body.hth{
  font-family:var(--body);
  font-size:10.5pt;
  line-height:1.4;
  color:var(--petrol);
}

/* --- hide the screen chrome, the form, and every button --- */
.hth .nav,
.hth .hero,
.hth #intro,
.hth #quiz,
.hth .marks,
.hth .gate,
.hth .againrow,
.hth .backlink-row,
.hth footer,
.hth .btn,
.hth button{display:none!important}

/* --- container: full width, no screen max-width or padding --- */
.hth section{padding:0!important}
.hth .wrap,
.hth .assess{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.hth p{max-width:none}

/* --- print-only header line --- */
.hth .printhead{display:block!important;margin:0 0 6pt;padding-bottom:5pt;border-bottom:2pt solid var(--marigold)}
.hth .printhead h1{
  font-family:var(--display);font-variation-settings:"wdth" 112,"wght" 700;
  font-size:20pt;line-height:1.05;letter-spacing:-.02em;color:var(--petrol);margin:0 0 4pt;
}
.hth #printmeta{
  font-family:var(--display);font-variation-settings:"wdth" 100,"wght" 600;
  font-size:8.5pt;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);margin:0;
}

/* --- score panel --- */
.hth .panel{
  border:0.75pt solid rgba(12,46,53,.35);border-top:3pt solid var(--marigold);
  background:transparent;padding:7pt 10pt;margin:0 0 8pt;
  break-inside:avoid;page-break-inside:avoid;
}
.hth .verdict{font-size:24pt;line-height:.9;margin:1pt 0 0;color:var(--petrol)}
.hth .verdict span{font-size:.28em;color:var(--petrol)}
.hth .band{font-size:13pt;margin:5pt 0 2pt}
.hth .panel .eyebrow{font-size:7.5pt;color:var(--petrol)}
.hth .panel .eyebrow + .verdict + .eyebrow{display:none}
.hth .panel .note,.hth #bandsay{font-size:10.5pt;color:var(--petrol);max-width:none}

/* --- radar plot --- */
.hth .rose{
  display:block;width:3.25in!important;max-width:3.25in!important;height:auto;
  margin:5pt auto 0;break-inside:avoid;page-break-inside:avoid;
}
.hth .rose .grid,.hth .rose .axis{stroke:rgba(12,46,53,.4)}
.hth .rose .shape{fill:rgba(232,178,58,.4);stroke:#E8B23A}
.hth .rose .dot{fill:#E8B23A;stroke:var(--petrol)}
.hth .rose .lbl{fill:#14424B}

/* --- dimension blocks --- */
.hth #results h2{font-size:13pt;margin:0 0 4pt;line-height:1.15}
.hth .weakest{font-size:10.5pt;margin:0 0 6pt;padding-left:8pt;border-left:2.5pt solid var(--marigold);max-width:none}
.hth .row{
  break-inside:avoid;page-break-inside:avoid;
  padding:3pt 0;gap:1pt 8pt;border-bottom:0.5pt solid rgba(12,46,53,.25);
  grid-template-columns:1fr 46pt;
}
.hth .rowname{font-size:12pt;line-height:1.15}
.hth .rowsay{font-size:10.5pt;line-height:1.4;margin-top:1pt;max-width:none}
.hth .rowcap,.hth .rowfix{font-size:10.5pt;line-height:1.4;margin-top:2pt;padding-left:7pt;max-width:none}
.hth .rowcap b,.hth .rowfix b{font-size:7.5pt;color:var(--petrol)}
.hth .rowsc{font-size:14pt}
.hth .bar{height:2pt;background:#E7E3D8;margin-top:1.5pt}
.hth .bar i{background:#E8B23A}

/* --- no forced breaks anywhere --- */
.hth *{
  break-before:auto!important;page-break-before:auto!important;
  break-after:auto!important;page-break-after:auto!important;
}