.roof-tile-hero .pill-row{margin-top:18px}.roof-tile-hero .pill{white-space:nowrap}.roof-tile-box>p{margin-top:6px}.roof-tile-box form{margin-top:18px}.one-col{grid-template-columns:minmax(0,1fr)!important}.roof-tile-help{margin:18px 0 2px;padding:14px 16px;border-radius:14px;background:#eef5ef;border:1px solid #c9dacd;color:#294337}.roof-tile-help strong{color:#173b2b}.roof-tile-error{display:none;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff0ed;border:1px solid #efc0b8;color:#762d25;font-weight:750}.roof-tile-error.show{display:block}.roof-tile-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:#173b2b}.roof-tile-empty{grid-column:1/-1;color:#fff;display:flex;flex-direction:column;gap:5px;padding:7px}.roof-tile-empty span{color:#dce7df;font-size:.9rem}.roof-tile-result{min-height:94px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}.roof-tile-result span{color:#dce7df;font-size:.79rem;font-weight:700}.roof-tile-result strong{color:#fff;font-size:1.35rem;line-height:1.15;letter-spacing:-.02em}.roof-tile-result.primary{background:#f2b84b;border-color:#f2b84b}.roof-tile-result.primary span,.roof-tile-result.primary strong{color:#173b2b}.roof-tile-result.secondary{background:#244b38}.roof-tile-quick{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:18px;align-items:stretch;margin:22px 0}.roof-tile-quick>div{border:1px solid #d4ddd6;border-radius:16px;padding:18px;background:#fff}.roof-tile-quick .formula-card{background:#173b2b;color:#fff;border-color:#173b2b}.roof-tile-quick .formula-card strong{display:block;font-size:1.15rem;margin-bottom:8px}.roof-tile-quick .formula-card p{color:#dce7df;margin:0}.roof-tile-quick p:last-child{margin-bottom:0}.roof-tile-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.roof-tile-method-grid>div{border:1px solid #d4ddd6;border-radius:16px;padding:17px;background:#fff}.roof-tile-method-grid strong{color:#173b2b}.roof-tile-method-grid p{margin:6px 0 0}.roof-tile-sources{margin:18px 0 22px;padding:18px;border-radius:16px;border:1px solid #d4ddd6;background:#fff}.roof-tile-sources p:first-child{margin-top:0}.roof-tile-sources p:last-child{margin-bottom:0}.roof-tile-sources a{overflow-wrap:anywhere}@media(max-width:760px){.roof-tile-hero .hero-art{display:none}.roof-tile-hero{padding-bottom:24px}.roof-tile-hero .pill-row{gap:8px}.roof-tile-hero .pill{white-space:normal}.roof-tile-box{margin-top:4px}.roof-tile-results{grid-template-columns:1fr;padding:13px}.roof-tile-result{min-height:78px}.roof-tile-method-grid,.roof-tile-quick{grid-template-columns:1fr}}