/* HIDDENAD / compact mobile branding flow and inquiry preview. */
@media(max-width:700px){
  /* Keep the three keywords together and the sequence easy to scan. */
  #branding .brand-editorial{margin-bottom:22px}
  #branding .editorial-keywords{gap:0;margin-top:22px;padding-block:12px;border-block:1px solid var(--line)}
  #branding .editorial-keywords>span{padding:0 8px;border:0;font-size:20px;line-height:1.5;text-align:center}
  #branding .editorial-keywords>span+span{border-left:1px solid var(--line)}
  #branding .brand-statement{display:block;margin:0 0 26px;padding:0;border:1px solid var(--line);border-radius:3px;background:#fff;counter-reset:brand-stage}
  #branding .brand-statement>span{display:flex;align-items:center;gap:16px;min-height:68px;padding:16px 20px;font-size:22px;font-weight:550;line-height:1.5;letter-spacing:-.04em;word-break:keep-all;counter-increment:brand-stage}
  #branding .brand-statement>span::before{content:counter(brand-stage,decimal-leading-zero);flex:0 0 28px;color:#77786e;font-size:20px;font-weight:500;letter-spacing:0}
  #branding .brand-statement>span~span{border-top:1px solid var(--line)}
  #branding .brand-statement>b{display:none}

  /* One clear frame; labels and values share a consistent left edge. */
  .db-preview-v17{display:block;min-height:0;padding:0;background:transparent;border-radius:3px}
  .db-preview-v17 .db-window{padding:24px 20px;border:1px solid var(--line);border-radius:3px;background:#fff;box-shadow:none}
  .db-preview-v17 .window-top{align-items:center;gap:12px;margin:0;padding-bottom:18px;font-size:20px;line-height:1.5}
  .db-preview-v17 .window-top>strong{font-size:20px;letter-spacing:-.025em}
  .db-preview-v17 .window-top>span{display:inline-flex;align-items:center;gap:8px;font-size:20px;white-space:nowrap}
  .db-preview-v17 .status-dot{flex:none;width:8px;height:8px;margin:0}
  .db-preview-v17 .db-line{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:18px 0;font-size:20px;line-height:1.5}
  .db-preview-v17 .db-line>span{font-size:20px;color:var(--muted)}
  .db-preview-v17 .db-line>strong{font-size:22px;font-weight:600;line-height:1.5;word-break:keep-all}
  .db-preview-v17 .db-alert{margin-top:20px;padding:18px;border:1px solid #e5e2d9;border-radius:2px;background:#f5f3ee;font-size:20px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
  .db-preview-v17 .db-alert>strong{margin-bottom:8px;font-size:20px;font-weight:650;line-height:1.5;text-wrap:balance}
  .db-preview-v17 .db-alert>br{display:none}
  .db-preview-v17 .example-label{margin-top:16px;font-size:20px;line-height:1.6;word-break:keep-all;color:var(--muted)}
}

@media(max-width:380px){
  #branding .brand-statement>span{gap:12px;padding-inline:16px;font-size:21px}
  .db-preview-v17 .db-window{padding:20px 16px}
  .db-preview-v17 .window-top{gap:8px}
  .db-preview-v17 .window-top>span{gap:6px}
  .db-preview-v17 .db-alert{padding:16px 14px}
}