.siding-page .siding-wall-row { border: 1px solid var(--line); padding: 16px; border-radius: 6px; margin: 0 0 12px; }
.siding-page .siding-wall-row h3 { margin: 0 0 12px; font-size: 1rem; }
.siding-page .siding-row-heading { display:flex; justify-content:space-between; gap:12px; }
.siding-page .siding-add-wall { border:1px solid #22616a; color:#22616a; background:#edf5f5; margin-bottom:8px; }
.siding-page .siding-gable-mode { margin-bottom:12px; }
.siding-page .siding-measure-diagram { margin:12px 0 18px; }
.siding-page .siding-measure-diagram svg { width:100%; max-width:360px; display:block; margin:auto; }
.siding-page .siding-measure-diagram text { font-size:13px; fill:#193d43; }
.siding-page .siding-measure-diagram figcaption { font-size:.8rem; color:#364c50; }
.siding-page .result-actions { flex-wrap:wrap; margin-top:20px; padding:12px 0; }
.siding-page .result-actions p { width:100%; }
.siding-page button:disabled { opacity:.45; cursor:not-allowed; }
.siding-page .siding-report { margin:32px 0; padding:28px; border:1px solid var(--line); border-radius:8px; background:white; }
.siding-page .siding-report h2 { margin-bottom:12px; }
.siding-page .siding-report p { color:#4b5860; font-size:.9rem; }
.siding-page .siding-report caption { text-align:left; padding:12px; font-weight:700; }
.siding-page .siding-report th, .siding-page .siding-report td { text-align:left; padding:10px 14px; border-bottom:1px solid #d9dee1; overflow-wrap:anywhere; }
.siding-page .siding-report th { width:46%; font-weight:600; background:transparent; color:var(--ink); text-transform:none; letter-spacing:normal; }
.siding-page .siding-report tr:nth-child(even) { background:#f3f7f6; }
.siding-page .siding-print-url { overflow-wrap:anywhere; }
.siding-page .siding-results .main-result { flex-wrap:wrap; }
@media (max-width:600px) {
  .siding-page .siding-report { padding:16px; }
  .siding-page .siding-report th, .siding-page .siding-report td { padding:8px; font-size:.8rem; }
  .siding-page .siding-wall-row { padding:12px; }
}
@media print {
  @page { margin:14mm; }
  body.siding-page { background:white; color:black; font:10pt/1.4 Arial,sans-serif; }
  .siding-page > :not(main), .siding-page main > :not(#sidingReport) { display:none !important; }
  .siding-page main { max-width:none; padding:0; margin:0; }
  .siding-page #sidingReport { border:0; padding:0; margin:0; }
  .siding-page .siding-report h2 { font-size:20pt; }
  .siding-page .siding-report .table-wrap { overflow:visible; }
  .siding-page .siding-report th, .siding-page .siding-report td { padding:5px 8px; font-size:9pt; }
  .siding-page .siding-report tr { break-inside:avoid; }
  .siding-page .siding-report tr, .siding-page .siding-report th, .siding-page .siding-report td { background:white; color:black; }
  .siding-page .siding-report p { font-size:9pt; color:black; }
}