/* Printable paper section (/paper/). Loaded only by templates/paper.html and templates/paper_hub.html. */
.pp-lede{color:#375771;font-size:1.05rem;margin-top:0}
.pp-ctl{gap:12px 18px}
.pp-ctl label[hidden]{display:none}
.pp-ctl input[type=text]{min-width:14em}
.pp-ctl input[type=number]{width:7.5em}
.pp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.pp-actions .pp-sec{background:#fff;color:var(--navy);border:2px solid var(--sky);padding:8px 16px}
.pp-actions .pp-sec:hover,.pp-actions .pp-sec:focus-visible{border-color:var(--blue)}
.pp-info{font-size:.88rem;color:#4a6a82}
.pp-info.pp-err{color:#b23b2e;font-weight:700}
.pp-print{margin:0 0 30px}
.pp-sheet{margin:0 auto;max-width:100%;background:#fff;box-shadow:0 1px 3px rgba(18,52,82,.18),0 10px 30px rgba(18,52,82,.12)}
.pp-sheet svg{display:block;width:100%;height:auto}
.pp-nojs{padding:40px 20px;text-align:center;color:#4a6a82}
.pp-about{background:#fff;border:1px solid #d4e7f2;border-radius:12px;padding:6px 24px 14px;margin-bottom:28px}
.pp-about h2{font-size:1.15rem;margin:1.1em 0 .3em}
.pp-about p,.pp-about li{color:#304f68;font-size:.97rem}
.pp-see{font-weight:700}

/* thumbnails: drawn by paper.js from the same pattern code as the printed page */
.pthumb{display:flex;align-items:center;justify-content:center;height:150px;padding:8px;margin:0 0 10px;background:#edf5fa;border-radius:6px;overflow:hidden}
.pthumb svg{display:block;max-width:100%;max-height:100%;background:#fff;box-shadow:0 1px 4px rgba(18,52,82,.2)}
.pcard .hc-tag{margin-top:2px}
.pp-rel .ymal-tile{align-items:stretch}
.pthumb-sm{height:110px;padding:6px;margin-bottom:8px}

.pp-sizes table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem;border-radius:8px;overflow:hidden}
.pp-sizes th,.pp-sizes td{text-align:left;padding:8px 10px;border-bottom:1px solid #e1edf4}
.pp-sizes th{background:#eaf5fc;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.pp-sizes p{font-size:.92rem;color:#375771}
@media(max-width:560px){.pp-sizes td:nth-child(3),.pp-sizes th:nth-child(3){display:none}}

/* Print only the sheet. paper.js writes the matching @page size and exact mm dimensions into #pp-style. */
@media print{
 html,body{margin:0!important;padding:0!important;background:#fff!important}
 body>*:not(main){display:none!important}
 main{max-width:none!important;margin:0!important;padding:0!important}
 main>*:not(.pp-print),.pp-print>*:not(.pp-sheet){display:none!important}
 .pp-print{margin:0!important}
 .pp-sheet{margin:0!important;box-shadow:none!important;max-width:none!important;overflow:hidden;break-inside:avoid;page-break-after:avoid}
 .pp-sheet svg{max-width:none}
}