/* Customer guides share the existing inert setup illustrations. */
.support-page h1 { font-size:clamp(2.35rem,5vw,4rem); letter-spacing:-1.8px; line-height:1.08; }
.support-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:center; gap:50px; padding:46px 0 38px; }
.support-hero h1 { margin-bottom:22px; }
.support-hero>img { width:100%; height:auto; max-height:340px; object-fit:contain; border-radius:12px; }
.support-banner { border:1px solid #48543f; border-left:3px solid var(--green); border-radius:6px; padding:22px 26px; background:#1b2318; margin:24px 0; }
.support-banner>strong { display:block; color:var(--green); font-size:1.05rem; margin-bottom:8px; }
.support-banner p { color:#c6d0c0; font-size:.95rem; margin:0; }
.support-banner.warning { border-color:#886346; background:#2a2119; }
.support-banner.warning>strong { color:var(--accent); }
.support-banner a,.support-checklist a,.support-small a { text-decoration:underline; text-underline-offset:4px; }
.support-section { padding:38px 0; scroll-margin-top:24px; }
.support-heading { margin-bottom:30px; }
.support-heading .eyebrow { margin-bottom:12px; }
.support-heading h2,.support-contact h2,.recovery-finish h2 { font-size:clamp(1.8rem,3vw,2.7rem); letter-spacing:-1px; margin-bottom:12px; }
.support-heading>p:last-child { max-width:740px; color:var(--muted); }
.quick-start-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.quick-start-card { min-width:0; border:1px solid var(--line); border-radius:12px; padding:28px; background:#151a14; }
.card-title { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.card-title .step-index { margin:0; flex-shrink:0; }
.card-title h3 { font-size:1.4rem; letter-spacing:-.4px; margin:0; }
.quick-start-card .step-visual { margin-bottom:22px; }
.quick-start-card .ui-diagram { box-shadow:none; }
.quick-start-card .ui-body { padding:20px; }
.quick-start-card .ui-body>.ui-field+.ui-field { margin-top:10px; }
.quick-start-card p { font-size:1rem; color:var(--muted); margin:0 0 12px; }
.quick-start-card strong { color:var(--text); }
.quick-start-card .card-fallback { font-size:.875rem; margin-bottom:0; }
.quick-start-card a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.quick-start-card code { color:var(--green); overflow-wrap:anywhere; font-size:.95em; }
.scan-cue { display:flex; align-items:center; justify-content:center; gap:14px; padding:13px 0; color:#f0ea88; }
.scan-cue span { font-size:2rem; color:var(--accent); }
.scan-cue b { font:700 1.1rem/1.4 monospace; text-align:center; }
.symptom-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.symptom-card { display:block; padding:26px; border:1px solid var(--line); border-radius:8px; }
.symptom-card.featured { background:#241c15; border-color:#826044; }
.symptom-card>span { color:var(--accent); font-size:.75rem; letter-spacing:1.2px; }
.symptom-card h3 { margin:16px 0 10px; font-size:1.2rem; }
.symptom-card p { color:var(--muted); font-size:.95rem; margin:0; }
.symptom-card:hover { border-color:var(--accent); }
.support-contact { display:grid; grid-template-columns:1fr 1fr; gap:54px; margin:24px 0; border-top:1px solid var(--line); padding-top:46px; scroll-margin-top:24px; }
.support-contact p,.support-checklist li,.recovery-finish p,.diagnostic-note p { color:var(--muted); font-size:1rem; }
.support-contact .support-small { font-size:.875rem; }
.support-contact .button { margin:8px 0 20px; overflow-wrap:anywhere; }
.support-checklist { padding:26px; border:1px solid var(--line); border-radius:8px; }
.support-checklist h3 { margin:0 0 14px; font-size:1.25rem; }
.support-checklist ol { padding-left:24px; margin:0; }
.support-checklist li { padding-left:6px; margin-bottom:12px; }
.support-checklist>p { font-size:.875rem; border-top:1px solid var(--line); padding-top:18px; margin:18px 0 0; }
.support-checklist strong { color:var(--accent); }
.recovery-diagram { padding:28px; color:#202020; background:#fbfbf8; border-radius:8px; font-family:Arial,sans-serif; }
.local-address { display:block; padding:12px; background:#e9e9e4; border-radius:4px; font-size:.85rem; margin-bottom:24px; overflow-wrap:anywhere; }
.recovery-diagram h3 { font-size:1.4rem; letter-spacing:0; margin:0 0 16px; color:#161616; }
.recovery-diagram p { font-size:.95rem; line-height:1.5; color:#303030; }
.recovery-health { display:block; color:#1542b0; text-decoration:underline; margin:22px 0 12px; }
.recovery-avoid { display:block; color:#803618; border-left:3px solid #bc6a43; padding-left:12px; font-size:.875rem; }
.recovery-retry { display:block; margin-top:28px; border:2px solid #437b31; border-radius:5px; padding:12px 18px; color:#193512; background:#e6f0dd; text-align:center; font-weight:600; }
.recovery-finish { display:flex; align-items:center; gap:36px; justify-content:space-between; padding:40px 0 20px; }
.recovery-finish>div { max-width:720px; }
.recovery-finish .button { flex-shrink:0; }
.diagnostic-note { padding:20px 0; }
.diagnostic-note summary { color:var(--accent); }
.diagnostic-note p { max-width:900px; margin-top:18px; }
@media(max-width:900px) { .quick-start-card { padding:22px; } .support-contact { gap:28px; } }
@media(max-width:760px) {
  .support-hero { grid-template-columns:1fr; gap:26px; padding-top:28px; }
  .support-hero>img { max-height:230px; }
  .support-hero .guide-path { grid-template-columns:1fr; }
  .support-banner { padding:20px; }
  .quick-start-grid,.symptom-grid,.support-contact { grid-template-columns:1fr; }
  .support-section { padding:28px 0; }
  .support-contact { gap:22px; }
  .recovery-finish { display:block; }
  .recovery-finish .button { margin-top:12px; }
}
@media print {
  @page { margin:12mm; }
  .support-page { background:white; color:#171717; font-size:10pt; }
  .support-page .wrap { width:100%; max-width:none; }
  .support-page .site-header,.support-page .site-footer,.support-page .skip-link,.support-page .guide-path,.support-hero>img { display:none; }
  .support-page h1 { font-size:26pt; color:black; }
  .support-page h2 { font-size:18pt; color:black; }
  .support-hero { display:block; padding:0 0 10px; }
  .support-page p,.support-page li,.support-page strong,.support-page a,.support-page .eyebrow { color:#222!important; }
  .support-page .guide-lead,.support-page .guide-safety { font-size:10pt; }
  .support-banner,.quick-start-card,.support-checklist,.symptom-card { background:white; border-color:#888; padding:14px; }
  .support-section { padding:16px 0; }
  .quick-start-grid,.symptom-grid { grid-template-columns:1fr 1fr; gap:12px; }
  .quick-start-card,.symptom-card,.support-checklist,.visual-step { break-inside:avoid; }
  .quick-start-card h3 { font-size:13pt; }
  .quick-start-card p,.symptom-card p,.support-contact p,.support-contact li { font-size:10pt; }
  .quick-start-card .ui-diagram { box-shadow:none; }
  .support-page .ui-diagram,.support-page .ui-bar,.support-page .ui-field,.support-page .ui-row.selected,.support-page .ui-action { background:white; color:#222; border-color:#888; }
  .support-page .ui-hint,.support-page .ui-label,.support-page .ui-row small,.support-page .ui-tick,.support-page figcaption { color:#444; }
  .support-page .ui-row { border-color:#aaa; }
  .support-page .scan-cue,.support-page .scan-cue span { color:#333; }
  .quick-start-card .ui-body { padding:12px; }
  .support-contact { gap:18px; margin-top:10px; padding-top:18px; }
  .support-page .button { color:black; background:white; border:1px solid #888; }
  .support-page a { text-decoration:underline; }
  .step-index { color:#333; border-color:#888; }
  .visual-step { gap:24px; padding:22px 0; }
  .support-page .visual-step p { font-size:10pt; }
  .support-page .step-tip { background:white; border-color:#777; }
}