/* Deep Dive 5 - percent pieces (Math 7 Unit 2), 2026-10-13. Scoped to .pc-*; loading it changes nothing else. */
.pc-card{border:1px solid #D4DBDF;border-radius:4px;background:#fff;padding:14px 16px;margin:12px 0}
.pc-title{margin:0 0 4px;font-weight:700;color:#1B4F8A;letter-spacing:.04em;text-transform:uppercase;font-size:14px}
.pc-prompt{margin:0 0 10px;font-size:16px;color:#2d2348}
.pc-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:320px;aspect-ratio:1;margin:6px 0 10px}
.pc-cell{appearance:none;border:1px solid #9AA8B5;background:#fff;border-radius:2px;padding:0;min-height:22px;cursor:pointer}
.pc-cell.on{background:#2B6CB0;border-color:#1B4F8A}
.pc-cell:focus-visible{outline:3px solid #F4A261;outline-offset:1px;position:relative;z-index:1}
.pc-cell:disabled{cursor:default}
.pc-read{margin:6px 0;font-size:17px;color:#1B3A5C;font-weight:600}
.pc-fb{margin:6px 0 0;font-size:15.5px;color:#2d2348;min-height:1em}
.pc-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1;margin:0 3px;font-size:.9em}
.pc-frac span{padding:0 3px}
.pc-frac .pc-num{border-bottom:1.5px solid currentColor}
.pc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.pc-controls label{font-weight:700;color:#1B3A5C;font-size:15px}
.pc-controls input[type=text],.pc-controls input[type=number]{width:90px;font:inherit;font-size:16px;padding:5px 6px;border:2px solid #6B7C93;border-radius:4px}
.pc-controls input[type=range]{flex:1 1 160px;min-width:140px;accent-color:#2B6CB0}
.pc-controls output{font-weight:700;color:#1B3A5C;min-width:48px}
.pc-btn{font:inherit;font-weight:700;font-size:14.5px;padding:8px 14px;border-radius:4px;border:2px solid #1B3A5C;background:#fff;color:#1B3A5C;cursor:pointer}
.pc-btn.pc-check{background:#10b981;border-color:#10b981;color:#fff}
.pc-btn.pc-show{background:#1B3A5C;color:#fff}
.pc-btn.pc-add{background:#2B6CB0;border-color:#2B6CB0;color:#fff}
.pc-btn.pc-small{padding:5px 10px;font-size:13.5px}
.pc-btn:disabled{opacity:.45;cursor:default}
.pc-btn:focus-visible{outline:3px solid #F4A261;outline-offset:2px}
.pc-barwrap{margin:4px 0}
.pc-bar{width:100%;height:auto;display:block}
.pc-tablewrap{overflow-x:auto;margin:6px 0}
.pc-table{border-collapse:collapse;font-size:15.5px;min-width:260px}
.pc-table th,.pc-table td{border:1px solid #D4DBDF;padding:6px 10px;text-align:center}
.pc-table th{background:#F9FAFB;color:#1B3A5C;font-weight:700;font-size:13.5px}
.pc-table td input{width:84px;font:inherit;font-size:15.5px;text-align:center;padding:4px;border:2px solid #6B7C93;border-radius:4px}
.pc-table td.ok{background:#E9F7EF}
.pc-table td.no{background:#FFF8F7}
.pc-receipt{border:1px dashed #9AA8B5;border-radius:4px;padding:10px 14px;max-width:460px;font-family:ui-monospace,Menlo,Consolas,monospace}
.pc-rline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dotted #D4DBDF}
.pc-rline:last-child{border-bottom:0}
.pc-rline .pc-rlabel{font-weight:700;color:#1B3A5C}
.pc-rline .pc-rval{grid-column:2 / span 2;text-align:right}
.pc-rline input{width:96px;font:inherit;text-align:right;padding:4px 6px;border:2px solid #6B7C93;border-radius:4px}
.pc-rline .pc-rfb{grid-column:1 / -1;font-family:"Work Sans",sans-serif;font-size:14px;color:#2d2348}
.pc-rline.ok input{border-color:#10b981;background:#E9F7EF}
.pc-rline.no input{border-color:#C14B30;background:#FFF8F7}
.pc-circle{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:start}
.pc-piesvg{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}
@media(max-width:560px){.pc-grid{max-width:100%}.pc-card{padding:12px}.pc-rline{grid-template-columns:minmax(0,1fr) auto}.pc-rline .pc-rval{grid-column:2}}