/* An internal proposal: lower emphasis for review, more room for context. */
.nav-inner { display:grid; grid-template-columns:1fr auto 1fr; gap:24px; }
.desktop-nav { margin-left:0; }
.nav-actions { grid-column:3; justify-self:end; }
.map-core .live-badge { letter-spacing:.7px; }
.watch-intro { color:#718360; font-size:14px; line-height:1.7; max-width:620px; margin:-16px 0 34px; }
#watch-evidence[hidden],#review-intro[hidden] { display:none; }
.quality-section { padding:68px 0 78px; background:#edf0e4; border-top:1px solid #dae1ce; }
.quality-heading { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:35px; }
.quality-heading h2 { font-family:var(--font-brand); font-size:clamp(28px,2.8vw,38px); font-weight:500; letter-spacing:-1.1px; line-height:1.25; margin:0; }
.quality-heading p { font-size:12px; color:#788969; line-height:1.7; margin:0; }
.review-intro { display:flex; align-items:center; gap:40px; }
.quality-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; flex:1; padding:0; margin:0; list-style:none; }
.quality-steps li { position:relative; display:grid; grid-template-columns:39px 1fr; grid-template-rows:auto auto; gap:3px 11px; align-items:center; }
.quality-step-icon { grid-row:1/3; display:grid; place-items:center; width:39px; height:39px; border:1px solid #c5d0b5; border-radius:50%; color:#879968; background:#f6f7ee; }
.quality-step-icon .icon { width:18px; height:18px; }
.quality-steps strong { font-size:13px; font-weight:500; color:#506741; }
.quality-steps small { font-size:9px; line-height:1.5; color:#829271; }
.quality-open { display:flex; align-items:center; justify-content:center; gap:16px; flex-shrink:0; border:1px solid #bfcbaf; border-radius:7px; padding:13px 17px; color:#5e764b; font-size:11px; font-weight:500; transition:background .2s,border-color .2s; }
.quality-open:hover { background:#e2e8d5; border-color:#9baf81; }
.quality-open .icon { width:15px; height:15px; }
.quality-section .review-dock { margin:0; box-shadow:none; background:#f7f8ef; }
.quality-section .review-dock-top>span { letter-spacing:1px; }
@media(max-width:1100px) {
  .quality-heading { display:block; }
  .quality-heading p { margin-top:12px; }
  .review-intro { gap:25px; }
  .quality-steps { gap:15px; }
  .quality-steps li { grid-template-columns:32px 1fr; gap:2px 8px; }
  .quality-step-icon { width:32px; height:32px; }
  .quality-steps small { font-size:8px; }
  .quality-open { font-size:10px; padding:12px; gap:10px; }
}
@media(max-width:850px) {
  .review-intro { flex-direction:column; align-items:flex-start; gap:25px; }
  .quality-steps { width:100%; }
  .quality-open { align-self:center; }
  .quality-steps small { font-size:9px; }
}
@media(max-width:650px) {
  .hero h1 .heading-accent { display:block; margin-top:3px; }
  .watch-intro { font-size:12px; margin:-9px 0 27px; max-width:310px; }
  .quality-section { padding:47px 0 50px; }
  .quality-heading { margin-bottom:28px; }
  .quality-heading h2 { font-size:31px; letter-spacing:-1px; max-width:300px; }
  .quality-heading p { font-size:11px; max-width:290px; }
  .quality-steps { gap:11px; }
  .quality-steps li { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
  .quality-step-icon { width:35px; height:35px; margin-bottom:3px; }
  .quality-steps strong { font-size:12px; }
  .quality-steps small { font-size:9px; max-width:90px; line-height:1.6; }
  .quality-open { font-size:11px; padding:13px 18px; gap:20px; }
}