/* ALLSAFE Home Inspection - the old yellow-and-Arial look, kept, cleaned up for reading. */
:root{
  --as-yellow:#FFFF00;
  --as-ink:#000;
  --as-blue:#0000CC;
  --as-red:#CC0000;
  --as-gray:#555;
  --as-line:#999;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--as-yellow);
  color:var(--as-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;line-height:1.7;
}
.as-wrap,.as-wrap-wide{max-width:780px;margin:0 auto;background:#fff;border-left:2px solid var(--as-ink);border-right:2px solid var(--as-ink);min-height:100vh}

/* header */
.as-top{background:#fff;border-bottom:3px double var(--as-ink);padding:16px 22px 12px}
.as-brand{color:var(--as-red);font-size:22px;font-weight:bold;text-decoration:none;letter-spacing:.02em}
.as-tag{display:block;color:var(--as-ink);font-size:12px;margin-top:2px}
.as-nav{background:var(--as-ink);padding:6px 22px;display:flex;gap:18px;flex-wrap:wrap}
.as-nav a{color:var(--as-yellow);font-size:11px;font-weight:bold;text-decoration:none}
.as-nav a:hover{color:#fff;text-decoration:underline}

/* content */
.as-hero,.as-sec,.as-article{padding:0 22px}
.as-hero{padding-top:22px}
h1{color:var(--as-ink);font-size:20px;line-height:1.35;margin:0 0 10px}
h2{color:var(--as-red);font-size:15px;margin:26px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--as-line)}
h3{color:var(--as-ink);font-size:13px;margin:16px 0 6px}
p{margin:0 0 12px}
a{color:var(--as-blue)}
ul,ol{margin:0 0 12px 22px}
li{margin-bottom:5px}
.as-kicker{color:var(--as-gray);font-size:10px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 4px}
.as-lede{font-size:13px;color:var(--as-gray);margin-bottom:14px}
.as-meta{color:var(--as-gray);font-size:11px;margin-bottom:16px}

.as-card{border:1px solid var(--as-line);padding:12px 14px;margin:0 0 12px;background:#fffff2}
.as-card p{margin:0;color:var(--as-gray);font-size:12px}
.as-note,.as-callout{background:#fffff2;border:1px solid var(--as-line);padding:12px 14px;margin:0 0 14px;font-size:12px}
.as-arch{list-style:none;margin:0 0 14px;columns:2;column-gap:24px}
.as-arch li{padding:5px 0;border-bottom:1px solid #ddd;break-inside:avoid}

.as-scroll{overflow-x:auto;margin:0 0 16px}
.as-tbl{border-collapse:collapse;width:100%;font-size:12px}
.as-tbl th,.as-tbl td{border:1px solid var(--as-line);padding:6px 9px;text-align:left;vertical-align:top}
.as-tbl th{background:var(--as-yellow)}

.as-src{font-size:11px;color:var(--as-gray)}
.as-src li{margin-bottom:4px}

.as-foot{background:var(--as-ink);color:#ddd;font-size:11px;padding:14px 22px;margin-top:32px}
.as-foot a{color:var(--as-yellow);text-decoration:none;margin-right:14px}
.as-foot a:hover{text-decoration:underline}

@media(max-width:560px){.as-arch{columns:1}}

a.as-card{display:block;text-decoration:none;color:inherit}
a.as-card h3{color:var(--as-blue);text-decoration:underline;margin:4px 0}
a.as-card .as-tag{color:var(--as-gray);font-size:10px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}