/* Print sources use the site's light tokens and embedded Inter. No color preference
   may override the reading surface. One current manifest; no historical copies. */
.print-document{margin:0;background:var(--paper);color:var(--ink);font:10pt/1.3 Inter,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.print-document *{box-sizing:border-box}
.print-document .print-page{max-width:none;width:auto;margin:0;padding:16px;min-width:0;background:var(--page);border:0}
.print-document .title-band{position:relative;background:var(--navy-900);color:#fff;padding:4mm 5mm 5mm;break-inside:avoid}
.print-document h1{color:#fff;font-size:18pt;line-height:1.12;margin:0;text-align:center;letter-spacing:0}
.print-document .band-motif{position:absolute;bottom:1mm;left:5%;width:90%;height:8%;overflow:visible}
.band-motif path{fill:none;stroke:var(--steel-400);stroke-width:1.25;stroke-linecap:round;opacity:.35}
.print-framing{display:flex;align-items:baseline;gap:4mm;padding:2mm 0;color:var(--ink-3);font-size:8pt;line-height:1.25}
.print-framing p{margin:0}
.print-framing .mark-genai{font-size:10pt}
.print-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;align-items:start}
.print-column{display:grid;gap:3mm;min-width:0}
.print-document .panel{min-width:0;break-inside:avoid}
.print-document h2{font-size:11pt;line-height:1.2;color:var(--navy-700);margin:0 0 1.5mm;border:0;padding:0;letter-spacing:0}
.print-document p.helper{font-size:inherit;line-height:1.3;margin:1.5mm 0}
.print-document table{width:100%;font-size:9.5pt;line-height:1.25;border-collapse:collapse;margin:0;border:0;table-layout:auto}
/* Print panels wrap at their available width, including the phone preview.
   Outrank site's four-column 600px minimum without clipping or shrinking type. */
.print-document .panel table{min-width:0}
.print-document th,.print-document td{min-width:0;padding:1.4mm 1mm;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;color:var(--ink)}
.print-document thead th{font-size:8pt;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;color:var(--navy-700);background:var(--sky-100)}
/* Row headings are body copy; site's small uppercase column labels do not apply. */
.print-document tbody th{font-size:inherit;letter-spacing:normal;text-transform:none;font-weight:600;color:var(--navy-700)}
.print-document .diagram{margin:0 0 1.5mm;background:transparent;border:0;border-radius:0;max-width:none;overflow:visible}
.print-document .diagram svg{display:block;width:100%;max-width:390px;height:auto;max-height:none;margin:0}
.print-document figcaption{font-size:8pt;line-height:1.25;color:var(--ink-2);padding:0;margin:1mm 0 0;max-width:none}
.print-steps{list-style:decimal;margin:0;padding-left:6mm;display:grid;gap:2mm}
.print-steps li{padding-left:1mm;margin:0}
.print-steps li::marker{font-weight:700;color:var(--steel-600)}
.print-document .print-footer{margin-top:3mm;padding-top:2mm;border-top:1px solid var(--line);font-size:8pt;line-height:1.25;color:var(--ink-3);break-inside:avoid}
.print-footer .disclaimer p{display:inline;font-size:inherit;line-height:inherit;margin:0}
.print-footer .disclaimer p+p::before{content:' '}
.print-meta{display:flex;flex-wrap:wrap;gap:1mm 4mm;margin-top:1mm}
.print-meta a{color:inherit}
.print-document.flyer{font-size:10pt}
.print-document.flyer h1{font-size:19pt}
.work-tiles,.not-badges{padding:0;margin:0;list-style:none;display:grid;gap:2mm;grid-template-columns:repeat(2,minmax(0,1fr))}
.work-tiles li{border-top:1px solid var(--line);padding-top:1.5mm}
.not-badges li::before{content:'× ';color:var(--ink-3)}
.print-document .print-qr{display:block;width:23mm;margin:1mm 0 0}
.print-document .qr-code{display:block;width:23mm;height:23mm;background:#fff}
/* A portrait source follows the brief's reading order, independent of columns. */
.flyer.portrait .print-grid{display:grid;grid-template-columns:1fr;gap:2.5mm}
.flyer.portrait .print-column{display:contents}
.flyer.portrait [data-panel="a"]{order:1}
.flyer.portrait [data-panel="b"]{order:2}
.flyer.portrait [data-panel="c"]{order:3}
.flyer.portrait [data-panel="d"]{order:4}
.flyer.portrait [data-panel="e"]{order:5}
.flyer.portrait [data-panel="f"]{order:6}
.flyer.portrait .print-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4mm}
.flyer.portrait .diagram{display:flex;align-items:start;gap:3mm}
.flyer.portrait .diagram svg{max-width:86mm;flex-shrink:0}
.flyer.portrait .diagram figcaption{max-width:65mm}
.flyer.portrait .not-badges{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Keep the heading and its sentence together; the QR owns a separate column. */
.print-document .try-today{display:grid;grid-template-columns:minmax(0,1fr) 23mm;gap:3mm;align-items:start}
.print-document .try-today .print-qr{margin:0}
.print-document .try-copy p{margin:0}
.print-document .not-badges li{margin:0;padding:0}
.fact-chips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:2mm}
.fact-chips li{margin:0;padding:2mm;border-top:1px solid var(--line);background:var(--paper)}
.fact-chips li:first-child{background:var(--sky-100)}
.fact-chips strong,.fact-chips span,.habit-details strong,.habit-details span{display:block}
.fact-chips span,.habit-details span{margin-top:1mm}
.print-document .no-help{background:var(--paper);color:var(--ink-2);padding:2mm;margin-top:2mm}
.print-document h3{font-size:8pt;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;margin:0;color:var(--ink-2)}
.print-document .no-help p{margin-bottom:0}
.print-document .before-after tbody td{background:var(--sky-100)}
.print-document .panel table+table{margin-top:3mm}
/* The author is also written out: color is a secondary transcript cue. */
.print-document .transcript-stack tr:nth-child(3) > *{background:var(--sky-100)}
.print-document .transcript-stack tr:nth-child(2) > *,
.print-document .transcript-stack tr:nth-child(5) > *,
.print-document .transcript-stack tr:nth-child(7) > *{background:var(--paper)}
.print-document .transcript-stack tr:nth-child(4) > *,
.print-document .transcript-stack tr:nth-child(6) > *{background:var(--sea-soft)}
@media screen and (max-width:899px){
 .print-document .print-grid{grid-template-columns:1fr}
 .print-document .print-framing{flex-wrap:wrap;gap:1mm}
 .print-document.flyer.portrait .diagram{display:block}
 .print-document.flyer.portrait .diagram svg{max-width:390px}
 .print-document.flyer.portrait .print-steps{grid-template-columns:1fr}
 .print-document.flyer.portrait .not-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Named pages: the renderer selects only classes, never an inline style. */
@page a4-land{size:A4 landscape;margin:12mm}
@page letter-land{size:Letter landscape;margin:12mm}
@page a4-port{size:A4 portrait;margin:12mm}
@page letter-port{size:Letter portrait;margin:12mm}
.size-a4.land{page:a4-land;--page-width:297mm;--page-height:210mm}
.size-letter.land{page:letter-land;--page-width:279.4mm;--page-height:215.9mm}
.size-a4.port{page:a4-port;--page-width:210mm;--page-height:297mm}
.size-letter.port{page:letter-port;--page-width:215.9mm;--page-height:279.4mm}
@media print{
 html{background:#fff}
 .print-document{background:#fff;margin:0;padding:0}
 .print-document .skip-link{display:none}
 .print-document .print-page{width:calc(var(--page-width) - 24mm);min-height:calc(var(--page-height) - 24mm);padding:0;margin:0;display:flex;flex-direction:column}
 .print-document .print-footer{margin-top:auto;padding-top:2mm}
 .print-document .print-grid{padding-bottom:3mm}
 /* Reserve 42mm inside the margins for title, framing and the complete footer.
    The remaining height belongs to real table rows and checklist entries.
    Intrinsic minimums still win: nothing clips or shrinks if copy cannot fit. */
 .print-document.landscape .print-grid{height:calc(var(--page-height) - 66mm);align-items:stretch}
 .print-document.landscape .print-column{display:flex;flex-direction:column}
 .print-document.landscape .panel{display:flex;flex-direction:column;flex:1 0 auto}
 .print-document.landscape .diagram{flex:0 0 auto}
 .print-document.landscape .panel table{flex:1 0 auto}
 .print-document.landscape th,.print-document.landscape td{vertical-align:middle;padding-top:2mm;padding-bottom:2mm}
 .print-document.landscape .print-steps{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between}
 .print-document.landscape .work-tiles{flex:1 0 auto}
 .print-document.landscape .try-today{display:grid;flex:0 0 auto}
 .print-document.landscape .not-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
 .print-document a[href]::after{content:none}
 .print-document .diagram svg{max-width:103mm;max-height:none}
 .print-document .print-steps{break-inside:avoid}
}
@media print{.print-document.proof-page{padding:12mm}}
.flyer.landscape .work-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media screen{.flyer.portrait .diagram svg{max-width:390px}}

/* The review measures foreground content; empty stretched cells earn no space. */
.print-document table caption{caption-side:bottom;text-align:left;font-size:8pt;line-height:1.25;color:var(--ink-2);padding:1.5mm 0}
.recipe-chips{display:flex;flex-wrap:nowrap;gap:1mm;list-style:none;margin:0;padding:0}
.recipe-chips li{font-size:8pt;padding:1mm .5mm;background:var(--sky-100);border-radius:1mm;margin:0}
.work-tiles strong{display:block;color:var(--navy-700)}
.print-document .work-tiles li{margin:0}
@media print{
 /* Packing the left column to the top (justify-content:flex-start + flex:0 0 auto)
    moved its slack to the bottom instead of closing it: measured 12.1% -> 31.6%
    trailing blank in that column. The panels must keep stretching; the one-row
    chips and the tightened table are what close the gap the review reported. */
}

/* Flyers, 2026-09-16 redesign: one theme line, an iconed numbered spine in real
   sentences (10.5-12 pt), a three-tile data band and an access row with the QR.
   The smallest print on a flyer is 8.5 pt. Portrait spreads the sections down the
   page; landscape re-flows the same sections into named grid areas (@media print). */
.flyer .print-framing,.flyer .print-footer{font-size:8.5pt}
.flyer .title-band{padding:3.5mm 5mm 4mm}
.flyer .theme{font-size:17pt;font-weight:700;line-height:1.2;color:var(--navy-700);margin:2mm 0 1.5mm;letter-spacing:-.01em}
.flyer .flyer-body{display:flex;flex-direction:column;gap:2.5mm}
.flyer .flyer-body h2{font-size:11pt;margin-bottom:1mm}
.flyer .print-icon{display:block;color:var(--navy-700)}
.flyer .print-icon svg{display:block;width:8mm;height:8mm}
.flyer .spine{list-style:none;margin:0;padding:0;display:grid;gap:1.5mm;counter-reset:spine}
.flyer .spine li{display:grid;grid-template-columns:7mm 8mm minmax(0,1fr);gap:3mm;align-items:start;padding:1.5mm 3mm;border-left:1.2mm solid var(--steel-600);background:var(--paper);counter-increment:spine;break-inside:avoid}
.flyer .spine li::before{content:counter(spine);font-size:15pt;font-weight:800;line-height:1;color:var(--steel-600)}
.flyer .spine strong{display:block;font-size:12pt;line-height:1.2;color:var(--navy-900);margin:0 0 .6mm}
.flyer .spine-five strong{font-size:11.5pt}
.flyer .spine p{margin:0;font-size:10.5pt;line-height:1.3}
.flyer .spine-five p{line-height:1.25}
.flyer .try-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}
.flyer .try-cards li{border:1px solid var(--line);border-top:1mm solid var(--steel-400);padding:1mm 2.5mm 1.5mm;font-size:10pt;line-height:1.28;break-inside:avoid}
.flyer .try-cards p{margin:0;padding:.5mm 0}
.flyer .try-cards p+p{border-top:1px solid var(--line)}
.flyer .try-label{display:inline-block;min-width:13mm;font-size:8.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--steel-600);margin-right:1mm}
.flyer .setup-tiles{list-style:none;margin:0;padding:0;display:grid;gap:2mm}
.flyer .setup-tiles li{display:grid;grid-template-columns:8mm minmax(0,1fr);gap:2.5mm;align-items:start;border-top:1px solid var(--line);padding-top:1.5mm;font-size:10pt;line-height:1.3;break-inside:avoid}
.flyer .setup-tiles strong{color:var(--navy-700)}
.flyer .setup-tiles p{margin:0}
.flyer .data-band{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}
.flyer .data-band li{padding:1.8mm 3mm 2mm;border-radius:1.5mm;font-size:10pt;line-height:1.3;break-inside:avoid}
.flyer .data-band strong{display:block;font-size:11pt;margin:0 0 .8mm}
.flyer .data-band p{margin:0}
.flyer .tile-public{background:var(--brick-soft)}
.flyer .tile-public strong{color:var(--brick-700)}
.flyer .tile-il5{background:var(--sea-soft)}
.flyer .tile-il5 strong{color:var(--sea-700)}
.flyer .tile-classified{background:var(--navy-900);color:#fff}
.flyer .tile-classified strong{color:#fff}
.flyer p.opsec{font-size:9.5pt;margin:1.5mm 0 0;color:var(--ink-2)}
.flyer p.opsec+p.opsec{margin-top:.3mm}
.flyer .setup-grid{display:grid;grid-template-columns:1.5fr 2fr;gap:5mm;align-items:start}
.flyer .list-head{font-size:8.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:0 0 .5mm}
.flyer .will-wont{display:grid;grid-template-columns:1fr 1fr;gap:3mm}
.flyer .will-list{list-style:none;margin:0;padding:0}
.flyer .will-list li{position:relative;padding:1mm 0 1mm 5mm;font-size:10pt;line-height:1.3;border-bottom:1px solid var(--line)}
.flyer .will-list li::before{position:absolute;left:0;font-weight:700}
.flyer .will li::before{content:'\2713';color:var(--sea-700)}
.flyer .wont li::before{content:'\00d7';color:var(--brick-700)}
.flyer .access-row{display:grid;grid-template-columns:minmax(0,1fr) 20mm;gap:4mm;align-items:center;border-top:1px solid var(--line);padding-top:2mm}
.flyer .print-qr,.flyer .qr-code{width:20mm;height:20mm}
.flyer .access{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm;font-size:10pt;line-height:1.3}
.flyer .access li{display:flex;flex-wrap:wrap;column-gap:1.5mm;align-items:baseline}
.flyer .access strong{font-size:11pt;color:var(--navy-700)}
.flyer .access p{margin:0}
.flyer .access a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.flyer .qr-cell{text-align:center;font-size:8.5pt;line-height:1.25;color:var(--ink-2)}
.flyer .qr-cell .print-qr{margin:0 auto}
.flyer .qr-cell p{margin:.8mm 0 0}
@media screen and (max-width:899px){
 .flyer .try-cards,.flyer .data-band,.flyer .access,.flyer .setup-grid,.flyer .will-wont{grid-template-columns:1fr}
 .flyer .access-row{grid-template-columns:1fr}
 .flyer .qr-cell{text-align:left}
}
@media print{
 .flyer.portrait .flyer-body{flex:1 0 auto;justify-content:space-between}
 .flyer.landscape .title-band{padding:3mm 5mm 3.5mm}
 .flyer.landscape .theme{margin:1.5mm 0 1mm}
 .flyer.landscape .flyer-body{display:grid;gap:2mm 5mm;flex:1 0 auto;align-content:stretch;
   grid-template-columns:1.35fr 1fr 1fr;grid-template-areas:"spine try data" "access access access"}
 .flyer.landscape[data-print-stem="F2-leaders"] .flyer-body{grid-template-columns:1fr 1fr 1fr;
   grid-template-areas:"spine spine spine" "side side side" "data data access"}
 .flyer.landscape[data-print-stem="F2-leaders"] .area-data .data-band{grid-template-columns:repeat(3,minmax(0,1fr))}
 .flyer.landscape[data-print-stem="F2-leaders"] .panel.access-row{border-top:0;padding-top:0;align-self:stretch;align-items:center;grid-template-columns:minmax(0,1fr) 20mm}
 .flyer.landscape[data-print-stem="F2-leaders"] .access{grid-template-columns:1fr;gap:1mm}
 .flyer.portrait[data-print-stem="F2-leaders"] .flyer-body{gap:2mm}
 /* Five questions across the page: number and icon on top, the question beneath. */
 .flyer.landscape[data-print-stem="F2-leaders"] .spine{grid-template-columns:repeat(5,minmax(0,1fr));gap:3mm;align-content:start}
 .flyer.landscape[data-print-stem="F2-leaders"] .spine li{grid-template-columns:7mm 8mm minmax(0,1fr);grid-template-rows:auto auto;gap:1.2mm 2mm;padding:1.5mm 2.5mm}
 .flyer.landscape[data-print-stem="F2-leaders"] .spine strong{font-size:11pt}
 .flyer.landscape[data-print-stem="F2-leaders"] .spine li>div{grid-column:1/-1}
 .flyer.landscape .area-spine{grid-area:spine}
 .flyer.landscape .area-try{grid-area:try}
 .flyer.landscape .area-data{grid-area:data}
 .flyer.landscape .area-side{grid-area:side}
 .flyer.landscape .setup-grid{grid-template-columns:1.4fr 2fr;gap:5mm}
 .flyer.landscape .area-access{grid-area:access;align-self:end}
 .flyer.landscape .panel{display:flex;flex-direction:column;min-width:0}
 .flyer.landscape .panel.access-row{display:grid;grid-template-columns:minmax(0,1fr) 20mm;padding-top:2mm}
 .flyer.landscape .spine{flex:1 0 auto;align-content:stretch;grid-auto-rows:1fr}
 .flyer.landscape .spine li{align-content:start}
 .flyer.landscape .try-cards{grid-template-columns:1fr;flex:1 0 auto;align-content:space-between}
 .flyer.landscape .area-data .data-band{flex:1 0 auto;align-content:space-between}
 .flyer.landscape .area-data .data-band{grid-template-columns:1fr}
 .flyer.landscape .access{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Cheat sheets, 2026-09-16 redesign, same rules as the flyers: one theme line,
   at most three panels of real sentences at 10.5 pt, and a "Take away" box that
   closes the page. Landscape only (A4 and Letter). */
.sheet .print-framing,.sheet .print-footer{font-size:8.5pt}
.sheet .theme{font-size:16pt;font-weight:700;line-height:1.2;color:var(--navy-700);margin:2.5mm 0 2mm;letter-spacing:-.01em}
.sheet .sheet-grid{gap:5mm}
.sheet .sheet-grid h2{display:flex;align-items:center;gap:2mm;font-size:11pt;margin:0 0 1.5mm;padding-bottom:1mm;border-bottom:1px solid var(--line)}
.sheet .print-icon{color:var(--navy-700)}
.sheet .print-icon svg{display:block;width:5.5mm;height:5.5mm}
.sheet .sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:1.6mm;font-size:10.5pt;line-height:1.32}
.sheet[data-print-stem="06-pitfalls-myths"] .sheet-list{gap:1.2mm;line-height:1.28}
.sheet[data-print-stem="06-pitfalls-myths"] .sheet-list li{padding-bottom:1mm}
.sheet .sheet-list li{margin:0;padding:0 0 1.4mm;border-bottom:1px solid var(--line)}
.sheet .sheet-list li:last-child{border-bottom:0}
.sheet .sheet-list strong{color:var(--navy-700)}
.sheet .sheet-list.numbered{counter-reset:step}
.sheet .sheet-list.numbered li{counter-increment:step;position:relative;padding-left:7.5mm}
.sheet .sheet-list.numbered li::before{content:counter(step);position:absolute;left:0;top:0;font-size:13pt;font-weight:800;line-height:1.1;color:var(--steel-600)}
.sheet .takeaway{margin:3mm 0 3mm;padding:2mm 3.5mm;border-left:1.5mm solid var(--steel-600);background:#fff;break-inside:avoid}
.sheet .takeaway h2{font-size:8.5pt;text-transform:uppercase;letter-spacing:.05em;color:var(--steel-700);margin:0 0 .8mm}
.sheet .takeaway p{margin:0;font-size:11pt;line-height:1.3;color:var(--navy-900);font-weight:500}
@media print{
 .sheet .print-page{display:flex;flex-direction:column}
 .print-document.sheet.landscape .print-grid{height:auto;flex:1 0 auto;align-items:stretch;padding-bottom:0}
 .print-document.sheet.landscape .panel{display:flex;flex-direction:column;flex:1 0 auto}
 .print-document.sheet.landscape .sheet-list{flex:1 0 auto;align-content:space-evenly}
 .sheet .takeaway{flex:0 0 auto}
}

/* Facelift, 2026-09-17: a gold series tag in the band, clip art beside the theme
   line, panels as cards with a coloured cap, numbered discs, a prompt box to copy,
   real screenshots, and a navy take-away band. Same type sizes and page gates. */
.sheet .title-band,.flyer .title-band{display:flex;align-items:center;gap:4mm;padding:3.5mm 5mm 4.5mm}
.sheet .title-band h1,.flyer .title-band h1{text-align:left;flex:1 1 auto;min-width:0}
.series-tag{flex:0 0 auto;margin:0;padding:1mm 2.5mm;border-radius:1mm;background:#F0C56B;color:var(--navy-900);font-size:8.5pt;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6mm;align-items:center;margin:0 0 2mm}
.hero .theme{margin:1mm 0 0}
.hero .print-framing{padding:2mm 0 0}
.print-clip{display:block;width:auto;height:27mm;max-width:36mm;object-fit:contain}
.sheet .sheet-grid .panel{border:1px solid var(--line);border-top:1.4mm solid var(--steel-600);border-radius:2mm;padding:2.5mm 3.5mm 2mm;background:#fff}
.sheet .sheet-grid [data-panel="b"]{border-top-color:var(--sea-700)}
.sheet .sheet-grid [data-panel="c"]{border-top-color:#C99A2E}
.sheet .sheet-grid h2{border-bottom:0;padding-bottom:0;margin-bottom:2mm;font-size:11.5pt}
.sheet .print-icon{display:grid;place-items:center;flex:0 0 auto;width:8mm;height:8mm;border-radius:50%;background:var(--sky-100)}
.sheet [data-panel="b"] .print-icon{background:var(--sea-soft);color:var(--sea-700)}
.sheet [data-panel="c"] .print-icon{background:#FBF1D9;color:#8A6412}
.sheet .print-icon svg{width:5mm;height:5mm}
.print-logo{display:grid;place-items:center;flex:0 0 auto;width:8mm;height:8mm;border-radius:50%;background:var(--sky-100);color:var(--navy-900)}
.print-logo svg{display:block;width:4.6mm;height:4.6mm}
.sheet .sheet-list:not(.numbered) li{position:relative;padding-left:4.5mm}
.sheet .sheet-list:not(.numbered) li::before{content:'';position:absolute;left:0;top:1.5mm;width:2mm;height:2mm;border-radius:.5mm;background:var(--steel-400)}
.sheet [data-panel="b"] .sheet-list:not(.numbered) li::before{background:var(--sea-700)}
.sheet [data-panel="c"] .sheet-list:not(.numbered) li::before{background:#C99A2E}
.sheet .sheet-list.numbered li{padding-left:8.5mm}
.sheet .sheet-list.numbered li::before{display:grid;place-items:center;width:6mm;height:6mm;border-radius:50%;background:var(--navy-700);color:#fff;font-size:9.5pt;font-weight:700;line-height:1;top:.2mm}
.sheet [data-panel="b"] .sheet-list.numbered li::before{background:var(--sea-700)}
.sheet .sheet-grid h2::after,.sheet .takeaway h2::after{display:none}
.sheet .theme,.sheet .takeaway p,.flyer .theme{text-wrap:balance}
.sheet .sheet-list li{text-wrap:pretty}
.prompt-box p,.print-shot figcaption{text-wrap:balance}
.chip{display:inline-block;padding:.2mm 1.6mm;border-radius:1mm;background:var(--sky-100);color:var(--navy-700);font-size:8pt;font-weight:700;letter-spacing:.02em;vertical-align:.3mm;white-space:nowrap}
.prompt-box{margin:0 0 2.5mm;padding:2.2mm 3mm 1.6mm;border-left:1.4mm solid #C99A2E;border-radius:0 1.5mm 1.5mm 0;background:var(--paper);font-size:9.5pt;line-height:1.34;color:var(--ink);break-inside:avoid}
.prompt-box::before{content:'Prompt to copy';display:block;margin-bottom:.8mm;font-size:7.5pt;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A6412}
.prompt-box p{margin:0 0 .9mm}
.print-shot{margin:0;break-inside:avoid}
.print-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:1.5mm;box-shadow:0 .4mm 1.2mm rgba(15,31,61,.12)}
.print-shot figcaption{font-size:8pt;line-height:1.25;color:var(--ink-2);margin:1mm 0 0;padding:0}
.sheet .takeaway{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4mm;align-items:center;border-left:0;border-radius:2mm;background:var(--navy-900);padding:2.5mm 4mm}
.sheet .takeaway h2{margin:0;padding:1mm 2.5mm;border-radius:1mm;background:#F0C56B;color:var(--navy-900);font-size:8.5pt;white-space:nowrap}
.sheet .takeaway p{color:#fff;font-weight:500}
@media screen and (max-width:899px){
 .hero{grid-template-columns:1fr}
 .print-clip{height:22mm}
 .sheet .takeaway{grid-template-columns:1fr;gap:1.5mm}
 .sheet .takeaway h2{justify-self:start}
 .sheet .title-band,.flyer .title-band{flex-wrap:wrap}
}
@media print{
 .print-document.sheet.landscape .panel .print-shot{flex:0 0 auto;margin-top:auto}
 .print-document.sheet.landscape .panel .prompt-box{flex:0 0 auto}
}

/* Tool flyers and the "it can do that" flyer, 2026-09-17 (portrait). */
.logo-tile{display:grid;place-items:center;width:25mm;height:25mm;border-radius:4mm;background:var(--sky-100);color:var(--navy-900)}
.logo-tile .print-logo{width:auto;height:auto;background:none;border-radius:0}
.logo-tile .print-logo svg{width:15mm;height:15mm}
.flyer .hero .print-clip{height:34mm;max-width:44mm}
.flyer .feature-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3mm 4mm}
.flyer .feature-grid li{margin:0;padding:2.5mm 3mm;border:1px solid var(--line);border-top:1.2mm solid var(--steel-600);border-radius:2mm;display:flex;flex-direction:column;gap:1.5mm;font-size:10pt;line-height:1.3;break-inside:avoid}
.flyer .feature-grid li:nth-child(2){border-top-color:var(--sea-700)}
.flyer .feature-grid li:nth-child(3){border-top-color:#C99A2E}
.flyer .feature-grid li:nth-child(4){border-top-color:var(--navy-700)}
.flyer .feature-grid strong{display:block;font-size:11.5pt;color:var(--navy-900);margin-bottom:.5mm}
.flyer .feature-grid p{margin:0}
.flyer .feature-grid .print-shot{margin-top:auto}

.hero .print-framing p{text-wrap:balance}
.flyer .flyer-body .prompt-box::before{content:none}
.flyer .more-line{margin:1.5mm 0 0;font-size:10pt;line-height:1.3}
.size-letter.port .print-qr,.size-letter.port .qr-code{width:17mm;height:17mm}
.size-letter.port .flyer-body{gap:2mm}
.flyer .more-line a{color:inherit}
.size-letter.port .logo-tile{width:20mm;height:20mm}
.size-letter.port .logo-tile .print-logo svg{width:12mm;height:12mm}
.flyer .access-row>div:first-child{min-width:0}
.flyer .also-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2mm 4mm;font-size:10pt;line-height:1.3}
.flyer .also-list li{position:relative;margin:0;padding:0 0 0 4.5mm;text-wrap:balance}
.flyer .feature-grid p,.flyer .limits li,.flyer .can-grid p,.flyer .can-grid strong{text-wrap:pretty}
.flyer .also-list li::before{content:'';position:absolute;left:0;top:1.4mm;width:2mm;height:2mm;border-radius:.5mm;background:var(--steel-400)}
.flyer .also-list strong{color:var(--navy-700)}
.flyer .two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4mm;align-items:start}
.flyer .prompt-box{margin:0;font-size:10pt}
.flyer .limits{list-style:none;margin:0;padding:0;display:grid;gap:1.2mm;font-size:10pt;line-height:1.3}
.flyer .limits li{margin:0;padding:0 0 1.2mm;border-bottom:1px solid var(--line)}
.flyer .limits li:last-child{border-bottom:0;padding-bottom:0}
.flyer .limits strong{color:var(--brick-700)}
.flyer .rule-line{margin:0;padding:1.8mm 3mm;border-radius:1.5mm;background:var(--sea-soft);color:var(--sea-700);font-size:10pt;font-weight:600;line-height:1.3}
.flyer .can-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}
.flyer .can-grid li{margin:0;padding:2.5mm 3mm 3mm;border-radius:2mm;background:var(--paper);border-left:1.2mm solid var(--steel-600);font-size:10pt;line-height:1.3;break-inside:avoid}
.flyer .can-grid li:nth-child(3n+2){border-left-color:var(--sea-700)}
.flyer .can-grid li:nth-child(3n){border-left-color:#C99A2E}
.flyer .can-grid .print-icon{margin-bottom:1.2mm}
.flyer .can-grid strong{display:block;font-size:11.5pt;line-height:1.2;color:var(--navy-900);margin-bottom:.8mm}
.flyer .can-grid p{margin:0}
.flyer .big-theme{font-size:21pt;font-weight:800;line-height:1.15;color:var(--navy-900);margin:1mm 0 1mm;letter-spacing:-.015em;text-wrap:balance}
.flyer .sub-theme{font-size:11.5pt;line-height:1.3;color:var(--ink-2);margin:0;text-wrap:balance}
.flyer .flyer-body h2::after{display:none}
@media screen and (max-width:899px){
 .flyer .feature-grid,.flyer .also-list,.flyer .two-up,.flyer .can-grid{grid-template-columns:1fr}
}

/* Code on a sheet: a short block to copy, in the site's own monospace. */
.code-box{margin:1.5mm 0 2mm;padding:2mm 2.5mm;border-radius:1.5mm;background:var(--navy-900);color:#fff;font-size:7.6pt;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;break-inside:avoid}
.code-box code{background:none;color:inherit;padding:0;font-size:inherit}
.sheet .sheet-list code{font-size:9pt}
@media print{.print-document.sheet.landscape .panel .code-box{flex:0 0 auto}.print-document.sheet.landscape .panel .sheet-list+.code-box+.sheet-list{flex:0 0 auto}}
