/* Sleep Toolbox: the printed diary report. Scoped to .stp.
   Type: Literata ("STP Serif") for headings and the window, Source Sans 3
   ("STP Sans") for everything else. Lists use the printables' small round
   petrol bullet. Colors are deep, petrol, muted, and
   line. No color judges a number. The page frame is drawn by whoever owns
   the page, see the note at the top of print.js. */
.stp{font:400 10pt/1.45 "STP Sans","Source Sans 3",Helvetica,Arial,sans-serif;color:#0d3646;font-variant-numeric:lining-nums;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left}
.stp *{box-sizing:border-box}
.stp p{margin:0}
.stp ul{margin:0;padding:0;list-style:none}

.stp .top{display:table;width:100%;border-bottom:1.6pt solid #0d3646;padding-bottom:7pt;margin-bottom:14pt}
.stp .top h1{display:table-cell;vertical-align:bottom;font:500 24pt/1.05 "STP Serif",Literata,Georgia,serif;margin:0}
.stp .top .d{display:table-cell;vertical-align:bottom;text-align:right;font:400 9.5pt/1.35 "STP Sans","Source Sans 3",Helvetica,Arial,sans-serif;color:#486470}
.stp .when{font:400 9.5pt/1.35 "STP Sans","Source Sans 3",Helvetica,Arial,sans-serif;color:#486470;margin:0 0 6pt}
.stp .intro{font-size:10.5pt;margin:0 0 14pt;max-width:6.6in}

.stp .blk{margin:0 0 14pt;break-inside:avoid;page-break-inside:avoid}
.stp .blk.long{break-inside:auto;page-break-inside:auto}
/* Nothing trails the last block, so a report that just fits never gets a blank last page. */
.stp>:last-child{margin-bottom:0}
.stp .keep>:last-child{margin-bottom:0}
.stp h2{font:500 13pt/1.2 "STP Serif",Literata,Georgia,serif;margin:0 0 8pt;padding-bottom:4pt;border-bottom:.75pt solid #d0d8dc;break-after:avoid;page-break-after:avoid}
.stp .small{font-size:9pt;color:#486470;margin-top:5pt;max-width:6.6in}
.stp .fine{font-size:8pt;line-height:1.4;color:#486470;margin-top:6pt}
.stp .method{margin-top:12pt}
.stp .big{font:500 15pt/1.3 "STP Serif",Literata,Georgia,serif;margin:0 0 6pt}

.stp table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}
.stp table.kv td{padding:2.5pt 18pt 2.5pt 0}
.stp table.kv td.v{font-weight:600}
.stp table.wk{width:100%}
.stp table.wk th{text-align:right;font:600 9pt/1.25 "STP Sans","Source Sans 3",Helvetica,Arial,sans-serif;padding:0 0 4pt 10pt;vertical-align:bottom}
.stp table.wk th i{display:block;font-style:normal;font-weight:400;color:#486470}
.stp table.wk td{padding:3pt 0 3pt 10pt;border-top:.5pt solid #d0d8dc}
.stp table.wk td:first-child{padding-left:0}
.stp table.wk td.v{text-align:right;font-weight:600}

.stp table.dy{width:100%;font-size:8.5pt;line-height:1.25}
.stp table.dy th{font-weight:600;text-align:right;padding:0 0 4pt 5pt;vertical-align:bottom;color:#0d3646}
.stp table.dy th:first-child{text-align:left;padding-left:0}
.stp table.dy td{text-align:right;padding:2.5pt 0 2.5pt 5pt;border-top:.5pt solid #d0d8dc;white-space:nowrap}
.stp table.dy td.d{text-align:left;padding-left:0}
.stp table.dy thead{display:table-header-group}
.stp table.dy tr{break-inside:avoid;page-break-inside:avoid}
.stp table.dy tr.part td{color:#486470}

.stp ul.m li{position:relative;padding-left:12pt;margin:0 0 2.5pt}
.stp ul.m li:before{content:"";position:absolute;left:1pt;top:.55em;width:3pt;height:3pt;border-radius:50%;background:#19536b}
.stp .dt{margin:0 0 5pt;break-inside:avoid;page-break-inside:avoid}
.stp .keep{break-inside:avoid;page-break-inside:avoid}
.stp .keep .method{margin-top:10pt}
.stp .dt b{display:block;font-weight:600;margin-bottom:1pt;line-height:1.35}
.stp .dt li{position:relative;padding-left:12pt;margin:0 0 1pt;line-height:1.35}
.stp .dt li:before{content:"";position:absolute;left:1pt;top:.55em;width:3pt;height:3pt;border-radius:50%;background:#19536b}