/* MT Roof Record: one column, phone first. 16px+ inputs stop iOS zooming on focus. */
.mtrr{max-width:640px;margin:0 auto;padding:16px;box-sizing:border-box}
.mtrr *{box-sizing:border-box}
.mtrr h2{margin:1.6em 0 .6em}
.mtrr h3{margin:1.2em 0 .5em}
.mtrr label{display:block;font-weight:600;margin-bottom:6px}
.mtrr input[type=text],.mtrr input[type=tel],.mtrr input[type=email],.mtrr textarea,.mtrr select{width:100%;font-size:16px;line-height:1.4;padding:12px;border:1px solid #8a8a8a;border-radius:6px;background:#fff;color:#222}
.mtrr input[type=file]{width:100%;font-size:16px;padding:8px 0}
.mtrr textarea{min-height:110px}
.mtrr-btn{display:block;width:100%;min-height:48px;font-size:17px;font-weight:600;padding:12px 18px;border:0;border-radius:6px;background:#5a3e1b;color:#fff;cursor:pointer}
.mtrr-btn:hover,.mtrr-btn:focus{background:#44300f}
.mtrr-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mtrr-nav a{flex:1 1 auto;text-align:center;padding:10px 12px;border:1px solid #8a6d3b;border-radius:6px;text-decoration:none;color:#5a3e1b;font-weight:600;background:#fff}
.mtrr-nav a[aria-current=page]{background:#5a3e1b;color:#fff}
.mtrr-card{border:1px solid #d8ccb4;border-radius:8px;padding:12px 14px;margin:0 0 12px;background:#fff}
.mtrr-card p{margin:0 0 8px}
.mtrr-thumb{width:100%;max-width:320px;height:auto;display:block;border-radius:6px;margin:0 0 8px}
.mtrr-reply{background:#f7f3ec;border-radius:6px;padding:10px 12px}
.mtrr-grid figure{margin:0}
.mtrr-grid figcaption{font-size:13px;color:#555;margin-top:4px}
.mtrr-links{margin:0 0 10px}
a.mtrr-btn{text-align:center;text-decoration:none;line-height:24px;color:#fff}
a.mtrr-btn-alt{background:#7a6a50}
.mtrr-msg{padding:12px 14px;border-radius:6px;margin:0 0 12px}
.mtrr-ok{background:#e6f4ea;border:1px solid #2e7d32;color:#1b5e20}
.mtrr-err{background:#fdecea;border:1px solid #c62828;color:#8e1b1b}
.mtrr-muted{color:#666}
.mtrr-table{width:100%;border-collapse:collapse;margin:0 0 1em}
.mtrr-table th,.mtrr-table td{text-align:left;padding:8px;border-bottom:1px solid #ddd;vertical-align:top;font-size:15px}
.mtrr-letter{margin:1em 0;padding:12px 14px;background:#f7f3ec;border-radius:6px}
.mtrr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mtrr-grid img{width:100%;height:auto;display:block;border-radius:6px}
@media (min-width:560px){.mtrr-grid{grid-template-columns:repeat(3,1fr)}}