.propane-page{padding:36px 0 60px;background:linear-gradient(150deg,#edf5fa,#f8fbfd 55%)}
.propane-container{max-width:1100px}.propane-heading{max-width:800px;margin-bottom:28px}.propane-heading .breadcrumbs{margin-bottom:20px}.propane-heading h1{font-size:clamp(2.1rem,4.5vw,3.5rem);margin:12px 0}.propane-heading>p{color:var(--muted);font-size:1.08rem;margin:0}
.propane-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:24px}.propane-inputs,.propane-result-column{display:grid;gap:18px;min-width:0}.propane-result-column{position:sticky;top:110px}
.propane-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:var(--shadow-sm);min-width:0}.propane-card h2{font-size:1.35rem;display:flex;align-items:center;gap:10px;margin:0 0 18px}.propane-step{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f1f8;font:800 .86rem "DM Sans",sans-serif;color:var(--forest-2);flex-shrink:0}.propane-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.propane-reset{background:none;border:0;padding:8px 0 8px 12px;color:var(--forest-2);text-decoration:underline;cursor:pointer;font-size:.87rem;min-height:44px}
.propane-tank-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}.propane-field{display:block;font-size:.88rem;font-weight:700;min-width:0}.propane-field input,.propane-field select{display:block;margin-top:6px;width:100%;min-width:0;min-height:46px;border:1px solid #aebfcd;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);font:400 1rem "DM Sans",system-ui,sans-serif}.propane-field small{display:block;color:var(--muted);font-weight:400;line-height:1.45;margin-top:5px;font-size:.78rem}.propane-field input[aria-invalid=true]{border-color:#b94338;background:#fff7f5}.propane-optional{font-size:.78rem;color:var(--muted);font-weight:400}.propane-help{font-size:.84rem;color:var(--muted);margin:12px 0 0;line-height:1.5}.propane-card>h2+.propane-help{margin:-6px 0 16px}
.propane-appliance{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}.propane-appliance:has(input[type=checkbox]:checked){border-color:#84b3d1;background:#f6fbff}.propane-appliance-toggle{display:flex;align-items:center;gap:12px;padding:15px;min-height:55px;font-weight:700;cursor:pointer;line-height:1.35}.propane-appliance-toggle input{width:21px;height:21px;margin:0;flex-shrink:0;accent-color:var(--orange)}.propane-appliance-toggle small{display:block;font-weight:400;font-size:.78rem;color:var(--muted);margin-top:3px}.propane-appliance-fields{padding:0 15px 15px}.propane-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.propane-rating{margin-top:10px;font-size:.81rem;color:var(--muted)}.propane-rating summary{cursor:pointer;min-height:32px;padding:4px 0}.propane-rating .propane-field{max-width:220px;margin-top:6px}
.propane-result{border-radius:20px;background:linear-gradient(125deg,#06233a,#0b5687);padding:30px;color:#fff;box-shadow:var(--shadow)}.propane-result-label{font-size:.84rem;color:#d6e8f4}.propane-result h2{font-size:clamp(2.4rem,4.6vw,3.8rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0}.propane-result h2.propane-result-message{font-size:1.8rem}.propane-result>p{font-size:.9rem;color:#d6e8f4;margin:0;line-height:1.5}.propane-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #ffffff3b;margin-top:24px;padding-top:20px}.propane-stats strong{display:block;font-size:1.35rem;line-height:1.2}.propane-stats span{font-size:.78rem;color:#d6e8f4}
.propane-breakdown h3{font-size:1rem;margin-bottom:16px}.propane-breakdown ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.propane-usage-line{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;line-height:1.4}.propane-usage-line span{overflow-wrap:anywhere}.propane-usage-line strong{white-space:nowrap;font-size:.85rem}.propane-bar{height:6px;background:#e7f0f6;border-radius:4px;margin-top:7px;overflow:hidden}.propane-bar span{display:block;background:#1782c8;height:100%;border-radius:4px}
.propane-estimate-note{font-size:.81rem;line-height:1.55;color:var(--muted);margin:0 4px}.propane-assumptions{font-size:.82rem;color:var(--muted);margin:0 4px}.propane-assumptions summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--forest-2);font-weight:700}.propane-assumptions p{margin:8px 0}.propane-sources{font-size:.77rem}.propane-related{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;font-size:.88rem;color:var(--forest-2);font-weight:700}.propane-related a{padding:6px 0;text-underline-offset:3px}
.propane-page [hidden]{display:none!important}.propane-page :is(input,select,button,summary,a):focus-visible{outline:3px solid #ca7c1e;outline-offset:3px}
@media(max-width:800px){.propane-layout{grid-template-columns:1fr}.propane-result-column{position:static}.propane-result h2{font-size:3.3rem}.propane-heading h1{max-width:600px}.propane-page{padding-top:24px}.propane-result{padding:26px}}
@media(max-width:440px){.propane-container{width:calc(100% - 28px)}.propane-card{padding:18px}.propane-tank-grid{grid-template-columns:1fr}.propane-heading h1{font-size:2.1rem}.propane-heading>p{font-size:1rem}.propane-appliance-toggle{padding:13px}.propane-appliance-fields{padding:0 13px 13px}.propane-result h2{font-size:3rem}.propane-result{padding:24px}.propane-related{display:grid;gap:8px}}
@media(max-width:360px){.propane-use-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.propane-page{scroll-behavior:auto}}