/* Print (cycle 8): the evidence pack and the message to the bank as a clean document. Loaded with media="print". */
@page { margin: 18mm 16mm 20mm; }
/* Cycle 118 (V2.9): a letterhead and a footer on every page: the wordmark, "Printed from Pocketly", page N of M. */
@page { @top-left { content: "Pocketly."; font: 700 12pt Fraunces, Georgia, serif; color: #000; } @top-right { content: "Printed from pocketly.co.uk"; font: 8pt "Spline Sans Mono", monospace; color: #555; }
  @bottom-right { content: "Page " counter(page) " of " counter(pages); font: 8pt "Spline Sans Mono", monospace; color: #555; } @bottom-left { content: "Planning tool, not financial advice. Each bank’s live terms are final."; font: 7.5pt Inter, sans-serif; color: #555; } }
html, body { background: #fff !important; color: #000 !important; }
body { font: 11pt/1.45 Inter, system-ui, sans-serif; padding: 0 !important; }
.top, .tabbar, .foot, .skip, .proto, .devtools, .screen-only, form, button, .btn, details > summary::before { display: none !important; }
.print-only { display: block !important; }
main, .wrap { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.card { border: 1px solid #999 !important; background: #fff !important; box-shadow: none !important; break-inside: avoid; padding: 10pt 12pt !important; margin: 0 0 10pt !important; }
h1 { font: 700 20pt/1.2 Fraunces, Georgia, serif; margin: 0 0 6pt; } h2 { font: 700 13pt/1.3 Fraunces, Georgia, serif; margin: 0 0 6pt; }
.eyebrow, .st, .muted, .hint, .lede { color: #333 !important; }
a { color: #000 !important; text-decoration: underline; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; word-break: break-all; }
table { width: 100%; border-collapse: collapse; } th, td { border-bottom: 1px solid #bbb; padding: 4pt 6pt; text-align: left; }
.letter-preview { font: 10.5pt/1.5 Inter, system-ui, sans-serif; border: 1px solid #999; padding: 10pt; margin: 6pt 0; } /* cycle 173: the preview is the printed letter */
.lp-subject { margin: 0 0 6pt; font-weight: 600; } .lp-body { white-space: pre-wrap; }
input.letter-subject { display: none; }
label[for="msg-subject"], label[for="msg-body"] { display: none; }
.mono, code { font-family: "Spline Sans Mono", monospace; }
/* Ink only: every text in black on white, whatever the screen theme. */
main, main * { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
.wrap.flush, .notice[role="status"], .stepper { display: none !important; }
.letter-preview, .card { background: #fff !important; }
.screen { display: block !important; max-width: none !important; padding: 0 !important; }
.screen-rail { position: static !important; } .rail-card { border: 1px solid #999 !important; padding: 10pt 12pt !important; margin: 0 0 10pt !important; }
.sec { border-top: 1px solid #bbb !important; padding: 8pt 0 !important; }
/* Cycle 53: a problem's steps print as plain sections. */
.pk-step { box-shadow: none !important; background: #fff !important; border: 1px solid #ccc !important; }
.pk-step::before { background: #eee !important; color: #000 !important; }
/* Cycle 96, the pack as printed (A4): a heading never ends a page; the fingerprints stay in one piece; the documents
   section prints only what was added (the screen's explanation and an empty "Nothing added yet" aren't for the bank). */
h1, h2, h3, summary { break-after: avoid; page-break-after: avoid; }
.pk-fp, .kv { break-inside: avoid; page-break-inside: avoid; }
.pk-docs.is-empty, .pk-docs > p.muted { display: none !important; }
/* Cycle 113 (V0.26): bank marks print as outlined initials, no fills. */
.bm { background: none !important; color: #000 !important; box-shadow: inset 0 0 0 1px #999 !important; }
/* Cycle 118 (F11): the paper sheet prints as the page itself. */
.pk-paper { box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
.pp-head { border-bottom: 1.5pt solid #000 !important; }
.proof th, .proof td { border-top: 1px solid #bbb !important; }
.st svg { display: none !important; }
/* Cycle 137 (W5.6): what the screen needs isn't printed: the breadcrumb, the rail's tools, the fingerprints' disclosure
   (a print-only copy carries them in full), and relative dates (only absolute dates on paper). */
.crumbs, .screen-rail, details.pk-fp { display: none !important; }
.pk-fp-print { margin-top: 8pt; }
/* Cycle 180 (W8.3): the switching year fits one A4 sheet. */
.yr h1 { font-size: 18pt; margin: 0 0 4pt; } .yr .lede { font-size: 10pt; margin: 0 0 6pt; } .yr h2 { font-size: 11pt; margin: 8pt 0 3pt; }
.yr-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4pt; margin: 4pt 0; } .yr-facts > div { padding: 4pt 6pt; border: 1px solid #999; } .yr-facts dd { font-size: 13pt; }
.yr-t { font-size: 9pt; } .yr-t th, .yr-t td { padding: 2pt 4pt; } .yr p, .yr li { font-size: 9.5pt; }