/* PCBDrillViaSizes.html (js/pcb-drill.js); page layout classes come from css/resistor-values.css */
.pd-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; margin: 0 0 18px; }
.pd-quick > div { background: #fff; border: 2px solid #434343; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 3px 5px rgba(0,0,0,.2); }
.pd-quick span { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #4a5a5f; }
.pd-quick b { font-size: 18px; color: #1a3a40; }
.pd-quick small { font-size: 12.5px; color: #4a5a5f; }
.pd-u { font-weight: 400; }
.pd-try { font: 600 12.5px Roboto, Arial, sans-serif; padding: 3px 9px; margin: 0 4px 4px 0; border: 1px solid #c5d0d3; border-radius: 999px; background: #fff; color: #1a6475; cursor: pointer; }
.pd-try:hover { background: #e8f0f3; border-color: #1a6475; }
.pd-facts { font-size: 14px; line-height: 1.6; margin: 4px 0 10px; }
.pd-note { font-size: 13px; color: #4a5a5f; }
.pd-err { color: #a3312a; font-size: 14px; }
.pd-tbl { border-collapse: collapse; width: 100%; font-size: 13.5px; font-variant-numeric: tabular-nums; background: #fff; }
.pd-tbl th, .pd-tbl td { border-bottom: 1px solid #e3eaec; padding: 6px 9px; text-align: left; vertical-align: top; }
.pd-tbl thead th { background: #1d3f4b; color: #fff; font-size: 12px; }
.pd-tbl thead th a { color: #fff; }
.pd-tbl tbody th { font-weight: 700; color: #1a3a40; min-width: 9em; }
.pd-tbl tbody tr:nth-child(even) { background: #f4f8f9; }
.pd-vias td { white-space: nowrap; }
.pd-vias td.pd-use { white-space: normal; color: #4a5a5f; font-size: 12.5px; min-width: 16em; }
.pd-v { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.pd-std { background: #dff1e3; color: #1e5a2a; }
.pd-extra { background: #fdecc8; color: #8a5a00; }
.pd-no { background: #f3dcdc; color: #8a2a24; }

/* header tooltips: the same badge and dark box as the thread tools (css/thread-tools.css) */
.pd-tbl .th-i { display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px; border-radius: 50%; background: #5fc7db; color: #10303a; font-size: 9px; font-weight: 700; margin-left: 4px; cursor: help; vertical-align: 1px; }
.th-tip { position: fixed; z-index: 99999; display: none; width: 260px; background: #1a3a40; color: #eee; font: 12px/1.5 Roboto, Arial, sans-serif; padding: 8px 10px; border-radius: 6px; border: 1px solid #3a6270; box-shadow: 0 3px 8px rgba(0,0,0,.4); pointer-events: none; text-transform: none; letter-spacing: 0; }
.th-tip svg { display: block; width: 100%; height: auto; background: #fff; border-radius: 4px; margin-bottom: 6px; }
.th-tip b { color: #5fc7db; }
.pd-fig svg { display: block; width: 100%; max-width: 320px; height: auto; background: #fff; border: 1px solid #c5d0d3; border-radius: 6px; margin: 4px 0 6px; }