.dim-page{display:flex;flex-direction:column;gap:1.25rem}.breadcrumb{font-size:var(--text-xs);color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-link)}.dim-lead{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.dim-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.dim-toggle{display:inline-flex;background:var(--bg-subtle);border-radius:var(--radius-md);padding:2px;border:1px solid var(--border-color)}.dim-toggle-btn{background:transparent;border:none;padding:.4rem .7rem;font-size:var(--text-xs);color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;font-family:inherit;line-height:1.2}.dim-toggle-btn.is-active{background:var(--bg-surface);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.dim-toggle-hint{display:block;font-size:.75em;color:var(--text-muted);font-weight:400}.dim-reset-btn{background:var(--bg-surface);border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;font-family:inherit}.dim-reset-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.dim-group{display:flex;flex-direction:column;gap:.5rem}.dim-group-heading{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;letter-spacing:.02em}.dim-group-heading:before{content:"";display:inline-block;width:4px;height:1em;background:var(--c-blue-600);border-radius:2px;align-self:center}.dim-group-sub{font-size:var(--text-xs);font-weight:400;color:var(--text-muted);letter-spacing:0}.dim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(min-width:600px){.dim-grid{grid-template-columns:repeat(8,1fr)}}.dim-cell{aspect-ratio:1;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-family:inherit;transition:var(--transition);padding:.3rem .2rem;color:var(--text-primary)}.dim-cell:hover:not(.is-disabled):not(.is-selected){border-color:var(--c-blue-400);background:var(--c-blue-50)}.dim-cell.is-selected{background:var(--c-blue-600);border-color:var(--c-blue-700);color:#fff;box-shadow:var(--shadow-md)}.dim-cell.is-disabled{opacity:.35;cursor:not-allowed}.dim-cell-symbol{font-size:1.4rem;font-weight:600;font-style:italic;font-family:"Cambria Math","Latin Modern Math","STIX Two Math",serif;line-height:1}.dim-cell-reading{font-size:.7rem;line-height:1.2;color:var(--text-secondary);text-align:center;word-break:keep-all;max-width:100%}.dim-cell.is-selected .dim-cell-reading{color:#ffffffd9}@media(min-width:600px){.dim-cell-symbol{font-size:1.7rem}.dim-cell-reading{font-size:.78rem}}.dim-detail{margin-top:.25rem;display:flex;flex-direction:column;gap:1rem}.dim-detail-empty{background:var(--bg-subtle);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:1.75rem 1rem;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.dim-detail-empty p{margin:0}.dim-symbol-badge{background:linear-gradient(135deg,var(--c-blue-600),var(--c-indigo-400));color:#fff;width:4rem;height:4rem;border-radius:var(--radius-md);display:grid;place-items:center;font-size:2rem;font-weight:700;font-style:italic;font-family:"Cambria Math","Latin Modern Math","STIX Two Math",serif;flex-shrink:0;line-height:1;box-shadow:0 2px 6px #2563eb40}.dim-symbol-badge-sm{width:2.75rem;height:2.75rem;font-size:1.4rem;border-radius:var(--radius-md)}.dim-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dim-card-full{overflow:hidden}.dim-card-full .dim-card-header{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:linear-gradient(180deg,var(--c-blue-50),transparent);border-bottom:1px solid var(--border-light)}.dim-card-full .dim-card-titles{flex:1;min-width:0}.dim-card-full .dim-card-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.dim-card-full .dim-card-quantity{font-size:var(--text-xs);color:var(--text-secondary);margin:.15rem 0 0;line-height:1.4}.dim-card-stats{margin:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.dim-card-stat{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;align-items:center}.dim-card-stat dt{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;letter-spacing:.04em}.dim-card-stat dd{margin:0;font-size:var(--text-base);color:var(--text-primary);overflow-x:auto}.dim-unit-name{color:var(--text-muted);font-size:.85em;font-weight:400;margin-left:.15em}.dim-card-desc{padding:1rem 1.25rem;margin:0;font-size:var(--text-sm);line-height:1.75;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.dim-card-uses{padding:.9rem 1.25rem 1.1rem}.dim-card-uses-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;letter-spacing:.04em;margin:0 0 .5rem}.dim-card-uses-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.dim-card-uses-list li{background:var(--c-blue-50);color:var(--c-blue-800);font-size:var(--text-xs);padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--c-blue-100, #dbeafe);line-height:1.5}.dim-pair-cards{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:stretch}@media(min-width:600px){.dim-pair-cards{grid-template-columns:1fr auto 1fr;gap:.75rem}}.dim-pair-link{display:grid;place-items:center;font-size:1.25rem;color:var(--text-muted);font-weight:300;line-height:1;padding:.25rem 0}@media(min-width:600px){.dim-pair-link{padding:0}}.dim-card-compact{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem}.dim-card-compact .dim-card-titles{min-width:0;flex:1}.dim-card-compact .dim-card-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3}.dim-card-compact .dim-card-quantity{font-size:var(--text-xs);color:var(--text-secondary);margin-top:.1rem}.dim-card-compact .dim-card-dim{margin-top:.4rem;font-size:var(--text-xs);color:var(--text-secondary);overflow-x:auto}.dim-formulas-block{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.1rem 1.1rem;box-shadow:var(--shadow-sm)}.dim-formulas-heading{font-size:var(--text-sm);font-weight:700;margin:0 0 .85rem;color:var(--text-primary);letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.dim-formulas-heading:before{content:"";display:inline-block;width:4px;height:1em;background:var(--c-blue-600);border-radius:2px}.dim-no-formula{color:var(--text-muted);font-size:var(--text-sm);padding:.5rem 0}.dim-formula-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.dim-formula-card{padding:.85rem 1rem .95rem;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light)}.dim-formula-eyebrow{font-size:var(--text-xs);color:var(--c-blue-700);font-weight:600;margin-bottom:.35rem;letter-spacing:.02em}.dim-formula-eq{font-size:var(--text-lg);padding:.4rem .5rem;margin:0;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;overflow-x:auto;overflow-y:hidden}.dim-formula-aux{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.3rem}.dim-aux-pill{display:inline-flex;align-items:baseline;gap:.3rem;font-size:var(--text-xs);background:var(--bg-surface);color:var(--text-secondary);padding:.18rem .55rem .18rem .4rem;border-radius:var(--radius-pill);border:1px solid var(--border-color);line-height:1.5}.dim-aux-pill b{font-weight:700;color:var(--c-indigo-800);font-style:italic;font-family:"Cambria Math","Latin Modern Math","STIX Two Math",serif;font-size:1.05em}.dim-formula-desc{margin:.55rem 0 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}h1{font-size:var(--text-xl);line-height:1.3;margin:0}@media(min-width:600px){h1{font-size:var(--text-2xl)}}