.page{max-width:1120px;margin:0 auto;padding:56px 32px 80px}.eyebrow{font-family:var(--font-sans, "Inter", sans-serif);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-amber-600, #b35e08);font-weight:600;margin-bottom:14px}.page h1{font-family:var(--font-display, "Spectral", serif);font-size:56px;line-height:1.05;letter-spacing:-.02em;font-weight:600;color:var(--color-forest-900, #132e20);margin-bottom:20px}.intro{max-width:680px;font-size:19px;line-height:1.65;color:var(--color-ink-soft, #352e25)}.intro-group{margin-bottom:52px}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;align-items:start}@media(max-width:880px){.grid{grid-template-columns:1fr}.page h1{font-size:40px}}.tool-card{background:#fff;border:1px solid var(--color-cream-200, #ecdfc2);border-radius:14px;padding:28px 32px;margin-bottom:20px}.tool-card h2{font-family:var(--font-display, "Spectral", serif);font-size:22px;font-weight:600;color:var(--color-forest-900, #132e20);margin-bottom:6px;letter-spacing:-.01em}.card-sub{font-family:var(--font-sans, "Inter", sans-serif);font-size:12px;color:var(--color-muted, #6b5e4e);margin-bottom:22px}.field label,label{display:block;font-family:var(--font-sans, "Inter", sans-serif);font-size:13px;color:var(--color-ink-soft, #352e25);margin-bottom:6px;font-weight:500}label .optional{color:var(--color-cream-500, #a89059);font-weight:400}input[type=text],input[type=number],.page select{width:100%;padding:11px 14px;background:var(--color-cream-50, #faf4e6);border:1px solid var(--color-cream-300, #dcc8a0);border-radius:8px;font-family:var(--font-sans, "Inter", sans-serif);font-size:15px;color:var(--color-forest-900, #132e20);transition:border-color .15s,background .15s}input:focus,.page select:focus{outline:none;border-color:var(--color-amber-500, #e0800a);background:#fff}.hint{font-family:var(--font-sans, "Inter", sans-serif);font-size:11px;color:var(--color-cream-500, #a89059);margin-top:6px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-2+.field,.field+.row-2{margin-top:16px}.metric{background:var(--color-cream-50, #faf4e6);border:1px solid var(--color-cream-200, #ecdfc2);border-radius:10px;padding:18px 20px;margin-bottom:12px;position:relative}.metric-label{font-family:var(--font-sans, "Inter", sans-serif);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-tan-500, #8b6f47);font-weight:600;margin-bottom:10px}.metric-remove{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:6px;background:transparent;border:none;color:var(--color-cream-500, #a89059);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.metric-remove:hover{background:var(--color-cream-200, #ecdfc2);color:var(--color-ink-soft, #352e25)}.add-metric{font-family:var(--font-sans, "Inter", sans-serif);font-size:13px;color:var(--color-amber-600, #b35e08);font-weight:600;background:transparent;border:none;cursor:pointer;padding:6px 0}.add-metric:hover{color:var(--color-terracotta-600, #912e1d)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric-header h2{margin-bottom:0}.checkbox-row{display:flex;align-items:center;gap:10px;font-family:var(--font-sans, "Inter", sans-serif);font-size:13px;color:var(--color-ink-soft, #352e25);margin-top:16px;cursor:pointer}.checkbox-row input{width:16px;height:16px;accent-color:var(--color-forest-500, #2e6b48)}.btn-row{display:flex;align-items:center;gap:14px}.calc-btn{flex:1;padding:16px 24px;background:var(--color-forest-500, #2e6b48);color:var(--color-cream-50, #faf4e6);border:none;border-radius:12px;font-family:var(--font-sans, "Inter", sans-serif);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.calc-btn:hover:not(:disabled){background:var(--color-forest-700, #1f4d35)}.calc-btn:disabled{background:var(--color-cream-300, #dcc8a0);color:var(--color-cream-500, #a89059);cursor:not-allowed}.calc-btn svg{width:18px;height:18px}.reset-btn{padding:16px 22px;background:transparent;color:var(--color-tan-500, #8b6f47);border:1px solid var(--color-cream-300, #dcc8a0);border-radius:12px;font-family:var(--font-sans, "Inter", sans-serif);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.reset-btn:hover{background:var(--color-cream-100, #f4ecd8);color:var(--color-ink-soft, #352e25);border-color:var(--color-cream-400, #c6ac7b)}.results-col{position:sticky;top:32px;align-self:start}.result-headline .big.placeholder,.metric-row-placeholder .name,.metric-row-placeholder .weeks{color:var(--color-cream-400, #c6ac7b)}.result-headline{background:#fff;border:1px solid var(--color-cream-200, #ecdfc2);border-radius:14px;padding:28px 32px;margin-bottom:20px;position:relative;overflow:hidden}.result-headline:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-amber-500, #e0800a)}.result-headline .label{font-family:var(--font-sans, "Inter", sans-serif);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-amber-600, #b35e08);font-weight:600;margin-bottom:10px}.result-headline .big{font-family:var(--font-display, "Spectral", serif);font-weight:600;font-size:72px;line-height:1;color:var(--color-forest-900, #132e20);letter-spacing:-.03em}.result-headline .unit{font-family:var(--font-display, "Spectral", serif);font-size:22px;font-style:italic;color:var(--color-forest-500, #2e6b48);margin-left:8px;font-weight:400}.result-headline .test-name{font-family:var(--font-serif, "Source Serif 4", serif);font-size:16px;color:var(--color-ink-soft, #352e25);margin-top:14px;font-style:italic}.result-headline .based-on{font-family:var(--font-sans, "Inter", sans-serif);font-size:12px;color:var(--color-muted, #6b5e4e);margin-top:4px}.result-card{background:#fff;border:1px solid var(--color-cream-200, #ecdfc2);border-radius:14px;padding:28px 32px;margin-bottom:20px}.result-card h3{font-family:var(--font-sans, "Inter", sans-serif);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-tan-500, #8b6f47);font-weight:600;margin-bottom:14px}.metric-row{padding:12px 14px;border-radius:8px;background:var(--color-cream-50, #faf4e6);margin-bottom:10px}.metric-row:last-child{margin-bottom:0}.metric-row.controlling{background:#f1e7d4;border:1px solid var(--color-cream-300, #dcc8a0)}.metric-row .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.metric-row .name{font-family:var(--font-sans, "Inter", sans-serif);font-size:13px;color:var(--color-ink-soft, #352e25);font-weight:500}.metric-row.controlling .name{color:var(--color-forest-700, #1f4d35);font-weight:600}.metric-row .weeks{font-family:var(--font-display, "Spectral", serif);font-size:18px;font-weight:600;color:var(--color-forest-900, #132e20)}.metric-row.controlling .weeks{color:var(--color-amber-600, #b35e08)}.metric-row .meta{font-family:var(--font-sans, "Inter", sans-serif);font-size:11px;color:var(--color-tan-500, #8b6f47);display:flex;gap:10px;flex-wrap:wrap}.metric-row .meta .dot{color:var(--color-cream-400, #c6ac7b)}dl.params{display:grid;grid-template-columns:1fr auto;gap:10px 16px;font-family:var(--font-sans, "Inter", sans-serif);font-size:13px}dl.params dt{color:var(--color-tan-500, #8b6f47)}dl.params dd{color:var(--color-forest-900, #132e20);font-weight:600;text-align:right}.method{margin-top:40px;padding-top:32px;border-top:1px solid var(--color-cream-200, #ecdfc2)}.method-toggle{font-family:var(--font-sans, "Inter", sans-serif);font-size:13px;color:var(--color-muted, #6b5e4e);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0}.method-content{margin-top:18px;padding:24px 28px;background:var(--color-cream-100, #f4ecd8);border-radius:12px;font-size:14px;color:var(--color-ink-soft, #352e25);line-height:1.7}.method-content p+p{margin-top:12px}.method-content strong{color:var(--color-forest-900, #132e20);font-weight:600}.method-content code{font-family:SF Mono,Consolas,Monaco,monospace;font-size:12.5px;background:var(--color-cream-200, #ecdfc2);padding:2px 6px;border-radius:4px;color:var(--color-forest-700, #1f4d35)}.jemma-footer{margin-top:48px;padding:28px 0;border-top:1px solid var(--color-cream-200, #ecdfc2);font-family:var(--font-serif, "Source Serif 4", serif);font-size:14px;color:var(--color-muted, #6b5e4e);font-style:italic;text-align:center}.jemma-footer a{color:var(--color-amber-600, #b35e08);text-decoration:underline;text-decoration-color:#e0800a66;text-underline-offset:3px}