/* Captain feedback page: screen layout on top of site.css, plus a print stylesheet so the sheet can be filled on paper. */
.doc{max-width:900px;margin:0 auto;padding:48px var(--gutter) 80px}
.doc h1{font-size:clamp(34px,4.5vw,56px);letter-spacing:-.04em;margin:10px 0 10px}
.doc h2{font-size:26px;margin:52px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.doc h3{font-size:18px;margin:28px 0 6px;color:var(--text)}
.doc p,.doc li{color:var(--muted);font-size:15.5px;max-width:none}
.doc li{margin:5px 0}
.doc ul{padding-left:20px}
.doc .lead{font-size:18px;color:var(--text)}
.doc .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 8px}
.doc .meta div{border:1px solid var(--line2);border-radius:4px;padding:12px 14px;background:var(--panel2)}
.doc .meta span{display:block;font:600 10px/1 var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.doc .meta b{display:block;font-weight:400;color:var(--text);border-bottom:1px solid var(--line3);min-height:22px}
.doc .box{border:1px solid var(--line2);border-left:3px solid var(--amber);border-radius:4px;background:var(--panel3);padding:18px 22px;margin:18px 0}
.doc .box.cyan{border-left-color:var(--cyan)}
.doc .box p:last-child{margin-bottom:0}
.doc table{font-size:14.5px;margin-top:14px}
.doc th{white-space:nowrap}
.doc td{color:var(--muted)}
.doc td:first-child{font:inherit;letter-spacing:0;text-transform:none;color:var(--text);white-space:normal;font-weight:600;width:42%}
.doc .step{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.doc .step .n{font:600 11px/1.5 var(--mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;padding-top:4px}
.doc .step h3{margin:0 0 6px}
.doc .step .time{color:var(--dim);font-weight:400;font-size:13px;margin-left:8px}
.doc .step p{margin-bottom:8px}
.doc .step ul{margin:6px 0 0}
.qs{counter-reset:q;list-style:none;padding:0;margin:0}
.qs li{counter-increment:q;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line);color:var(--text);font-size:15px}
.qs li::before{content:counter(q);font:600 13px/1.6 var(--mono);color:var(--cyan)}
.qs .opts{display:block;margin-top:6px;font:13px/1.8 var(--mono);color:var(--muted);letter-spacing:.02em}
.qs .opts i{font-style:normal;display:inline-block;border:1px solid var(--line3);border-radius:3px;padding:0 8px;margin:0 6px 4px 0;color:var(--text)}
.qs .blank{display:inline-block;min-width:140px;border-bottom:1px solid var(--line3);vertical-align:bottom;margin:0 6px}
.qs .write{display:block;margin-top:8px;height:48px;border:1px dashed var(--line2);border-radius:3px}
.doc .group{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:30px 0 4px}
.doc .toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 0}
.doc .toolbar .hint{font:12px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.doc .back{font:12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.doc .back:hover{color:var(--text)}
.doc .stamp{margin-top:50px;padding-top:18px;border-top:1px solid var(--line);font:11px/1.8 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.doc .stamp b{color:var(--text);font-weight:600}
@media (max-width:700px){.doc .meta{grid-template-columns:1fr}.doc .step{grid-template-columns:1fr;gap:6px}}

@media print{
  @page{margin:16mm 14mm}
  html,body{background:#fff !important;color:#000;font-size:11.5pt}
  body{background-image:none !important}
  :root{--text:#000;--muted:#222;--dim:#444;--cyan:#1a5c70;--amber:#7a4b00;--line:#bbb;--line2:#999;--line3:#777;--panel2:#fff;--panel3:#fff}
  .top,.toolbar,.back,.no-print{display:none !important}
  .doc{max-width:none;padding:0}
  .doc h1{font-size:26pt;margin-top:0}
  .doc h2{font-size:16pt;margin-top:22pt;page-break-after:avoid}
  .doc h3{page-break-after:avoid}
  .doc .step,.qs li,.doc table tr,.doc .box{page-break-inside:avoid}
  .doc .box{border:1px solid #999;border-left:3px solid #7a4b00;background:#fff}
  .doc .meta div{background:#fff;border-color:#999}
  .qs .opts i{border-color:#777;color:#000}
  .qs .write{border-color:#999;height:60px}
  .qs .blank{border-bottom-color:#777}
  a{color:#000;text-decoration:none}
  .sheet{page-break-before:always}
}