:root{--bg:#f7f6f2;--surface:#f7f8f5;--border:#dfe5dd;--border2:#bfcabd;--gold:#21634f;--gold2:#28765c;--goldbg:#eef6ed;--goldline:#b9d4b4;--text:#213e33;--text2:#3d554a;--muted:#66766d;--subtle:#748578;}
body{background:radial-gradient(ellipse at 85% 0,#eaf2e5 0,transparent 40%),var(--bg);}
.wrap{max-width:760px;}
.topbar{background:#ffffffed;border-bottom:1px solid var(--border);}
.topbar-inner{max-width:792px;padding-top:.85rem;padding-bottom:.85rem;}
header{text-align:left;padding:2rem 0 1.5rem;}
.header-label{font-family:Arial,Helvetica,sans-serif;font-size:.66rem;letter-spacing:.13em;margin-bottom:.85rem;}
h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.055em;line-height:1.12;}
h1 em{color:var(--gold);}
.header-sub{font-size:.92rem;line-height:1.65;max-width:38rem;margin-top:1rem;}
.header-story{font-size:.94rem;line-height:1.7;max-width:40rem;margin-top:.85rem;color:var(--text2);}
.tab-selector{border-radius:14px;padding:5px;margin-bottom:1.25rem;box-shadow:none;}
.tab-btn{font-size:.83rem;padding:.8rem .3rem;border-radius:10px;}
.tab-btn-sub{font-size:.66rem;margin-top:.2rem;}
.tab-btn.active{background:var(--gold);color:white;box-shadow:none;}
.card{border-radius:16px;padding:1.4rem;margin-bottom:1rem;box-shadow:0 3px 15px #213e3305;}
.card-label{font-family:Arial,Helvetica,sans-serif;font-size:.72rem;letter-spacing:.1em;color:var(--muted);}
.cat-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;}
.cat-btn{padding:.9rem .5rem;font-size:.8rem;border-radius:10px;}
.cat-salary{font-size:.66rem;}
.field-label{font-size:.85rem;}
.field-hint{font-size:.75rem;line-height:1.6;}
input[type=number],input[type=date],select{padding:.8rem;border-radius:10px;min-height:46px;}
.jorn-btn{padding:.9rem;border-radius:10px;font-size:.85rem;}
.btn-calc{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;padding:1rem;border-radius:12px;box-shadow:0 5px 15px #21634f1a;}
.btn-pdf{padding:.9rem;font-size:.88rem;border-radius:10px;}
.neto-box{border-radius:14px;}
.account-card{margin:1.5rem 0;background:linear-gradient(135deg,#f1f7ef,#e8f2e3);padding:1.75rem;border-radius:20px;}
.account-card h2{font-size:1.5rem;letter-spacing:-.03em;max-width:32rem;margin:.7rem 0;}

.disclaimer{line-height:1.8;}
@media(max-width:540px){.cat-grid{grid-template-columns:1fr 1fr;}.account-comparison{grid-template-columns:1fr;}.account-card{padding:1.15rem;}.account-card h2{font-size:1.3rem;}.account-actions{flex-direction:column;}.card{padding:1.05rem;}header{padding-top:1.5rem;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;}}
.vac-intro{font-size:.92rem;line-height:1.55;margin:0 0 1rem;color:var(--text);}
.vac-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.vac-hours-grid .field{margin-bottom:.35rem;}
.vac-details{margin:.85rem 0;padding:.8rem 0;border-top:1px solid var(--border);}
.vac-details summary{cursor:pointer;color:var(--gold);font-size:.82rem;font-weight:600;line-height:1.5;}
.vac-details .field,.vac-details p{margin-top:.7rem;}
.vac-preview{background:var(--goldbg);border:1px solid var(--goldline);border-radius:10px;padding:.9rem;margin:1rem 0 .65rem;color:var(--text);font-size:.83rem;line-height:1.6;}
.vac-source{margin:0;}.vac-source a{color:var(--gold);}
.vac-month-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:.85rem 0;}
.vac-month-table caption{text-align:left;font-size:.73rem;line-height:1.5;padding:0 0 .65rem;color:var(--muted);}
.vac-month-table th{font-size:.7rem;text-align:left;line-height:1.4;font-weight:600;color:var(--text2);}
.vac-month-table th:first-child{width:17%;}
.vac-month-table td,.vac-month-table th{padding:.3rem .2rem;}
.vac-month-table input{width:100%;min-width:0;padding:.55rem .3rem;font-size:.85rem;}
@media(max-width:540px){.vac-hours-grid{grid-template-columns:1fr;gap:.5rem;}.vac-month-table input{font-size:16px;}.vac-month-table th{font-size:.66rem;}}
