*{margin:0;padding:0;box-sizing:border-box}:root{--primary-navy: #1B2141;--hot-pink: #F5365C;--bright-green: #2DD881;--teal: #2BB5A0;--orange: #F5A623;--light-pink: #F8B4D0;--white: #FFFFFF;--light-bg: #F5F6FA;--border-color: #E0E3EB;--text-dark: #1B2141;--text-light: #666666;--disabled-bg: #F0F2F7}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--light-bg);color:var(--text-dark);line-height:1.6}.header{background-color:var(--primary-navy);color:var(--white);padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.app-logo{width:40px;height:40px}.header-title{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.header-nav{display:flex;gap:2rem}.header-nav a{color:var(--white);text-decoration:none;font-size:.95rem;opacity:.9;transition:opacity .2s}.header-nav a:hover{opacity:1}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:none;color:var(--white);font-size:.95rem;font-family:inherit;opacity:.9;cursor:pointer;padding:0;transition:opacity .2s}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{opacity:1}.nav-dropdown-trigger.active{border-bottom:2px solid var(--hot-pink);padding-bottom:2px}.nav-dropdown-arrow{font-size:.7em;margin-left:.2em}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .75rem);right:0;background:var(--primary-navy);border-radius:8px;box-shadow:0 8px 24px #00000040;padding:.5rem 0;min-width:220px;z-index:200;flex-direction:column}.nav-dropdown-menu:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.75rem}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex}.nav-dropdown-menu a{padding:.5rem 1rem;white-space:nowrap;font-size:.9rem;opacity:.85}.nav-dropdown-menu a:hover{opacity:1;background:#ffffff1a}.nav-dropdown-menu a.active{border-bottom:none;opacity:1;background:#ffffff14}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10}.hamburger-icon{display:block;width:24px;height:2px;background-color:var(--white);position:relative;transition:background-color .2s}.hamburger-icon:before,.hamburger-icon:after{content:"";display:block;width:24px;height:2px;background-color:var(--white);position:absolute;transition:transform .2s}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.hamburger-icon.open{background-color:transparent}.hamburger-icon.open:before{transform:rotate(45deg);top:0}.hamburger-icon.open:after{transform:rotate(-45deg);top:0}.footer{background-color:var(--primary-navy);color:var(--white);padding:2rem;text-align:center;font-size:.9rem;opacity:.7;margin-top:3rem}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:2rem}.calculator-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}.calculator-main{min-width:0}.calculator-sidebar{position:sticky;top:2rem}.section{background-color:var(--white);border-radius:8px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color)}.section-title{font-size:1.1rem;font-weight:600;color:var(--primary-navy);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-bg)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.radio-group{display:flex;gap:2rem;align-items:center}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--hot-pink)}.radio-option label{cursor:pointer;font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;font-weight:500;color:var(--text-dark);pointer-events:none}input[type=text],input[type=number],select{width:100%;padding:.75rem .75rem .75rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;border:1px solid var(--border-color);border-radius:6px;transition:border-color .2s,box-shadow .2s}input[type=number]{padding-right:.75rem}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--hot-pink);box-shadow:0 0 0 3px #f5365c1a}input:disabled,input:disabled:focus{background-color:var(--disabled-bg);border-color:var(--border-color);box-shadow:none;cursor:not-allowed}select{padding-left:.75rem;cursor:pointer}.computed-field{background-color:var(--disabled-bg);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;font-weight:500;color:var(--text-dark)}.table-wrapper{overflow-x:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse}th{background-color:var(--light-bg);padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;color:var(--text-dark);border:1px solid var(--border-color)}td{padding:.875rem .75rem;border:1px solid var(--border-color);font-size:.95rem}tbody tr:nth-child(2n){background-color:#f5f6fa80}tbody tr:hover{background-color:#f5365c08}.table-totals{background-color:var(--light-bg);font-weight:600;color:var(--primary-navy)}.zone-label{font-weight:500;color:var(--primary-navy)}button{font-family:Inter,sans-serif;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;padding:.75rem 1.25rem}.btn-primary{background-color:var(--hot-pink);color:var(--white)}.btn-primary:hover{background-color:#e6255a;transform:translateY(-1px);box-shadow:0 4px 12px #f5365c4d}.btn-pdf{width:100%;background-color:var(--primary-navy);color:var(--white);margin-top:1.5rem;display:flex;align-items:center;justify-content:center}.btn-pdf:hover{background-color:#2a3260;transform:translateY(-1px);box-shadow:0 4px 12px #1b21414d}.btn-reset{background:none;color:var(--text-light);font-size:.8rem;padding:.25rem .6rem;border:1px solid var(--border-color);border-radius:4px}.btn-reset:hover{color:var(--hot-pink);border-color:var(--hot-pink);background-color:#f5365c0f}.section-header-row{display:flex;align-items:baseline;justify-content:space-between}.section-header-row .section-title{margin-bottom:0}.btn-delete{background-color:transparent;color:var(--hot-pink);padding:.5rem;font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background-color:#f5365c1a}.summary-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem}.summary-item{padding:1.25rem;background:linear-gradient(135deg,var(--light-bg) 0%,rgba(245,246,250,.5) 100%);border:1px solid var(--border-color);border-radius:8px;text-align:center}.summary-label{font-size:.85rem;font-weight:500;color:var(--text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.75rem;font-weight:700;color:var(--primary-navy)}.summary-item-highlight{background:linear-gradient(135deg,var(--primary-navy) 0%,#2a3260 100%);border-color:var(--primary-navy)}.summary-item-highlight .summary-label{color:#ffffffb3}.summary-item-highlight .summary-value{color:var(--white)}.empty-message{padding:2rem;text-align:center;color:var(--text-light);font-style:italic}@media(max-width:1024px){.calculator-layout{grid-template-columns:1fr}.calculator-sidebar{position:static}}@media(max-width:768px){.header{padding:1rem}.header-title{font-size:1.2rem}.hamburger-btn{display:block}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-navy);flex-direction:column;padding:1rem;gap:0;box-shadow:0 4px 12px #00000026;z-index:100}.header-nav--open{display:flex}.header-nav a{padding:.75rem 1rem;border-radius:6px;font-size:1rem}.header-nav a:hover{background-color:#ffffff1a}.header-nav a.active{border-bottom:none;background-color:#ffffff26}.nav-dropdown{display:flex;flex-direction:column}.nav-dropdown-trigger{padding:.75rem 1rem;border-radius:6px;font-size:1rem;text-align:left}.nav-dropdown-trigger:hover{background-color:#ffffff1a}.nav-dropdown-trigger.active{border-bottom:none;background-color:#ffffff26}.nav-dropdown-menu{display:flex;position:static;transform:none;background:none;box-shadow:none;border-radius:0;padding:0 0 0 1rem;min-width:0}.nav-dropdown-menu:before{display:none}.nav-dropdown-menu a{padding:.6rem 1rem;font-size:.95rem}.header-content{position:relative}.main-content{padding:1rem}.section{padding:1.25rem}.radio-group{flex-direction:column;gap:.75rem;align-items:flex-start}table{font-size:.85rem}th,td{padding:.6rem .5rem}}.hide-in-zone-a-mode{display:none}.show-in-zone-a-mode{display:block}.mode-zone-a .hide-in-zone-a-mode{display:none}.mode-zone-a .show-in-zone-a-mode{display:block}.mode-annual .show-in-zone-a-mode{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-page{max-width:800px;margin:0 auto}.content-page h1{font-size:2rem;font-weight:700;color:var(--primary-navy);margin-bottom:1.5rem;letter-spacing:-.5px}.content-page h2{font-size:1.35rem;font-weight:600;color:var(--primary-navy);margin-top:2.5rem;margin-bottom:1rem}.content-page p{font-size:1rem;line-height:1.8;color:var(--text-dark);margin-bottom:1rem}.content-page .lead{font-size:1.15rem;color:var(--text-light);margin-bottom:2rem}.content-page .formula{background-color:var(--light-bg);border-left:3px solid var(--hot-pink);padding:1rem 1.25rem;font-family:Inter,monospace;font-weight:500;border-radius:0 6px 6px 0}.content-page ul,.content-page ol{margin-bottom:1rem;padding-left:1.5rem}.content-page li{line-height:1.8;margin-bottom:.5rem}.content-page dl{margin-bottom:1.5rem}.content-page dt{font-weight:600;color:var(--primary-navy);margin-top:1rem}.content-page dd{margin-left:0;padding-left:1rem;border-left:2px solid var(--border-color);color:var(--text-light);line-height:1.6;margin-bottom:.5rem}.content-page table{margin:1.5rem 0}.content-page caption{text-align:left;font-size:.85rem;color:var(--text-light);margin-bottom:.5rem;font-style:italic}.content-page tfoot td{font-weight:600;background-color:var(--light-bg)}.content-page section{margin-bottom:2rem}.content-page a{color:var(--hot-pink);text-decoration:none;font-weight:500}.content-page a:hover{text-decoration:underline}.header-nav a.active{opacity:1;border-bottom:2px solid var(--hot-pink);padding-bottom:2px}@media(max-width:480px){.table-wrapper table thead{display:none}.table-wrapper table,.table-wrapper table tbody{display:block}.table-wrapper table tr:not(.table-totals){display:block;background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.table-wrapper table tr:not(.table-totals) td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border:none;gap:.75rem}.table-wrapper table tr:not(.table-totals) td:before{content:attr(data-label);font-weight:500;font-size:.85rem;color:var(--text-light);flex-shrink:0;min-width:80px}.table-wrapper table tr:not(.table-totals) td input[type=number],.table-wrapper table tr:not(.table-totals) td select{width:auto;flex:1;min-width:0;max-width:140px;padding:.6rem .5rem;font-size:1rem}.table-wrapper table tr:not(.table-totals) td .input-wrapper{flex:1;max-width:140px}.table-wrapper table tr:not(.table-totals) td .computed-field{text-align:right;flex:1;max-width:140px}.table-wrapper table tr.table-totals{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--light-bg);border-radius:8px;border:1px solid var(--border-color);font-weight:600;font-size:.9rem}.table-wrapper table tr.table-totals td{border:none;padding:0}.table-wrapper table tr.table-totals td:empty{display:none}.table-wrapper table tr.table-totals td[colspan]{flex-shrink:0}.table-wrapper table tr:not(.table-totals) td[data-label=""]{justify-content:flex-end;border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.5rem}.table-wrapper table tr:not(.table-totals) td[data-label=""]:before{display:none}input[type=number],input[type=text],select{font-size:1rem;padding:.65rem .65rem .65rem 2rem;min-height:44px}select{padding-left:.65rem}.btn-primary{width:100%;padding:.875rem;font-size:1rem;min-height:44px}.btn-reset{min-height:36px;padding:.4rem .75rem}.summary-value{font-size:1.4rem}.summary-item{padding:1rem}.section-title{font-size:1rem}.content-page h1{font-size:1.5rem}.content-page h2{font-size:1.15rem}.content-page .lead{font-size:1rem}.content-page .table-wrapper{position:relative}.content-page .table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,rgba(245,246,250,.8));pointer-events:none}}