.RoofTypesGuide-module__OUfRjG__visualGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.RoofTypesGuide-module__OUfRjG__roofCard{background:#fff;border:1px solid #dfe6ee;border-radius:20px;padding:18px;box-shadow:0 10px 30px #1329430d}.RoofTypesGuide-module__OUfRjG__imageFrame{background:#f6f9fb;border:1px solid #e4e9ef;border-radius:16px;overflow:hidden}.RoofTypesGuide-module__OUfRjG__imageFrame img{width:100%;height:auto;display:block}.RoofTypesGuide-module__OUfRjG__roofCard h2{color:#10233f;margin:16px 0 8px;font-size:22px}.RoofTypesGuide-module__OUfRjG__roofCard p{color:#617086;margin:0;font-size:13px}.RoofTypesGuide-module__OUfRjG__tagRow{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.RoofTypesGuide-module__OUfRjG__tag{color:#53657c;background:#f7f9fb;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.RoofTypesGuide-module__OUfRjG__summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.RoofTypesGuide-module__OUfRjG__summaryCard{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:16px}.RoofTypesGuide-module__OUfRjG__summaryCard span{color:#7f6200;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.RoofTypesGuide-module__OUfRjG__summaryCard strong{color:#10233f;margin-top:7px;font-size:17px;display:block}.RoofTypesGuide-module__OUfRjG__detailGrid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:22px;margin:30px 0;display:grid}.RoofTypesGuide-module__OUfRjG__detailCopy h2{margin-top:0}.RoofTypesGuide-module__OUfRjG__detailCopy p,.RoofTypesGuide-module__OUfRjG__detailCopy li{color:#617086}.RoofTypesGuide-module__OUfRjG__miniDiagram{background:#f8fafc;border:1px solid #dfe6ee;border-radius:18px;padding:18px}.RoofTypesGuide-module__OUfRjG__miniDiagram h3{margin-top:0}.RoofTypesGuide-module__OUfRjG__flow{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.RoofTypesGuide-module__OUfRjG__flow span{color:#33465f;background:#fff;border:1px solid #d9e1e9;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}.RoofTypesGuide-module__OUfRjG__flow b{color:#a77d00}.RoofTypesGuide-module__OUfRjG__tableWrap{border:1px solid #dfe6ee;border-radius:18px;margin:26px 0;overflow-x:auto}.RoofTypesGuide-module__OUfRjG__compareTable{border-collapse:collapse;background:#fff;width:100%;min-width:860px}.RoofTypesGuide-module__OUfRjG__compareTable th,.RoofTypesGuide-module__OUfRjG__compareTable td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edf2;padding:13px 14px;font-size:11px}.RoofTypesGuide-module__OUfRjG__compareTable th{color:#40516a;background:#f7f9fb;font-size:10px}.RoofTypesGuide-module__OUfRjG__compareTable td:first-child{color:#40516a;font-weight:800}.RoofTypesGuide-module__OUfRjG__sourceList{gap:10px;margin-top:14px;display:grid}.RoofTypesGuide-module__OUfRjG__sourceList a{color:#785a00;font-size:12px;font-weight:800}@media (max-width:900px){.RoofTypesGuide-module__OUfRjG__visualGrid{grid-template-columns:1fr}.RoofTypesGuide-module__OUfRjG__summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.RoofTypesGuide-module__OUfRjG__detailGrid{grid-template-columns:1fr}}@media (max-width:620px){.RoofTypesGuide-module__OUfRjG__summaryGrid{grid-template-columns:1fr}.RoofTypesGuide-module__OUfRjG__roofCard{border-radius:17px;padding:14px}.RoofTypesGuide-module__OUfRjG__compareTable{min-width:760px}}