:root{--ink:#1e2933;--muted:#64727f;--brand:#5c2b29;--brand2:#8e4a44;--paper:#fff;--soft:#f4f5f4;--line:#d9dfdf;--ok:#2d6a4f;--warn:#8a5a00;--shadow:0 8px 28px rgba(20,30,40,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#eef1f0;color:var(--ink);font:16px/1.58 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} a{color:#7a332f} a:hover{text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.sitehead{background:#20282d;color:#fff;border-bottom:5px solid var(--brand2)}.mast{display:flex;gap:22px;align-items:center;padding:18px 0}.mark{font-size:28px}.title{font-weight:800;letter-spacing:.03em}.kicker{font-size:12px;opacity:.75;letter-spacing:.12em}.nav{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:7px;background:rgba(255,255,255,.07)}.nav a[aria-current="page"],.nav a:hover{background:var(--brand2)}.hero{background:linear-gradient(135deg,#fff,#f3efeb);border-bottom:1px solid var(--line)}.hero .wrap{padding:46px 0 40px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;margin:0 0 14px}.hero p{font-size:19px;max-width:880px;margin:0;color:#40505d}.badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.badge{font-size:13px;font-weight:700;border-radius:999px;padding:7px 10px;background:#e7ece9;color:#2f4940}.badge.warn{background:#fff0cb;color:#704c00}.main{padding:34px 0 60px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 7px rgba(20,30,40,.04)}.card h2,.card h3{margin-top:0}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.stat b{display:block;font-size:26px;line-height:1.2}.stat span{font-size:13px;color:var(--muted)}.btn{display:inline-block;background:var(--brand);color:white!important;text-decoration:none;border-radius:8px;padding:9px 13px;font-weight:700}.btn.secondary{background:#44515a}.note{border-left:5px solid #bf8a2f;background:#fff8e9;padding:14px 16px;border-radius:7px;margin:18px 0}.good{border-left-color:#4b8b68;background:#f0f8f3}.tablewrap{overflow:auto}.spec{width:100%;border-collapse:collapse}.spec th,.spec td{padding:10px 11px;border-bottom:1px solid #e4e8e8;vertical-align:top;text-align:left}.spec th{width:29%;font-size:14px;color:#56636c;background:#f7f8f8}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.flow span{background:#f7f7f7;border:1px solid var(--line);padding:11px 13px;border-radius:9px;font-weight:700}.flow i{font-style:normal;color:#89949b}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.photo a{display:block}.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo figcaption{padding:10px 12px;font-size:13px;color:#54616a}.heroimg{width:100%;max-height:510px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow);margin-top:24px}.sectiontitle{font-size:29px;margin:38px 0 16px}.small{font-size:13px;color:var(--muted)} ul.tight li{margin:5px 0}.footer{background:#20282d;color:#dfe6e9;padding:24px 0;font-size:13px}.footer a{color:white}@media(max-width:850px){.nav{width:100%;margin-left:0}.mast{flex-wrap:wrap}.span4,.span6,.span8{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gallery,.stats{grid-template-columns:1fr}.hero .wrap{padding-top:32px}.wrap{width:min(100% - 20px,1180px)}}

/* AV planning page */
.spec td:first-child{font-weight:600}.spec th:nth-child(n+2){width:auto}.flow{align-items:stretch}.flow span{display:flex;align-items:center}

/* Planning matrix column sizing: keep Area compact and give planning direction more room */
.planning-matrix{table-layout:fixed;min-width:980px}
.planning-matrix .col-area{width:10%}
.planning-matrix .col-current{width:28%}
.planning-matrix .col-need{width:28%}
.planning-matrix .col-direction{width:34%}
.planning-matrix th{width:auto}