#js-tool-container-flat-roof-razuklonka-calculator .rk-app { display:flex; flex-direction:column; gap:22px; color:var(--text-primary); } 
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-fieldset { border:1px solid var(--border-color); border-radius:var(--radius-md); padding:16px 18px 18px; margin:0 0 14px; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-legend { padding:0 6px; font-weight:600; font-size:.95rem; color:var(--text-secondary); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-field { display:flex; flex-direction:column; gap:6px; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-hint { font-size:.82rem; line-height:1.35; color:var(--text-muted); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-status { margin:0; font-size:.88rem; line-height:1.5; color:var(--text-secondary); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-status.warn { color:var(--warn); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-status.danger { color:var(--bad); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table-wrap { overflow-x:auto; border:1px solid var(--border-color); border-radius:var(--radius-md); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table { width:100%; border-collapse:collapse; font-size:.9rem; font-variant-numeric:tabular-nums; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table caption { caption-side:top; text-align:left; padding:10px 14px; font-size:.84rem; color:var(--text-secondary); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table th, #js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table td { padding:9px 14px; text-align:right; border-top:1px solid var(--border-color); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table th[scope="row"] { text-align:left; color:var(--text-secondary); font-weight:600; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table tbody tr:first-child th, #js-tool-container-flat-roof-razuklonka-calculator .tbcalc-table tbody tr:first-child td { border-top:0; }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-limits { margin:0; font-size:.84rem; line-height:1.45; color:var(--text-muted); }
#js-tool-container-flat-roof-razuklonka-calculator .tbcalc-details { display:flex; flex-direction:column; gap:12px; }

#js-tool-container-flat-roof-razuklonka-calculator .hdv-outcome { display:flex; flex-direction:column; gap:18px; padding:2px 0 0; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-hero-main { display:flex; flex-direction:column; gap:6px; min-width:0; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-label { font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-value { display:flex; align-items:baseline; gap:12px; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-num { font-size:clamp(2.8rem,8vw,4.4rem); font-weight:780; line-height:1; letter-spacing:-.03em; color:var(--text-primary); font-variant-numeric:tabular-nums; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-unit { font-size:1.12rem; font-weight:600; color:var(--text-secondary); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-badge { display:inline-flex; align-items:center; gap:7px; height:26px; padding:0 12px; border-radius:99px; font-size:.78rem; font-weight:650; white-space:nowrap; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-badge.ok { background:var(--ok-soft); color:var(--ok); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-badge.warn { background:var(--warn-soft); color:var(--warn); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-badge.bad { background:var(--bad-soft); color:var(--bad); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-dot { width:6px; height:6px; border-radius:99px; background:currentColor; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:var(--r-l); overflow:hidden; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metric { display:flex; flex-direction:column; gap:6px; padding:15px 18px; border-left:1px solid var(--line); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metric:first-child { border-left:0; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metric-label { font-size:.68rem; font-weight:650; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted); }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metric-value { font-size:1.3rem; font-weight:650; color:var(--text-primary); font-variant-numeric:tabular-nums; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-metric-unit { font-size:.8rem; font-weight:600; color:var(--text-muted); margin-left:4px; }
#js-tool-container-flat-roof-razuklonka-calculator .hdv-prefix { color:var(--text-secondary); margin-right:2px; }
@media (max-width:720px) { #js-tool-container-flat-roof-razuklonka-calculator .hdv-metrics { grid-template-columns:1fr 1fr; } #js-tool-container-flat-roof-razuklonka-calculator .hdv-metric { border-left:0; border-top:1px solid var(--line); } #js-tool-container-flat-roof-razuklonka-calculator .hdv-metric:nth-child(-n+2) { border-top:0; } #js-tool-container-flat-roof-razuklonka-calculator .hdv-metric:nth-child(even) { border-left:1px solid var(--line); } }
@media (max-width:600px) { #js-tool-container-flat-roof-razuklonka-calculator .tbcalc-grid-2 { grid-template-columns:1fr; } } 