.visualizer{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0 .75rem}.visualizer svg{width:100%;max-width:520px;height:auto}.cube-frame .edge{fill:none;stroke:#9ca3af;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.diag{fill:none;stroke-width:3;stroke-linecap:round}.diag--whole{stroke:#16a34a}.diag--not{stroke:#dc2626}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;background:#f5f7fb;color:#1f2937}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7fb;color:#1f2937}.page{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero{text-align:left;margin-bottom:1.75rem}.hero h1{font-size:clamp(2rem,5vw,2.75rem);margin:.25rem 0;color:#0f172a}.hero .lede{margin:0;color:#374151}.section-stack{display:flex;flex-direction:column;gap:1.25rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;box-shadow:0 12px 28px #0f172a14;display:flex;flex-direction:column;gap:.75rem}.card-header h2{margin:0}.card-header .helper{margin:.25rem 0 0;color:#4b5563;font-size:.95rem}.full-width{width:100%}.inputs{display:grid;gap:.75rem;margin:1rem 0}.input-block{display:flex;flex-direction:column;gap:.25rem}.input-label{font-weight:600}input[type=text]{padding:.65rem .75rem;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:1rem}input[type=text]:focus{outline:2px solid #2563eb;border-color:#2563eb}.input-error{color:#b91c1c;font-size:.9rem}.presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.preset{padding:.5rem .75rem;border-radius:999px;border:1px solid #d1d5db;background:#f3f4f6;color:#111827;cursor:pointer;font-weight:600}.preset:hover{border-color:#2563eb}.hint{margin:.25rem 0 0;color:#4b5563;font-size:.9rem}.diag-grid{display:grid;gap:.75rem}.diag{padding:.75rem;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb}.diag--large{text-align:center}.diag-label{color:#4b5563;font-size:.95rem}.diag-value{font-size:1.35rem;font-weight:700;color:#0f172a}.diag-value--large{font-size:1.8rem}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border-radius:999px;font-size:.9rem;font-weight:700}.pill--good{background:#d1fae5;color:#065f46}.pill--bad{background:#fee2e2;color:#991b1b}.education .callout{background:#eef2ff;padding:.75rem 1rem;border-radius:12px;color:#1f2937;border:1px solid #c7d2fe}.bullets{margin:.75rem 0 0;padding-left:1.25rem;color:#1f2937}.visualizer-card{align-items:center}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-weight:600;color:#1f2937}.legend-item{padding:.25rem .5rem;border-radius:999px;font-size:.95rem}.legend-item--whole{background:#d1fae5;color:#065f46}.legend-item--not{background:#fee2e2;color:#991b1b}.dual-grid{display:grid;gap:1.25rem}@media (min-width: 768px){.dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}