.calc-container{max-width:780px;margin:3rem auto 4rem;padding:2rem;background:var(--color-bg, #f5f1e8);color:var(--color-ink, #1a1f2c);font-family:var(--font-body)}.calc-container .calc-header{margin-bottom:2rem;border-bottom:1px solid var(--color-line, #cfc8b6);padding-bottom:1.5rem}.calc-container .calc-eyebrow{color:var(--color-warm, #a89684);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}.calc-container h1{font-family:var(--font-display);font-weight:400;font-size:1.9rem;line-height:1.2;margin:0 0 .75rem;color:var(--color-ink, #1a1f2c)}.calc-container .calc-subtitle{color:var(--color-ink-soft, #3d4250);line-height:1.65;margin:0}.calc-container #calc-form{background:var(--color-surface, #faf7f0);border:1px solid var(--color-line, #cfc8b6);border-radius:4px;padding:1.75rem}.calc-container .mode-toggle{display:flex;gap:0;background:var(--color-bg, #f5f1e8);border:1px solid var(--color-line, #cfc8b6);border-radius:3px;padding:4px;margin-bottom:1.5rem}.calc-container .mode-btn{flex:1;background:transparent;border:0;padding:.7rem .5rem;font-size:.9rem;font-weight:500;color:var(--color-ink-muted, #5c606e);cursor:pointer;border-radius:2px;transition:all .15s ease}.calc-container .mode-btn.active{background:var(--color-ink, #1a1f2c);color:var(--color-bg, #f5f1e8)}.calc-container .form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.calc-container .form-row label{font-weight:600;font-size:1rem;color:var(--color-ink, #1a1f2c)}.calc-container .big-input .input-wrap{display:flex;align-items:stretch;border:1px solid var(--color-line, #cfc8b6);border-radius:3px;overflow:hidden;background:#fff;transition:border-color .15s ease}.calc-container .big-input .input-wrap:focus-within{border-color:var(--color-accent, #3a4256)}.calc-container .big-input input{flex:1;border:0;padding:.9rem 1rem;font-size:1.6rem;font-family:var(--font-display);font-weight:400;color:var(--color-ink, #1a1f2c);background:transparent;min-width:0}.calc-container .big-input input:focus{outline:0}.calc-container .input-suffix{display:flex;align-items:center;padding:0 1.1rem;background:var(--color-bg-soft, #efeadd);color:var(--color-ink-muted, #5c606e);font-size:.85rem;letter-spacing:.03em;white-space:nowrap}.calc-container .form-row small{color:var(--color-ink-muted, #5c606e);font-size:.82rem}.calc-container .preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem}.calc-container .preset-label{font-size:.8rem;color:var(--color-ink-muted, #5c606e);margin-right:.25rem}.calc-container .preset-btn{background:transparent;border:1px solid var(--color-line, #cfc8b6);color:var(--color-ink-soft, #3d4250);padding:.45rem .85rem;border-radius:2px;font-size:.82rem;cursor:pointer;transition:all .15s ease}.calc-container .preset-btn:hover{border-color:var(--color-warm, #a89684);color:var(--color-ink, #1a1f2c);background:var(--color-warm-bg, #ece4d8)}.calc-container .checkbox-row{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.9rem;line-height:1.4;color:var(--color-ink-soft, #3d4250);margin-bottom:1.5rem}.calc-container .checkbox-row input{width:auto;margin-top:.15rem;accent-color:var(--color-accent, #3a4256)}.calc-container #calc-btn{width:100%;background:var(--color-ink, #1a1f2c);color:var(--color-bg, #f5f1e8);padding:1.05rem 2rem;border:0;border-radius:3px;font-size:1.05rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s ease}.calc-container #calc-btn:hover{background:var(--color-accent, #3a4256)}.calc-container #result-card{background:var(--color-surface, #faf7f0);border:1px solid var(--color-line, #cfc8b6);border-radius:4px;overflow:hidden;margin-bottom:1.25rem}.calc-container .rc-hero{padding:2.25rem 2rem 2rem;text-align:center;background:linear-gradient(158deg,#3a4256,#1a1f2c);color:var(--color-bg, #f5f1e8)}.calc-container .rc-hero-label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warm-soft, #c2b3a3);margin:0 0 .6rem}.calc-container .rc-hero-value{font-family:var(--font-display);font-size:2.7rem;font-weight:400;line-height:1.05;margin:0}.calc-container .rc-hero-sub{font-size:.9rem;opacity:.72;margin:.6rem 0 0}.calc-container .rc-banner{padding:1.05rem 1.5rem 1.05rem 1.75rem;font-size:.96rem;text-align:left;line-height:1.5;background:var(--color-warm-bg, #ece4d8);color:var(--color-ink-soft, #3d4250);border-bottom:1px solid var(--color-line, #cfc8b6);border-left:3px solid var(--color-warm, #a89684)}.calc-container .rc-banner strong{font-weight:600;color:var(--color-ink, #1a1f2c)}.calc-container .rc-banner.good{border-left-color:var(--color-accent, #3a4256)}.calc-container .rc-banner.warn{border-left-color:var(--color-warm, #a89684)}.calc-container .rc-banner.danger{border-left-color:#9c6b52}.calc-container .rc-banner.info{border-left-color:var(--color-ink-muted, #5c606e)}.calc-container .rc-rows{padding:.5rem 1.5rem 1.5rem}.calc-container .rc-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.72rem 0;border-bottom:1px solid var(--color-line-soft, #e6e1d2)}.calc-container .rc-row:last-child{border-bottom:0}.calc-container .rc-row .lbl{font-size:.9rem;color:var(--color-ink-muted, #5c606e)}.calc-container .rc-row .val{font-family:var(--font-mono);font-weight:500;font-size:1rem;color:var(--color-ink, #1a1f2c);white-space:nowrap;text-align:right}.calc-container .rc-row.hl{background:var(--color-warm-bg, #ece4d8);margin:0 -1.5rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--color-line-soft, #e6e1d2)}.calc-container .rc-row.hl .lbl{font-weight:600;color:var(--color-ink, #1a1f2c)}.calc-container .rc-row.hl .val{font-size:1.15rem}.calc-container .rc-row .pos{color:var(--color-accent, #3a4256)}.calc-container .rc-row .neg{color:#9c6b52}.calc-container .result-again{margin-bottom:1.5rem}.calc-container #again-btn{background:transparent;border:1px solid var(--color-line, #cfc8b6);color:var(--color-ink-muted, #5c606e);padding:.6rem 1.1rem;border-radius:2px;font-size:.9rem;cursor:pointer}.calc-container #again-btn:hover{border-color:var(--color-warm, #a89684);color:var(--color-ink, #1a1f2c)}.calc-container .result-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.calc-container .cta-primary{background:var(--color-ink, #1a1f2c);color:var(--color-bg, #f5f1e8);padding:.9rem 1.6rem;text-decoration:none;border-radius:3px;font-weight:500}.calc-container .cta-primary:hover{background:var(--color-accent, #3a4256)}.calc-container .cta-secondary{color:var(--color-ink-soft, #3d4250);text-decoration:none;padding:.9rem 1.6rem;border:1px solid var(--color-line, #cfc8b6);border-radius:3px}.calc-container .cta-secondary:hover{border-color:var(--color-warm, #a89684)}.calc-container .result-detail{padding-top:1.5rem;border-top:1px solid var(--color-line, #cfc8b6)}.calc-container .result-detail h3,.calc-container .dayanak h3{font-family:var(--font-display);font-weight:400;font-size:1.25rem;margin:0 0 .75rem;color:var(--color-ink, #1a1f2c)}.calc-container .result-detail ul{padding-left:1.25rem;line-height:1.7;color:var(--color-ink-soft, #3d4250)}.calc-container .result-detail li{margin-bottom:.6rem}.calc-container .dayanak{padding-top:1.5rem;border-top:1px solid var(--color-line, #cfc8b6);margin-top:1.5rem}.calc-container .dayanak ul{padding-left:1.25rem;line-height:1.7;font-size:.9rem;color:var(--color-ink-soft, #3d4250)}.calc-container .dayanak li{margin-bottom:.5rem}.calc-container .sorumluluk{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-line-soft, #e6e1d2);font-size:.8rem;line-height:1.5;color:var(--color-ink-muted, #5c606e)}.calc-container .sorumluluk strong{color:var(--color-ink-soft, #3d4250)}.calc-container .result-links{display:flex;flex-direction:column;gap:.5rem;padding-top:1.5rem;border-top:1px solid var(--color-line, #cfc8b6);margin-top:1.5rem}.calc-container .result-links a{color:var(--color-accent, #3a4256);text-decoration:none}.calc-container .result-links a:hover{text-decoration:underline}@media (max-width: 640px){.calc-container{margin:1.5rem .75rem;padding:1.25rem}.calc-container h1{font-size:1.5rem}.calc-container .mode-toggle{flex-direction:column}.calc-container .rc-hero-value{font-size:2rem}.calc-container .rc-row{flex-direction:column;gap:.15rem;align-items:flex-start}.calc-container .rc-row .val{text-align:left}}