:root{--navy:#102a43;--navy2:#173b55;--teal:#168b91;--teal-dark:#116b70;--lime:#b4d75a;--ink:#213849;--muted:#667b89;--paper:#f4f7f5;--white:#fff;--line:#dbe4e3;--warm:#fbf5e7;--warm-line:#ead8aa;--cool:#eaf3f5;--radius:12px;--shadow:0 14px 34px rgba(16,42,67,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;font-size:16px}a{color:var(--teal-dark);text-underline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5aa35;outline-offset:2px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:6px;z-index:99;background:#fff;padding:12px}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;flex-direction:column;gap:0;text-decoration:none;min-width:210px}.brand img{display:block;width:180px;height:43px;object-fit:contain;object-position:left center}.brand-caption{font-size:8px;line-height:1.1;letter-spacing:.15em;font-weight:800;color:var(--muted)}.main-nav{display:flex;gap:25px;margin-left:auto}.main-nav a,.footer-top nav a{font-size:12px;font-weight:750;color:var(--navy);text-decoration:none}.main-nav a:hover,.footer-top nav a:hover{color:var(--teal)}.nav-cta{background:var(--navy);color:#fff;border-radius:7px;padding:11px 16px;text-decoration:none;font-weight:750;font-size:12px;white-space:nowrap}.nav-cta span{color:var(--lime);padding-left:7px}.menu-toggle{display:none}
.hero{background:linear-gradient(118deg,#f4f8f6 0%,#eaf2f0 55%,#e4eef1 100%);padding:82px 0 25px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:8%;}.eyebrow{margin:0 0 13px;color:var(--teal-dark);font-size:10px;font-weight:850;letter-spacing:.13em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--lime);margin-right:8px}.hero h1{font-size:clamp(44px,6vw,75px);line-height:.98;letter-spacing:-.065em;margin:0;color:var(--navy);font-weight:780}.hero h1 em{font-style:normal;color:var(--teal)}.hero-text{font-size:17px;color:#526a79;max-width:590px;margin:23px 0 24px}.hero-actions{display:flex;gap:11px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;padding:13px 18px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff}.button-primary span{font-size:17px}.button-quiet{background:transparent;border:1px solid #b8c9c9;color:var(--navy)}.button-dark{background:var(--navy);color:#fff}.button-light{background:#fff;border:1px solid var(--line);color:var(--navy)}.button-outline{background:transparent;border:1px solid #9ab9b9;color:var(--teal-dark)}.privacy-note{font-size:11px;color:var(--muted);margin:19px 0 0}.privacy-note span{color:#32884d;font-weight:900;margin-right:6px}.hero-card{background:var(--navy);color:#fff;border-radius:13px;padding:25px 28px;box-shadow:0 24px 45px rgba(16,42,67,.16);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(180,215,90,.2);border-radius:50%;right:-63px;top:-77px;box-shadow:0 0 0 24px rgba(180,215,90,.035),0 0 0 49px rgba(180,215,90,.025)}.hero-card-top,.hero-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-label{font-size:9px;letter-spacing:.14em;font-weight:850;color:var(--muted)}.hero-card .mini-label{color:#afc4cb}.status-pill{border:1px solid #53716f;color:var(--lime);padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.hero-number{display:flex;align-items:baseline;gap:11px;margin:28px 0 22px}.hero-number strong{font-size:66px;line-height:1;letter-spacing:-.07em;font-weight:700}.hero-number>span{font-size:14px;color:#d9e6e5;line-height:1.15}.hero-number small{font-size:10px;color:#a7bdc4}.hero-card-rule{height:39px;border-top:1px solid #3c586c;border-bottom:1px solid #3c586c;display:flex;align-items:center;justify-content:space-between;color:#a8bdc6;font-size:10px}.hero-card-rule i{display:block;width:42%;height:7px;background:linear-gradient(90deg,var(--teal) 75%,#5a6b72 75%);border-radius:6px}.hero-card-footer{margin-top:18px;font-size:10px;color:#c5d5d8}.hero-card-footer a{color:var(--lime);text-decoration:none}.trust-strip{display:flex;justify-content:space-between;gap:20px;margin-top:57px;border-top:1px solid #d3dedb;padding:15px 0 2px}.trust-strip span{font-size:10px;color:#516976}.trust-strip b{color:var(--teal-dark);margin-right:6px}.section{padding:84px 0}.intro-section{background:#fff;padding-block:64px}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.intro-grid h2,.section-heading h2,.about-grid h2,.home-grid h2{font-size:clamp(33px,4vw,48px);line-height:1.03;letter-spacing:-.05em;color:var(--navy);margin:4px 0 0}.lead{font-size:20px;line-height:1.4;font-weight:650;color:var(--navy);margin:0 0 12px}.intro-grid p:not(.eyebrow):not(.lead),.about-grid p:not(.eyebrow),.home-grid p:not(.eyebrow):not(.lead){color:var(--muted);font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.section-intro{max-width:435px;color:var(--muted);font-size:14px;margin:0 0 3px}.tools-section{background:var(--paper)}.notice{padding:16px 18px;border-radius:8px;font-size:12px;margin:0 0 20px;line-height:1.55}.notice strong{color:var(--navy)}.notice-warm{background:var(--warm);border:1px solid var(--warm-line);color:#655632}.notice-cool{background:var(--cool);border:1px solid #cfdee2;color:#4d6570;margin-top:18px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 28px}.example-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 18px;box-shadow:0 3px 9px rgba(16,42,67,.025)}.example-top{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:13px}.example-top>span{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--navy);color:#fff;font-size:10px;font-weight:900}.example-card p{font-size:11px;color:var(--muted);margin:9px 0}.example-card ul{list-style:none;padding:0;margin:0}.example-card li{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1ef;padding:5px 0;font-size:11px}.example-card li span{color:#647784}.example-card li strong{color:var(--navy)}.example-card>small{display:block;color:#95763b;font-size:9px;margin-top:8px}.tool-switcher{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:25px 0 0}.tool-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:12px 16px;font-size:12px;font-weight:800}.tool-tab.active{border-color:var(--teal);color:var(--navy)}.tool-panel{padding-top:21px}.tool-panel[hidden],[hidden]{display:none!important}.recipe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.recipe-tabs{display:flex;gap:7px}.recipe-tab{position:relative;min-width:69px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 13px;color:var(--navy);font-size:11px;font-weight:850}.recipe-tab small{display:block;color:var(--muted);font-size:8px;font-weight:600}.recipe-tab.active{border-color:var(--teal);box-shadow:inset 0 3px var(--teal);background:#f8fcfb}.toolbar-actions,.button-pair{display:flex;gap:7px;flex-wrap:wrap}.outline-button{border:1px solid #b6c8ca;border-radius:5px;padding:8px 11px;background:#fff;color:var(--teal-dark);font-size:10px;font-weight:800}.calculator-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.calculator-controls{padding:24px;min-width:0}.control-head,.scope-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.control-head h3,.scope-head h3{font-size:22px;line-height:1.15;color:var(--navy);margin:5px 0 16px;letter-spacing:-.03em}.text-button{border:0;background:none;padding:5px 7px;color:var(--teal-dark);font-weight:800;font-size:10px}.danger-text{color:#a74c43;text-decoration:underline}.field-row{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px;margin-bottom:12px}.field-row label,.form-grid label{font-size:11px;color:var(--muted);font-weight:750}.field-row input,.form-grid input,.form-grid select{width:100%;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px 9px;font-size:12px}.table-wrap{overflow-x:auto}.materials-table,.scope-table{border-collapse:collapse;width:100%;min-width:700px;font-size:11px}.materials-table th,.scope-table th{text-align:left;color:var(--muted);font-size:9px;line-height:1.25;font-weight:800;padding:9px 7px;border-bottom:1px solid #cfdcde}.materials-table td,.scope-table td{padding:7px;border-bottom:1px solid #eaf0ef;vertical-align:middle}.materials-table tbody tr:hover,.scope-table tbody tr:hover{background:#f8fbfa}.materials-table input,.materials-table select,.scope-table input,.scope-table select{width:100%;min-width:64px;border:1px solid #d6e0e0;border-radius:4px;padding:6px 7px;font-size:10px;color:var(--ink);background:#fff}.materials-table td:nth-child(2){width:85px}.materials-table td:nth-child(3){width:98px}.materials-table td:nth-child(4){min-width:135px}.materials-table td:nth-child(5){white-space:nowrap;text-align:right;font-weight:800;color:var(--navy)}.materials-table td:first-child{min-width:180px}.materials-table .custom-material-name{margin-top:5px}.row-remove{border:0;background:#f7e9e7;color:#9a4039;border-radius:4px;width:25px;height:25px;font-size:17px;line-height:1}.material-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 3px}.material-actions>span{font-size:9px;color:var(--muted);text-align:right}.add-row{border:0;background:#e6f3ef;color:var(--teal-dark);font-size:10px;font-weight:850;border-radius:5px;padding:9px 11px}.factor-hint,.small-note{font-size:10px;color:var(--muted);line-height:1.5}.scope-note{border-left:3px solid var(--lime);background:#f5f8ef;padding:12px 13px;color:#536258;font-size:10px;line-height:1.55;margin-top:14px}.scope-note strong{color:var(--navy)}.calculator-result{padding:24px;background:#edf5f2;border-left:1px solid var(--line)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-status{font-size:9px;color:var(--teal-dark);font-weight:750}.result-main{margin:25px 0 17px}.result-main span{display:block;color:var(--navy);font-size:50px;line-height:1;letter-spacing:-.07em;font-weight:700}.result-main small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.result-secondary{border-top:1px solid #d2dfd9;border-bottom:1px solid #d2dfd9;padding:10px 0}.result-secondary div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.result-secondary span{color:var(--muted)}.result-secondary strong{color:var(--navy)}.compare-box{padding:14px 0;border-bottom:1px solid #d2dfd9}.compare-box>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.compare-box strong{color:var(--navy)}.compare-track{height:7px;border-radius:8px;background:#d3dfdc;margin:9px 0 6px;overflow:hidden}.compare-track span{display:block;height:100%;width:100%;background:var(--teal);border-radius:8px;transition:width .2s}.compare-box>small{font-size:9px;color:var(--muted)}.breakdown{padding:15px 0}.breakdown h4{margin:0 0 9px;color:var(--navy);font-size:11px}.breakdown-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:6px 0}.breakdown-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-row b{white-space:nowrap;color:var(--navy)}.result-actions{display:grid;gap:7px}.result-actions .button{width:100%;font-size:10px;padding:10px}.file-button{cursor:pointer}.save-status{margin:11px 1px 0;font-size:10px;color:var(--muted)}.comparison-strip{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:20px;margin-top:23px}.comparison-strip h3{font-size:20px;line-height:1.1;color:var(--navy);margin:5px 0}.comparison-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.comparison-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px}.comparison-card.selected{border-color:var(--teal);box-shadow:inset 0 3px var(--teal)}.comparison-card span{display:block;color:var(--teal-dark);font-weight:900;font-size:10px}.comparison-card strong{display:block;font-size:22px;letter-spacing:-.05em;color:var(--navy)}.comparison-card small{display:block;font-size:9px;color:var(--muted)}
.scope-section{background:#fff}.scope-definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:0 0 18px}.scope-definition-grid article{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}.scope-definition-grid b{font-size:12px;color:var(--teal-dark)}.scope-definition-grid p{font-size:11px;color:var(--muted);margin:5px 0 0}.scope-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.scope-input{padding:22px;min-width:0}.scope-head h3{margin-bottom:9px}.scope-helper{font-size:10px;color:var(--muted);margin:4px 0 13px}.scope-table{min-width:870px}.scope-table td:nth-child(2){width:75px}.scope-table td:nth-child(3){width:94px}.scope-table td:nth-child(4){width:70px}.scope-table td:nth-child(5){width:105px}.scope-table td:nth-child(6){min-width:140px}.scope-table td:nth-child(7){text-align:right;white-space:nowrap;font-weight:800;color:var(--navy)}.scope-result{padding:25px;background:var(--navy);color:#fff}.scope-result .mini-label{color:#b9cbd2}.scope-result>strong{display:block;font-size:57px;line-height:1;letter-spacing:-.07em;margin:19px 0 0}.scope-result>small{font-size:10px;color:#b6c7cd}.scope-bars{margin:23px 0;border-top:1px solid #3b586a;border-bottom:1px solid #3b586a;padding:11px 0}.scope-bars div{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:9px;margin:9px 0;font-size:9px;color:#b5c8ce}.scope-bars i{height:7px;display:block;background:var(--lime);border-radius:7px}.scope-total-lines{margin:0 0 15px}.scope-total-lines div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #3b586a;font-size:11px}.scope-total-lines span{color:#b5c8ce}.scope-total-lines b{color:#fff}.scope-result .button{font-size:10px;padding:10px}
.precast-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:14px}.precast-form,.precast-result{padding:23px;background:#fff;border:1px solid var(--line);border-radius:9px}.precast-form h3{font-size:25px;line-height:1.1;color:var(--navy);margin:6px 0 10px;letter-spacing:-.04em}.precast-form>p:not(.eyebrow){font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:19px 0}.form-grid label{display:block}.form-grid input,.form-grid select{display:block;margin-top:5px}.precast-result{background:#edf5f2;display:flex;flex-direction:column;align-items:flex-start}.precast-result>strong{font-size:55px;line-height:1.05;letter-spacing:-.07em;color:var(--navy);margin:18px 0 2px}.precast-result>span:not(.mini-label){font-size:10px;color:var(--teal-dark);font-weight:800}.part-warning{font-size:10px;color:#9a4039;min-height:0;margin:6px 0}.part-lines{width:100%;margin:12px 0 19px;border-top:1px solid #cbdcd4}.part-lines>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #cbdcd4;font-size:10px}.part-lines span{color:var(--muted)}.part-lines b{color:var(--navy);text-align:right}.precast-result .button{margin-top:auto;width:100%;font-size:10px;padding:10px}
.knowledge-section{background:#f4f7f5}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.knowledge-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px 23px}.knowledge-card h3{font-size:21px;line-height:1.16;letter-spacing:-.025em;color:var(--navy);margin:8px 0 11px}.knowledge-card p{font-size:12px;color:#5e727e;margin:9px 0;line-height:1.62}.knowledge-number{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--teal-dark)}.feature-article{grid-column:1/-1;background:var(--navy);color:#e5edef}.feature-article h3,.feature-article .knowledge-number{color:#fff}.feature-article p{color:#c3d3d8}.feature-article .source-link{color:var(--lime)}.content-list{padding-left:19px;margin:10px 0;color:#5e727e;font-size:11px}.content-list li{padding:4px 0}.content-list b{color:var(--navy)}.formula-box{padding:13px 14px;margin:14px 0;background:#edf5f2;color:var(--navy);font-weight:800;font-size:14px;text-align:center;border-radius:6px}.source-link{font-size:10px;font-weight:800;text-decoration:none;display:inline-block;margin-top:6px}.source-link:hover{text-decoration:underline}.source-links{display:grid;justify-items:start;gap:3px}.impact-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.impact-compare div{padding:10px 8px;background:#f1f7f3;border-radius:6px}.impact-compare strong{display:block;font-size:19px;letter-spacing:-.04em;color:var(--teal-dark)}.impact-compare span{display:block;font-size:9px;line-height:1.3;color:var(--muted)}.source-archive{margin-top:20px;padding:16px 18px;background:#e8f0ed;border-radius:7px;display:flex;align-items:center;gap:12px}.source-archive strong{white-space:nowrap;font-size:10px;color:var(--navy)}.source-archive span{font-size:10px;color:var(--muted)}.source-archive a{font-size:10px;font-weight:800;white-space:nowrap;margin-left:auto}.home-section{background:#fff}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9%}.home-grid .lead{margin:20px 0 12px}.home-grid .button{margin-top:10px}.home-roadmap{padding:24px;background:#f1f6f3;border:1px solid var(--line);border-radius:10px}.home-roadmap>div{display:grid;grid-template-columns:35px .8fr 1.2fr;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #dbe5e0}.home-roadmap>div>span{display:grid;place-items:center;width:27px;height:27px;background:var(--navy);color:#fff;border-radius:50%;font-size:9px;font-weight:900}.home-roadmap b{font-size:12px;color:var(--navy)}.home-roadmap small{font-size:10px;color:var(--muted)}.roadmap-note{margin:14px 0 0!important;font-size:9px!important;color:var(--teal-dark)!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.about-section{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center}.about-panel{padding:25px 27px;background:var(--navy);border-radius:10px;color:#fff}.about-panel .mini-label{color:var(--lime)}.about-panel h3{font-size:21px;line-height:1.15;margin:9px 0;color:#fff}.about-panel ul{list-style:none;margin:14px 0;padding:0}.about-panel li{font-size:11px;padding:7px 0;border-bottom:1px solid #39566a;color:#d4e0e3}.about-panel li:before{content:"✓";color:var(--lime);padding-right:8px}.about-panel p{font-size:10px!important;color:#afc4cb!important;margin-bottom:0}.source-section{background:#fff}.source-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:50px 1fr 20px;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:14px 6px;border-bottom:1px solid var(--line);text-decoration:none}.source-list a:nth-child(odd){margin-right:18px}.source-list a:nth-child(even){margin-left:18px}.source-list a>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:32px;background:#e9f3ef;border-radius:5px;color:var(--teal-dark);font-size:9px;font-weight:900}.source-list b{font-size:11px;color:var(--navy)}.source-list small{font-size:9px;color:var(--muted)}.source-list i{grid-column:3;grid-row:1/3;font-style:normal;color:var(--teal);font-size:14px}.source-list a:hover b{text-decoration:underline}.footer-top{display:flex;align-items:center;gap:25px;padding:26px 0}.site-footer{background:#0b2236;color:#b6c7cd}.footer-brand img{filter:brightness(0) invert(1);opacity:.93;width:140px;height:37px}.footer-brand{min-width:150px}.footer-top p{font-size:10px;line-height:1.5;color:#c1d0d3}.footer-top nav{display:flex;gap:20px;margin-left:auto}.footer-top nav a{color:#e0e9ea}.footer-bottom{padding:13px 0 20px;border-top:1px solid #314b5e;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#92aab4}.footer-bottom a{color:#d4e1e4}
@media(max-width:900px){.nav-wrap{gap:15px}.main-nav{gap:13px}.brand{min-width:165px}.brand img{width:155px}.main-nav a{font-size:10px}.hero-grid{gap:5%}.hero-card{padding:22px}.calculator-shell,.scope-shell{grid-template-columns:1fr}.calculator-result{border-left:0;border-top:1px solid var(--line)}.scope-result{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:center}.scope-result>.mini-label,.scope-result>strong,.scope-result>small{grid-column:1}.scope-result>.scope-bars,.scope-result>.scope-total-lines,.scope-result>.button{grid-column:2}.scope-result>.scope-bars{grid-row:1/3;margin:0}.scope-result>.scope-total-lines{grid-row:3}.scope-result>.button{grid-row:4}.section{padding:70px 0}}
@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.nav-wrap{height:68px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800}.main-nav{display:none;position:absolute;left:15px;right:15px;top:64px;margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.main-nav.open{display:grid;gap:0}.main-nav a{padding:11px}.nav-cta{display:none}.brand-caption{font-size:7px}.hero{padding:54px 0 17px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(43px,13vw,63px)}.hero-text{font-size:15px}.hero-card{max-width:500px}.hero-number strong{font-size:57px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:31px}.intro-grid,.home-grid,.about-grid{grid-template-columns:1fr;gap:27px}.section{padding:58px 0}.intro-section{padding-block:48px}.section-heading{display:block}.section-intro{margin-top:13px;font-size:13px}.example-grid{grid-template-columns:1fr}.example-card{padding:15px}.recipe-toolbar{display:grid}.toolbar-actions{justify-content:space-between}.calculator-controls,.calculator-result,.scope-input,.scope-result{padding:18px}.control-head{display:grid}.field-row{grid-template-columns:1fr;gap:4px}.material-actions{display:block}.material-actions>span{display:block;text-align:left;margin-top:8px}.comparison-strip{grid-template-columns:1fr;gap:10px}.comparison-cards{grid-template-columns:1fr}.scope-definition-grid{grid-template-columns:1fr}.scope-result{display:block}.scope-result>.scope-bars{margin:19px 0}.scope-result>.scope-total-lines{margin-bottom:15px}.article-grid{grid-template-columns:1fr}.feature-article{grid-column:auto}.knowledge-card{padding:19px}.impact-compare{grid-template-columns:1fr 1fr 1fr}.source-archive{display:grid}.source-archive strong{white-space:normal}.source-archive a{margin:0}.home-roadmap>div{grid-template-columns:32px 1fr}.home-roadmap small{grid-column:2}.source-list{grid-template-columns:1fr}.source-list a:nth-child(n){margin:0}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:12px}.footer-top p{margin:3px 0}.footer-top nav{width:100%;margin:8px 0 0;flex-wrap:wrap}.footer-bottom{display:grid;gap:7px}.precast-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.recipe-tabs{gap:4px}.recipe-tab{min-width:56px;padding:7px}.toolbar-actions .outline-button{flex:1}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.impact-compare{grid-template-columns:1fr}.trust-strip span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* v0.26: professional information architecture */
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.entry-card{display:grid;grid-template-columns:30px 1fr 18px;align-items:start;gap:12px;min-height:150px;padding:19px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;box-shadow:0 7px 20px rgba(16,42,67,.04);transition:transform .18s,box-shadow .18s,border-color .18s}.entry-card:hover{transform:translateY(-2px);border-color:#9fc4c1;box-shadow:0 12px 25px rgba(16,42,67,.09)}.entry-card-home{background:#f2f8f5}.entry-card-material{background:#f7f8f2}.entry-card-company{background:#f3f6f9}.entry-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:9px;font-weight:900}.entry-card .mini-label{display:block;color:var(--teal-dark);font-size:8px}.entry-card h3{margin:8px 0 6px;color:var(--navy);font-size:17px;line-height:1.16;letter-spacing:-.025em}.entry-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.entry-card>strong{align-self:center;color:var(--teal);font-size:18px}.home-category-guide{border-top:1px solid #e2ebe7;border-bottom:1px solid #e2ebe7;padding:10px 0}.home-category-guide article{min-height:62px}.home-tool-switcher{padding:4px;border:1px solid var(--line);border-radius:8px;background:#f6f9f7}.home-tool-tab{border:0}.home-tool-tab.active{box-shadow:0 2px 8px rgba(16,42,67,.1),inset 0 3px var(--teal)}.tools-section,.scope-section{border-top:1px solid #e3ebe8}.tools-section .section-heading,.scope-section .section-heading{margin-bottom:31px}.tools-section .tool-switcher{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}.knowledge-section .section-heading{margin-bottom:34px}
@media(max-width:900px){.entry-grid{grid-template-columns:1fr 1fr}.main-nav{gap:15px}}
@media(max-width:680px){.entry-grid{grid-template-columns:1fr;margin-top:25px}.entry-card{min-height:0}.home-tool-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px}.home-tool-tab{min-height:44px;padding:9px 8px;font-size:10px}.home-category-guide{border-top:0}.home-category-guide article{min-height:0}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}}

.legal-page{min-height:100vh;background:var(--paper)}
.legal-content{max-width:860px;padding-top:55px;padding-bottom:75px}
.legal-content h1{color:var(--navy);font-size:clamp(38px,6vw,58px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 25px}
.legal-content h2{color:var(--navy);font-size:21px;margin:29px 0 8px}
.legal-content p{max-width:760px;color:#526a79;font-size:14px;line-height:1.7}
.legal-content .notice{margin:0 0 26px}
.legal-page .site-header{position:relative}
.legal-page .site-footer{margin-top:auto}

.backup-hint{margin:0 2px 3px}
.comparison-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* v0.9: comparison charts and focused home calculators */
.home-tool-switcher{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.home-tool-tab{border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 14px;color:var(--muted);font-size:11px;font-weight:800}
.home-tool-tab.active{border-color:var(--teal);background:#eef7f3;color:var(--navy);box-shadow:inset 0 3px var(--teal)}
.home-tool-panel[hidden]{display:none!important}
.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}
.chart-heading h3{font-size:19px;line-height:1.15;color:var(--navy);margin:5px 0 0;letter-spacing:-.025em}
.chart-heading label,.chart-metric-label{display:block;min-width:175px;color:var(--muted);font-size:10px;font-weight:800}
.chart-heading select,.chart-heading input,.chart-metric-label select{display:block;max-width:280px;margin-top:5px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px 9px;font-size:11px}
.chart-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.comparison-chart-card,.precast-comparison-card{margin-top:18px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 9px rgba(16,42,67,.025)}
.comparison-chart-card>.small-note,.precast-comparison-card>.small-note{margin:9px 0 15px}
.bar-chart{display:grid;gap:10px;padding:5px 0 2px}
.bar-row{display:grid;grid-template-columns:minmax(115px,1.1fr) minmax(90px,2fr) minmax(112px,.75fr);align-items:center;gap:11px;min-width:0}
.bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:10px;font-weight:800}
.bar-track{height:13px;background:#edf2f0;border-radius:20px;overflow:hidden}
.bar-track i{display:block;height:100%;min-width:0;border-radius:20px;background:linear-gradient(90deg,var(--teal),#65a99a);transition:width .2s ease}
.bar-row b{color:var(--navy);font-size:10px;text-align:right;white-space:nowrap}
.bar-row b small{color:var(--muted);font-size:9px;font-weight:600}
.precast-comparison-card .chart-heading{align-items:end}
.precast-comparison-card .chart-metric-label{margin:10px 0 13px}
.precast-comparison-card[hidden]{display:none!important}
.precast-plain-note p{margin:5px 0}
.thermostat-guide{margin:14px 0;padding:13px 14px;background:#f3f7f5;border-left:3px solid var(--teal);border-radius:4px;color:var(--muted);font-size:10px;line-height:1.55}
.thermostat-guide b{display:block;color:var(--navy);margin-bottom:5px}
.thermostat-guide p{margin:5px 0}
@media(max-width:680px){.chart-heading{display:block}.chart-controls{margin-top:12px;display:grid;grid-template-columns:1fr}.chart-heading label,.chart-metric-label{min-width:0}.chart-heading select,.chart-heading input,.chart-metric-label select{width:100%;max-width:none}.comparison-chart-card,.precast-comparison-card{padding:16px}.bar-row{grid-template-columns:minmax(78px,.8fr) minmax(45px,1fr) minmax(85px,.8fr);gap:7px}.bar-name,.bar-row b{font-size:9px}.bar-row b small{font-size:8px}}
.precast-form .small-note a{font-weight:700}
@media(max-width:680px){.comparison-cards{grid-template-columns:1fr}}
.tool-switcher{flex-wrap:wrap}
.recipe-toolbar{align-items:flex-start}
.recipe-tabs{flex-wrap:wrap}
.recipe-tab{cursor:pointer;text-align:left;font-family:inherit}
.recipe-tab:focus-visible,.comparison-card:focus-visible,.tool-tab:focus-visible{outline:3px solid #a8c957;outline-offset:2px}
.comparison-card{width:100%;font-family:inherit;text-align:left;cursor:pointer}
.tool-panel.section{padding-top:28px;padding-bottom:28px}
.methodology-details{margin-top:18px}
.methodology-details details,.knowledge-details{border:1px solid var(--line);border-radius:8px;background:#fff}
.methodology-details summary,.knowledge-details summary{padding:13px 16px;color:var(--navy);font-size:12px;font-weight:850;cursor:pointer}
.methodology-details details>div{padding:0 16px 12px;color:var(--muted);font-size:11px;line-height:1.6}
.methodology-details p{margin:9px 0}
.knowledge-details{padding:0 16px 16px}
.knowledge-details .article-grid{padding-top:12px}

/* v0.8: consumer-first information architecture; extended in v0.9 */
.hero-pathways{padding:22px 25px}
.hero-pathways .hero-card-top{margin-bottom:8px}
.pathway{display:grid;grid-template-columns:30px 1fr 20px;grid-template-rows:auto auto;align-items:center;column-gap:11px;padding:13px 0;border-bottom:1px solid #385369;color:#fff;text-decoration:none}
.pathway>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid #66808a;border-radius:50%;color:var(--lime);font-size:9px;font-weight:850}
.pathway>b{font-size:13px;line-height:1.25}
.pathway>small{grid-column:2;color:#b7c9ce;font-size:9px;line-height:1.4;margin-top:3px}
.pathway>i{grid-column:3;grid-row:1/3;color:var(--lime);font-style:normal}
.pathway-home>b{color:var(--lime)}
.pathway:hover>b{text-decoration:underline}
.hero-pathways .hero-card-footer{font-size:9px}
.home-section{background:#fff}
.home-calc-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.home-calc-form{padding:23px}
.home-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0 12px}
.home-calc-fields label{display:block;color:var(--muted);font-size:11px;font-weight:750}
.home-calc-fields input,.home-calc-fields select{display:block;width:100%;margin-top:5px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:9px;font-size:12px}
.home-calc-result{display:flex;flex-direction:column;justify-content:center;gap:17px;padding:24px;background:#edf5f2;border-left:1px solid var(--line)}
.home-calc-result>div{border-bottom:1px solid #d2dfd9;padding-bottom:12px}
.home-calc-result strong{display:block;color:var(--navy);font-size:35px;line-height:1.1;letter-spacing:-.055em}
.home-calc-result small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.home-calc-result p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.home-next-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.home-next-tools article{padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:#f7faf8}
.home-next-tools article>span{color:var(--teal-dark);font-size:8px;font-weight:900;letter-spacing:.12em}
.home-next-tools h3{margin:7px 0 5px;color:var(--navy);font-size:15px}
.home-next-tools p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.home-dgnb-note{max-width:900px;margin:17px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.home-dgnb-note a{font-weight:800}
.scope-custom-name,.scope-custom-scope select{display:block;width:100%;margin-top:5px;border:1px solid #d6e0e0;border-radius:4px;padding:6px 7px;font-size:10px;color:var(--ink);background:#fff}
.scope-custom-scope{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.scope-classification{display:none!important}.scope-factor-unit{display:block;margin-top:4px;color:var(--teal-dark);font-size:9px;font-weight:750}
.scope-static-unit{display:inline-block;min-width:48px;padding:5px 2px;color:var(--navy);font-size:10px;font-weight:750}
.scope-static-source{display:block;max-width:200px;color:var(--muted);font-size:9px;line-height:1.4}
.field-hint{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}
.home-calc-fields .curve-unit{margin-top:5px}
.home-calc-fields .curve-unit input{width:auto;margin:0!important;min-width:0;flex:1}
.home-calc-fields input[aria-invalid="true"]{border-color:#b54b42;background:#fff9f8}
.curve-method-note{padding:11px 12px;background:#f3f7f5;border-left:3px solid var(--teal);border-radius:4px}
.curve-method-note b{color:var(--navy)}
.curve-form-title{margin:5px 0 9px;color:var(--navy);font-size:20px;line-height:1.2;letter-spacing:-.025em}
.curve-output-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:14px;margin-top:16px}
.curve-chart-card,.curve-table-card{min-width:0;padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 9px rgba(16,42,67,.025)}
.curve-chart-card .chart-heading{margin:0 0 8px}
.curve-chart-card .chart-heading h3,.curve-table-card h3{font-size:17px;line-height:1.2;color:var(--navy);margin:5px 0 0;letter-spacing:-.025em}
.curve-chart svg{display:block;width:100%;height:auto;overflow:visible}
.curve-axis-label{fill:#667b89;font:11px system-ui,sans-serif}
.curve-axis-title{fill:#102a43;font:11px system-ui,sans-serif;font-weight:700}
.curve-table-wrap{max-height:320px;overflow:auto}
.curve-table{width:100%;border-collapse:collapse;font-size:11px}
.curve-table th,.curve-table td{padding:8px 6px;border-bottom:1px solid #e6eeea;text-align:left}
.curve-table th{color:var(--muted);font-size:9px}
.curve-table td:last-child{text-align:right;font-weight:800;color:var(--navy);white-space:nowrap}
.curve-design-row{background:#eef7f3}
.curve-disclaimer{margin:12px 1px 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:900px){.curve-output-grid{grid-template-columns:1fr}.curve-table-wrap{max-height:none}}
@media(max-width:680px){.curve-chart-card,.curve-table-card{padding:15px}.curve-output-grid{gap:10px}}
@media(max-width:900px){.home-calc-shell{grid-template-columns:1fr}.home-calc-result{border-left:0;border-top:1px solid var(--line)}.home-calc-result{display:grid;grid-template-columns:1fr 1fr;align-items:center}.home-calc-result>.mini-label,.home-calc-result>p{grid-column:1/-1}}
@media(max-width:680px){.home-calc-fields,.home-next-tools{grid-template-columns:1fr}.home-calc-form,.home-calc-result{padding:18px}.home-calc-result{display:flex}.hero-pathways{padding:18px}.pathway{padding:11px 0}}

.main-nav a[aria-current="page"]{color:var(--teal-dark);font-weight:900}
.scope-table{min-width:870px}
.scope-table td:nth-child(1){min-width:205px}
.scope-table td:nth-child(2){width:92px}
.scope-table td:nth-child(3){width:70px}
.scope-table td:nth-child(4){width:130px}
.scope-table td:nth-child(5){min-width:160px}
.scope-table td:nth-child(6){text-align:right;white-space:nowrap;font-weight:800;color:var(--navy)}
.scope-table td:nth-child(7){width:36px}
.precast-plain-note{margin:0 0 18px;color:var(--muted);font-size:10px;line-height:1.55}
.precast-result .part-warning:empty{display:none}

/* Stand-by draw stays separate from appliances used under load. */
.standby-list,.device-list{display:grid;gap:10px;margin:13px 0}
.home-device-row{padding:13px;background:#f7faf8;border:1px solid var(--line);border-radius:7px}
.home-device-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 28px;align-items:end;gap:10px}
.standby-device-row .home-device-heading{grid-template-columns:minmax(180px,1fr) 28px}
.active-device-row[data-custom="false"] .home-device-heading{grid-template-columns:minmax(180px,1fr) 28px}
.home-device-fields{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));align-items:end;gap:9px;margin-top:10px}
.home-device-row label,.device-profile-controls label,.device-cooking-compare label{display:block;color:var(--muted);font-size:10px;font-weight:750}
.home-device-row input,.home-device-row select,.device-profile-controls input,.device-cooking-compare input{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:7px;font-size:11px}
.home-device-heading .row-remove{justify-self:end;margin-bottom:1px}
.home-device-fields>strong{font-size:10px;color:var(--teal-dark);text-align:right;white-space:nowrap}
.device-profile-controls{display:flex;gap:12px;max-width:500px;margin:12px 0}
.device-profile-controls label{flex:1}
.device-cooking-compare{display:grid;grid-template-columns:1.35fr repeat(3,minmax(110px,.7fr));align-items:end;gap:12px;margin-top:20px;padding:15px;background:#f1f6f3;border:1px solid var(--line);border-radius:8px}
.device-cooking-compare h3{margin:5px 0;color:var(--navy);font-size:17px;line-height:1.2}
.device-cooking-compare .small-note{margin:5px 0 0}
.cooking-compare-result{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.cooking-compare-result b{color:var(--navy);font-size:13px}
.device-ranking{width:100%}
.device-ranking>b{font-size:10px;color:var(--navy)}
.device-ranking ol{padding-left:18px;margin:8px 0 0}
.device-ranking li{padding:4px 0;border-bottom:1px solid #d2dfd9;color:var(--muted);font-size:10px}
.device-ranking li span{display:inline-block;max-width:65%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}
.device-ranking li b{float:right;color:var(--navy);white-space:nowrap}
.part-compare-list{display:grid;gap:8px;margin:14px 0}
.part-compare-row{display:grid;grid-template-columns:minmax(180px,1fr) 28px;align-items:end;gap:10px;padding:11px;background:#f7faf8;border:1px solid var(--line);border-radius:6px}
.part-compare-row label{color:var(--muted);font-size:10px;font-weight:750}
.part-compare-row select{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px;font-size:11px}
.part-compare-row .row-remove{justify-self:end}
.precast-comparison-card .chart-heading>button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:780px){.home-device-fields{grid-template-columns:repeat(2,minmax(100px,1fr))}.device-cooking-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.device-cooking-compare>div:first-child,.cooking-compare-result{grid-column:1/-1}}
@media(max-width:520px){.home-device-heading,.active-device-row[data-custom="false"] .home-device-heading,.standby-device-row .home-device-heading{grid-template-columns:1fr 28px}.active-device-row[data-custom="true"] .home-device-heading{grid-template-columns:1fr 28px}.home-device-heading label:nth-child(2){grid-column:1/-1;grid-row:2}.home-device-fields{grid-template-columns:1fr 1fr}.device-profile-controls{display:grid;grid-template-columns:1fr}.device-cooking-compare{grid-template-columns:1fr}.device-cooking-compare>div:first-child,.cooking-compare-result{grid-column:auto}.cooking-compare-result{display:grid}}

/* v0.11: weekly-use inputs, clear idle guidance, and live comparison charts */
.active-device-row[data-custom="false"] .home-device-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.active-device-row[data-custom="true"] .home-device-fields{grid-template-columns:repeat(5,minmax(0,1fr))}
.standby-device-row .home-device-fields{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-device-row label{min-width:0;line-height:1.35}
.home-device-fields>strong{align-self:end;padding:8px 0}
.unit-input{display:flex;align-items:center;gap:7px;margin-top:4px}
.home-device-row .unit-input input{margin:0;min-width:0;flex:1}
.unit-input>span{flex:none;color:var(--muted);font-size:10px;font-weight:750}
.recipe-tab-item{display:flex;align-items:stretch;gap:2px}
.recipe-tab-item .recipe-tab{flex:1}
.tab-remove{align-self:flex-start;border:0;border-radius:4px;background:#f7e9e7;color:#9a4039;width:22px;height:22px;font-size:15px;line-height:1;cursor:pointer}
.precast-tabs{display:flex;gap:6px;flex-wrap:wrap}
.print-current-home{margin-left:auto;align-self:center}
.home-print-toolbar{display:flex;justify-content:flex-end;margin:-9px 0 12px}
.print-current-home:hover,[data-print-target]:hover{text-decoration:underline}
.standby-help{margin:15px 0;padding:12px 14px;background:#f5f8ef;border:1px solid #e1e9d7;border-radius:7px;color:#536258;font-size:11px;line-height:1.55}
.standby-help summary{color:var(--teal-dark);font-weight:850;cursor:pointer}
.standby-help div{padding-top:8px}
.standby-help p{margin:7px 0;color:var(--muted)}
.device-chart-wrap{width:100%;padding:4px 0 12px;border-bottom:1px solid #d2dfd9}
.home-calc-result .device-chart-wrap>b,.usage-chart>b{display:block;color:var(--navy);font-size:10px}
.device-chart-wrap .bar-chart{gap:8px;padding-top:10px}
.device-chart-wrap .bar-row{grid-template-columns:minmax(80px,1fr) minmax(55px,1.5fr) minmax(88px,.8fr);gap:7px}
.device-chart-wrap .bar-name,.device-chart-wrap .bar-row b{font-size:9px}
.device-chart-wrap .bar-row b small{font-size:8px}
.usage-chart{display:grid;gap:8px;width:100%;padding:4px 0 13px;border-bottom:1px solid #d2dfd9}
.usage-chart>div{display:grid;grid-template-columns:minmax(77px,.8fr) minmax(65px,1.3fr) minmax(72px,.7fr);align-items:center;gap:7px}
.usage-chart>div>span{color:var(--muted);font-size:9px}
.usage-chart i{display:block;height:9px;background:#d5e1dc;border-radius:10px;overflow:hidden}
.usage-chart em{display:block;height:100%;min-width:0;background:var(--teal);border-radius:10px;transition:width .2s ease}
#usageBarReference{background:var(--navy2)}
.usage-chart strong{font-size:9px!important;text-align:right;white-space:nowrap;letter-spacing:0!important}
@media(max-width:780px){.active-device-row[data-custom="false"] .home-device-fields,.active-device-row[data-custom="true"] .home-device-fields,.standby-device-row .home-device-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.home-device-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.device-chart-wrap .bar-row{grid-template-columns:minmax(72px,.8fr) minmax(40px,1fr) minmax(82px,.8fr);gap:5px}.usage-chart>div{grid-template-columns:minmax(70px,.8fr) minmax(45px,1fr) minmax(70px,.7fr);gap:5px}}

@media print{
  body[data-print-target] .site-header,body[data-print-target] .site-footer,body[data-print-target] .hero,body[data-print-target] .trust-strip{display:none!important}
  body[data-print-target] main>section{display:none!important}
  body[data-print-target="recipe"] main>#beton,body[data-print-target="precast"] main>#beton,body[data-print-target="massParts"] main>#beton,body[data-print-target="scope"] main>#scopes,body[data-print-target^="home"] main>#zuhause{display:block!important;padding:0!important;background:#fff!important}
  body[data-print-target="recipe"] #precastPanel,body[data-print-target="precast"] #recipePanel{display:none!important}
  body[data-print-target="recipe"] #recipePanel,body[data-print-target="precast"] #precastPanel{display:block!important}
  body[data-print-target^="home"] .home-tool-panel{display:none!important}
  body[data-print-target^="home"] #zuhause .container>:not(.section-heading):not(.home-tool-panel){display:none!important}
  body[data-print-target="homeLedPanel"] #homeLedPanel,body[data-print-target="homeUsagePanel"] #homeUsagePanel,body[data-print-target="homeHeatPanel"] #homeHeatPanel,body[data-print-target="homeHotWaterPanel"] #homeHotWaterPanel,body[data-print-target="homeRoomLoadPanel"] #homeRoomLoadPanel,body[data-print-target="homeCurvePanel"] #homeCurvePanel,body[data-print-target="homeFlowPanel"] #homeFlowPanel,body[data-print-target="homeSurfacePanel"] #homeSurfacePanel,body[data-print-target="homeStandbyPanel"] #homeStandbyPanel,body[data-print-target="homeDevicePanel"] #homeDevicePanel{display:block!important}
  body[data-print-target="recipe"] #beton .container>:not(.section-heading):not(.tool-switcher):not(#recipePanel),body[data-print-target="precast"] #beton .container>:not(.section-heading):not(.tool-switcher):not(#precastPanel){display:none!important}
  body[data-print-target="recipe"] #recipePanel>*,body[data-print-target="precast"] #precastPanel>*{break-inside:avoid}
  body[data-print-target="massParts"] #recipePanel,body[data-print-target="massParts"] .precast-grid,body[data-print-target="massParts"] .precast-comparison-card,body[data-print-target="massParts"] .recipe-toolbar{display:none!important}
  body[data-print-target="massParts"] #precastPanel,body[data-print-target="massParts"] .component-mass-tool{display:block!important}
  body[data-print-target="pcf"] #recipePanel,body[data-print-target="pcf"] .precast-grid,body[data-print-target="pcf"] .precast-comparison-card,body[data-print-target="pcf"] .recipe-toolbar,body[data-print-target="pcf"] .component-mass-tool{display:none!important}
  body[data-print-target="pcf"] #precastPanel,body[data-print-target="pcf"] .pcf-tool{display:block!important}
  body[data-print-target="recipe"] .comparison-cards,body[data-print-target="recipe"] .comparison-chart-card,body[data-print-target="recipe"] .methodology-details,body[data-print-target="recipe"] .save-status{display:none!important}
  body[data-print-target] button,body[data-print-target] .add-row,body[data-print-target] .tab-remove,body[data-print-target] .row-remove,body[data-print-target] #clearLocalBtn{display:none!important}
  body[data-print-target] .calculator-shell,body[data-print-target] .scope-shell,body[data-print-target] .precast-grid,body[data-print-target] .home-calc-shell{box-shadow:none!important;break-inside:avoid}
  body[data-print-target] input,body[data-print-target] select{border:0!important;background:transparent!important;padding:2px 0!important;color:#111!important;appearance:none}
  body[data-print-target] a{color:#111!important;text-decoration:none!important}
  body[data-print-target] .container{width:100%!important;max-width:none!important}
}

/* v0.63: Such-Einstiege, Entscheidungshilfe, Variantenvergleich und lokaler Verlauf */
.recent-calculations{margin-top:28px;padding:24px;border:1px solid rgba(16,42,67,.12);border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(16,42,67,.07)}
.recent-calculations[hidden]{display:none!important}
.recent-calculations-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.recent-calculations-head h3{margin:4px 0 0;color:var(--navy);font-size:clamp(1.35rem,2vw,1.8rem)}
.recent-calculations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.recent-calculations-grid article{display:grid;gap:7px;padding:16px;border-radius:17px;background:linear-gradient(145deg,#f4f9f7,#edf5f2);border:1px solid rgba(22,139,145,.14)}
.recent-calculations-grid span{font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.recent-calculations-grid strong{font-size:1.12rem;color:var(--navy);overflow-wrap:anywhere}
.recent-calculations-grid small{color:var(--muted)}
.recent-calculations-grid a{font-weight:900;color:var(--navy);text-decoration:none}

.decision-support{clear:both;margin:28px 0 6px;padding:clamp(20px,3vw,30px);border-radius:24px;background:linear-gradient(145deg,#f8fbfa,#eef7f4);border:1px solid rgba(22,139,145,.18);box-shadow:0 14px 36px rgba(16,42,67,.07)}
.decision-support-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.decision-support-head h3{margin:5px 0 0;color:var(--navy);font-size:clamp(1.35rem,2vw,1.75rem)}
.decision-badge{padding:7px 10px;border-radius:999px;background:#fff2c4;color:#765400;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.decision-grid article{padding:16px;border:1px solid rgba(16,42,67,.10);border-radius:16px;background:#fff}
.decision-grid b{color:var(--navy)}
.decision-grid p{margin:8px 0 0;line-height:1.55;color:#41566a}
.scenario-compare{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:16px;padding:16px;border-radius:16px;background:#102a43;color:#fff}
.scenario-compare b{font-size:1.02rem}
.scenario-compare p{margin:5px 0 0;color:#d8e6ee;line-height:1.5}
.scenario-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.scenario-compare .outline-button{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.07)}
.scenario-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.scenario-result[hidden]{display:none!important}
.scenario-result div{display:grid;gap:3px;padding:10px;border-radius:12px;background:rgba(255,255,255,.08)}
.scenario-result span{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#cfe3e8}
.scenario-result strong{overflow-wrap:anywhere}
.scenario-result p{grid-column:1/-1;margin:2px 0 0}
.decision-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.decision-actions .outline-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.decision-status{min-height:1.35em;margin:10px 0 0;color:#365d63;font-weight:750}

.calculator-route-intro{padding:44px 0 24px;background:linear-gradient(135deg,#102a43,#16445c);color:#fff}
.calculator-route-intro .container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:26px}
.calculator-route-intro a{color:#fff}
.calculator-route-intro .route-breadcrumb{font-size:.82rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#acdedd;text-decoration:none}
.calculator-route-intro h1{max-width:860px;margin:12px 0 10px;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02}
.calculator-route-intro p{max-width:820px;margin:0;color:#dcebee;font-size:1.05rem;line-height:1.65}
.calculator-route-intro .route-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.calculator-route-intro .route-links a{font-weight:900;text-decoration:none;white-space:nowrap}
body.calculator-page .hero,body.calculator-page .intro-section,body.calculator-page .method-section,body.calculator-page .knowledge-section,body.calculator-page .about-section,body.calculator-page .source-section{display:none!important}
body.calculator-page[data-route-area="home"] #beton,body.calculator-page[data-route-area="home"] #massPartsPanel,body.calculator-page[data-route-area="home"] #pcfPanel,body.calculator-page[data-route-area="home"] #scopes{display:none!important}
body.calculator-page[data-route-area="climate"] #beton,body.calculator-page[data-route-area="climate"] #massPartsPanel,body.calculator-page[data-route-area="climate"] #pcfPanel,body.calculator-page[data-route-area="climate"] #scopes{display:none!important}
body.calculator-page[data-route-area="beton"] #zuhause,body.calculator-page[data-route-area="beton"] #scopes{display:none!important}
body.calculator-page[data-route-area="scope"] #zuhause,body.calculator-page[data-route-area="scope"] #beton,body.calculator-page[data-route-area="scope"] #massPartsPanel,body.calculator-page[data-route-area="scope"] #pcfPanel{display:none!important}
body.calculator-page[data-calculator-route="pcf"] #beton,body.calculator-page[data-calculator-route="bauteilliste"] #beton{display:none!important}
body.calculator-page #zuhause>.container>.section-heading,body.calculator-page #zuhause .home-category-guide,body.calculator-page #zuhause .tool-focus-overview,body.calculator-page #zuhause .focus-back,body.calculator-page #beton>.container>.section-heading,body.calculator-page #beton .tool-focus-overview,body.calculator-page #beton .focus-back{display:none!important}
body.calculator-page #zuhause,body.calculator-page #beton,body.calculator-page #scopes{padding-top:36px}
body.calculator-page .site-footer{margin-top:30px}

@media(max-width:900px){
  .recent-calculations-grid,.decision-grid{grid-template-columns:1fr}
  .scenario-compare{grid-template-columns:1fr}
  .scenario-actions{justify-content:flex-start}
  .calculator-route-intro .container{grid-template-columns:1fr}
  .calculator-route-intro .route-links{align-items:flex-start}
}
@media(max-width:560px){
  .recent-calculations{padding:18px;border-radius:18px}
  .recent-calculations-head,.decision-support-head{align-items:flex-start;flex-direction:column}
  .decision-support{padding:18px;border-radius:18px}
  .scenario-result{grid-template-columns:1fr}
  .scenario-result p{grid-column:auto}
  .decision-actions>*{width:100%}
  .calculator-route-intro{padding:32px 0 20px}
}

body.pwa-standalone .calculator-route-intro,body.pwa-standalone .recent-calculations{display:none!important}
body.pwa-standalone .decision-support{margin:16px 0;padding:16px;border-radius:16px}
body.pwa-standalone .decision-grid{grid-template-columns:1fr}
body.pwa-standalone .scenario-compare{grid-template-columns:1fr}

/* Wortmarke auf Desktop deutlich lesbarer; auf kleinen Displays proportional reduziert. */
.brand{min-width:360px}.brand img{width:350px;height:78px;object-fit:contain;object-position:left center}
@media(max-width:900px){.brand{min-width:300px}.brand img{width:300px;height:68px}}
@media(max-width:680px){.brand{min-width:0}.brand img{width:270px;height:60px}}

/* v0.52 final cascade */
.app-install-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 2px;padding:17px 0;border-top:1px solid #314b5e}.app-install-card .mini-label{color:var(--lime)}.app-install-card b{display:block;margin-top:4px;color:#fff;font-size:14px}.app-install-card p{margin:5px 0 0;color:#b6c7cd;font-size:10px;line-height:1.45;max-width:620px}.app-install-card .button{flex:none;font-size:10px}.pwa-update-notice{position:fixed;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;max-width:min(430px,calc(100% - 36px));padding:12px 14px;border:1px solid #a9d4cf;border-radius:8px;background:#fff;color:var(--navy);box-shadow:0 10px 28px rgba(16,42,67,.18);font-size:11px;font-weight:750}.pwa-update-notice button{border:0;border-radius:5px;background:var(--teal);color:#fff;padding:8px 10px;font:inherit;font-weight:850;white-space:nowrap;cursor:pointer}
.co2-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.co2-reference-card{position:relative;min-height:156px;overflow:hidden;padding:17px 15px 14px;background:linear-gradient(150deg,#1d435a,#102a43)}.co2-reference-card:before{content:"";position:absolute;right:-29px;top:-31px;width:120px;height:120px;border:1px solid rgba(201,233,74,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(201,233,74,.035)}.co2-reference-card .co2-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:51px;height:51px;margin-bottom:13px;border-radius:16px;background:linear-gradient(145deg,#f5d455,#e3a823);box-shadow:0 7px 15px rgba(0,0,0,.16);font-size:27px;line-height:1}.co2-reference-card b,.co2-reference-card strong,.co2-reference-card small{position:relative;z-index:1}.co2-reference-card b{min-height:0;font-size:11px}.co2-reference-card strong{margin:10px 0 5px;font-size:23px}.co2-reference-card small{font-size:9px}.co2-card-concrete .co2-card-icon{background:linear-gradient(145deg,#d0d9d3,#a9b7b0)}.co2-card-steel .co2-card-icon{background:linear-gradient(145deg,#ced9e4,#8ea3b5)}.co2-card-electricity .co2-card-icon{background:linear-gradient(145deg,#fff1a3,#f0c239)}.co2-card-laptop .co2-card-icon{background:linear-gradient(145deg,#b8dbeb,#77a9c4)}.co2-card-beef .co2-card-icon{background:linear-gradient(145deg,#ebaf91,#bd6b55)}.co2-card-person .co2-card-icon{background:linear-gradient(145deg,#cce7cf,#75ac7e)}.co2-card-flight .co2-card-icon{background:linear-gradient(145deg,#d8e5ef,#8db0cb)}
.knowledge-topic-overview{grid-template-columns:repeat(4,1fr)}.knowledge-topic-overview article{min-height:74px}.knowledge-topic-overview article>span{background:var(--teal)}
.vent-size-inputs{display:grid;grid-template-columns:1fr;margin:0 0 14px;padding:0;gap:8px}.vent-size-inputs>label,.vent-size-inputs .home-calc-fields{max-width:none;margin:0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6}.vent-size-inputs>label{color:var(--navy)}.vent-size-inputs>label em{font-style:normal;font-weight:600;color:var(--muted)}.vent-size-inputs>label .unit-input{max-width:280px;margin-top:6px}.vent-size-inputs .home-calc-fields{gap:10px}.vent-size-inputs .home-calc-fields label{color:var(--muted);font-size:10px;font-weight:800}
.energy-class-box{text-align:center}.energy-class-box>b{margin-inline:auto}.energy-class-box>small{margin-inline:auto}.energy-class-scale{margin:10px auto 5px}.energy-class-box>strong{text-align:center}
@media(max-width:900px){.co2-reference-grid,.knowledge-topic-overview{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.app-install-card{align-items:stretch;flex-direction:column;gap:11px}.app-install-card .button{width:100%}.pwa-update-notice{left:15px;right:15px;bottom:15px;max-width:none;align-items:flex-start}.co2-reference-grid{grid-template-columns:1fr 1fr}.co2-reference-card{min-height:142px;padding:13px}.co2-reference-card .co2-card-icon{width:44px;height:44px;margin-bottom:10px;border-radius:13px;font-size:23px}.co2-reference-card strong{font-size:19px}.knowledge-topic-overview{grid-template-columns:1fr}.vent-size-inputs .home-calc-fields{grid-template-columns:1fr!important}.vent-size-inputs>label .unit-input{max-width:none}}
@media print{.app-install-card,.pwa-update-notice{display:none!important}}




/* v0.62 final cascade: Sprungziele, Fokusansichten und klickbare Werkzeugkarten */
html{overflow-x:clip;scroll-padding-top:4px}
body{overflow-x:clip}
#plattformIntro,#arbeitsweise{scroll-margin-top:18px}
#zuhause,#raumklima,#beton,#scopes,#wissen,#ueber,#quellen{scroll-margin-top:0}
#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:92px}
.site-header{position:sticky;top:0;z-index:50}
.hero-co2-card .co2-reference-card{min-width:0}
.hero-co2-card .co2-reference-card b,.hero-co2-card .co2-reference-card small{max-width:100%;overflow-wrap:anywhere}
.hero-co2-card .co2-reference-card strong{max-width:100%;font-variant-numeric:tabular-nums}
@media(min-width:901px){.hero-co2-card .co2-reference-card strong.value-long{font-size:14px!important;letter-spacing:-.05em}}
.tool-focus-heading p{max-width:720px;margin:-7px 0 16px;color:var(--muted);font-size:10px;line-height:1.5}
#homeToolOverview .tool-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tool-focus-grid button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;align-items:start;min-height:100px;padding:13px;border-color:#d5e1de;box-shadow:0 3px 10px rgba(16,42,67,.035)}
.tool-focus-grid button:hover,.tool-focus-grid button:focus-visible{border-color:#d6aa3b;background:#fffbef;box-shadow:0 8px 18px rgba(16,42,67,.08)}
.tool-focus-grid .tool-badge{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:11px;background:linear-gradient(145deg,#f6d65d,#e7ae27);color:var(--navy);font-size:10px;font-weight:900;letter-spacing:-.02em;box-shadow:0 4px 10px rgba(190,137,19,.16)}
.tool-focus-grid button>b{grid-column:2;margin-top:1px;font-size:12px;line-height:1.25}
.tool-focus-grid button>span:not(.tool-badge){grid-column:2;margin-top:4px}
.focus-back{position:sticky;top:88px;z-index:24;box-shadow:0 4px 13px rgba(16,42,67,.09)}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.section-heading,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-category-guide,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.project-quickbar,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-tool-switcher,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-print-toolbar{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="home"] #raumklima{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>#homeFocusBack{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>.home-tool-panel{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima{margin-top:0;padding-top:0;border-top:0}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .section-heading,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .project-quickbar,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .misc-tool-switcher{display:none!important}
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.section-heading,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.pcf-story,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.tool-switcher,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.project-backup-bar{display:none!important}
.pcf-story{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(16,42,67,.04)}
.pcf-story>.pcf-story-intro,.pcf-story>.pcf-story-steps,.pcf-story>.pcf-story-actions{padding:0;background:transparent}
.pcf-story-intro h3{margin:5px 0;color:var(--navy);font-size:22px}
.pcf-story-intro p{margin:0;color:var(--muted);font-size:11px}
.pcf-story-route{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pcf-story-route span{padding:6px 9px;border-radius:99px;background:#fff6d9;color:#6c5520;font-size:9px;font-weight:850;letter-spacing:0}
.pcf-story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pcf-story-steps>div{position:relative;display:grid;place-content:center;min-height:112px;padding:14px;text-align:center;border:1px solid #dae7e2;border-radius:9px;background:#f4f8f6}
.pcf-story-steps>div:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;display:grid;place-items:center;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#f0b928;color:var(--navy);font-size:11px;font-weight:900}
.pcf-story-steps span,.pcf-story-steps b,.pcf-story-steps small{display:block}
.pcf-story-steps span{margin:0 auto 7px;color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.08em}
.pcf-story-steps b{color:var(--navy);font-size:12px}
.pcf-story-steps small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}
.pcf-story-actions{display:flex;flex-wrap:wrap;gap:8px}
.pcf-story-actions button,.pcf-story-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--navy);border-radius:7px;font-size:10px;font-weight:850;text-decoration:none}
.pcf-story-actions button{background:#fff;color:var(--navy)}
.pcf-story-actions button:hover,.pcf-story-actions button:focus-visible{background:#fff8e5;border-color:#d6aa3b}
.pcf-story-actions a{background:var(--navy);color:#fff}
.workflow-context{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:12px 14px;border:1px solid #e5cf86;border-radius:8px;background:#fff8e5}
.workflow-context[hidden]{display:none!important}
.workflow-context b{color:var(--navy);font-size:11px;white-space:nowrap}
.workflow-context span{color:#6b6047;font-size:10px;line-height:1.45}
@media(max-width:820px){#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr 1fr}.pcf-story-steps{grid-template-columns:1fr 1fr}.pcf-story-steps>div:after{display:none}.focus-back{top:78px}}
@media(max-width:560px){html{scroll-padding-top:4px}#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:78px}#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr}.tool-focus-grid button{min-height:88px}.pcf-story{padding:16px}.pcf-story-steps{grid-template-columns:1fr}.pcf-story-actions{display:grid}.workflow-context{display:grid;gap:3px}.workflow-context b{white-space:normal}}

/* v0.62 final: eindeutige Sprung-, Fokus- und Kartenregeln */
html{overflow-x:clip;scroll-padding-top:4px}
body{overflow-x:clip}
#plattformIntro,#arbeitsweise{scroll-margin-top:18px}
#zuhause,#raumklima,#beton,#scopes,#wissen,#ueber,#quellen{scroll-margin-top:0}
#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:92px}
.site-header{position:sticky;top:0;z-index:50}

.hero-co2-card .co2-reference-card{min-width:0}
.hero-co2-card .co2-reference-card b,.hero-co2-card .co2-reference-card small{max-width:100%;overflow-wrap:anywhere}
.hero-co2-card .co2-reference-card strong{max-width:100%;font-variant-numeric:tabular-nums}
@media(min-width:901px){.hero-co2-card .co2-reference-card strong.value-long{font-size:14px!important;letter-spacing:-.05em}}

.tool-focus-heading p{max-width:720px;margin:-7px 0 16px;color:var(--muted);font-size:10px;line-height:1.5}
#homeToolOverview .tool-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tool-focus-grid button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;align-items:start;min-height:100px;padding:13px;border-color:#d5e1de;box-shadow:0 3px 10px rgba(16,42,67,.035)}
.tool-focus-grid button:hover,.tool-focus-grid button:focus-visible{border-color:#d6aa3b;background:#fffbef;box-shadow:0 8px 18px rgba(16,42,67,.08)}
.tool-focus-grid .tool-badge{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:11px;background:linear-gradient(145deg,#f6d65d,#e7ae27);color:var(--navy);font-size:10px;font-weight:900;letter-spacing:-.02em;box-shadow:0 4px 10px rgba(190,137,19,.16)}
.tool-focus-grid button>b{grid-column:2;margin-top:1px;font-size:12px;line-height:1.25}
.tool-focus-grid button>span:not(.tool-badge){grid-column:2;margin-top:4px}
.focus-back{position:sticky;top:88px;z-index:24;box-shadow:0 4px 13px rgba(16,42,67,.09)}

body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.section-heading,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-category-guide,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.project-quickbar,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-tool-switcher,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-print-toolbar{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="home"] #raumklima{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>#homeFocusBack{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>.home-tool-panel{display:none!important}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima{margin-top:0;padding-top:0;border-top:0}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .section-heading,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .project-quickbar,
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .misc-tool-switcher{display:none!important}
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.section-heading,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.pcf-story,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.tool-switcher,
body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.project-backup-bar{display:none!important}

.pcf-story{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(16,42,67,.04)}
.pcf-story>.pcf-story-intro,.pcf-story>.pcf-story-steps,.pcf-story>.pcf-story-actions{padding:0;background:transparent}
.pcf-story-intro h3{margin:5px 0;color:var(--navy);font-size:22px}
.pcf-story-intro p{margin:0;color:var(--muted);font-size:11px}
.pcf-story-route{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pcf-story-route span{padding:6px 9px;border-radius:99px;background:#fff6d9;color:#6c5520;font-size:9px;font-weight:850;letter-spacing:0}
.pcf-story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pcf-story-steps>div{position:relative;display:grid;place-content:center;min-height:112px;padding:14px;text-align:center;border:1px solid #dae7e2;border-radius:9px;background:#f4f8f6}
.pcf-story-steps>div:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;display:grid;place-items:center;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#f0b928;color:var(--navy);font-size:11px;font-weight:900}
.pcf-story-steps span,.pcf-story-steps b,.pcf-story-steps small{display:block}
.pcf-story-steps span{margin:0 auto 7px;color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.08em}
.pcf-story-steps b{color:var(--navy);font-size:12px}
.pcf-story-steps small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}
.pcf-story-actions{display:flex;flex-wrap:wrap;gap:8px}
.pcf-story-actions button,.pcf-story-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--navy);border-radius:7px;font-size:10px;font-weight:850;text-decoration:none}
.pcf-story-actions button{background:#fff;color:var(--navy)}
.pcf-story-actions button:hover,.pcf-story-actions button:focus-visible{background:#fff8e5;border-color:#d6aa3b}
.pcf-story-actions a{background:var(--navy);color:#fff}
.workflow-context{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:12px 14px;border:1px solid #e5cf86;border-radius:8px;background:#fff8e5}
.workflow-context[hidden]{display:none!important}
.workflow-context b{color:var(--navy);font-size:11px;white-space:nowrap}
.workflow-context span{color:#6b6047;font-size:10px;line-height:1.45}

@media(max-width:820px){#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr 1fr}.pcf-story-steps{grid-template-columns:1fr 1fr}.pcf-story-steps>div:after{display:none}.focus-back{top:78px}}
@media(max-width:560px){html{scroll-padding-top:4px}#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:78px}#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr}.tool-focus-grid button{min-height:88px}.pcf-story{padding:16px}.pcf-story-steps{grid-template-columns:1fr}.pcf-story-actions{display:grid}.workflow-context{display:grid;gap:3px}.workflow-context b{white-space:normal}}

/* v0.62: maßgebende Website-Ergänzungen und einzige App-Definition */
html{scroll-padding-top:82px}
#plattformIntro,#arbeitsweise,#zuhause,#raumklima,#beton,#scopes,#wissen,#ueber,#quellen{scroll-margin-top:78px}
.hero-card:after,.co2-reference-card:before{pointer-events:none}
.hero-co2-card{padding:0;isolation:isolate}
.hero-co2-card .hero-co2-tool{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:14px;margin:0;padding:24px;border-radius:13px;box-shadow:none}
.hero-co2-card .co2-feeling-copy h3{font-size:24px}
.hero-co2-card .co2-feeling-inputs{grid-template-columns:1fr 1fr}
.hero-co2-card .co2-feeling-inputs label:first-child{grid-column:1/-1}
.hero-co2-card .co2-feeling-summary,.hero-co2-card .co2-reference-heading,.hero-co2-card .co2-reference-grid{grid-column:auto}
.hero-co2-card .co2-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero-co2-card .co2-reference-card{min-height:112px;padding:11px}
.hero-co2-card .co2-reference-card[hidden]{display:none!important}
.hero-co2-card .co2-reference-card:nth-child(n+5):not([hidden]){display:block}
.hero-co2-card .co2-reference-card .co2-card-icon{width:37px;height:37px;margin-bottom:7px;border-radius:11px;font-size:20px}
.hero-co2-card .co2-reference-card b{font-size:9px}
.hero-co2-card .co2-reference-card strong{margin:5px 0 2px;font-size:18px}
.hero-co2-card #co2CompareNote,.hero-co2-card .co2-factor-details{display:none}
.hero-co2-card .co2-reference-heading{display:flex;justify-content:space-between;gap:10px;color:#d8e6e7;font-size:10px}
.hero-co2-card .co2-reference-heading small{color:#9cb6bd;font-size:9px;text-align:right}
.popular-tools{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;align-items:center;margin-top:32px;padding:22px 24px;border:1px solid var(--line);border-radius:11px;background:#f7faf8}
.popular-tools h3{margin:4px 0 0;color:var(--navy);font-size:21px;line-height:1.15}
.popular-tools nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.popular-tools a{min-width:0;padding:12px;border:1px solid #d7e4df;border-radius:8px;background:#fff;text-decoration:none}
.popular-tools b,.popular-tools span{display:block}.popular-tools b{color:var(--navy);font-size:11px}.popular-tools span{margin-top:4px;color:var(--teal-dark);font-size:9px}
.method-section{padding-block:58px;background:var(--navy);color:#fff}.method-section .section-heading{margin-bottom:22px}.method-section .eyebrow{color:var(--lime)}.method-section h2{color:#fff}.method-section .section-intro{color:#bfd0d5}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-grid article{padding:18px;border:1px solid #39586b;border-radius:9px;background:#17384e}.method-grid span{color:var(--lime);font-size:9px;font-weight:900}.method-grid h3{margin:6px 0 4px;font-size:14px}.method-grid p{margin:0;color:#bed0d5;font-size:10px;line-height:1.5}
.tool-focus-overview{margin:18px 0;padding:21px;border:1px solid var(--line);border-radius:11px;background:#f7faf8;box-shadow:0 5px 16px rgba(16,42,67,.04)}
.tool-focus-heading h3{margin:5px 0 15px;color:var(--navy);font-size:22px}.tool-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tool-focus-grid button{min-height:92px;padding:14px;border:1px solid #d5e1de;border-radius:8px;background:#fff;color:var(--navy);text-align:left;transition:border-color .15s,transform .15s}
.tool-focus-grid button:hover{border-color:var(--teal);transform:translateY(-1px)}.tool-focus-grid b,.tool-focus-grid span{display:block}.tool-focus-grid b{font-size:12px}.tool-focus-grid span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}
.focus-back{margin:4px 0 14px;border:1px solid #bdd0cc;border-radius:7px;background:#fff;color:var(--teal-dark);padding:9px 12px;font-size:10px;font-weight:850}
#zuhause[data-focus-view="overview"]>.container>.home-tool-switcher,#zuhause[data-focus-view="overview"]>.container>.home-print-toolbar,#zuhause[data-focus-view="overview"]>.container>.home-tool-panel,#zuhause[data-focus-view="overview"] #raumklima{display:none!important}
#beton[data-focus-view="overview"] .tool-switcher,#beton[data-focus-view="overview"] .project-backup-bar,#beton[data-focus-view="overview"] .tool-panel{display:none!important}
.pcf-story{display:grid;grid-template-columns:1fr;gap:13px;margin:0 0 20px;padding:20px}
.pcf-story>.pcf-story-intro,.pcf-story>.pcf-story-steps,.pcf-story>.pcf-story-actions{padding:0;background:transparent}
.pcf-story-intro h3{margin:5px 0 5px;color:var(--navy);font-size:21px}.pcf-story-intro p{margin:0;color:var(--muted);font-size:11px}.pcf-story-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pcf-story-steps>div{position:relative;padding:12px;border-radius:8px;background:#f2f7f4}.pcf-story-steps>div:not(:last-child):after{content:"→";position:absolute;right:-7px;top:50%;z-index:2;color:var(--teal-dark);font-weight:900}.pcf-story-steps span,.pcf-story-steps b,.pcf-story-steps small{display:block}.pcf-story-steps span{color:var(--teal-dark);font-size:9px;font-weight:900}.pcf-story-steps b{color:var(--navy);font-size:11px}.pcf-story-steps small{color:var(--muted);font-size:9px}.pcf-story-actions{display:flex;gap:8px}.pcf-story-actions button,.pcf-story-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--navy);border-radius:7px;font-size:10px;font-weight:850;text-decoration:none}.pcf-story-actions button{background:#fff;color:var(--navy)}.pcf-story-actions a{background:var(--navy);color:#fff}
.approximation-note{margin:0!important;padding-top:9px;border-top:1px solid #cadbd5;color:var(--muted)!important;font-size:9px!important;line-height:1.45!important}
.app-knowledge-summary{margin:0 0 18px;padding:21px;border:1px solid #cfe0dc;border-radius:10px;background:#fff}.app-knowledge-summary h3{margin:5px 0 7px;color:var(--navy);font-size:20px}.app-knowledge-summary p{margin:0;color:var(--muted);font-size:11px}.app-knowledge-summary>div{display:grid;grid-template-columns:repeat(3,auto 1fr);gap:7px 9px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);align-items:baseline}.app-knowledge-summary strong{color:var(--teal-dark);font-size:14px}.app-knowledge-summary span{color:var(--muted);font-size:9px}
.app-mode-bar,.app-bottom-nav,.app-tool-sheet{display:none}

body.pwa-standalone{--app-header-height:132px;--app-nav-height:66px;height:100dvh;min-height:100dvh;overflow:hidden;padding:0;background:#f4f7f5;overscroll-behavior-y:contain}
body.pwa-standalone .site-header,body.pwa-standalone .site-footer,body.pwa-standalone .hero,body.pwa-standalone .intro-section,body.pwa-standalone .method-section{display:none!important}
body.pwa-standalone .app-mode-bar{position:fixed;inset:0 0 auto;z-index:80;display:block;background:linear-gradient(135deg,#102a43,#173b55);box-shadow:0 4px 16px rgba(16,42,67,.2)}
body.pwa-standalone .app-mode-top{display:block;width:min(720px,calc(100% - 24px));min-height:0!important;padding:10px 0 12px!important}
body.pwa-standalone .app-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#fff}
body.pwa-standalone .app-result-head span{font-size:17px;font-weight:900;line-height:1.15}body.pwa-standalone .app-result-head b{color:var(--lime);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
body.pwa-standalone .app-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.pwa-standalone .app-result-item{min-width:0;padding:8px 6px;border:1px solid rgba(181,213,210,.35);border-radius:9px;background:rgba(255,255,255,.08);text-align:center}
body.pwa-standalone .app-result-item strong{display:block;overflow:hidden;color:var(--lime);font-size:17px;line-height:1.12;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}body.pwa-standalone .app-result-item small{display:block;min-height:2.3em;margin-top:3px;overflow:hidden;color:#d9e7e8;font-size:8px;line-height:1.2}
body.pwa-standalone #main{position:fixed;z-index:1;inset:var(--app-header-height) 0 var(--app-nav-height);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f4f7f5;scrollbar-width:none}body.pwa-standalone #main::-webkit-scrollbar{display:none}
body.pwa-standalone #main>.section{box-sizing:border-box;min-height:100%;height:auto;margin:0;padding:16px 0 28px!important;overflow:visible;scroll-margin-top:0;animation:appPanelIn .18s ease both}
body.pwa-standalone .home-section>.container,body.pwa-standalone #beton>.container,body.pwa-standalone #scopes>.container,body.pwa-standalone #wissen>.container,body.pwa-standalone #raumklima>.container{width:min(720px,calc(100% - 24px));height:auto;padding:0}
body.pwa-standalone .home-section .section-heading,body.pwa-standalone .home-category-guide,body.pwa-standalone .project-quickbar,body.pwa-standalone .home-tool-switcher,body.pwa-standalone .home-print-toolbar,body.pwa-standalone .heatpump-subnav,body.pwa-standalone #heatpumpWorkflow,body.pwa-standalone #raumklima .section-heading,body.pwa-standalone .misc-tool-switcher,body.pwa-standalone #beton>.container>.section-heading,body.pwa-standalone #beton .tool-switcher,body.pwa-standalone #beton .project-backup-bar,body.pwa-standalone .tool-focus-overview,body.pwa-standalone .focus-back,body.pwa-standalone .pcf-story,body.pwa-standalone .scope-definition-grid,body.pwa-standalone .scope-helper,body.pwa-standalone .factor-hint,body.pwa-standalone .misc-followups{display:none!important}
body.pwa-standalone #zuhause[data-focus-view="overview"]>.container>.home-tool-panel.active,body.pwa-standalone #beton[data-focus-view="overview"] .tool-panel.active{display:block!important}
body.pwa-standalone[data-app-area="climate"] #zuhause[data-focus-view="overview"] #raumklima{display:block!important}
body.pwa-standalone .home-tool-panel[hidden],body.pwa-standalone .misc-tool-panel[hidden],body.pwa-standalone .tool-panel[hidden]{display:none!important}
body.pwa-standalone[data-app-area="home"] #raumklima,body.pwa-standalone[data-app-area="home"] #beton,body.pwa-standalone[data-app-area="home"] #scopes,body.pwa-standalone[data-app-area="home"] #wissen,body.pwa-standalone[data-app-area="home"] #ueber,body.pwa-standalone[data-app-area="home"] #quellen{display:none!important}
body.pwa-standalone[data-app-area="climate"] #zuhause>.container>:not(#raumklima),body.pwa-standalone[data-app-area="climate"] #beton,body.pwa-standalone[data-app-area="climate"] #scopes,body.pwa-standalone[data-app-area="climate"] #wissen,body.pwa-standalone[data-app-area="climate"] #ueber,body.pwa-standalone[data-app-area="climate"] #quellen{display:none!important}
body.pwa-standalone[data-app-area="beton"] #zuhause,body.pwa-standalone[data-app-area="beton"] #scopes,body.pwa-standalone[data-app-area="beton"] #wissen,body.pwa-standalone[data-app-area="beton"] #ueber,body.pwa-standalone[data-app-area="beton"] #quellen{display:none!important}
body.pwa-standalone[data-app-area="scope"] #zuhause,body.pwa-standalone[data-app-area="scope"] #beton,body.pwa-standalone[data-app-area="scope"] #wissen,body.pwa-standalone[data-app-area="scope"] #ueber,body.pwa-standalone[data-app-area="scope"] #quellen{display:none!important}
body.pwa-standalone[data-app-area="wissen"] #zuhause,body.pwa-standalone[data-app-area="wissen"] #beton,body.pwa-standalone[data-app-area="wissen"] #scopes,body.pwa-standalone[data-app-area="wissen"] #ueber,body.pwa-standalone[data-app-area="wissen"] #quellen{display:none!important}
body.pwa-standalone .home-calc-shell,body.pwa-standalone .calculator-shell,body.pwa-standalone .precast-grid,body.pwa-standalone .scope-shell{display:block;height:auto;margin:0}
body.pwa-standalone .home-calc-result,body.pwa-standalone .calculator-result,body.pwa-standalone .precast-result,body.pwa-standalone .scope-result{display:none!important}
body.pwa-standalone .home-calc-form{display:block;height:auto;margin:0;padding:16px 15px;border:1px solid #d8e2df;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(16,42,67,.06)}
body.pwa-standalone .home-calc-form>.home-calc-fields,body.pwa-standalone .home-calc-form .home-calc-fields,body.pwa-standalone .home-calc-form .vent-size-inputs,body.pwa-standalone .home-calc-form .ventilation-input-groups,body.pwa-standalone .home-calc-form fieldset{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
body.pwa-standalone .home-calc-form [hidden]{display:none!important}body.pwa-standalone .home-calc-form label{display:block!important}
body.pwa-standalone input:not([type="range"]),body.pwa-standalone select{min-height:46px;font-size:16px}body.pwa-standalone .home-calc-form .range-number{display:grid!important;grid-template-columns:minmax(0,1fr) 92px;gap:9px}body.pwa-standalone .home-calc-form .range-number .unit-input{display:flex!important}
body.pwa-standalone [data-print-target],body.pwa-standalone [data-csv-target],body.pwa-standalone .export-actions,body.pwa-standalone .tool-export-actions{display:none!important}
body.pwa-standalone .app-bottom-nav{position:fixed;z-index:90;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);min-height:var(--app-nav-height);padding:5px max(7px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-right));border-top:1px solid #d6e0df;background:rgba(255,255,255,.98);box-shadow:0 -5px 18px rgba(16,42,67,.1);backdrop-filter:blur(12px)}
body.pwa-standalone .app-nav-item{display:grid;place-items:center;min-width:0;min-height:46px;padding:4px 1px;border:0;background:transparent;color:#667783;font-size:9px;font-weight:850}body.pwa-standalone .app-nav-item b{display:grid;place-items:center;width:100%;min-height:36px;padding:0 2px;border-radius:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.pwa-standalone .app-nav-item.active{color:var(--teal-dark)}body.pwa-standalone .app-nav-item.active b{background:#e6f3ef}
body.pwa-standalone .app-tool-sheet{position:fixed;z-index:100;inset:var(--app-header-height) 0 var(--app-nav-height);display:grid;align-items:end;padding:12px;background:rgba(16,42,67,.22);backdrop-filter:blur(2px)}body.pwa-standalone .app-tool-sheet[hidden]{display:none!important}
body.pwa-standalone .app-tool-sheet-card{width:min(720px,100%);max-height:100%;margin:auto;padding:15px;border:1px solid #d4e0df;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(16,42,67,.24)}body.pwa-standalone .app-tool-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--navy);font-size:18px;font-weight:900}body.pwa-standalone .app-tool-sheet-close{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:10px;background:#edf3f2;color:#58717c;font-size:27px}body.pwa-standalone .app-tool-sheet-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.pwa-standalone .app-tool-option{min-height:48px;padding:9px 10px;border:1px solid #cddad9;border-radius:11px;background:#fff;color:#213e54;font-size:13px;font-weight:800;text-align:left}body.pwa-standalone .app-tool-option.active{border-color:var(--teal);background:#e6f3ef;color:var(--teal-dark)}
body.pwa-standalone .app-knowledge-summary{display:block;margin-top:0}body.pwa-standalone .knowledge-topic-overview{display:grid!important}body.pwa-standalone .knowledge-details{display:block!important}
@keyframes appPanelIn{from{opacity:.25;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:34px}.popular-tools{grid-template-columns:1fr}.popular-tools nav{grid-template-columns:1fr 1fr}.tool-focus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-co2-card{max-width:none}.method-grid{grid-template-columns:1fr 1fr}.pcf-story-steps{grid-template-columns:1fr 1fr}.pcf-story-steps>div:after{display:none}}
@media(max-width:680px){html{scroll-padding-top:70px}#plattformIntro,#arbeitsweise,#zuhause,#raumklima,#beton,#scopes,#wissen,#ueber,#quellen{scroll-margin-top:68px}.hero-co2-card .hero-co2-tool{padding:17px}.hero-co2-card .co2-feeling-inputs{grid-template-columns:1fr}.hero-co2-card .co2-feeling-inputs label:first-child{grid-column:auto}.hero-co2-card .co2-reference-heading{display:block}.hero-co2-card .co2-reference-heading small{display:block;margin-top:2px;text-align:left}.popular-tools nav,.method-grid,.tool-focus-grid,.pcf-story-steps{grid-template-columns:1fr}.popular-tools{padding:18px}.pcf-story-actions{display:grid}.app-knowledge-summary>div{grid-template-columns:auto 1fr}.app-knowledge-summary{padding:17px}}
@media(max-width:390px){body.pwa-standalone{--app-header-height:126px}.app-result-head span{font-size:15px!important}.app-result-item strong{font-size:15px!important}.app-result-item small{font-size:7px!important}.app-tool-sheet-options{grid-template-columns:1fr!important}}

/* Startdramaturgie und Website-Darstellung des CO₂-Vergleichs */
.hero-co2-card{padding:0;background:linear-gradient(135deg,#102a43,#173b55)}
.hero-co2-card .hero-co2-tool{margin:0;padding:25px 27px;border-radius:13px;box-shadow:none}
.hero-co2-card .co2-feeling-copy h3{font-size:25px}
.hero-co2-card .co2-feeling-copy p{max-width:520px}
.hero-co2-card .co2-feeling-inputs{grid-template-columns:1.15fr .72fr .95fr}
.hero-co2-card .co2-reference-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;padding-top:3px;color:#d8e6e7;font-size:10px}
.hero-co2-card .co2-reference-heading small{color:#9cb6bd;font-size:9px}
.hero-co2-card .co2-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hero-co2-card .co2-reference-card{min-height:128px;padding:11px 10px}
.hero-co2-card .co2-reference-card:nth-child(n+5){display:none}
.hero-co2-card .co2-reference-card .co2-card-icon{width:37px;height:37px;margin-bottom:8px;border-radius:11px;font-size:20px}
.hero-co2-card .co2-reference-card b{min-height:auto;font-size:9px}
.hero-co2-card .co2-reference-card strong{margin:6px 0 3px;font-size:18px}
.hero-co2-card #co2CompareNote,.hero-co2-card .co2-factor-details{display:none}
.entry-card{grid-template-columns:30px minmax(0,1fr);min-height:184px}
.entry-card>strong{grid-column:2;align-self:end;color:var(--teal-dark);font-size:10px;letter-spacing:.02em}
.entry-card h3{font-size:16px;line-height:1.23}
.pcf-story{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:stretch;gap:8px;margin:-5px 0 24px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(16,42,67,.04)}
.pcf-story>div{padding:8px 10px;border-radius:7px;background:#f4f8f6}.pcf-story span,.pcf-story b,.pcf-story small{display:block}.pcf-story span{color:var(--teal-dark);font-size:9px;font-weight:900;letter-spacing:.08em}.pcf-story b{margin-top:2px;color:var(--navy);font-size:11px}.pcf-story small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.3}.pcf-story a{display:grid;place-items:center;min-width:100px;border-radius:7px;background:var(--navy);color:#fff;text-align:center;text-decoration:none;font-size:10px;font-weight:850;padding:8px}
@media(max-width:900px){.hero-co2-card .co2-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-co2-card .co2-reference-card{min-height:112px}}
@media(max-width:680px){.hero-co2-card .hero-co2-tool{padding:18px}.hero-co2-card .co2-feeling-copy h3{font-size:22px}.hero-co2-card .co2-feeling-inputs{grid-template-columns:1fr 1fr}.hero-co2-card .co2-feeling-inputs label:first-child{grid-column:1/-1}.hero-co2-card .co2-feeling-summary{align-items:flex-start;flex-direction:column;gap:4px}.entry-card{min-height:0}.entry-card>strong{margin-top:7px}}
@media(max-width:820px){.pcf-story{grid-template-columns:1fr 1fr}.pcf-story a{min-height:44px}}

/* v0.56 final cascade */
.recipe-chart-controls{align-items:end}.recipe-chart-volume{min-width:205px}.recipe-chart-volume .unit-input{display:flex;margin-top:5px}.recipe-chart-volume .unit-input input{min-width:0}.vent-size-mode + .vent-size-inputs{margin:10px 0 14px}.vent-size-inputs>label#ventRoomVolumeWrap{display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6;color:var(--muted);font-size:10px;font-weight:800}.vent-size-inputs>label#ventRoomVolumeWrap .unit-input{display:flex;max-width:none;margin-top:6px}.vent-size-inputs>label#ventRoomVolumeWrap input{min-width:0}
@media(max-width:680px){.recipe-chart-controls{align-items:stretch}.recipe-chart-volume{min-width:0}.vent-size-mode + .vent-size-inputs{margin-top:10px}}

/* v0.53 · lokale Projektsteuerung und einheitliche Ergebnisaktionen */
.project-quickbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f7faf8}.project-quickbar p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.project-quickbar-actions,.tool-export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.project-quickbar-actions .outline-button,.tool-export-actions .outline-button{white-space:nowrap}.tool-export-actions{margin:12px 0 0}.tool-export-actions .outline-button{font-size:10px;padding:9px 10px}.tool-export-actions .danger-outline{margin-left:auto}.print-report-note{margin:9px 0 0;color:var(--muted);font-size:9px}
@media(max-width:680px){.project-quickbar{display:grid;gap:11px}.project-quickbar-actions,.tool-export-actions{justify-content:stretch}.project-quickbar-actions .outline-button,.tool-export-actions .outline-button{flex:1 1 140px}.tool-export-actions .danger-outline{margin-left:0}}

/* v0.52 · Installierbare Web-App und klarere Vergleichskarten */
.app-install-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 2px;padding:17px 0;border-top:1px solid #314b5e}.app-install-card .mini-label{color:var(--lime)}.app-install-card b{display:block;margin-top:4px;color:#fff;font-size:14px}.app-install-card p{margin:5px 0 0;color:#b6c7cd;font-size:10px;line-height:1.45;max-width:620px}.app-install-card .button{flex:none;font-size:10px}.pwa-update-notice{position:fixed;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;max-width:min(430px,calc(100% - 36px));padding:12px 14px;border:1px solid #a9d4cf;border-radius:8px;background:#fff;color:var(--navy);box-shadow:0 10px 28px rgba(16,42,67,.18);font-size:11px;font-weight:750}.pwa-update-notice button{border:0;border-radius:5px;background:var(--teal);color:#fff;padding:8px 10px;font:inherit;font-weight:850;white-space:nowrap;cursor:pointer}
.co2-reference-card{position:relative;min-height:156px;overflow:hidden;padding:17px 15px 14px;background:linear-gradient(150deg,#1d435a,#102a43)}.co2-reference-card:before{content:"";position:absolute;right:-29px;top:-31px;width:120px;height:120px;border:1px solid rgba(201,233,74,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(201,233,74,.035)}.co2-reference-card .co2-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:51px;height:51px;margin-bottom:13px;border-radius:16px;background:linear-gradient(145deg,#f5d455,#e3a823);box-shadow:0 7px 15px rgba(0,0,0,.16);font-size:27px;line-height:1}.co2-reference-card b,.co2-reference-card strong,.co2-reference-card small{position:relative;z-index:1}.co2-reference-card b{min-height:0;font-size:11px}.co2-reference-card strong{margin:10px 0 5px;font-size:23px}.co2-reference-card small{font-size:9px}.co2-card-concrete .co2-card-icon{background:linear-gradient(145deg,#d0d9d3,#a9b7b0)}.co2-card-steel .co2-card-icon{background:linear-gradient(145deg,#ced9e4,#8ea3b5)}.co2-card-electricity .co2-card-icon{background:linear-gradient(145deg,#fff1a3,#f0c239)}.co2-card-laptop .co2-card-icon{background:linear-gradient(145deg,#b8dbeb,#77a9c4)}.co2-card-beef .co2-card-icon{background:linear-gradient(145deg,#ebaf91,#bd6b55)}.co2-card-person .co2-card-icon{background:linear-gradient(145deg,#cce7cf,#75ac7e)}.co2-card-flight .co2-card-icon{background:linear-gradient(145deg,#d8e5ef,#8db0cb)}
.knowledge-topic-overview{grid-template-columns:repeat(4,1fr)}.knowledge-topic-overview article{min-height:74px}.knowledge-topic-overview article>span{background:var(--teal)}
.vent-size-inputs{display:grid;grid-template-columns:1fr;margin:0 0 14px;padding:0;gap:8px}.vent-size-inputs>label,.vent-size-inputs .home-calc-fields{max-width:none;margin:0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6}.vent-size-inputs>label{color:var(--navy)}.vent-size-inputs>label em{font-style:normal;font-weight:600;color:var(--muted)}.vent-size-inputs>label .unit-input{max-width:280px;margin-top:6px}.vent-size-inputs .home-calc-fields{gap:10px}.vent-size-inputs .home-calc-fields label{color:var(--muted);font-size:10px;font-weight:800}
.energy-class-box{text-align:center}.energy-class-box>b{margin-inline:auto}.energy-class-box>small{margin-inline:auto}.energy-class-scale{margin:10px auto 5px}.energy-class-box>strong{text-align:center}
@media(max-width:900px){.knowledge-topic-overview{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.app-install-card{align-items:stretch;flex-direction:column;gap:11px}.app-install-card .button{width:100%}.pwa-update-notice{left:15px;right:15px;bottom:15px;max-width:none;align-items:flex-start}.co2-reference-card{min-height:142px;padding:13px}.co2-reference-card .co2-card-icon{width:44px;height:44px;margin-bottom:10px;border-radius:13px;font-size:23px}.co2-reference-card strong{font-size:19px}.knowledge-topic-overview{grid-template-columns:1fr}.vent-size-inputs .home-calc-fields{grid-template-columns:1fr!important}.vent-size-inputs>label .unit-input{max-width:none}}

/* v0.56: klarere Bereichs-Backups und einheitliche Eingabe für Raumgröße */
.recipe-chart-controls{align-items:end}
.recipe-chart-volume{min-width:205px}
.recipe-chart-volume .unit-input{display:flex;margin-top:5px}
.recipe-chart-volume .unit-input input{min-width:0}
.vent-size-mode + .vent-size-inputs{margin:10px 0 14px}
.vent-size-inputs>label#ventRoomVolumeWrap{display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6;color:var(--muted);font-size:10px;font-weight:800}
.vent-size-inputs>label#ventRoomVolumeWrap .unit-input{display:flex;max-width:none;margin-top:6px}
.vent-size-inputs>label#ventRoomVolumeWrap input{min-width:0}
@media(max-width:680px){.recipe-chart-controls{align-items:stretch}.recipe-chart-volume{min-width:0}.vent-size-mode + .vent-size-inputs{margin-top:10px}}
@media print{.app-install-card,.pwa-update-notice{display:none!important}}

/* v0.50 · Gebäude & Energie klarer gruppiert, Raumgröße und Regler komfortabler */
.home-tool-groups{display:grid;grid-template-columns:1.6fr 1fr 1.35fr;gap:7px;padding:8px}
.home-tool-group{min-width:0;padding:7px;border:1px solid #dce8e2;border-radius:7px;background:#fff}
.home-tool-group>span{display:block;margin:0 0 6px;color:var(--teal-dark);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-tool-group>div{display:flex;flex-wrap:wrap;gap:6px}
.home-tool-group .home-tool-tab{flex:1 1 auto;min-height:36px;padding:8px 9px;background:#f7faf8;font-size:10px;line-height:1.2}
.home-tool-group .home-tool-tab.active{background:#eaf7f4}
.ventilation-input-groups{grid-template-columns:1fr;gap:11px;margin:13px 0 11px}
.ventilation-input-groups .home-calc-fields{grid-template-columns:1fr;margin-top:7px}
.vent-size-mode{margin:13px 0 0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6}
.vent-size-mode label{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(220px,1.15fr);align-items:center;gap:10px;color:var(--navy);font-size:10px;font-weight:850}
.vent-size-mode select{width:100%;border:1px solid #ccd9db;border-radius:5px;background:#fff;padding:8px;color:var(--ink);font:inherit}
.vent-size-mode .field-hint{display:block;margin:7px 0 0}
.vent-size-inputs{margin:0 0 14px;padding:0 2px}.vent-size-inputs>label{display:block;max-width:280px;color:var(--muted);font-size:10px;font-weight:800}.vent-size-inputs>label .unit-input{display:flex;margin-top:4px}.vent-size-inputs>label input{min-width:0}
.vent-size-inputs .home-calc-fields{margin:0}.vent-dimensions{grid-template-columns:repeat(3,1fr)!important;margin-top:0}.vent-dimensions[hidden],.vent-area-height[hidden]{display:none!important}
@media(max-width:900px){.home-tool-groups{grid-template-columns:1fr 1fr}.home-tool-group:last-child{grid-column:1/-1}.vent-size-mode label{grid-template-columns:1fr}}
@media(max-width:680px){.home-tool-groups{display:grid;grid-template-columns:1fr;padding:7px}.home-tool-group:last-child{grid-column:auto}.home-tool-group .home-tool-tab{min-height:42px;font-size:10px}.vent-dimensions{grid-template-columns:1fr!important}.vent-size-inputs>label{max-width:none}}

/* v0.51 · Wissensbereich: klare CO₂-Entsprechungen statt paralleler Skalen */
.co2-reference-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:13px;border-top:1px solid #38566a}.co2-reference-heading b{color:#fff;font-size:12px}.co2-reference-heading small{color:#a9c1c8;font-size:9px}
.co2-reference-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.co2-reference-card{min-width:0;padding:12px 11px;border:1px solid #31566a;border-radius:7px;background:#17384e}.co2-reference-card>span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:7px;background:#f0b928;color:#102a43;font-size:17px}.co2-reference-card b,.co2-reference-card strong,.co2-reference-card small{display:block}.co2-reference-card b{min-height:25px;color:#d6e3e6;font-size:10px;line-height:1.2}.co2-reference-card strong{margin:7px 0 4px;color:var(--lime);font-size:18px;line-height:1.05;letter-spacing:-.025em;white-space:nowrap}.co2-reference-card small{color:#a9c1c8;font-size:8px;line-height:1.3}
.co2-feeling-tool>#co2CompareNote{grid-column:1/-1;margin:0;color:#b9cbd0;font-size:9px;line-height:1.45}.co2-factor-details{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #31566a;border-radius:7px;background:#143247;color:#b9cbd0;font-size:9px;line-height:1.45}.co2-factor-details summary{color:#fff;font-size:10px;font-weight:850;cursor:pointer}.co2-factor-details p{margin:8px 0}.co2-factor-details .source-links{display:flex;flex-wrap:wrap;gap:9px}.co2-factor-details .source-link{color:#c9e94a;font-size:9px}
.knowledge-topic-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.knowledge-topic-overview article{display:flex;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#f7faf8}.knowledge-topic-overview article>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--navy);color:#fff;font-size:9px;font-weight:900}.knowledge-topic-overview b{display:block;color:var(--navy);font-size:11px}.knowledge-topic-overview p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.4}
@media(max-width:900px){.co2-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-topic-overview{grid-template-columns:1fr}}
@media(max-width:680px){.co2-reference-heading{display:block}.co2-reference-heading small{display:block;margin-top:4px}.co2-reference-grid{grid-template-columns:1fr 1fr;gap:7px}.co2-reference-card{padding:10px}.co2-reference-card strong{font-size:16px}.co2-reference-card b{min-height:0}.co2-factor-details .source-links{display:grid;gap:5px}}

/* v0.49 · Wärmepumpe, Raumheizlast und Raumklima */
.heatpump-workflow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:10px 12px;border:1px solid #cbded8;border-radius:8px;background:#f4f9f6;color:var(--muted);font-size:10px}.heatpump-workflow>span:first-child{color:var(--navy);font-weight:850}.heatpump-workflow button{border:0;border-radius:99px;background:#fff;color:var(--teal-dark);padding:5px 8px;font:inherit;font-weight:850;cursor:pointer}.heatpump-workflow button:hover,.heatpump-workflow button:focus-visible{background:var(--teal);color:#fff}.heatpump-workflow small{margin-left:auto;font-size:9px}.tool-orientation{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--teal);border-radius:0 7px 7px 0;background:#f4f9f6;color:var(--muted);font-size:10px;line-height:1.55}.tool-orientation b{color:var(--navy)}.home-export-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:14px}.home-export-actions .outline-button{font-size:10px}.panel-export{max-width:1200px;margin:12px auto 0}.help-table{width:100%;border-collapse:collapse;font-size:10px}.help-table th,.help-table td{padding:7px 8px;border-bottom:1px solid #d9e6e0;text-align:left;vertical-align:top}.help-table th{color:var(--teal-dark);font-size:9px}.scroll-hint{overflow-x:auto}.range-number{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:9px;margin-top:5px}.range-number input[type="range"]{width:100%;accent-color:var(--teal)}.range-number .unit-input{margin:0}.range-number .unit-input input{min-width:0}.vent-area-height{grid-template-columns:1fr 1fr!important;margin-top:8px}.moisture-scale{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d8e5df;border-radius:7px;background:#fff}.moisture-scale span{padding:7px 5px;border-right:1px solid #d8e5df;color:var(--muted);font-size:8px;line-height:1.25;text-align:center}.moisture-scale span:last-child{border-right:0}.moisture-scale[data-state="good"] span:first-child,.moisture-scale[data-state="mild"] span:nth-child(2),.moisture-scale[data-state="neutral"] span:nth-child(3),.moisture-scale[data-state="warn"] span:last-child{background:#dff1e8;color:#186b47;font-weight:850}.moisture-scale[data-state="warn"] span:last-child{background:#fff0ec;color:#9b4038}.calc-print-header{display:none}.room-load-card .flow-room-total,.home-calc-shell,.ventilation-input-groups fieldset{min-width:0}
@media(max-width:780px){.heatpump-workflow{align-items:flex-start}.heatpump-workflow small{width:100%;margin:2px 0 0}.range-number{grid-template-columns:1fr 86px}.moisture-scale{grid-template-columns:1fr 1fr}.moisture-scale span:nth-child(2){border-right:0}.moisture-scale span:nth-child(-n+2){border-bottom:1px solid #d8e5df}}
@media(max-width:680px){.heatpump-subnav{display:grid;grid-template-columns:1fr 1fr}.heatpump-subtab{min-height:42px;font-size:10px}.home-export-actions{justify-content:stretch}.home-export-actions .outline-button{flex:1}.range-number{grid-template-columns:1fr 82px}.vent-area-height{grid-template-columns:1fr!important}.tool-orientation{font-size:10px}.help-table{min-width:560px}}
@media print{.calc-print-header{display:grid!important;grid-template-columns:150px 1fr;align-items:center;gap:5px 12px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #102a43}.calc-print-header img{grid-row:1/3;width:145px;max-height:48px;object-fit:contain;object-position:left center}.calc-print-header span{color:#168b91;font-weight:850;font-size:10px;letter-spacing:.12em}.calc-print-header small{color:#58717d;font-size:9px}.home-export-actions,.heatpump-workflow,.heatpump-subnav,.tool-orientation{display:none!important}.flow-room-card{break-inside:avoid}.range-number input[type="range"]{display:none!important}}

/* v0.48: Stabilitäts- und Komfortpflege ohne Änderung der Rechnerlogik */
html,body{max-width:100%;overflow-x:hidden}
.project-backup-copy{min-width:0}.project-backup-bar p strong{color:var(--navy)}
.project-backup-help{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.project-backup-help summary{width:max-content;max-width:100%;cursor:pointer;color:var(--teal-dark);font-weight:800}
.project-backup-help p{margin:7px 0 0!important}
.project-backup-status{min-height:1.35em!important;margin-top:8px!important;color:var(--teal-dark)!important;font-weight:700}
.pcf-quick-help{margin-bottom:5px!important;color:var(--teal-dark)!important}
.pcf-context-status{margin:10px 0 0;padding:9px 11px;border-left:3px solid var(--teal);border-radius:0 6px 6px 0;background:#edf7f4;color:var(--navy);font-size:10px;font-weight:750;line-height:1.45}
.co2-scale-hint{grid-column:1/-1;margin:0;padding:9px 11px;border-left:3px solid var(--lime);border-radius:0 6px 6px 0;background:#17384e;color:#d2e0e3;font-size:10px;line-height:1.45}
.table-wrap,.pcf-a3-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-color:var(--teal) #edf3f0}
@media(max-width:680px){
  .project-backup-bar p,.project-backup-help,.project-backup-status,.pcf-context-status,.co2-scale-hint{font-size:11px}
  .small-note,.factor-hint,.field-hint,.scope-note{font-size:11px}
  .home-tool-tab,.heatpump-subtab,.misc-tool-tab{min-height:44px;font-size:11px}
  .table-wrap::before,.pcf-a3-table-wrap::before{content:'↔ Tabelle seitlich wischen';display:block;width:max-content;max-width:100%;padding:7px 10px 5px;color:var(--muted);font-size:10px;font-weight:750}
  .table-wrap table,.pcf-a3-table-wrap table{font-size:11px}
  .table-wrap input,.table-wrap select,.pcf-a3-table-wrap input,.pcf-a3-table-wrap select{font-size:12px}
}

/* V0.46: druckbare PCF-Kurzbescheinigung und Einheitenvergleich */
.pcf-print-surface{display:none}
@media print{
  body[data-print-target="pcfReport"]>*:not(#pcfPrintSurface){display:none!important}
  body[data-print-target="pcfReport"] #pcfPrintSurface{display:block!important;position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
  body[data-print-target="pcfReport"] #pcfPrintSurface main{display:block!important;max-width:none!important;margin:0!important}
}
.pcf-certificate-header{display:none}
.pcf-certificate-brand{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--navy)}
.pcf-certificate-brand img{width:170px;height:auto;object-fit:contain;object-position:left center}
.pcf-certificate-brand div{display:grid;gap:2px}.pcf-certificate-brand strong{font-size:19px;color:var(--navy)}.pcf-certificate-brand span{font-size:9px;letter-spacing:.12em;color:var(--teal-dark);font-weight:850}
.pcf-certificate-title{margin:20px 0 12px}.pcf-certificate-title>span{font-size:9px;letter-spacing:.13em;color:#9a5a35;font-weight:900}.pcf-certificate-title h2{margin:5px 0 4px;font-size:27px;line-height:1.1;color:var(--navy)}.pcf-certificate-title p{margin:0;color:var(--muted);font-size:11px}
.pcf-certificate-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.pcf-certificate-meta>div{padding:10px;background:#f2f7f4;border:1px solid #d7e5de;border-radius:5px}.pcf-certificate-meta span,.pcf-certificate-meta b{display:block}.pcf-certificate-meta span{font-size:9px;color:var(--muted)}.pcf-certificate-meta b{margin-top:3px;font-size:11px;color:var(--navy)}
.pcf-certificate-phase-table{width:100%;border-collapse:collapse;margin:12px 0 10px;font-size:10px}.pcf-certificate-phase-table th,.pcf-certificate-phase-table td{padding:7px;border-bottom:1px solid #dce8e2;text-align:left}.pcf-certificate-phase-table th{font-size:9px;color:var(--muted)}.pcf-certificate-phase-table td:last-child{text-align:right;font-weight:850;color:var(--navy)}.pcf-certificate-note{font-size:9px;line-height:1.5;color:var(--muted);margin:10px 0}
@media print{
  body[data-print-target="pcf"] .pcf-tool{padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body[data-print-target="pcf"] .pcf-certificate-header{display:block!important}
  body[data-print-target="pcf"] .pcf-switches,body[data-print-target="pcf"] .pcf-phase-tabs,body[data-print-target="pcf"] .pcf-phase-toggle,body[data-print-target="pcf"] .pcf-phase-fixed,body[data-print-target="pcf"] .pcf-a3-actions,body[data-print-target="pcf"] .pcf-tool>.export-actions{display:none!important}
  body[data-print-target="pcf"] .pcf-phase-panel[hidden]{display:block!important;margin-top:13px}
  body[data-print-target="pcf"] .pcf-phase-panel{break-inside:avoid;background:#fff;border:1px solid #d7e5de}
  body[data-print-target="pcf"] .pcf-result-grid{break-inside:avoid}
  body[data-print-target="pcf"] .pcf-a2-wrap[hidden]{display:none!important}
}

/* v0.37: klare Exportaktionen und PCF-Phasen als Reiter */
.export-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;width:100%}
.export-actions .button{font-size:10px;padding:9px 12px;white-space:nowrap}
.result-actions .export-actions{display:grid;width:100%}
.precast-result .export-actions{margin-top:auto}
.mass-tool-footer .export-actions,.pcf-tool .chart-heading .export-actions{width:auto;margin-left:auto}
.danger-outline{border-color:#d8a5a0;color:#9a4039}
.pcf-tool .pcf-switches{display:block!important}
.pcf-phase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
.pcf-phase-tab{border:1px solid #c9dcda;border-radius:6px;background:#fff;color:var(--muted);padding:9px 10px;font-size:10px;font-weight:850;text-align:left}
.pcf-phase-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.pcf-phase-panels{margin:13px 0}
.pcf-phase-panel{padding:14px 15px;background:#f7faf8;border:1px solid var(--line);border-radius:8px}
.pcf-phase-heading{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline;margin-bottom:9px}
.pcf-phase-heading .mini-label{grid-row:1/3}
.pcf-phase-heading h4{margin:0;color:var(--navy);font-size:15px;line-height:1.2}
.pcf-phase-heading .small-note{grid-column:2;margin:2px 0 0}
.pcf-phase-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pcf-phase-fields label{font-size:10px;color:var(--muted);font-weight:800}
.pcf-phase-fields input,.pcf-phase-fields select{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px;font-size:11px}
.pcf-phase-status{margin:10px 0 0;color:var(--teal-dark);font-size:10px;font-weight:800}
.pcf-phase-enable{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border:1px solid #c9dcda;border-radius:6px;background:#fff;color:var(--navy);font-size:10px;font-weight:850}
.pcf-phase-enable input{accent-color:var(--teal)}
.pcf-phase-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.pcf-phase-heading>div:first-child{min-width:0}
.pcf-phase-heading .mini-label{display:block;margin-bottom:3px}
.pcf-phase-heading .small-note{margin:3px 0 0}
.pcf-phase-toggle,.pcf-phase-fixed{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 9px;border:1px solid #c9dcda;border-radius:6px;background:#fff;color:var(--navy);font-size:10px;font-weight:850}
.pcf-phase-toggle input{accent-color:var(--teal)}
.pcf-phase-fixed{color:var(--teal-dark);background:#eef7f3}
.pcf-a3-editor{margin-top:11px;padding-top:11px;border-top:1px solid #dfeae6}
.pcf-a3-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
.pcf-a3-controls label{font-size:10px;color:var(--muted);font-weight:800}
.pcf-a3-controls input,.pcf-a3-controls select{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px;font-size:11px}
.pcf-a3-table-wrap{overflow-x:auto}
.pcf-a3-table{width:100%;border-collapse:collapse;min-width:560px;font-size:10px}
.pcf-a3-table th{text-align:left;color:var(--muted);font-size:9px;padding:7px;border-bottom:1px solid #ccd9db}
.pcf-a3-table td{padding:6px 7px;border-bottom:1px solid #e7efeb;vertical-align:middle}
.pcf-a3-table input,.pcf-a3-table select{width:100%;min-width:75px;border:1px solid #d6e0e0;border-radius:4px;padding:7px;font-size:10px;background:#fff;color:var(--ink)}
.pcf-unit-fixed{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:7px 8px;border:1px solid #c9dcda;border-radius:4px;background:#eef7f3;color:var(--navy);font-weight:850;font-size:10px}
.pcf-a3-unit-note{margin:9px 0 0;line-height:1.45}
.pcf-a3-table td:first-child{min-width:170px}
.pcf-a3-table td:nth-child(3){min-width:78px}
.pcf-a3-table td.pcf-a3-equivalent{min-width:135px;background:#f2f7f4;color:var(--navy)}
.pcf-a3-equivalent strong{display:block;font-size:10px;color:var(--teal-dark);white-space:nowrap}
.pcf-a3-equivalent small{display:block;margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap}
.pcf-a3-table td.pcf-a3-contribution{min-width:112px;background:#f2f7f4;color:var(--navy);font-weight:850;white-space:nowrap}
.pcf-a3-table td.pcf-a3-part-contribution{background:#edf5f6;color:var(--teal-dark)}
.pcf-a3-custom-name{margin-top:5px!important}
.pcf-unit-summary{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(100px,auto) auto minmax(100px,auto);align-items:center;gap:5px 9px;padding:9px 11px;border:1px solid #c9dcda;border-radius:6px;background:#eef7f3;color:var(--muted);font-size:10px}
.pcf-unit-summary strong{color:var(--navy);font-size:12px;white-space:nowrap}
.pcf-unit-summary span{font-weight:800}
.pcf-a3-table td:last-child{width:32px;text-align:right}
.pcf-a3-actions{display:flex;justify-content:flex-end;margin-top:9px}
@media(max-width:780px){.pcf-phase-fields{grid-template-columns:1fr 1fr}.pcf-phase-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.export-actions,.mass-tool-footer .export-actions,.pcf-tool .chart-heading .export-actions{display:grid;width:100%;margin-left:0}.pcf-phase-fields{grid-template-columns:1fr}.pcf-phase-tab{text-align:center}.pcf-phase-heading{display:block}.pcf-phase-toggle,.pcf-phase-fixed{margin-top:9px}.pcf-a3-controls{grid-template-columns:1fr}}
.pcf-source-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:10px;margin:12px 0;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:7px}.pcf-source-grid label{font-size:10px;font-weight:800;color:var(--muted)}.pcf-source-grid select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);font-size:11px}.pcf-tool{width:100%;max-width:none;margin-inline:auto}.pcf-tool .pcf-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.pcf-tool .pcf-fields label{min-width:0}@media(max-width:780px){.pcf-source-grid,.pcf-tool .pcf-fields{grid-template-columns:1fr 1fr}}@media(max-width:680px){.pcf-source-grid,.pcf-tool .pcf-fields{grid-template-columns:1fr}}
@media print{body[data-print-target="massParts"] #recipePanel,body[data-print-target="massParts"] #precastPanel,body[data-print-target="massParts"] #pcfPanel{display:none!important}body[data-print-target="massParts"] #massPartsPanel{display:block!important}body[data-print-target="pcf"] #recipePanel,body[data-print-target="pcf"] #precastPanel,body[data-print-target="pcf"] #massPartsPanel{display:none!important}body[data-print-target="pcf"] #pcfPanel{display:block!important}}

/* v0.15: room-by-room target flow based on entered circuit lengths */
.flow-room-list{display:grid;gap:12px;margin:14px 0}
.flow-room-card{padding:15px;background:#f7faf8;border:1px solid var(--line);border-radius:8px}
.flow-room-heading{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:end;gap:10px}
.flow-room-heading label,.flow-circuit-row label{display:block;color:var(--muted);font-size:10px;font-weight:750}
.flow-room-heading input,.flow-circuit-row input{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:8px;font-size:11px}
.flow-room-inputs{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin:12px 0}
.flow-room-inputs .unit-input{margin-top:4px}
.flow-room-inputs .unit-input input{margin:0;min-width:0;flex:1}
.flow-room-total{padding:8px 0}
.flow-room-total small{display:block;color:var(--muted);font-size:9px}
.flow-room-total strong{display:block;margin-top:5px;color:var(--navy);font-size:12px}
.flow-circuit-list{display:grid;gap:7px}
.flow-circuit-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(105px,.7fr) 28px minmax(160px,1.1fr);align-items:end;gap:9px;padding:9px;background:#fff;border:1px solid #e2ebe6;border-radius:6px}
.flow-circuit-row .unit-input{margin-top:4px}
.flow-circuit-row .unit-input input{margin:0;min-width:0;flex:1}
.flow-circuit-row .row-remove{justify-self:end}
.flow-circuit-row>strong{padding:9px 0;color:var(--teal-dark);font-size:10px;text-align:right;white-space:nowrap}
.flow-add-circuit{margin-top:9px}
.flow-room-error{min-height:0;margin:0;color:#9b3e36;font-size:10px;font-weight:750}
.flow-room-error:not(:empty){margin-top:8px}
.flow-room-card .row-remove:disabled{opacity:.3;cursor:not-allowed}
.flow-room-card,.home-device-row{position:relative}
.heat-integrated-water{margin:14px 0 4px;padding:13px 15px;background:#f4f8ef;border:1px solid #dfe8cd;border-radius:8px;color:var(--navy)}
.heat-integrated-water>b{font-size:11px}
.heat-integrated-water .field-hint{margin:5px 0 10px}
.hero-co2-visual{margin:15px 0 3px;padding:12px 0 10px;border-top:1px solid #38566a;border-bottom:1px solid #38566a}
.hero-co2-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}
.hero-co2-heading span{font-size:8px;letter-spacing:.14em;color:var(--lime);font-weight:900}
.hero-co2-heading b{font-size:9px;color:#d5e2e4;font-weight:650}
.hero-co2-bars{display:grid;gap:6px}
.hero-co2-bars>div{display:grid;grid-template-columns:38px 1fr 108px;gap:7px;align-items:center}
.hero-co2-bars span,.hero-co2-bars small{font-size:8px;color:#b9cbd0}
.hero-co2-bars small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-co2-bars i{display:block;height:7px;background:#2b485c;border-radius:8px;overflow:hidden}
.hero-co2-bars em{display:block;height:100%;background:linear-gradient(90deg,var(--lime),#dbe994);border-radius:8px}
.hero-co2-note{display:block;margin-top:8px;color:#8faab1;font-size:8px;line-height:1.35}
.co2-molecule{display:flex;align-items:center;gap:8px;margin:15px 0;padding:13px 16px;background:#edf5f2;border-radius:8px;color:var(--navy);font-size:19px}
.co2-molecule .atom{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:900;color:#fff;font-size:18px}
.co2-molecule .atom-c{background:var(--navy)}
.co2-molecule .atom-o{background:var(--teal)}
.co2-molecule strong{margin-left:auto;color:var(--teal-dark);font-size:16px}
.logo-proposals{margin-top:54px}
.logo-proposal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.logo-proposal-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:0 4px 14px rgba(16,42,67,.04)}
.logo-proposal-grid img{display:block;width:100%;height:auto;border-radius:7px;margin-bottom:12px}
.logo-proposal-grid b{display:block;color:var(--navy);font-size:12px}
.logo-proposal-grid p{margin:5px 0 2px;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:680px){.hero-co2-bars>div{grid-template-columns:35px 1fr}.hero-co2-bars small{grid-column:2;margin-top:-4px}.logo-proposal-grid{grid-template-columns:1fr}.logo-proposals{margin-top:40px}}

/* v0.29: Bauteilliste, klare CO2-Skala und lesbare Wortmarke */
.brand{min-width:310px}.brand img{width:300px;height:60px}
.component-mass-tool{margin-top:18px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 9px rgba(16,42,67,.025)}
.component-mass-tool .chart-heading{align-items:center}.component-mass-tool .chart-heading h3{margin:5px 0;font-size:20px;color:var(--navy)}
.mass-global-controls{display:grid;grid-template-columns:1.3fr 1.3fr 1.2fr 1fr;gap:10px;margin:14px 0;padding:13px 14px;background:#f4f8ef;border:1px solid #dce8c4;border-radius:8px}.mass-global-controls label{font-size:10px;color:var(--muted);font-weight:800}.mass-global-controls select,.mass-global-controls input{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);padding:7px 8px;font-size:10px}.mass-parts-table{border-collapse:collapse;width:100%;min-width:780px;font-size:10px}.mass-parts-table th{text-align:left;padding:9px 7px;border-bottom:1px solid #cfdcde;color:var(--muted);font-size:9px}.mass-parts-table td{padding:8px 7px;border-bottom:1px solid #eaf0ef;vertical-align:middle}.mass-parts-table input,.mass-parts-table select{width:100%;min-width:80px;border:1px solid #d6e0e0;border-radius:4px;padding:6px;font-size:10px;color:var(--ink);background:#fff}.mass-parts-table td:first-child{min-width:170px}.mass-parts-table td:nth-child(2),.mass-parts-table td:nth-child(3){min-width:145px}.mass-parts-table td:nth-child(4){min-width:190px;color:var(--navy)}.mass-parts-table td:nth-child(4) strong,.mass-parts-table td:nth-child(4) small{display:block}.mass-parts-table td:nth-child(4) small{margin-top:3px;color:var(--muted);font-size:9px}.mass-parts-table .unit-input{display:flex;align-items:center;margin-top:5px}.mass-parts-table .unit-input input{min-width:0}.mass-parts-table .unit-input span{padding-left:5px;color:var(--muted);font-size:9px;white-space:nowrap}.mass-tool-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.mass-tool-footer>span{font-size:10px;color:var(--teal-dark);font-weight:800}.mass-tool-footer .button{font-size:10px;padding:9px 12px}
.recipe-scale-panel{margin-top:22px}
.co2-reference-track span{background:linear-gradient(90deg,var(--teal),var(--lime))}
.co2-feeling-inputs label{display:grid;grid-template-rows:14px 38px 14px;align-items:start}.co2-feeling-inputs select,.co2-feeling-inputs input{height:38px;margin-top:0}.co2-feeling-inputs label>span{margin-top:3px}
#precastPanel>.recipe-toolbar{align-items:center}
#precastPanel>.recipe-toolbar>div:first-child{order:2;flex:0 1 44%}
#precastPanel>.recipe-toolbar>.toolbar-actions{order:1;flex:1;justify-content:flex-start;align-items:center}
@media(max-width:900px){.brand{min-width:260px}.brand img{width:250px;height:55px}}
@media(max-width:680px){.brand{min-width:0}.brand img{width:230px;height:50px}.component-mass-tool{padding:16px}.component-mass-tool .chart-heading{display:block}.component-mass-tool .chart-heading button{margin-top:10px}.mass-global-controls{grid-template-columns:1fr 1fr}.mass-tool-footer{display:grid}.mass-tool-footer .button{width:100%}#precastPanel>.recipe-toolbar{display:flex;flex-direction:column;align-items:stretch}#precastPanel>.recipe-toolbar>div:first-child{order:2}#precastPanel>.recipe-toolbar>.toolbar-actions{order:1}}
.flow-room-card>.flow-room-heading,.home-device-row>.home-device-heading{padding-right:34px}
.flow-room-card>.flow-room-heading>.row-remove,.home-device-row>.home-device-heading>.row-remove{position:absolute;top:10px;right:10px;margin:0}
.flow-room-inputs{align-items:start}
.flow-room-total{align-self:end}
@media(max-width:780px){.flow-room-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-circuit-row{grid-template-columns:1fr 1fr 28px}.flow-circuit-row>strong{grid-column:1/-1;text-align:left;padding:0}}
@media(max-width:520px){.flow-room-inputs{grid-template-columns:1fr}.flow-circuit-row{grid-template-columns:1fr 1fr 26px;gap:7px}.flow-circuit-row>strong{font-size:9px}}
.footer-brand img{filter:none!important;opacity:.98;width:180px;height:52px;object-fit:contain;object-position:left center}.footer-brand{min-width:190px}
.inline-estimate{grid-column:1/-1;padding:11px 13px;background:#f3f7f5;border:1px solid #d4e2dc;border-radius:7px}.inline-estimate>b{display:block;color:var(--navy);font-size:11px}.inline-estimate .field-hint{margin:3px 0 8px}.inline-estimate label{display:inline-block;width:calc(50% - 8px);margin-right:10px;color:var(--muted);font-size:10px;font-weight:750}.inline-estimate label+label{margin-right:0}.inline-estimate input{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;padding:7px;font-size:11px}.inline-estimate>small{display:block;margin-top:8px;color:var(--teal-dark);font-weight:800;font-size:10px}
.water-result-group{margin:10px 0;padding:10px 11px;border-radius:7px}.water-result-group>b{display:block;margin-bottom:7px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.water-usage{background:#e5f2ee;border:1px solid #c5ded5}.water-savings{background:#fff4d9;border:1px solid #eddaa1}.water-result-group>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid rgba(16,42,67,.1)}.water-result-group strong{color:var(--navy)}
@media(max-width:680px){.inline-estimate label{display:block;width:100%;margin:8px 0 0}.footer-brand img{width:170px;height:49px}}
.brand img{width:230px;height:52px;object-fit:contain;object-position:left center}.footer-brand img{filter:none!important;width:180px;height:52px;object-fit:contain;object-position:left center}.energy-class-box{margin:12px 0;padding:11px 12px;background:#f4f8ef;border:1px solid #dce8c4;border-radius:7px}.energy-class-box>b{display:block;color:var(--navy);font-size:10px}.energy-class-scale{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin:8px 0 5px}.energy-class-scale span{padding:3px 0;text-align:center;font-size:8px;font-weight:900;color:#fff;border-radius:2px;background:#2a9d64}.energy-class-scale span:nth-child(1),.energy-class-scale span:nth-child(2){background:#188b5a}.energy-class-scale span:nth-child(3){background:#72b84a}.energy-class-scale span:nth-child(4){background:#b3cd42}.energy-class-scale span:nth-child(5){background:#e0bc35}.energy-class-scale span:nth-child(6){background:#e49535}.energy-class-scale span:nth-child(7){background:#db6b32}.energy-class-scale span:nth-child(8){background:#c84f42}.energy-class-box>strong{display:block;color:var(--teal-dark);font-size:12px}.energy-class-box>small{display:block;color:var(--muted);font-size:8px;line-height:1.35}.water-saving-prompt{margin:13px 0;padding:13px 14px;background:#fff4d9;border:1px solid #eddaa1;border-radius:8px}.water-saving-prompt>b{display:block;color:#624e22;font-size:11px}.water-saving-prompt p{margin:4px 0 7px;color:#76643a;font-size:10px;line-height:1.45}.water-saving-prompt small{display:block;margin-top:8px;color:#76643a;font-size:9px;line-height:1.4}.heatpump-subnav{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 0;padding:9px;background:#edf5f2;border:1px solid var(--line);border-radius:8px}.heatpump-subtab{border:1px solid #c9dcda;border-radius:6px;background:#fff;color:var(--muted);padding:9px 12px;font-size:10px;font-weight:850}.heatpump-subtab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(max-width:680px){.brand img{width:205px;height:48px}.heatpump-subnav{display:grid}.heatpump-subtab{text-align:left}}

/* v0.25: building orientation, recipe scaling, dew-point and CO2 feeling tools */
.energy-class-scale{grid-template-columns:repeat(9,1fr)}
.energy-class-scale span.active{outline:2px solid var(--navy);outline-offset:2px;transform:translateY(-2px);box-shadow:0 3px 0 rgba(16,42,67,.18)}
.energy-class-box>strong{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:11px 0 7px}.energy-class-box>small{max-width:34em}
.home-category-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 17px}.home-category-guide article{display:flex;align-items:center;gap:9px;padding:11px 12px;background:#f4f8f6;border:1px solid #dce8e2;border-radius:7px}.home-category-guide article>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:var(--navy);color:#fff;font-size:8px;font-weight:900}.home-category-guide b{display:block;color:var(--navy);font-size:10px;line-height:1.2}.home-category-guide small{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.25}.home-climate-section{background:#f7faf8;border-top:1px solid #e0eae6;margin-top:34px;padding-top:50px;padding-bottom:12px}.home-climate-section .container{width:100%;padding:0}.home-climate-section .section-heading{margin-bottom:24px}
.recipe-scale-panel{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px 16px;margin:17px 0;padding:14px 15px;background:#f4f8ef;border:1px solid #dce8c4;border-radius:8px}
.recipe-scale-panel>b,.recipe-scale-panel>div>b{color:var(--navy);font-size:11px}
.recipe-scale-panel .small-note{margin:4px 0 0}
.recipe-scale-panel>label{color:var(--muted);font-size:10px;font-weight:800}
.recipe-scale-panel>label input{display:block;width:100%;margin-top:4px;border:1px solid #ccd9db;border-radius:5px;background:#fff;padding:8px;font-size:11px}
.recipe-scale-summary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:9px;border-top:1px solid #dce8c4;color:var(--muted);font-size:10px}
.recipe-scale-summary strong{color:var(--navy);font-size:12px}
.recipe-scale-table-wrap{grid-column:1/-1;max-height:190px;overflow:auto;background:#fff;border:1px solid #dfe8e3;border-radius:6px}
.recipe-scale-table{width:100%;border-collapse:collapse;font-size:10px}
.recipe-scale-table th,.recipe-scale-table td{padding:7px 8px;border-bottom:1px solid #e6eeea;text-align:left}
.recipe-scale-table th{color:var(--muted);font-size:9px}
.recipe-scale-table td:last-child{text-align:right;color:var(--navy);font-weight:800}
.surface-result .surface-status{margin:0;padding:12px 13px;border:1px solid #cbded8;border-radius:8px;background:#fff}
.surface-status b{display:block;color:var(--navy);font-size:13px;line-height:1.25}
.surface-status small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}
.surface-result{gap:14px}
.co2-feeling-tool{display:grid;grid-template-columns:1.15fr 1fr;gap:17px 22px;margin:20px 0 16px;padding:21px 23px;background:var(--navy);border-radius:10px;color:#fff;box-shadow:var(--shadow)}
.co2-feeling-copy h3{margin:6px 0 7px;color:#fff;font-size:22px;line-height:1.15;letter-spacing:-.025em}
.co2-feeling-copy p{margin:0;color:#bed0d5;font-size:11px;line-height:1.55}
.co2-feeling-copy .mini-label{color:var(--lime)}
.co2-feeling-inputs{display:grid;grid-template-columns:1.2fr .8fr .9fr;align-items:end;gap:9px}
.co2-feeling-inputs label{color:#c5d4d8;font-size:10px;font-weight:800}
.co2-feeling-inputs select,.co2-feeling-inputs input{display:block;width:100%;margin-top:5px;border:1px solid #5d7785;border-radius:5px;background:#17384e;color:#fff;padding:8px;font-size:11px}
.co2-feeling-inputs span{display:block;margin-top:4px;color:#8eabb3;font-size:9px;font-weight:600}
.co2-feeling-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding-top:13px;border-top:1px solid #38566a}
.co2-feeling-results>div{padding:10px 11px;background:#17384e;border-radius:6px}
.co2-feeling-results strong{display:block;color:var(--lime);font-size:21px;line-height:1.1}
.co2-feeling-results small{display:block;margin-top:4px;color:#b9cbd0;font-size:9px;line-height:1.35}
.co2-feeling-results p{grid-column:1/-1;margin:0;color:#8eabb3;font-size:9px;line-height:1.45}
.co2-feeling-summary{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding:13px 14px;border:1px solid #3d6073;border-radius:7px;background:#143247}.co2-feeling-summary strong{color:var(--lime);font-size:24px;line-height:1}.co2-feeling-summary span{color:#bed0d5;font-size:10px}.co2-reference-list{grid-column:1/-1;display:grid;gap:8px;padding-top:13px;border-top:1px solid #38566a}.co2-reference-row{display:grid;grid-template-columns:34px 150px minmax(80px,1fr) 70px;align-items:center;gap:9px;min-height:38px}.co2-reference-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0b928;color:#102a43;font-size:18px}.co2-reference-label b,.co2-reference-label small{display:block}.co2-reference-label b{color:#fff;font-size:11px}.co2-reference-label small{margin-top:2px;color:#c8d8dc;font-size:10px}.co2-reference-track{height:10px;overflow:hidden;border-radius:99px;background:#2b5267}.co2-reference-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c9e94a,#f0b928);transition:width .25s ease}.co2-reference-scale{color:#9fb8c0;font-size:9px;text-align:right;white-space:nowrap}
.cement-feature{margin:16px 0;padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 9px rgba(16,42,67,.025)}
.cement-feature h3{margin:6px 0 9px;color:var(--navy);font-size:22px;line-height:1.15}
.cement-feature p{max-width:980px;color:var(--muted);font-size:11px;line-height:1.6}
.cement-mini-table{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.cement-mini-table>div{padding:10px;background:#f3f7f5;border:1px solid #dce8e2;border-radius:6px}
.cement-mini-table b{display:block;color:var(--navy);font-size:11px}.cement-mini-table span{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}
@media(max-width:820px){.co2-feeling-tool{grid-template-columns:1fr}.co2-feeling-inputs{grid-template-columns:1fr 1fr}.co2-feeling-inputs label:first-child{grid-column:1/-1}.cement-mini-table{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.recipe-scale-panel{grid-template-columns:1fr}.recipe-scale-panel>label{max-width:160px}.co2-feeling-inputs,.co2-feeling-results{grid-template-columns:1fr}.co2-feeling-results p{grid-column:auto}.co2-feeling-tool,.cement-feature{padding:17px 18px}.cement-mini-table{grid-template-columns:1fr}.co2-reference-row{grid-template-columns:32px 1fr 58px;gap:7px}.co2-reference-track{grid-column:2/-1}.co2-reference-scale{grid-column:3;grid-row:1;align-self:start}.co2-reference-label small{font-size:9px}}

/* v0.25: independent climate tools are grouped under Zuhause & Energie */
.misc-section{background:#f7faf8}
.misc-tool-switcher{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.misc-tool-tab{border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 14px;color:var(--muted);font-size:11px;font-weight:800}
.misc-tool-tab.active{border-color:var(--teal);background:#eef7f3;color:var(--navy);box-shadow:inset 0 3px var(--teal)}
.misc-tool-panel[hidden]{display:none!important}
.ventilation-shell{box-shadow:var(--shadow)}
.ventilation-input-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 12px}
.ventilation-input-groups fieldset{min-width:0;margin:0;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#f7faf8}
.ventilation-input-groups legend{padding:0 6px;color:var(--navy);font-size:11px;font-weight:850}
.ventilation-input-groups .home-calc-fields{margin:7px 0 0}
.ventilation-help{margin-top:13px;padding:11px 13px;background:#eef7f3;border-radius:7px;color:var(--muted);font-size:10px;line-height:1.55}
.ventilation-help summary{color:var(--teal-dark);font-weight:850;cursor:pointer}
.ventilation-help p{margin:8px 0 0}
.ventilation-result{gap:14px}
.ventilation-result .ventilation-status{margin:1px 0 0;padding:13px 14px;border:1px solid #cbded8;border-radius:8px;background:#fff}
.ventilation-status b{display:block;color:var(--navy);font-size:14px;line-height:1.25}
.ventilation-status small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}
.ventilation-status[data-state="good"]{background:#e6f4ed;border-color:#b9dcc8}
.ventilation-status[data-state="good"] b{color:#1a7048}
.ventilation-status[data-state="mild"]{background:#f4f8ef;border-color:#dce8c4}
.ventilation-status[data-state="mild"] b{color:#617d22}
.ventilation-status[data-state="warn"]{background:#fff1ed;border-color:#ebc7be}
.ventilation-status[data-state="warn"] b{color:#9b4038}
.misc-followups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.misc-followups article{padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}
.misc-followups article>span{color:var(--teal-dark);font-size:8px;font-weight:900;letter-spacing:.12em}
.misc-followups h3{margin:7px 0 5px;color:var(--navy);font-size:15px}
.misc-followups p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:780px){.ventilation-input-groups{grid-template-columns:1fr}.misc-followups{grid-template-columns:1fr}}
@media(max-width:900px){.home-category-guide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.home-category-guide{grid-template-columns:1fr}.energy-class-box>strong{font-size:22px}}
.energy-class-scale span:nth-child(9){background:#a83232}

/* v0.29 final polish: Wortmarke und Eingabezeilen klar auf einer Linie */
.brand{min-width:310px}.brand img{width:300px;height:60px;object-fit:contain;object-position:left center}
.recipe-scale-panel>div:first-child .mini-label{display:inline-block;margin-right:9px}.recipe-scale-panel>div:first-child>b{display:inline-block}
.mass-mode-check{display:flex;align-items:center;gap:7px;padding-top:22px;white-space:nowrap}.mass-mode-check input{width:16px!important;height:16px;margin:0!important;accent-color:var(--teal)}
.pcf-tool{margin-top:18px;padding:20px 22px;background:#f7faf8;border:1px solid #dce8e2;border-radius:9px}.pcf-tool .chart-heading h3{margin:5px 0;font-size:20px;color:var(--navy)}.pcf-switches{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:7px}.pcf-switches label{font-size:10px;font-weight:800;color:var(--navy)}.pcf-switches input{accent-color:var(--teal);margin-right:5px}.pcf-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.pcf-fields label{font-size:10px;font-weight:800;color:var(--muted)}.pcf-fields input{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #ccd9db;border-radius:5px;background:#fff;color:var(--ink);font-size:11px}.pcf-a2-wrap{margin:13px 0;background:#fff;border:1px solid var(--line);border-radius:7px}.pcf-table{width:100%;border-collapse:collapse;font-size:10px}.pcf-table th,.pcf-table td{padding:8px;border-bottom:1px solid #e6eeea;text-align:left}.pcf-table th{color:var(--muted);font-size:9px}.pcf-table td:last-child{text-align:right;color:var(--navy);font-weight:800}.pcf-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.pcf-result-grid>div{padding:11px;background:#fff;border:1px solid var(--line);border-radius:7px}.pcf-result-grid span,.pcf-result-grid strong{display:block}.pcf-result-grid span{font-size:9px;color:var(--muted)}.pcf-result-grid strong{margin-top:4px;font-size:15px;color:var(--navy)}.pcf-result-grid .pcf-total{background:var(--navy);border-color:var(--navy)}.pcf-total span{color:#c9d9dc}.pcf-total strong{color:var(--lime)}
@media(max-width:780px){.pcf-fields{grid-template-columns:1fr 1fr}.pcf-result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.pcf-tool{padding:16px}.pcf-fields,.pcf-result-grid{grid-template-columns:1fr}.pcf-switches{display:grid}}

/* v0.46: A2/A3 Werte je m³ und je Betonbauteil */
.pcf-a2-wrap{overflow-x:auto}.pcf-table{min-width:650px}.pcf-table td[data-pcf-row-part-result],.pcf-table td[data-pcf-steel-part-result]{background:#edf5f6;color:var(--teal-dark);font-weight:850;white-space:nowrap}

/* v0.47: vollständige lokale Projektdatei */
.project-backup-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#f7faf8}.project-backup-bar p{margin:4px 0 0;color:var(--muted);font-size:10px}.project-backup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.project-backup-actions .outline-button{white-space:nowrap}
@media(max-width:680px){.project-backup-bar{display:grid}.project-backup-actions{justify-content:stretch}.project-backup-actions .outline-button{flex:1}}

/* PCF und Bauteilvergleich: gleiche Breite und klare, exportierbare Ergebnisbereiche */
.pcf-tool{max-width:none;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.pcf-tool .pcf-source-grid,.pcf-tool .pcf-switches{background:#f7faf8}
.pcf-tool .pcf-a2-wrap{background:#fff}
.pcf-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pcf-switches label{display:flex;align-items:center;min-height:32px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff}
.pcf-switches label:has(input:checked){border-color:var(--teal);background:#eaf7f4;color:var(--navy)}
.precast-summary-list{width:100%;margin:16px 0;border-top:1px solid #cbdcd4}
.precast-summary-list h4{margin:13px 0 7px;font-size:11px;color:var(--navy)}
.precast-summary-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:8px 0;border-bottom:1px solid #cbdcd4;font-size:10px}
.precast-summary-list span{color:var(--muted)}
.precast-summary-list b{color:var(--navy);text-align:right}
.precast-summary-list small{grid-column:1/-1;color:var(--muted);font-size:9px}
.button-light.full-width{width:100%}
@media(max-width:680px){.pcf-switches{grid-template-columns:1fr}.precast-summary-list>div{grid-template-columns:1fr}.precast-summary-list b{text-align:left}}
@media(max-width:900px){.brand{min-width:260px}.brand img{width:250px;height:55px}}
@media(max-width:680px){.brand{min-width:0}.brand img{width:230px;height:50px}}

/* v0.26 final cascade: layout refinements */
.home-tool-switcher{padding:4px;border:1px solid var(--line);border-radius:8px;background:#f6f9f7}
.home-tool-tab{border:0}.home-tool-tab.active{box-shadow:0 2px 8px rgba(16,42,67,.1),inset 0 3px var(--teal)}
.tools-section .tool-switcher .tool-tab{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;padding-inline:10px}
@media(max-width:680px){.tools-section .tool-switcher .tool-tab{flex-basis:calc(50% - 6px);flex-grow:0;white-space:normal;line-height:1.2}}
@media(max-width:680px){.home-tool-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px}.home-tool-tab{min-height:44px;padding:9px 8px;font-size:10px}.entry-grid{grid-template-columns:1fr;margin-top:25px}.entry-card{min-height:0}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}}

/* aktuelle Markenfassung: ausreichend große Wortmarke auch auf älteren Desktop-Bildschirmen */
.brand{min-width:360px}.brand img{width:350px;height:78px;object-fit:contain;object-position:left center}
@media(max-width:900px){.brand{min-width:300px}.brand img{width:300px;height:68px}}
@media(max-width:680px){.brand{min-width:0}.brand img{width:270px;height:60px}}

/* v0.62: abschließende Website-Regeln nach allen historischen Kaskaden */
html{overflow-x:clip;scroll-padding-top:4px}body{overflow-x:clip}#plattformIntro,#arbeitsweise{scroll-margin-top:18px}#zuhause,#raumklima,#beton,#scopes,#wissen,#ueber,#quellen{scroll-margin-top:0}#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:92px}.site-header{position:sticky;top:0;z-index:50}
.hero-co2-card .co2-reference-card{min-width:0}.hero-co2-card .co2-reference-card b,.hero-co2-card .co2-reference-card small{max-width:100%;overflow-wrap:anywhere}.hero-co2-card .co2-reference-card strong{max-width:100%;font-variant-numeric:tabular-nums}@media(min-width:901px){.hero-co2-card .co2-reference-card strong.value-long{font-size:14px!important;letter-spacing:-.05em}}
#homeToolOverview .tool-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-focus-heading p{max-width:720px;margin:-7px 0 16px;color:var(--muted);font-size:10px;line-height:1.5}.tool-focus-grid button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;align-items:start;min-height:100px;padding:13px;border-color:#d5e1de;box-shadow:0 3px 10px rgba(16,42,67,.035)}.tool-focus-grid button:hover,.tool-focus-grid button:focus-visible{border-color:#d6aa3b;background:#fffbef;box-shadow:0 8px 18px rgba(16,42,67,.08)}.tool-focus-grid .tool-badge{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:11px;background:linear-gradient(145deg,#f6d65d,#e7ae27);color:var(--navy);font-size:10px;font-weight:900;letter-spacing:-.02em;box-shadow:0 4px 10px rgba(190,137,19,.16)}.tool-focus-grid button>b{grid-column:2;margin-top:1px;font-size:12px;line-height:1.25}.tool-focus-grid button>span:not(.tool-badge){grid-column:2;margin-top:4px}.focus-back{position:sticky;top:88px;z-index:24;box-shadow:0 4px 13px rgba(16,42,67,.09)}
body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.section-heading,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-category-guide,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.project-quickbar,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-tool-switcher,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"]>.container>.home-print-toolbar{display:none!important}body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="home"] #raumklima{display:none!important}body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>#homeFocusBack,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"]>.container>.home-tool-panel,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .section-heading,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .project-quickbar,body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima .misc-tool-switcher{display:none!important}body:not(.pwa-standalone) #zuhause[data-focus-view="tool"][data-focus-kind="climate"] #raumklima{margin-top:0;padding-top:0;border-top:0}body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.section-heading,body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.pcf-story,body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.tool-switcher,body:not(.pwa-standalone) #beton[data-focus-view="tool"]>.container>.project-backup-bar{display:none!important}
.pcf-story{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(16,42,67,.04)}.pcf-story>.pcf-story-intro,.pcf-story>.pcf-story-steps,.pcf-story>.pcf-story-actions{padding:0;background:transparent}.pcf-story-intro h3{margin:5px 0;color:var(--navy);font-size:22px}.pcf-story-intro p{margin:0;color:var(--muted);font-size:11px}.pcf-story-route{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pcf-story-route span{padding:6px 9px;border-radius:99px;background:#fff6d9;color:#6c5520;font-size:9px;font-weight:850;letter-spacing:0}.pcf-story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pcf-story-steps>div{position:relative;display:grid;place-content:center;min-height:112px;padding:14px;text-align:center;border:1px solid #dae7e2;border-radius:9px;background:#f4f8f6}.pcf-story-steps>div:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;display:grid;place-items:center;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#f0b928;color:var(--navy);font-size:11px;font-weight:900}.pcf-story-steps span,.pcf-story-steps b,.pcf-story-steps small{display:block}.pcf-story-steps span{margin:0 auto 7px;color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.08em}.pcf-story-steps b{color:var(--navy);font-size:12px}.pcf-story-steps small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}.pcf-story-actions{display:flex;flex-wrap:wrap;gap:8px}.pcf-story-actions button,.pcf-story-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--navy);border-radius:7px;font-size:10px;font-weight:850;text-decoration:none}.pcf-story-actions button{background:#fff;color:var(--navy)}.pcf-story-actions button:hover,.pcf-story-actions button:focus-visible{background:#fff8e5;border-color:#d6aa3b}.pcf-story-actions a{background:var(--navy);color:#fff}.workflow-context{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:12px 14px;border:1px solid #e5cf86;border-radius:8px;background:#fff8e5}.workflow-context[hidden]{display:none!important}.workflow-context b{color:var(--navy);font-size:11px;white-space:nowrap}.workflow-context span{color:#6b6047;font-size:10px;line-height:1.45}
@media(max-width:820px){#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr 1fr}.pcf-story-steps{grid-template-columns:1fr 1fr}.pcf-story-steps>div:after{display:none}.focus-back{top:78px}}@media(max-width:560px){#homeToolOverview,#betonToolOverview,.home-tool-panel,.misc-tool-panel,.tool-panel{scroll-margin-top:78px}#homeToolOverview .tool-focus-grid,#betonToolOverview .tool-focus-grid{grid-template-columns:1fr}.tool-focus-grid button{min-height:88px}.pcf-story{padding:16px}.pcf-story-steps{grid-template-columns:1fr}.pcf-story-actions{display:grid}.workflow-context{display:grid;gap:3px}.workflow-context b{white-space:normal}}

/* v0.52 final cascade: compatibility rules */
.app-install-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 2px;padding:17px 0;border-top:1px solid #314b5e}.app-install-card .mini-label{color:var(--lime)}.app-install-card b{display:block;margin-top:4px;color:#fff;font-size:14px}.app-install-card p{margin:5px 0 0;color:#b6c7cd;font-size:10px;line-height:1.45;max-width:620px}.app-install-card .button{flex:none;font-size:10px}.pwa-update-notice{position:fixed;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;max-width:min(430px,calc(100% - 36px));padding:12px 14px;border:1px solid #a9d4cf;border-radius:8px;background:#fff;color:var(--navy);box-shadow:0 10px 28px rgba(16,42,67,.18);font-size:11px;font-weight:750}.pwa-update-notice button{border:0;border-radius:5px;background:var(--teal);color:#fff;padding:8px 10px;font:inherit;font-weight:850;white-space:nowrap;cursor:pointer}
.co2-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.co2-reference-card{position:relative;min-height:156px;overflow:hidden;padding:17px 15px 14px;background:linear-gradient(150deg,#1d435a,#102a43)}.co2-reference-card:before{content:"";position:absolute;right:-29px;top:-31px;width:120px;height:120px;border:1px solid rgba(201,233,74,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(201,233,74,.035)}.co2-reference-card .co2-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:51px;height:51px;margin-bottom:13px;border-radius:16px;background:linear-gradient(145deg,#f5d455,#e3a823);box-shadow:0 7px 15px rgba(0,0,0,.16);font-size:27px;line-height:1}.co2-reference-card b,.co2-reference-card strong,.co2-reference-card small{position:relative;z-index:1}.co2-reference-card b{min-height:0;font-size:11px}.co2-reference-card strong{margin:10px 0 5px;font-size:23px}.co2-reference-card small{font-size:9px}.co2-card-concrete .co2-card-icon{background:linear-gradient(145deg,#d0d9d3,#a9b7b0)}.co2-card-steel .co2-card-icon{background:linear-gradient(145deg,#ced9e4,#8ea3b5)}.co2-card-electricity .co2-card-icon{background:linear-gradient(145deg,#fff1a3,#f0c239)}.co2-card-laptop .co2-card-icon{background:linear-gradient(145deg,#b8dbeb,#77a9c4)}.co2-card-beef .co2-card-icon{background:linear-gradient(145deg,#ebaf91,#bd6b55)}.co2-card-person .co2-card-icon{background:linear-gradient(145deg,#cce7cf,#75ac7e)}.co2-card-flight .co2-card-icon{background:linear-gradient(145deg,#d8e5ef,#8db0cb)}
.knowledge-topic-overview{grid-template-columns:repeat(4,1fr)}.knowledge-topic-overview article{min-height:74px}.knowledge-topic-overview article>span{background:var(--teal)}
.vent-size-inputs{display:grid;grid-template-columns:1fr;margin:0 0 14px;padding:0;gap:8px}.vent-size-inputs>label,.vent-size-inputs .home-calc-fields{max-width:none;margin:0;padding:11px 13px;border:1px solid #d7e5df;border-radius:8px;background:#f4f9f6}.vent-size-inputs>label{color:var(--navy)}.vent-size-inputs>label em{font-style:normal;font-weight:600;color:var(--muted)}.vent-size-inputs>label .unit-input{max-width:280px;margin-top:6px}.vent-size-inputs .home-calc-fields{gap:10px}.vent-size-inputs .home-calc-fields label{color:var(--muted);font-size:10px;font-weight:800}
.energy-class-box{text-align:center}.energy-class-box>b{margin-inline:auto}.energy-class-box>small{margin-inline:auto}.energy-class-scale{margin:10px auto 5px}.energy-class-box>strong{text-align:center}
@media(max-width:900px){.co2-reference-grid,.knowledge-topic-overview{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.app-install-card{align-items:stretch;flex-direction:column;gap:11px}.app-install-card .button{width:100%}.pwa-update-notice{left:15px;right:15px;bottom:15px;max-width:none;align-items:flex-start}.co2-reference-grid{grid-template-columns:1fr 1fr}.co2-reference-card{min-height:142px;padding:13px}.co2-reference-card .co2-card-icon{width:44px;height:44px;margin-bottom:10px;border-radius:13px;font-size:23px}.co2-reference-card strong{font-size:19px}.knowledge-topic-overview{grid-template-columns:1fr}.vent-size-inputs .home-calc-fields{grid-template-columns:1fr!important}.vent-size-inputs>label .unit-input{max-width:none}}
@media print{.app-install-card,.pwa-update-notice{display:none!important}}