/* Public maintenance detail page. The issue report is a fictional illustration. */
.maintenance-feature-page { --paper:#f3f5f1; --ink:#152e3d; --accent:#216f4b; --rule:#d5dcd6; --muted:#526572; }
.maintenance-feature-page header nav .button { color:#fff; padding:12px 21px; }
.maintenance-feature-page header nav .button:hover { color:#fff; text-decoration:none; }
.mp-hero { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:start; gap:42px; padding:52px 0 66px; }
.mp-hero > *, .mp-report-heading > *, .mp-feature-grid > *, .mp-pricing > *, .mp-urgent > * { min-width:0; }
.mp-intro { padding-top:22px; }
.mp-intro h1 { font-size:clamp(42px,4.75vw,62px); line-height:1.05; max-width:520px; margin:18px 0 27px; }
.mp-intro .mp-lead { font-size:20px; line-height:1.6; }
.mp-intro .actions { align-items:flex-start; }
.mp-intro .mp-free { margin-bottom:0; color:var(--muted); font-size:14px; }
.mp-example { margin:0; min-width:0; }
.mp-report { background:#fff; border:1px solid #cbd5cf; box-shadow:0 20px 44px #152e3d12; padding:30px 28px 24px; }
.mp-report-heading { display:flex; justify-content:space-between; gap:16px; }
.mp-logo { display:inline-flex; align-items:center; justify-content:center; min-height:44px; width:138px; border:1px dashed #82918b; padding:8px 15px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:650; }
.mp-company p { font-size:14px; font-weight:650; line-height:1.4; margin:10px 0 2px; }
.mp-company small { font-size:11px; }
.mp-report-kind { text-align:right; }
.mp-report-kind h2 { font-size:29px; margin:3px 0 10px; }
.mp-status { display:inline-block; border-radius:999px; padding:5px 10px; font-size:11px; line-height:1.4; font-weight:650; }
.mp-status-closed { background:#e6f1e9; color:#216f4b; }
.mp-tenant { display:flex; flex-wrap:wrap; gap:4px 16px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--rule); padding-bottom:16px; margin-top:28px; }
.mp-tenant strong { font-size:14px; }
.mp-tenant span { color:var(--muted); font-size:11px; }
.mp-report-fields { margin:20px 0; }
.mp-report-fields > div + div { margin-top:15px; }
.mp-report-fields dt { color:var(--muted); font-size:11px; line-height:1.5; margin-bottom:5px; }
.mp-report-fields dd { color:var(--ink); font-size:14px; line-height:1.55; margin:0; }
.mp-report-fields > div:first-child dd { font-weight:700; }
.mp-attachment { display:flex; gap:14px; align-items:center; padding:14px; background:#f3f5f1; border:1px solid #e2e8e3; border-radius:8px; }
.mp-attachment img { width:64px; height:64px; object-fit:cover; border-radius:5px; }
.mp-attachment > div { min-width:0; }
.mp-attachment strong { display:block; font-size:12px; line-height:1.5; }
.mp-attachment span { display:block; color:var(--muted); font-size:11px; line-height:1.5; margin-top:3px; }
.mp-report-history { list-style:none; margin:24px 0 0; padding:0; }
.mp-report-history li { display:flex; align-items:flex-start; gap:11px; padding-bottom:17px; }
.mp-report-history li:last-child { padding-bottom:0; }
.mp-history-dot { flex:0 0 20px; width:20px; height:20px; margin-top:1px; background:#e5eae6; border:1px solid #b7c5bd; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:12px; line-height:1; }
.mp-history-closed .mp-history-dot { background:var(--accent); border-color:var(--accent); }
.mp-report-history strong { display:block; font-size:12px; line-height:1.5; }
.mp-report-history p { font-size:11px; line-height:1.6; color:var(--muted); margin:3px 0 0; }
.mp-history-closed strong { color:var(--accent); }
.mp-example figcaption { color:var(--muted); font-size:11px; line-height:1.6; margin:14px 3px 0; max-width:510px; }
.mp-section-heading h2 { max-width:710px; font-size:clamp(32px,3.8vw,44px); }
.mp-section-heading > p:not(.eyebrow) { max-width:650px; }
.mp-workflow .steps p { margin:8px 0 0; font-size:16px; }
.mp-workflow .steps strong { font-size:18px; }
.mp-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; border-top:1px solid var(--rule); }
.mp-feature-grid article { padding:28px 30px 28px 0; border-bottom:1px solid var(--rule); }
.mp-feature-grid article:nth-child(even) { padding:28px 0 28px 30px; border-left:1px solid var(--rule); }
.mp-feature-number { display:block; color:var(--accent); font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; margin-bottom:14px; }
.mp-feature-grid h3 { font-size:25px; }
.mp-feature-grid p { font-size:16px; line-height:1.7; margin:0; }
.mp-urgent { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:32px; padding:30px; background:#e8efe7; border-left:3px solid var(--accent); margin-top:34px; }
.mp-urgent h3, .mp-urgent p { margin:0; }
.mp-urgent p { font-size:16px; }
.maintenance-feature-page .mp-pricing { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:center; gap:34px; }
.mp-pricing .eyebrow { color:#91cca8; }
.mp-pricing h2 { font-size:clamp(29px,3.5vw,39px); }
.mp-pricing p { margin-bottom:0; }
.mp-pricing .actions { margin:0; }
.mp-pricing .actions p { width:100%; font-size:13px; line-height:1.5; }
@media(max-width:980px) {
  .mp-hero { gap:28px; }
  .mp-intro h1 { font-size:46px; }
  .mp-intro .mp-lead { font-size:18px; }
  .mp-report { padding:24px 20px; }
  .mp-report-heading { display:block; }
  .mp-report-kind { text-align:left; margin-top:17px; }
  .mp-report-kind h2 { font-size:27px; margin-bottom:8px; }
  .mp-tenant { margin-top:20px; }
}
@media(max-width:760px) {
  .mp-hero { grid-template-columns:1fr; gap:34px; padding:34px 0 46px; }
  .mp-intro { padding-top:0; }
  .mp-intro h1 { font-size:clamp(40px,7.5vw,54px); max-width:560px; }
  .mp-example { max-width:570px; width:100%; margin:auto; }
  .mp-report-heading { display:flex; }
  .mp-report-kind { text-align:right; margin-top:0; }
  .mp-feature-grid { grid-template-columns:1fr; }
  .mp-feature-grid article, .mp-feature-grid article:nth-child(even) { border-left:0; padding:25px 0; }
  .mp-urgent { grid-template-columns:1fr; gap:15px; padding:24px; }
  .maintenance-feature-page .mp-pricing { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:480px) {
  .maintenance-feature-page header nav .button { padding:11px 17px; }
  .mp-report { padding:22px 16px; }
  .mp-report-heading { display:block; }
  .mp-report-kind { text-align:left; margin-top:17px; }
  .mp-attachment { padding:12px; gap:10px; }
  .mp-attachment img { width:54px; height:54px; flex:0 0 54px; }
  .mp-feature-grid h3 { font-size:23px; }
  .mp-urgent { padding:20px; }
}