/* Printable poster: the preview dialog and the poster itself (screen and print).
   Shared by InternalThreadTool.html, ExternalThreadTool.html and
   ResistorStandardValues.html; built by js/thread-poster.js. */
/* ===== Poster dialog ===== */
.pst-scrim{position:fixed;inset:0;background:rgba(20,30,30,.7);display:none;z-index:99998;flex-direction:column;align-items:center;padding:14px}
.pst-scrim.on{display:flex}
.pst-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#eee;border:2px solid rgb(67,67,67);border-radius:10px;padding:10px 14px;margin-bottom:10px;font:12px Roboto,Arial,sans-serif;color:#1a3a40;max-width:100%}
.pst-bar label{display:flex;align-items:center;gap:6px}
.pst-bar select{font:12px Roboto,Arial,sans-serif;padding:5px 6px;border:1px solid #444;border-radius:6px}
.pst-bar button{font:700 12px Roboto,Arial,sans-serif;border-radius:6px;padding:7px 12px;cursor:pointer;border:1px solid #444;background:#fff}
.pst-bar button.go{background:#1a6475;color:#fff;border-color:#1a6475}
.pst-bar .info{color:#4a5a5f}
.pst-stage{flex:1;overflow:auto;width:100%;display:flex;justify-content:center;align-items:flex-start}
.pst-scaler{transform-origin:top left}
.pst-opts{display:none;flex-wrap:wrap;gap:8px 12px;background:#f6f6f6;border:2px solid rgb(67,67,67);border-radius:10px;padding:8px 12px;margin:-4px 0 10px;font:12px Roboto,Arial,sans-serif;color:#1a3a40;max-width:100%;max-height:40vh;overflow:auto}
.pst-opts.on{display:flex}
.pst-opts fieldset{border:1px solid #c5d0d3;border-radius:8px;padding:4px 10px 8px;margin:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;min-width:0}
.pst-opts legend{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:0 4px}
.pst-opts label{display:flex;align-items:center;gap:5px}
.pst-opts label.fixed{opacity:.6}
.pst-opts .pst-chart{display:flex;align-items:center;gap:5px}
.pst-opts select,.pst-opts input[type=text]{font:12px Roboto,Arial,sans-serif;padding:4px 6px;border:1px solid #444;border-radius:6px}
.pst-opts input[type=text]{width:16em}
.pst-opts button{font:700 12px Roboto,Arial,sans-serif;border-radius:6px;padding:5px 10px;cursor:pointer;border:1px solid #444;background:#fff}

/* ===== The poster itself (screen preview and print) ===== */
.poster{background:#fff;color:#111;font-family:Roboto,"Roboto Fallback",Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.5)}
.poster .p-head{background:#1d3f4b;color:#fff;display:flex;align-items:center;gap:.9em;padding:.7em 1em;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-head img{height:2.6em;width:auto}
.poster .p-brand{font-size:1.05em;letter-spacing:.12em;text-transform:uppercase;color:#5fc7db;font-weight:700}
.poster .p-title{font-size:2.3em;font-weight:900;letter-spacing:.04em;line-height:1}
.poster .p-sub{font-size:.8em;color:#cdd6d9;margin-top:.25em}
.poster .p-right{margin-left:auto;text-align:right;font-size:.75em;color:#cdd6d9;line-height:1.5}
.poster .p-legend{display:flex;flex-wrap:wrap;gap:.4em 1.4em;padding:.45em 1em;background:#e8f0f3;border-bottom:2px solid #1d3f4b;font-size:.72em;color:#1a3a40;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-body{flex:1;padding:.6em .8em;column-fill:auto;column-gap:1.1em;column-rule:1px solid #b9c6ca;overflow:hidden}
.poster .p-blk{break-inside:avoid;margin:0 0 .35em;border:1px solid #c5d0d3;border-radius:.3em;overflow:hidden}
.poster .p-dr{display:flex;align-items:baseline;gap:.5em;background:#dfe9ec;padding:.12em .45em;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-dr b{font-size:1.25em;color:#1a6475;min-width:3.2em}
.poster .p-dr span{font-size:.82em;color:#333;font-variant-numeric:tabular-nums}
.poster .p-dr span.mm{margin-left:auto}
.poster .p-th,.poster .p-cv{display:flex;gap:.45em;white-space:nowrap;padding:.08em .45em;font-size:.9em;font-variant-numeric:tabular-nums;border-bottom:1px solid #e3eaec;break-inside:avoid}
.poster .p-th > span,.poster .p-cv > span{flex:none}
.poster .p-th > .n{flex:1 0 auto}
.poster .p-th .u-mm{color:#555}
.poster .p-cv{background:#eef4e8;color:#2f4a2a;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-cv .cl{font-weight:700}
.poster .p-cv .ci,.poster .p-cv .cm{text-align:right}
.poster .p-grp{break-after:avoid;break-inside:avoid;margin:.5em 0 .1em;padding:.15em .45em;background:#1d3f4b;color:#fff;font-weight:700;font-size:.85em;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-grp small{font-weight:400;margin-left:.6em;opacity:.8}
.poster .p-measure .p-th,.poster .p-measure .p-cv,.poster .p-measure .p-grp{width:max-content}
.poster .p-measure-s .p-th > span,.poster .p-measure-s .p-cv > span{min-width:0 !important}
/* black and white: no fills, all text black */
.poster.bw .p-head,.poster.bw .p-legend,.poster.bw .p-grp{background:#fff;color:#000}
.poster.bw .p-head{border-bottom:2px solid #000}
.poster.bw .p-brand,.poster.bw .p-sub,.poster.bw .p-right,.poster.bw .p-foot .site{color:#000}
.poster.bw .p-head img{filter:invert(1)}
.poster.bw .p-legend *,.poster.bw .p-th,.poster.bw .p-th *,.poster.bw .p-cv,.poster.bw .p-cv *{color:#000 !important}
.poster.bw .p-th:nth-child(even),.poster.bw .p-cv{background:#fff}
.poster.bw .p-cv{font-style:italic}
.poster.bw .p-grp{border-top:2px solid #000;border-bottom:1px solid #000}
.poster.bw .p-th,.poster.bw .p-cv{border-bottom-color:#bbb}
.poster .p-th:nth-child(even){background:#f4f8f9;-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* the answer: tap drill and its diameter */
.poster .p-th .dr{color:#1a6475;font-weight:800}
.poster .p-th .dr .bore{color:#cc5500}
.poster .p-th .dd{color:#333;text-align:right}
.poster .p-th .n{font-weight:700;flex:1 0 auto}
.poster .p-th .cls,.poster .p-th .std,.poster .p-th .pre{color:#555}
.poster .p-th .r{color:#555;min-width:6.6em;text-align:right}
.poster .p-th .pc{text-align:right;color:#1a6475}
.poster .p-th.unj .n{color:#6b2f8f}
.poster .p-th.form .n{color:#8a5a00}
.poster .p-th.met .n{color:#2f6b2f}
.poster .p-bore-h{break-after:avoid;margin:.5em 0 .2em;padding:.15em .45em;background:#1d3f4b;color:#fff;font-weight:700;font-size:.85em;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.poster .p-th.p-bore{break-inside:avoid;border-top:none;border-bottom:1px solid #eef2f3}
.poster .p-foot{border-top:2px solid #1d3f4b;padding:.4em 1em;font-size:.62em;color:#333;line-height:1.45;display:flex;gap:1em}
.poster .p-foot .refs{flex:1}
.poster .p-foot .site{font-weight:700;color:#1a6475;white-space:nowrap}

@media print{
  body.tdc-printing > *:not(#posterPrint){display:none !important}
  body.tdc-printing{background:#fff !important;margin:0 !important}
  body.tdc-printing #posterPrint{display:block !important}
  body.tdc-printing #posterPrint .poster{box-shadow:none}
}
#posterPrint{display:none}

/* premade poster gallery (also used on the thread pages) */
.kc-pgal { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; margin: 10px 0; }
.kc-pgal figure { margin: 0; border: 1px solid #c5d0d3; border-radius: 8px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.kc-pgal img { width: 100%; height: 230px; object-fit: cover; object-position: top; display: block; border-bottom: 1px solid #e3eaec; background: #f4f7f8; }
.kc-pgal figcaption { padding: 8px 10px; font-size: 13px; line-height: 1.4; color: #1a3a40; }
.kc-pgal figcaption b { display: block; font-size: 13.5px; }
.kc-pgal figcaption a { color: #1a6475; font-weight: 700; margin-right: 8px; }
.kc-pgal-lead{font-size:15px;color:#33474d;line-height:1.5;max-width:95ch}