/* Print stylesheet for the two-page handouts.
   Render: bash ~/.claude/skills/doc-to-pdf/scripts/md-to-pdf.sh <file>.md <file>.pdf --css 12-quick-reference/handout.css */
@page { size: Letter; margin: 0.42in 0.45in; }
html { font-size: 10.2pt; }
body { font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; line-height: 1.22; color: #111; max-width: none; margin: 0; padding: 0; }
h1 { font-size: 1.55em; margin: 0 0 0.2em; border-bottom: 2px solid #333; padding-bottom: 0.15em; }
h2 { font-size: 1.12em; margin: 0.75em 0 0.25em; border-bottom: 1px solid #bbb; padding-bottom: 0.08em; page-break-after: avoid; }
p { margin: 0.3em 0; }
ul, ol { margin: 0.25em 0 0.35em 1.3em; padding: 0; }
li { margin: 0.08em 0; }
blockquote { margin: 0.35em 0 0.35em 0.6em; padding-left: 0.6em; border-left: 3px solid #666; font-size: 1.05em; }
table { border-collapse: collapse; width: 100%; margin: 0.3em 0 0.5em; font-size: 0.93em; page-break-inside: auto; }
tr { page-break-inside: avoid; }
thead { display: table-header-group; }
th, td { border: 1px solid #bbb; padding: 0.15em 0.35em; vertical-align: top; text-align: left; }
th { background: #eee; }
code { font-family: Consolas, "Courier New", monospace; font-size: 0.92em; background: #f2f2f2; padding: 0 0.15em; }
a { color: inherit; text-decoration: none; }
a:after { content: none; }
h1 + p strong, p strong { font-weight: 600; }
/* status block right under h1 */
h1 + p { font-size: 0.85em; color: #555; }
input[type=checkbox] { margin: 0 0.3em 0 0; }
#title-block-header, header.title-block-header { display: none; }
/* QR to the handout's live page, floated beside the H1 (adds no height). */
.handout-qr { float: right; width: 2.9cm; margin: 0 0 0.2em 0.6em; text-align: center; font-size: 0.62em; line-height: 1.15; color: #555; }
.handout-qr svg { width: 2.9cm; height: 2.9cm; display: block; }
/* Logo beside the title (left); QR floats right. */
.handout-logo { float: left; width: 1.7cm; height: 1.7cm; margin: 0 0.5em 0.2em 0; }
.no-print { display: none; }
/* Print starts at the first section: hide the Owner line and the intro blurb. */
h1 + p, h1 + p + .no-print + p { display: none; }
/* Headings form their own block so their rules stop at the floated QR/logo instead of running through them. */
h1, h2 { overflow: hidden; }
h2:first-of-type { clear: left; }