.allowance-hero{background:linear-gradient(135deg,#edf8f4 0%,#fff8f2 100%)}
.allowance-hero .inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:70px 0}
.allowance-hero img{width:100%;height:330px;object-fit:cover;border-radius:28px;box-shadow:0 20px 55px rgba(18,58,50,.14)}
.calculator-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:28px;align-items:start}
.calculator-form{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(18,58,50,.08)}
.calculator-form h2{margin-top:0}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calc-grid .full{grid-column:1/-1}
.calc-field{display:grid;gap:8px;position:relative}.calc-field>span,.calc-field>label{font-weight:850;color:var(--green)}
.calc-field input,.calc-field select{width:100%;min-height:56px;padding:0 16px;border:1px solid #b8cec7;border-radius:13px;background:#fff;color:var(--ink);font:inherit}
.calc-field small{color:var(--ink-soft);line-height:1.5}.currency-input{position:relative}.currency-input:before{content:'€';position:absolute;left:17px;top:15px;font-weight:800;color:var(--green)}.currency-input input{padding-left:38px}
.location-results{position:absolute;z-index:30;top:86px;left:0;right:0;max-height:330px;overflow:auto;margin:0;padding:7px;list-style:none;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(18,58,50,.18)}
.location-results:empty,.location-results[hidden]{display:none}.location-results button{width:100%;display:grid;gap:3px;padding:12px 13px;border:0;border-radius:10px;background:#fff;text-align:left;color:var(--green);font:inherit;cursor:pointer}.location-results button:hover,.location-results button:focus{background:#edf7f3}.location-results strong{font-size:15px}.location-results small{font-size:13px}
.selected-location{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:13px;background:#edf7f3;color:var(--green)}.selected-location[hidden]{display:none}.selected-location button{border:0;background:transparent;color:var(--green);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.calc-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.calc-actions .btn{min-width:210px}.calc-error{padding:12px 14px;border-left:4px solid #c94f2b;background:#fff1eb;color:#73321e}.calc-error[hidden]{display:none}
.calc-result{position:sticky;top:20px;overflow:hidden;border-radius:24px;background:#123a32;color:#fff;box-shadow:0 22px 55px rgba(18,58,50,.2)}.calc-result-head{padding:28px 28px 22px;background:linear-gradient(135deg,#123a32,#1b765f)}.calc-result h2,.calc-result h3{color:#fff}.calc-result-head p{color:#d8eee7}.calc-pay{display:grid;gap:3px;margin-top:18px}.calc-pay strong{font-size:46px;line-height:1;color:#fff}.calc-pay span{color:#d8eee7}.calc-breakdown{display:grid;gap:0;padding:0 28px 18px}.calc-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16)}.calc-line span{color:#d8eee7}.calc-line strong{text-align:right}.calc-year{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 28px 28px}.calc-year div{padding:14px;border-radius:13px;background:rgba(255,255,255,.09)}.calc-year span{display:block;font-size:12px;color:#cae5dc}.calc-year strong{display:block;margin-top:4px;font-size:18px}.calc-empty{padding:32px 28px;color:#d8eee7}.calc-notice{margin:0;padding:18px 28px;background:#fff5ed;color:#633522;font-size:14px;line-height:1.55}
.source-box{padding:22px;border-left:5px solid var(--orange);border-radius:12px;background:#fff6ef}.source-box p:last-child{margin-bottom:0}.source-box a{font-weight:800}
.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explanation-grid article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.explanation-grid b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border-radius:50%;background:#edf7f3;color:var(--green)}
.distribution{display:grid;gap:10px;margin-top:26px}.distribution-row{display:grid;grid-template-columns:58px 1fr 105px;gap:14px;align-items:center}.distribution-score{font-weight:900;color:var(--green)}.distribution-track{height:18px;overflow:hidden;border-radius:99px;background:#e7efec}.distribution-fill{height:100%;min-width:0;border-radius:99px;background:linear-gradient(90deg,#1b765f,#ef7044)}.distribution-count{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.distribution-row.is-zero{opacity:.58}.distribution-legend{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px;padding:18px;border-radius:14px;background:#edf7f3}.distribution-legend span{font-size:14px}.distribution-legend b{color:var(--green)}
.allowance-cta{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:32px;border-radius:22px;background:linear-gradient(135deg,#123a32,#1b765f);color:#fff}.allowance-cta h2{margin-top:0;color:#fff}.allowance-cta p{margin-bottom:0;color:#d8eee7}.allowance-cta .btn{white-space:nowrap}
@media(max-width:900px){.allowance-hero .inner,.calculator-shell{grid-template-columns:1fr}.allowance-hero .inner{padding:48px 0}.allowance-hero img{height:270px}.calc-result{position:static}.explanation-grid{grid-template-columns:1fr 1fr}.allowance-cta{grid-template-columns:1fr}}
@media(max-width:620px){.allowance-hero .inner{width:min(100% - 28px,1180px)}.allowance-hero img{height:220px}.calculator-form{padding:22px}.calc-grid{grid-template-columns:1fr}.calc-grid .full{grid-column:auto}.calc-year{grid-template-columns:1fr}.calc-pay strong{font-size:39px}.explanation-grid{grid-template-columns:1fr}.distribution-row{grid-template-columns:50px 1fr 82px;gap:9px}.distribution-count{font-size:14px}.allowance-cta{padding:25px}.calc-actions{align-items:stretch;flex-direction:column}.calc-actions .btn{width:100%}}