.calc-panel{display:grid;gap:1rem;max-width:36rem;padding:1.25rem;background:#fff;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius)}.calc-panel-wide{max-width:52rem}.calc-panel label{display:grid;gap:0.35rem;font-size:0.92rem}.calc-panel input[type="number"],.calc-panel input[type="text"],.calc-panel select{font:inherit;padding:0.55rem 0.65rem;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--radius);background:var(--bg)}.calc-panel input[type="range"]{width:100%}.calc-cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.calc-panel fieldset{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:var(--radius);padding:0.75rem 1rem;margin:0}.calc-panel legend{font-family:var(--font-display);font-size:0.85rem;text-transform:uppercase;padding:0 0.25rem}.calc-results{margin-top:0.5rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.calc-results h2{font-family:var(--font-display);font-size:1rem;margin:0 0 0.75rem}.calc-result-list{list-style:none;padding:0;margin:0;display:grid;gap:0.45rem}.calc-result-list li{display:flex;justify-content:space-between;gap:1rem;padding:0.45rem 0;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:0.92rem}.calc-result-list strong{font-family:var(--font-mono);font-weight:500}.calc-table{width:100%;border-collapse:collapse;font-size:0.92rem}.calc-table td{padding:0.45rem 0.5rem;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.calc-table td:last-child{font-family:var(--font-mono);font-weight:500;text-align:right;white-space:nowrap}.calc-note{font-size:0.88rem;margin-top:0.75rem}.calc-hub-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.calc-tile-thumb{grid-template-rows:auto auto auto}.calc-tile-thumb img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:calc(var(--radius) - 2px);margin-bottom:0.35rem}.blog-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.blog-card{background:#fff;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:var(--radius);padding:1rem 1.1rem;transition:transform 0.2s ease,box-shadow 0.2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.blog-card a{text-decoration:none;color:inherit}.blog-card h2{font-family:var(--font-display);font-size:1rem;margin:0 0 0.35rem}.post-date{font-size:0.82rem;margin-bottom:0.5rem}@media (max-width:640px){.calc-hub-grid{grid-template-columns:1fr}}