:root{
  color-scheme:dark;
  --bg:#07111c;
  --bg-deep:#040a11;
  --surface:#0d1a28;
  --surface-2:#112235;
  --surface-3:#162b40;
  --surface-soft:#0a1724;
  --line:#263c53;
  --line-strong:#38546f;
  --text:#f3f8fd;
  --text-2:#d4e1ee;
  --muted:#94a9be;
  --muted-2:#7189a1;
  --cyan:#55c9f3;
  --cyan-soft:#12364a;
  --green:#55d58a;
  --green-soft:#123625;
  --amber:#f6c85f;
  --amber-soft:#332812;
  --red:#ff8597;
  --red-soft:#381a23;
  --violet:#be9cff;
  --violet-soft:#2d2444;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  --shadow-soft:0 8px 24px rgba(0,0,0,.18);
  --radius:18px;
}
*{box-sizing:border-box}
html{background:var(--bg-deep);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--text);background:
  radial-gradient(circle at 88% -5%,rgba(85,201,243,.10),transparent 28rem),
  radial-gradient(circle at 2% 20%,rgba(190,156,255,.06),transparent 24rem),
  linear-gradient(180deg,#091522 0%,var(--bg) 36%,#060e18 100%);padding-bottom:92px}
button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,small,b,strong,span,label{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(85,201,243,.28);outline-offset:2px}

.topbar{padding:max(20px,env(safe-area-inset-top)) 18px 15px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid rgba(70,98,128,.32);background:rgba(6,14,24,.88);backdrop-filter:blur(22px) saturate(130%);position:sticky;top:0;z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:900}.topbar h1{font-size:23px;line-height:1.08;margin:5px 0 6px;color:#fff;letter-spacing:-.015em}.topbar p{font-size:12.5px;line-height:1.45;color:var(--muted);margin:0;max-width:690px}.install{border:1px solid #35647d;background:linear-gradient(180deg,#143b50,#0f2d40);color:#f4fbff;border-radius:12px;padding:10px 13px;font-weight:800;box-shadow:var(--shadow-soft)}
main{max-width:980px;margin:auto;padding:14px}

.mode-panel{margin-bottom:11px}.mode-title{font-size:11px;color:var(--muted);margin:2px 3px 8px;font-weight:800;letter-spacing:.02em}.mode-switch{display:grid;grid-template-columns:.72fr 1.14fr 1.14fr;gap:8px}.mode-switch button{display:flex;min-height:76px;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:1px solid var(--line);background:linear-gradient(180deg,#102031,#0b1826);color:var(--text-2);border-radius:16px;padding:8px 6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.mode-switch button span{font-size:20px}.mode-switch button b{font-size:13px;color:#edf5fd}.mode-switch button small{font-size:9px;color:var(--muted-2);text-align:center}.mode-switch button.active{border-color:#479bc0;background:linear-gradient(180deg,#15445e,#103147);color:#fff;box-shadow:0 0 0 1px rgba(85,201,243,.08),0 10px 24px rgba(0,0,0,.14)}.mode-switch button.active small{color:#bce9fa}.mode-switch button[data-domain="programmation"].active{border-color:#3e9b68;background:linear-gradient(180deg,#17462e,#123423)}.mode-switch button[data-domain="programmation"].active small{color:#bfeccf}.mode-switch button[data-domain="depannage"].active{border-color:#bb5166;background:linear-gradient(180deg,#4a202b,#341821)}.mode-switch button[data-domain="depannage"].active small{color:#ffd0d8}

.search-panel{background:linear-gradient(180deg,rgba(15,30,46,.96),rgba(10,22,35,.98));border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.search-panel label{display:block;font-weight:850;margin-bottom:8px;color:#edf6ff}.search-row{display:flex;gap:8px}.search-row input{flex:1;min-width:0;background:#07131f;border:1px solid #355069;color:#f7fbff;border-radius:13px;padding:14px 15px;font-size:16px;outline:none;box-shadow:inset 0 1px 5px rgba(0,0,0,.18)}.search-row input::placeholder{color:#748da6}.search-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(85,201,243,.12)}.search-row button{width:46px;border-radius:12px;border:1px solid #355069;background:#14283c;color:#e7f2fc;font-size:24px}.quick-row,.chips{display:flex;gap:7px;overflow:auto;padding-top:10px;scrollbar-width:none}.quick-row::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.quick{white-space:nowrap;border:1px solid #395a75;background:#112941;color:#e4f4ff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:750}.quick:active{background:#17364f}.filter-title{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7f98b1;margin-top:13px;font-weight:850}.subfilters{margin-top:5px;padding-top:4px;border-top:1px solid #1d3146}.chip{white-space:nowrap;border:1px solid #31485f;background:#102237;color:#ccdae7;border-radius:999px;padding:7px 11px;font-size:12px}.chip.active{border-color:#4fb8df;color:#fff;background:#143c54}.chip.model.active{border-color:#9f80dd;background:#30274a;color:#f3eaff}

.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.dashboard div{background:linear-gradient(180deg,#0f1d2c,#0a1623);border:1px solid #20374e;border-radius:13px;padding:10px;text-align:center}.dashboard b{display:block;font-size:18px;color:#f0f8ff}.dashboard span{font-size:10px;color:#8098b0}.status{color:var(--muted);font-size:13px;padding:13px 2px 7px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.card{background:linear-gradient(180deg,#122337,#0e1c2b);border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.card:hover{border-color:#36546f;background:linear-gradient(180deg,#14283e,#102033)}.card:active{transform:scale(.995)}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.brand{font-size:10px;color:#75d8ff;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.tag{font-size:9px;border:1px solid #3a526a;color:#c1d0de;background:rgba(8,19,31,.35);border-radius:999px;padding:4px 7px}.tag.codes{border-color:#744050;color:#ffd0d7;background:#2e1820}.tag.cablage{border-color:#685727;color:#ffe7a4;background:#292311}.tag.programmation{border-color:#2e674b;color:#c9f8d9;background:#112c20}.card h2{font-size:17px;margin:6px 0 7px;color:#f7fbff;line-height:1.25}.summary{font-size:13px;line-height:1.48;color:#c8d7e5}.has-schema{font-size:11px;color:#8fdcff;margin-top:9px;font-weight:750}.keywords{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.kw{font-size:10px;color:#b9c9d8;background:#0a1724;border:1px solid #263d55;padding:4px 6px;border-radius:7px}.source{font-size:10px;color:#748ca5;margin-top:10px}

.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);width:min(600px,100%);bottom:0;z-index:12;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(6,14,24,.94);backdrop-filter:blur(22px) saturate(130%);border:1px solid #1e3349;border-bottom:0;border-radius:17px 17px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;box-shadow:0 -12px 34px rgba(0,0,0,.2)}.bottom-nav button{display:flex;gap:5px;align-items:center;justify-content:center;background:#0e1e2f;border:1px solid #294159;color:#b6c7d7;border-radius:11px;padding:10px 3px;font-size:11px}.bottom-nav button.active{color:#fff;border-color:#4ebce6;background:#143b53}.bottom-nav button[data-domain="programmation"].active{border-color:#3cad70;background:#153a28}.bottom-nav button[data-domain="depannage"].active{border-color:#d45e72;background:#3b1c25}

dialog{border:none;padding:0;background:transparent;color:var(--text);width:min(740px,calc(100% - 16px));max-height:calc(100vh - 18px)}dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.detail{position:relative;color:var(--text);background:linear-gradient(180deg,#0e1c2b,#091522);border:1px solid #38536d;border-radius:20px;padding:18px;max-height:calc(100vh - 18px);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.55)}.close{position:sticky;float:right;top:0;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #455f78;background:#172c41;color:#fff;font-size:24px}.detail h2{margin:3px 45px 4px 0;font-size:23px;color:#fff;line-height:1.18}.detail-category{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.05em}.detail-category.programmation{background:#143825;color:#c6f7d7}.detail-category.depannage{background:#3b1b24;color:#ffd0d8}.lead{font-size:14px;line-height:1.5;color:#cad8e6}.detail-section,.diagram-section{background:#0a1724;border:1px solid #223b52;border-radius:13px;padding:11px 12px;margin:11px 0}.detail h3{margin:0 0 8px;color:#e8f7ff;font-size:15px}.detail ol{padding-left:21px;margin:0}.detail li{line-height:1.48;color:#cfdae7;margin:6px 0}.notice{border-left:4px solid var(--amber);background:#302713;padding:10px 12px;border-radius:8px;color:#ffe9a8;margin:12px 0}.danger{border-left-color:var(--red);background:#32171e;color:#ffd6dd}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.gallery figure{margin:0}.diagram-btn{width:100%;padding:0;border:1px solid #3d5870;background:#07111d;border-radius:10px;overflow:hidden;display:block}.diagram-btn img{display:block;width:100%;max-height:330px;object-fit:contain;background:#fff}.gallery figcaption{font-size:11px;line-height:1.35;color:#b7c6d5;padding:6px 2px}.gallery figcaption small{color:#6fcaf4}.pill{display:inline-block;margin:5px 5px 0 0;border:1px solid #3b5670;border-radius:999px;padding:5px 8px;color:#c3d5e6;font-size:11px}.source-box{margin-top:18px;border-top:1px solid #294159;padding-top:13px;font-size:12px;color:#8fa5bb}.image-dialog{width:calc(100% - 10px);height:calc(100vh - 10px);max-height:none;background:#03070c;color:#fff;border:1px solid #32485f;border-radius:12px;padding:42px 8px 12px}.image-dialog img{width:100%;height:calc(100% - 45px);object-fit:contain}.image-dialog #fullCaption{text-align:center;color:#c7d5e5;font-size:12px;padding:7px}.image-close{position:absolute;right:12px;top:8px;width:36px;height:36px;border-radius:50%;border:1px solid #536b84;background:#17283a;color:#fff;font-size:24px}.empty{grid-column:1/-1;padding:34px 14px;text-align:center;color:#96abc0}

/* Dépannage guidé — identité visuelle rouge/acier, contraste renforcé */
.guided-panel{margin:10px 0;background:
  radial-gradient(circle at 100% 0,rgba(255,133,151,.08),transparent 18rem),
  linear-gradient(145deg,#25151b 0%,#101c2b 52%,#0c2533 100%);border:1px solid #573541;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.guided-panel[hidden]{display:none}.guided-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.guided-kicker,.diag-kicker{font-size:9px;letter-spacing:.16em;color:#ff9eae;font-weight:900;text-transform:uppercase}.guided-head h2{font-size:19px;margin:4px 0;color:#fff}.guided-head p{font-size:12px;line-height:1.45;color:#bdcad8;margin:0;max-width:620px}.guided-badge{font-size:9px;font-weight:900;border:1px solid #a85365;background:#50222d;color:#ffe3e8;border-radius:999px;padding:5px 7px}.diag-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:12px}.diag-brand-card,.diag-model-card{min-height:82px;border:1px solid #46566a;background:linear-gradient(180deg,#142538,#0e1c2b);color:#f4f8fc;border-radius:15px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.diag-brand-card:hover,.diag-model-card:hover,.diag-tree-card:hover{border-color:#60748a;background:linear-gradient(180deg,#182c41,#102235)}.diag-brand-card:active,.diag-model-card:active,.diag-tree-card:active{transform:scale(.99)}.diag-brand-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:linear-gradient(180deg,#48212c,#321820);color:#ffc0cb;font-weight:900;font-size:18px;border:1px solid #6b3341}.diag-brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.diag-brand-copy b{font-size:16px;color:#fff}.diag-brand-copy small{font-size:10px;color:#94a9be;line-height:1.3}.diag-model-brand{font-size:9px;color:#ff9eae;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.diag-model-card b{font-size:15px;color:#fff}.diag-model-card small{font-size:10px;color:#94a9be}.diag-chevron{margin-left:auto;color:#78d8fb;font-size:24px;font-weight:400}
.diag-tree-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:10px}.diag-tree-card{position:relative;min-height:84px;border:1px solid #3e566f;background:linear-gradient(180deg,#122439,#0c1b2a);color:#f2f7fc;border-radius:15px;padding:14px 42px 14px 14px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:5px}.diag-tree-card .diag-tree-name{font-size:15px;font-weight:850;line-height:1.25;color:#fff}.diag-tree-card small{font-size:10px;color:#91a7bd}.diag-tree-card .diag-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%)}

.diag-dialog{width:min(760px,calc(100% - 10px));max-height:calc(100vh - 10px);color:var(--text)}.diag-shell{position:relative;color:var(--text);background:linear-gradient(180deg,#0b1724,#07111c);border:1px solid #405d78;border-radius:20px;max-height:calc(100vh - 10px);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.58);padding:10px 14px 18px}.diag-toolbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;background:rgba(8,19,31,.94);backdrop-filter:blur(16px);padding:4px 0 8px}.diag-back,.diag-close{border:1px solid #405a73;background:#152b40;color:#eff8ff;border-radius:10px;height:38px;padding:0 12px;font-weight:800}.diag-close{width:38px;padding:0;font-size:22px;border-radius:50%}.diag-title{padding:5px 2px 7px}.diag-title h2{font-size:23px;margin:5px 0;color:#fff;line-height:1.18}.diag-title p{color:#a7b9cb;font-size:13px;line-height:1.5;margin:0}.symptom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:10px}.symptom-grid button{border:1px solid #405a73;background:linear-gradient(180deg,#13273b,#0e1e2e);color:#f3f8fd;border-radius:15px;padding:15px;text-align:left;min-height:92px;display:flex;align-items:center;gap:12px}.symptom-grid button span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#3a1d26;color:#ffb4c1;border:1px solid #663342;font-size:22px;font-weight:900}.symptom-grid button b{font-size:14px;line-height:1.35;color:#fff}.diag-progress{display:flex;gap:6px;align-items:center;overflow:auto;white-space:nowrap;color:#8199b1;font-size:10px;padding:5px 2px 9px}.diag-progress strong{color:#dceafb}.diag-step{border:1px solid #304960;background:linear-gradient(180deg,#0f2031,#0b1927);border-radius:17px;padding:15px;color:var(--text)}.diag-step-number{font-size:9px;letter-spacing:.15em;color:#ff9eae;font-weight:900}.diag-step h2{font-size:22px;line-height:1.18;margin:5px 0 7px;color:#fff}.diag-step>p{font-size:14px;line-height:1.5;color:#c4d2df;margin:0 0 12px}.diag-checks{background:#081522;border:1px solid #294159;border-radius:12px;padding:11px}.diag-checks h3,.diag-related h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9cb2c8;margin:0 0 8px}.diag-checks label{display:flex;align-items:flex-start;gap:9px;padding:8px 2px;border-top:1px solid #1a2e42;color:#d6e1ec;font-size:13px;line-height:1.42}.diag-checks label:first-of-type{border-top:0}.diag-checks input{width:20px;height:20px;margin:0;accent-color:var(--green);flex:0 0 20px}.diag-options{display:grid;gap:8px;margin-top:12px}.diag-options button{display:flex;justify-content:space-between;align-items:center;border:1px solid #466984;background:linear-gradient(180deg,#15354c,#112a3f);color:#f7fbff;border-radius:12px;padding:13px 14px;font-size:13px;font-weight:800;text-align:left}.diag-options button:hover{border-color:#5b85a4;background:linear-gradient(180deg,#19415b,#14334a)}.diag-options button span{font-size:20px;color:#7bddff}.diag-related{margin-top:15px}.diag-related button{width:100%;border:1px solid #344f68;background:#0c1a28;color:#e2edf7;border-radius:11px;padding:10px 11px;margin-top:6px;text-align:left;display:flex;flex-direction:column;gap:2px}.diag-related button span{font-size:9px;color:#79cbee;text-transform:uppercase;font-weight:900}.diag-related button b{font-size:12px;line-height:1.35;color:#eef7ff}.diag-source{font-size:10px;color:#7088a0;margin-top:12px;padding:0 2px}.card[data-id*="f5"],.card[data-id*="f6"]{border-color:#414961}

@media(max-width:480px){.dashboard{grid-template-columns:repeat(2,1fr)}.topbar h1{font-size:21px}.mode-switch{grid-template-columns:.65fr 1.2fr 1.2fr}.mode-switch button small{display:none}.gallery{grid-template-columns:1fr}.guided-head{display:block}.guided-badge{display:inline-block;margin-top:8px}.diag-models,.diag-tree-grid{grid-template-columns:1fr}.symptom-grid{grid-template-columns:1fr}.diag-step{padding:13px}}
@media(min-width:760px){.topbar{padding-left:calc((100vw - 980px)/2 + 16px);padding-right:calc((100vw - 980px)/2 + 16px)}}
@media(prefers-reduced-motion:no-preference){.card,.diag-brand-card,.diag-model-card,.diag-tree-card,.symptom-grid button,.diag-options button,.quick,.chip,.mode-switch button{transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}}

/* ===== V10 — MODE LISIBILITÉ RENFORCÉE ===== */
.readability-fab{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:1200;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:10px 14px;
  border-radius:999px;
  border:2px solid #8adfff;
  background:linear-gradient(180deg,#174f6a,#10384e);
  color:#fff;
  font-weight:900;
  font-size:14px;
  letter-spacing:.01em;
  box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 0 3px rgba(85,201,243,.12);
}
.readability-fab:active{transform:scale(.98)}
.readability-icon{font-size:21px;line-height:1;color:#fff}.readability-label{color:#fff}

/* Le mode est volontairement beaucoup plus lumineux et plus gros : un seul bouton doit suffire sur chantier. */
html.readability-plus{
  color-scheme:light;
  font-size:20px;
  --bg:#f3f8fc;
  --bg-deep:#e5eef5;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --surface-3:#eaf4fb;
  --surface-soft:#ffffff;
  --line:#9bb2c6;
  --line-strong:#607e99;
  --text:#07131d;
  --text-2:#102536;
  --muted:#38556d;
  --muted-2:#4f6d84;
  --cyan:#006d9c;
  --cyan-soft:#d9f2ff;
  --green:#08763d;
  --green-soft:#dff7e9;
  --amber:#8a5900;
  --amber-soft:#fff1c9;
  --red:#a7152d;
  --red-soft:#ffe2e7;
  --violet:#5932a3;
  --violet-soft:#eee6ff;
  --shadow:0 12px 30px rgba(31,61,84,.18);
  --shadow-soft:0 6px 18px rgba(31,61,84,.14);
}
html.readability-plus body{
  color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%,#f4f9fd 48%,#eaf3f9 100%);
  font-size:1rem;
  line-height:1.55;
}
html.readability-plus .topbar{
  background:rgba(255,255,255,.97);
  border-bottom:2px solid #aec3d4;
  box-shadow:0 5px 18px rgba(42,69,89,.14);
}
html.readability-plus .topbar h1{color:#07131d;font-size:1.42rem}
html.readability-plus .topbar p{color:#29485f;font-size:.78rem}
html.readability-plus .eyebrow{color:#005f88;font-size:.62rem}
html.readability-plus main{max-width:1040px}
html.readability-plus .mode-title,
html.readability-plus .filter-title{color:#29485f}
html.readability-plus .mode-switch button,
html.readability-plus .search-panel,
html.readability-plus .guided-panel,
html.readability-plus .card,
html.readability-plus .dashboard>div,
html.readability-plus .diag-brand-card,
html.readability-plus .diag-tree-card,
html.readability-plus .diag-step,
html.readability-plus .detail,
html.readability-plus .diag-shell{
  background:#fff;
  color:#07131d;
  border-color:#9db6ca;
  box-shadow:var(--shadow-soft);
}
html.readability-plus .mode-switch button b,
html.readability-plus .search-panel label,
html.readability-plus .card h2,
html.readability-plus .diag-title h2,
html.readability-plus .diag-step h2,
html.readability-plus .detail h2,
html.readability-plus .detail h3,
html.readability-plus .diag-checks h3,
html.readability-plus .diag-related h3{color:#07131d!important}
html.readability-plus .mode-switch button small,
html.readability-plus .summary,
html.readability-plus .source,
html.readability-plus .diag-title p,
html.readability-plus .diag-step p,
html.readability-plus .lead,
html.readability-plus .diag-source{color:#29485f!important}
html.readability-plus .mode-switch button{min-height:92px;padding:11px 8px}
html.readability-plus .mode-switch button span{font-size:1.35rem}
html.readability-plus .mode-switch button b{font-size:.82rem}
html.readability-plus .mode-switch button small{font-size:.61rem}
html.readability-plus .mode-switch button.active{background:#dff4ff;border-color:#1679a5;color:#062536}
html.readability-plus .mode-switch button[data-domain="programmation"].active{background:#e3f8eb;border-color:#248253}
html.readability-plus .mode-switch button[data-domain="depannage"].active{background:#ffe7eb;border-color:#bd4055}
html.readability-plus .search-row input{
  min-height:58px;
  background:#fff;
  color:#07131d;
  border:2px solid #7897af;
  font-size:1rem;
}
html.readability-plus .search-row input::placeholder{color:#58758c}
html.readability-plus .search-row button,
html.readability-plus .quick,
html.readability-plus .chip{
  min-height:46px;
  background:#f5faff;
  color:#102536;
  border-color:#7999b2;
  font-size:.72rem;
}
html.readability-plus .chip.active{background:#d7f1ff;color:#062536;border-color:#0879aa}
html.readability-plus .card{padding:18px;border-width:2px}
html.readability-plus .card h2{font-size:1.05rem;line-height:1.25}
html.readability-plus .summary{font-size:.82rem;line-height:1.55}
html.readability-plus .brand{color:#005c84!important;font-size:.68rem}
html.readability-plus .kw,
html.readability-plus .pill{font-size:.66rem;background:#edf5fb;color:#15354b;border-color:#9db8cc}
html.readability-plus .tag{font-size:.62rem}
html.readability-plus .guided-kicker{color:#8a1d31}
html.readability-plus .guided-badge{background:#a7152d;color:#fff}
html.readability-plus .diag-brand-card,
html.readability-plus .diag-tree-card,
html.readability-plus .symptom-grid button,
html.readability-plus .diag-options button,
html.readability-plus .diag-related button{
  min-height:60px;
  font-size:.82rem;
  color:#07131d;
  background:#fff;
  border-color:#8ca9bf;
}
html.readability-plus .diag-checks label{font-size:.82rem;color:#07131d;background:#f5f9fc;border-color:#b5c8d7;min-height:52px}
html.readability-plus .diag-checks input{width:25px;height:25px}
html.readability-plus dialog{color:#07131d}
html.readability-plus dialog::backdrop{background:rgba(20,35,48,.55)}
html.readability-plus .notice{background:#eef8ff;color:#0a2639;border-color:#6ca6c5}
html.readability-plus .notice.danger{background:#ffe8ec;color:#5c0716;border-color:#c94c61}
html.readability-plus .source-box{background:#eff5f9;color:#203e52;border-color:#a3bbcd}
html.readability-plus .bottom-nav{
  background:rgba(255,255,255,.98);
  border-top:2px solid #a5bacb;
  color:#17364b;
}
html.readability-plus .bottom-nav button{color:#29485f;font-size:.68rem}
html.readability-plus .bottom-nav button.active{color:#005f89}
html.readability-plus .readability-fab{
  background:#fff2ad;
  color:#291f00;
  border-color:#916b00;
  box-shadow:0 8px 22px rgba(37,55,68,.24),0 0 0 4px rgba(255,219,80,.36);
}
html.readability-plus .readability-fab .readability-icon,
html.readability-plus .readability-fab .readability-label{color:#291f00}
html.readability-plus .close,
html.readability-plus .diag-close,
html.readability-plus .image-close,
html.readability-plus .diag-back{font-size:.9rem;min-height:46px;min-width:46px}

@media (max-width:540px){
  .readability-fab{right:10px;bottom:calc(78px + env(safe-area-inset-bottom));padding:9px 12px}
  html.readability-plus{font-size:19px}
  html.readability-plus .topbar{padding-left:14px;padding-right:14px}
  html.readability-plus .topbar h1{font-size:1.28rem}
  html.readability-plus .topbar p{font-size:.72rem}
  html.readability-plus .mode-switch{grid-template-columns:1fr 1fr}
  html.readability-plus .mode-switch button:first-child{grid-column:1/-1;min-height:62px}
  html.readability-plus .cards{grid-template-columns:1fr}
}

/* ===== V11 — base documentaire complète ===== */
.docs-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px;border:1px solid rgba(87,200,255,.28);border-radius:20px;background:linear-gradient(135deg,rgba(25,94,139,.20),rgba(8,24,38,.92));box-shadow:0 12px 34px rgba(0,0,0,.18)}
.docs-panel h2{margin:3px 0 6px;color:var(--text,#f3f8ff);font-size:1.18rem}.docs-panel p{margin:0;color:var(--muted,#a8b7c8)}
.docs-open,.docs-float{border:0;border-radius:14px;padding:12px 15px;font-weight:800;background:#d9f3ff;color:#06243a;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer;white-space:nowrap}
.floating-tools{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.readability-btn{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:11px 14px;background:#fff6c8;color:#241b00;font-weight:900;box-shadow:0 8px 28px rgba(0,0,0,.34);display:flex;gap:8px;align-items:center;cursor:pointer}
.docs-float{padding:10px 13px}
.docs-dialog{width:min(980px,96vw);max-width:none;height:min(88vh,900px);padding:0;border:0;border-radius:22px;background:#091522;color:#eef7ff}.docs-dialog::backdrop{background:rgba(0,0,0,.72)}
.docs-shell{min-height:100%;padding:16px 18px 26px}.docs-toolbar{display:flex;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:3;padding:4px 0 10px;background:linear-gradient(#091522 78%,transparent)}
.docs-search-row{display:flex;gap:8px;margin:12px 0 16px}.docs-search-row input{flex:1;min-width:0;padding:14px 15px;border:1px solid #29445c;border-radius:14px;background:#0e2234;color:#fff;font-size:1rem}.docs-stats{color:#9eb6c9;margin:8px 0 14px}.docs-brand-grid,.docs-list,.doc-hits{display:grid;gap:10px}.docs-brand-card,.docs-item,.doc-hit{width:100%;text-align:left;border:1px solid #25445d;border-radius:15px;background:#0e2132;color:#edf8ff;padding:14px;cursor:pointer}.docs-brand-card b,.docs-item b,.doc-hit b{display:block;color:#fff;font-size:1rem}.docs-brand-card small,.docs-item small,.doc-hit small{color:#9eb6c9}.doc-hit mark{background:#ffe27d;color:#1b1600;border-radius:3px;padding:0 2px}.doc-page-text{white-space:pre-wrap;line-height:1.5;color:#d8e6f1;background:#0b1a28;border:1px solid #223b51;border-radius:14px;padding:15px;max-height:55vh;overflow:auto;font-size:.92rem}.doc-source-title{font-size:1.15rem;margin:5px 0;color:#fff}.doc-page-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#153d59;color:#bfe9ff;font-weight:800;margin-bottom:10px}
.doc-search-results{margin-top:18px;border-top:1px solid #21394e;padding-top:14px}.doc-search-results h3{margin:0 0 10px;color:#dff4ff}.doc-mini{border:1px solid #29445c;border-radius:14px;background:#0b1c2b;padding:12px;margin:8px 0;cursor:pointer}.doc-mini b{color:#fff}.doc-mini p{color:#afc2d2;margin:5px 0 0;font-size:.9rem;line-height:1.35}
@media(max-width:650px){.docs-panel{align-items:stretch;flex-direction:column}.docs-open{width:100%}.floating-tools{bottom:calc(72px + env(safe-area-inset-bottom))}.readability-label{display:inline}}
html.readability-plus .docs-panel,html.readability-plus .docs-dialog,html.readability-plus .docs-shell{background:#fff;color:#111}html.readability-plus .docs-panel h2,html.readability-plus .docs-dialog h2,html.readability-plus .docs-dialog h3,html.readability-plus .doc-source-title,html.readability-plus .docs-brand-card b,html.readability-plus .docs-item b,html.readability-plus .doc-hit b{color:#101820}html.readability-plus .docs-panel p,html.readability-plus .docs-stats,html.readability-plus .docs-brand-card small,html.readability-plus .docs-item small,html.readability-plus .doc-hit small{color:#44515d}html.readability-plus .docs-brand-card,html.readability-plus .docs-item,html.readability-plus .doc-hit,html.readability-plus .doc-mini,html.readability-plus .doc-page-text{background:#f4f8fb;color:#111;border-color:#9fb4c5}html.readability-plus .docs-search-row input{background:#fff;color:#111;border-color:#8198aa;font-size:1.15rem}html.readability-plus .doc-page-text{font-size:1.16rem;line-height:1.65}

/* V12 — conclusion de dépannage claire */
.diag-verdict{margin-top:14px;border:2px solid #2cb67d;background:linear-gradient(180deg,rgba(24,93,67,.38),rgba(9,45,36,.62));border-radius:16px;padding:15px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.diag-verdict-kicker{font-size:10px;letter-spacing:.12em;font-weight:950;color:#8ef0c2;margin-bottom:6px}
.diag-verdict h3{margin:0;color:#fff;font-size:20px;line-height:1.2}
.diag-certainty{display:inline-flex;margin-top:8px;border:1px solid #3c8d6e;background:#0d392c;color:#c7ffe5;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}
.diag-action{margin-top:12px;background:#071e18;border:1px solid #2d7058;color:#e7fff4;border-radius:11px;padding:11px 12px;font-size:13px;line-height:1.45}
html.readability-plus .diag-verdict{background:#e9fff4;border-color:#188655;color:#06150f}
html.readability-plus .diag-verdict-kicker{color:#075f3b}
html.readability-plus .diag-verdict h3{color:#05150e;font-size:1.32rem}
html.readability-plus .diag-certainty{background:#d7f7e7;border-color:#6bb995;color:#063d28}
html.readability-plus .diag-action{background:#fff;border-color:#8ecdb0;color:#071b12;font-size:.9rem}


/* ===== V14 - base documentaire locale + ressources constructeur officielles ===== */
.docs-legend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.local-badge,.web-badge{display:inline-flex;align-items:center;width:max-content;font-size:.68rem;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:5px 8px;margin-top:8px}
.local-badge{background:rgba(65,214,138,.14);color:#8ff0bd;border:1px solid rgba(65,214,138,.34)}
.web-badge{background:rgba(77,174,255,.14);color:#9ed3ff;border:1px solid rgba(77,174,255,.36)}
.docs-section-title{margin:20px 0 9px;color:var(--text,#f4f7fb);font-size:1rem}
a.docs-item,a.doc-mini{text-decoration:none;color:inherit}
.docs-web-item,.web-mini{position:relative;border-color:rgba(77,174,255,.28)!important;background:linear-gradient(135deg,rgba(77,174,255,.08),rgba(255,255,255,.02))!important}
.docs-web-item:hover,.web-mini:hover{border-color:rgba(77,174,255,.62)!important}
.web-results{border-top:1px solid rgba(77,174,255,.2);padding-top:14px}
.readability-plus .local-badge{background:#e5f8ee;color:#11653d;border-color:#8ed8b3}
.readability-plus .web-badge{background:#e8f3ff;color:#0b5797;border-color:#96c8f5}
.readability-plus .docs-section-title{color:#0c2239}
/* V15 — niveau Type de porte entre marque et coffret */
.diag-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}
.diag-type-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px;text-align:left;align-items:center;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);min-height:92px}
.diag-type-card:hover,.diag-type-card:focus{transform:translateY(-1px);border-color:#65d7ff}
.diag-type-name{font-weight:800;font-size:1.03rem}
.diag-type-card small{opacity:.78;grid-column:1}.diag-type-card .diag-chevron{grid-column:2;grid-row:1/3;font-size:1.7rem}

/* ===== V16 — fiabilisation outils terrain ===== */
.dashboard{grid-template-columns:repeat(5,1fr)}
.readability-btn{z-index:2}
html.readability-plus .readability-btn{background:#fff2ad;color:#291f00;border:2px solid #916b00;box-shadow:0 8px 22px rgba(37,55,68,.24),0 0 0 4px rgba(255,219,80,.36)}
html.readability-plus .readability-btn .readability-icon,html.readability-plus .readability-btn .readability-label{color:#291f00}
@media(max-width:650px){.dashboard{grid-template-columns:repeat(2,1fr)}.dashboard>div:last-child{grid-column:1/-1}.readability-btn{min-height:52px}}
.diag-deep{margin-top:12px;border:1px solid #35516a;border-radius:13px;padding:11px 12px;background:#0a1724;color:#dbe8f3}
.diag-deep h3{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#bdeaff}
.diag-deep ol{margin:0;padding-left:20px}.diag-deep li{margin:6px 0;font-size:13px;line-height:1.45;color:#d4e0eb}
.diag-confirm{border-color:#4a7190;background:#0b1b29}.diag-repair{border-color:#6f5e2f;background:#201c0f}.diag-repair h3{color:#ffe39b}
.diag-validate{border-color:#2f7659;background:#0b2018}.diag-validate h3{color:#9ef0c6}
.diag-source-note{margin-top:10px;padding:9px 10px;border-left:3px solid #5c7890;background:#0a1621;color:#9db2c5;border-radius:7px;font-size:11px;line-height:1.45}
html.readability-plus .diag-deep{background:#fff;color:#07131d;border-color:#8daabd}html.readability-plus .diag-deep h3{color:#12394f}html.readability-plus .diag-deep li{color:#102536;font-size:.88rem}html.readability-plus .diag-source-note{background:#eef5f9;color:#29485f;border-color:#6f91a8;font-size:.78rem}
.readability-btn .readability-icon,.readability-btn .readability-label{color:#241b00}

/* ===== V18 — MISE EN ROUTE ===== */
.mode-switch{grid-template-columns:.66fr 1fr 1fr 1fr}
#startupOpen{border-color:#5b6531;background:linear-gradient(180deg,#302d16,#211f10)}
#startupOpen:hover{border-color:#9a9f48}
.bottom-nav{grid-template-columns:repeat(4,1fr)}
#startupBottom{border-color:#4e5630;color:#e8e4b2}
.startup-dialog{width:min(900px,calc(100% - 10px));max-height:calc(100vh - 10px);color:var(--text)}
.startup-dialog::backdrop{background:rgba(0,0,0,.75)}
.startup-shell{position:relative;color:var(--text);background:linear-gradient(180deg,#0c1823,#07111c);border:1px solid #59633c;border-radius:20px;max-height:calc(100vh - 10px);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.62);padding:10px 14px 22px}
.startup-toolbar{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;background:rgba(8,18,28,.95);backdrop-filter:blur(16px);padding:4px 0 9px}
.startup-title,.startup-guide-head{padding:5px 2px 10px}.startup-kicker{font-size:10px;font-weight:950;letter-spacing:.12em;color:#dfd56d;text-transform:uppercase}.startup-title h2,.startup-guide-head h2{margin:5px 0;color:#fff;font-size:25px;line-height:1.16}.startup-title p,.startup-guide-head p{margin:0;color:#aebdca;line-height:1.5;font-size:13px}
.startup-brand-grid,.startup-type-grid,.startup-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:9px;margin-top:10px}.startup-brand-card,.startup-type-grid button,.startup-model-grid button{border:1px solid #49584c;background:linear-gradient(180deg,#17272b,#101d22);color:#f7fbff;border-radius:15px;min-height:82px;padding:13px;text-align:left;display:flex;align-items:center;gap:11px}.startup-brand-card:hover,.startup-type-grid button:hover,.startup-model-grid button:hover{border-color:#7b895e;background:linear-gradient(180deg,#1c302f,#132421)}.startup-brand-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#3d3918;color:#fff3a2;border:1px solid #67602c;font-weight:950;font-size:18px}.startup-brand-card>span:nth-child(2),.startup-model-grid button>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.startup-brand-card b,.startup-type-grid b,.startup-model-grid b{color:#fff;font-size:14px}.startup-brand-card small,.startup-type-grid small,.startup-model-grid small{color:#9faeb8;font-size:10px;line-height:1.35}
.startup-search{display:flex;gap:8px;margin:10px 0 8px}.startup-search input{flex:1;min-width:0;background:#081521;color:#eef7ff;border:1px solid #526154;border-radius:12px;padding:12px 13px;outline:none}.startup-search input:focus{border-color:#c5bc5a;box-shadow:0 0 0 3px rgba(197,188,90,.12)}.startup-search button{border:1px solid #746e39;background:#3d3819;color:#fff4a8;border-radius:12px;padding:0 14px;font-weight:850}.startup-search-list{display:grid;gap:7px;margin:8px 0 14px}.startup-search-list button{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;padding:11px 12px;border:1px solid #46584c;border-radius:12px;background:#0e1c22;color:#fff}.startup-search-list button b{grid-column:1}.startup-search-list button small{grid-column:1;color:#9dafb9}.startup-search-list .startup-evidence{grid-column:2;grid-row:1/3;align-self:center}
.startup-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;color:#9fb0ba;font-size:10px}.startup-meta>span:last-child{border:1px solid #435243;border-radius:999px;padding:4px 8px}.startup-evidence{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;letter-spacing:.05em;white-space:nowrap}.startup-evidence.local{background:#153a28;color:#bff0ce;border:1px solid #2e744d}.startup-evidence.web{background:#12354a;color:#bcecff;border:1px solid #2f7292}.startup-evidence.field{background:#342d17;color:#f2df91;border:1px solid #6f6130}
.startup-warning{display:flex;flex-direction:column;gap:4px;border:1px solid #775e2e;background:#2a2110;color:#ffe9a4;border-radius:13px;padding:11px 12px;margin:4px 0 12px}.startup-warning b{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.startup-warning span{font-size:12px;line-height:1.45;color:#eadba9}
.startup-phases{display:grid;gap:10px}.startup-phase{position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;border:1px solid #3a4d48;background:linear-gradient(180deg,#102129,#0b1920);border-radius:15px;padding:12px}.startup-phase-no{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#393516;border:1px solid #6e672e;color:#fff3a2;font-weight:950}.startup-phase-body h3{margin:3px 0 8px;color:#fff;font-size:16px}.startup-note{color:#b9c7ce;font-size:12px}.startup-check-list{display:grid}.startup-check-list label,.startup-final label{display:flex;align-items:flex-start;gap:9px;padding:8px 1px;border-top:1px solid #20342f;color:#dce6e9;font-size:13px;line-height:1.43}.startup-check-list label:first-child{border-top:0}.startup-check-list input,.startup-final input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#c7bd52}
.startup-final{margin-top:12px;border:1px solid #2d754a;background:#0f2a1d;border-radius:15px;padding:12px}.startup-final h3{margin:0 0 7px;color:#bff0ce;font-size:15px}.startup-final label{border-top-color:#214a34}
.startup-sources{margin-top:13px;border:1px solid #32495b;background:#0a1722;border-radius:14px;padding:12px}.startup-sources h3{margin:0 0 5px;color:#d7e6f3;font-size:13px}.startup-sources p{color:#8299ab;font-size:10px;line-height:1.4;margin:0 0 9px}.startup-doc-actions{display:flex;flex-wrap:wrap;gap:7px}.startup-doc-btn{border:1px solid #3e6981;background:#102b3b;color:#d8f3ff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;text-decoration:none}.startup-doc-btn.web{border-color:#436079;background:#102538}.startup-source-limited{color:#b7a96b;font-size:10px;line-height:1.45}
html.readability-plus .startup-shell,html.readability-plus .startup-brand-card,html.readability-plus .startup-type-grid button,html.readability-plus .startup-model-grid button,html.readability-plus .startup-phase,html.readability-plus .startup-sources{background:#fff;color:#07131d;border-color:#9dadb5}html.readability-plus .startup-toolbar{background:rgba(255,255,255,.96)}html.readability-plus .startup-title h2,html.readability-plus .startup-guide-head h2,html.readability-plus .startup-brand-card b,html.readability-plus .startup-type-grid b,html.readability-plus .startup-model-grid b,html.readability-plus .startup-phase-body h3,html.readability-plus .startup-sources h3{color:#07131d}html.readability-plus .startup-title p,html.readability-plus .startup-guide-head p,html.readability-plus .startup-brand-card small,html.readability-plus .startup-type-grid small,html.readability-plus .startup-model-grid small,html.readability-plus .startup-sources p{color:#38556d}html.readability-plus .startup-check-list label{color:#142a38;border-color:#d8e2e8}html.readability-plus .startup-final{background:#e7f8ed;border-color:#4c9366}html.readability-plus .startup-final label{color:#102c1c;border-color:#c5e7d0}html.readability-plus .startup-search input{background:#fff;color:#111;border-color:#7891a1;font-size:1rem}
@media(max-width:620px){.mode-switch{grid-template-columns:1fr 1fr}.mode-switch button{min-height:70px}.bottom-nav button{font-size:9px;gap:3px}.startup-brand-grid,.startup-type-grid,.startup-model-grid{grid-template-columns:1fr}.startup-shell{padding-left:10px;padding-right:10px}.startup-phase{grid-template-columns:36px 1fr;padding:10px}.startup-phase-no{width:32px;height:32px}.startup-search{display:grid;grid-template-columns:1fr auto}}

/* V20 — langage terrain plus simple dans le dépannage guidé */
.diag-worker-hint{margin:14px 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.96rem;line-height:1.35}
.diag-worker-hint b{font-weight:800}

/* V21 — vraie programmation de première mise en service */
.startup-evidence.exact{background:#103c27;color:#c7f4d7;border:1px solid #2b8956}
.startup-evidence.controller{background:#17364b;color:#caedff;border:1px solid #397da1}
.startup-evidence.manual{background:#2c3040;color:#e1e6f8;border:1px solid #656d8a}
.startup-evidence.limited{background:#4a261d;color:#ffd4c7;border:1px solid #a5523b}
.startup-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.startup-summary span{border:1px solid #40515a;background:#0e1b25;color:#c6d3dc;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.startup-summary .is-exact{border-color:#2d7b51;color:#c8f1d5;background:#102d20}.startup-summary .is-limited{border-color:#8c4939;color:#ffd1c3;background:#351d18}
.startup-rule{display:flex;flex-direction:column;gap:4px;margin:4px 0 12px;padding:11px 12px;border-radius:13px;background:#132335;border:1px solid #3e6685;color:#d8efff}.startup-rule b{font-size:11px;letter-spacing:.07em;text-transform:uppercase}.startup-rule span{font-size:12px;line-height:1.45;color:#b9d2e4}
.startup-status-note{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:13px;margin:0 0 10px}.startup-status-note b{font-size:12px}.startup-status-note span{font-size:12px;line-height:1.45}.startup-status-note.limited{background:#351d18;border:1px solid #8c4939;color:#ffd7ca}.startup-status-note.controller{background:#10283a;border:1px solid #3a7195;color:#d5efff}
.startup-variants{display:grid;gap:7px;margin:0 0 12px;padding:12px;border-radius:14px;background:#0d1d29;border:1px solid #365870}.startup-variants h3{margin:0 0 3px;color:#dcefff;font-size:14px}.startup-variant-btn{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid #456d87;background:#102b3c;color:#f2f9ff;border-radius:11px;padding:11px 12px}.startup-variant-btn span{font-weight:800}.startup-variant-btn b{color:#9edcff;font-size:10px;white-space:nowrap}.startup-variant-btn:hover{background:#14374c;border-color:#61a0c7}
.startup-doc-btn.asset{border-color:#6a5e83;background:#27203a;color:#eadfff}
html.readability-plus .startup-rule,html.readability-plus .startup-status-note,html.readability-plus .startup-variants{background:#f4f8fb;color:#10202c;border-color:#7e9caf}html.readability-plus .startup-rule span,html.readability-plus .startup-status-note span{color:#294759}html.readability-plus .startup-variants h3{color:#10202c}html.readability-plus .startup-variant-btn{background:#fff;color:#10202c;border-color:#6d91a8}html.readability-plus .startup-summary span{background:#fff;color:#1a3445;border-color:#91a7b3}

/* ===== V22 — assistant panne question/réponse ===== */
.diag-launch{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:12px 0 8px;padding:17px 16px;border:2px solid #7f4d5b;border-radius:17px;background:linear-gradient(135deg,#51232f,#15364b);color:#fff;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.diag-launch-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0f3;color:#35121b;font-size:27px}.diag-launch b{display:block;font-size:17px;line-height:1.2;color:#fff}.diag-launch small{display:block;margin-top:4px;color:#c9d9e7;font-size:11px;line-height:1.4}
.diag-or{display:flex;align-items:center;gap:10px;margin:11px 0;color:#7890a7;font-size:10px;text-transform:uppercase;font-weight:900}.diag-or:before,.diag-or:after{content:"";height:1px;background:#243c52;flex:1}
.diag-known{border:1px solid #304960;border-radius:13px;background:#0b1a28;padding:0 10px}.diag-known summary{cursor:pointer;padding:12px 4px;color:#d5e2ed;font-size:12px;font-weight:850}.diag-known[open] summary{border-bottom:1px solid #21384c;margin-bottom:10px}
.diag-answer-count{margin-left:auto;padding:3px 7px;border:1px solid #2f4b62;border-radius:999px;color:#9db1c3;background:#0c1c29}
.diag-history{display:flex;gap:6px;overflow:auto;margin:0 0 9px;padding-bottom:2px}.diag-history span{flex:0 0 auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #263f55;border-radius:999px;padding:5px 8px;background:#0a1825;color:#8fa6bb;font-size:9px}
.diag-akinator{padding:18px}.diag-akinator .diag-step-number{font-size:10px;color:#ffb3c0}.diag-akinator>h2{font-size:25px;margin:6px 0 8px}.diag-question-context{font-size:13px!important;color:#aec0d0!important;margin:0 0 15px!important;line-height:1.48!important}
.diag-answer-zone{display:grid;gap:9px;margin-top:14px}.diag-answer{width:100%;display:grid!important;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;min-height:61px;border-radius:14px!important;padding:10px 12px!important;text-align:left!important;border:1px solid #45647e!important;background:linear-gradient(180deg,#15354c,#10283b)!important;color:#fff!important}.diag-answer-key{display:grid;place-items:center;min-height:34px;border-radius:9px;background:#1c445d;color:#c9efff;font-size:10px;font-weight:950;letter-spacing:.08em}.diag-answer-label{font-size:13px;line-height:1.35;font-weight:800;color:#f5fbff}.diag-answer.yes{border-color:#2d7d5b!important;background:linear-gradient(180deg,#174832,#103424)!important}.diag-answer.yes .diag-answer-key{background:#1f6b48;color:#dcffeb}.diag-answer.no{border-color:#934457!important;background:linear-gradient(180deg,#4b202b,#351820)!important}.diag-answer.no .diag-answer-key{background:#742f41;color:#ffe2e9}.diag-answer.restart{border-color:#5c6470!important;background:linear-gradient(180deg,#283441,#1c2630)!important}.diag-answer.restart .diag-answer-key{background:#3c4c5c;color:#fff}
.diag-help-toggle{width:100%;margin-top:11px;min-height:48px;border:1px dashed #58728a;border-radius:12px;background:#0a1723;color:#c8d8e6;font-weight:850;font-size:12px;padding:10px}.diag-help-toggle[aria-expanded="true"]{background:#172536;border-style:solid;color:#fff}
.diag-help-panel{margin-top:10px;padding:11px;border:1px solid #31495e;border-radius:13px;background:#07131e}.diag-help-panel[hidden]{display:none}.diag-help-text{font-size:12px;line-height:1.48;color:#c3d2df}.diag-help-text b{color:#fff}
.diag-akinator.is-verdict{border-color:#31755a;background:linear-gradient(180deg,#102b22,#0a1c17)}.diag-akinator.is-verdict>h2{color:#c8f7db}
@media(max-width:540px){.diag-launch{grid-template-columns:auto 1fr;padding:14px}.diag-launch .diag-chevron{display:none}.diag-launch-icon{width:44px;height:44px}.diag-akinator>h2{font-size:23px}.diag-answer{grid-template-columns:54px 1fr auto!important;min-height:64px}.diag-answer-label{font-size:13px}.diag-history span{max-width:190px}}
html.readability-plus .diag-launch{background:#fff4f6;color:#07131d;border-color:#a9445b}html.readability-plus .diag-launch b{color:#07131d}html.readability-plus .diag-launch small{color:#29485f}html.readability-plus .diag-launch-icon{background:#ffdce4;color:#5f1022}
html.readability-plus .diag-known,html.readability-plus .diag-history span,html.readability-plus .diag-help-panel{background:#fff;color:#07131d;border-color:#9db6ca}html.readability-plus .diag-known summary{color:#07131d}html.readability-plus .diag-answer{background:#f4f8fb!important;color:#07131d!important;border-color:#8da8bd!important;min-height:70px}html.readability-plus .diag-answer-label{color:#07131d;font-size:.9rem}html.readability-plus .diag-answer-key{background:#d9edf7;color:#123b55;font-size:.72rem}html.readability-plus .diag-answer.yes{background:#e5f8ee!important;border-color:#4d9b73!important}html.readability-plus .diag-answer.yes .diag-answer-key{background:#c9efd9;color:#075b35}html.readability-plus .diag-answer.no{background:#ffe8ed!important;border-color:#b96779!important}html.readability-plus .diag-answer.no .diag-answer-key{background:#ffd2dc;color:#7a1630}html.readability-plus .diag-help-toggle{background:#fff;color:#17364b;border-color:#758fa4;font-size:.85rem}html.readability-plus .diag-help-text{color:#17364b;font-size:.85rem}html.readability-plus .diag-akinator.is-verdict{background:#edfff5;border-color:#4d9b73}html.readability-plus .diag-akinator.is-verdict>h2{color:#07131d}

/* ===== V23 — saisie du code exact dans l’assistant panne ===== */
.diag-code-entry{display:grid;grid-template-columns:1fr auto;gap:9px;margin:14px 0 8px}.diag-code-entry input{min-width:0;border:2px solid #50728d;border-radius:13px;background:#081724;color:#fff;padding:14px 13px;font-size:19px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;outline:none}.diag-code-entry input:focus{border-color:#7ed6ff;box-shadow:0 0 0 3px rgba(126,214,255,.12)}.diag-code-entry button{border:1px solid #2d7d5b;border-radius:13px;background:linear-gradient(180deg,#1b5a3e,#123f2d);color:#fff;padding:0 16px;font-weight:900}.diag-code-feedback{margin:9px 0;padding:10px 12px;border:1px solid #875a2b;border-radius:10px;background:#2b2112;color:#ffe3ad;font-size:12px}.diag-code-inline{margin-top:14px;padding:13px;border:1px solid #45647e;border-radius:14px;background:#0b1a28}.diag-code-inline>label{display:block;color:#eef8ff;font-size:14px;font-weight:900}.diag-code-inline>small{display:block;color:#8fa8bc;font-size:11px;line-height:1.4}.diag-code-inline details{margin-top:12px;border-top:1px solid #29445b;padding-top:9px}.diag-code-inline summary{cursor:pointer;color:#8fa8bc;font-size:11px}.diag-no-code-inline{margin-top:11px;border:1px solid #5a7083;border-radius:10px;background:#132536;color:#d8e5ef;padding:9px 11px;font-weight:800}.pill-action{cursor:pointer;background:#0a1724}.pill-action:hover{border-color:#6fcaf4;color:#eaf8ff}.pill-action:active{transform:translateY(1px)}
@media(max-width:540px){.diag-code-entry{grid-template-columns:1fr}.diag-code-entry button{min-height:48px}.diag-code-entry input{font-size:20px}}
html.readability-plus .diag-code-entry input{background:#fff;color:#07131d;border-color:#6089a5;font-size:1.12rem}html.readability-plus .diag-code-entry button{background:#e4f5eb;color:#073a24;border-color:#4d9b73}html.readability-plus .diag-code-inline{background:#fff;color:#07131d;border-color:#8da8bd}html.readability-plus .diag-code-inline>label{color:#07131d}html.readability-plus .diag-code-inline>small,html.readability-plus .diag-code-inline summary{color:#29485f}html.readability-plus .diag-no-code-inline{background:#f0f5f8;color:#17364b;border-color:#8da8bd}

/* ===== V26 — MODE LISIBILITÉ CLAIR : contraste homogène =====
   Règle terrain : en mode clair, aucun panneau sombre ne doit recevoir du texte sombre,
   et aucun texte clair ne doit rester sur une carte devenue blanche. */
html.readability-plus{
  --light-bg:#f2f7fb;
  --light-surface:#ffffff;
  --light-surface-2:#f5f9fc;
  --light-border:#8fa9bd;
  --light-border-soft:#bdccd7;
  --light-text:#07131d;
  --light-text-2:#223e52;
  --light-muted:#49687f;
  background:#e8f1f7!important;
}
html.readability-plus body{background:linear-gradient(180deg,#fff 0%,#f4f8fb 48%,#e9f2f8 100%)!important;color:var(--light-text)!important}

/* Cartes, boîtes et sous-panneaux : fond clair garanti. */
html.readability-plus .guided-panel,
html.readability-plus .diag-model-card,
html.readability-plus .diag-type-card,
html.readability-plus .detail-section,
html.readability-plus .diagram-section,
html.readability-plus .diag-checks,
html.readability-plus .diag-related button,
html.readability-plus .diag-worker-hint,
html.readability-plus .doc-mini,
html.readability-plus .startup-search-list button{
  background:var(--light-surface)!important;
  color:var(--light-text)!important;
  border-color:var(--light-border)!important;
  box-shadow:0 4px 14px rgba(31,61,84,.08)!important;
}
html.readability-plus .guided-panel{background:linear-gradient(145deg,#fff8fa 0%,#fff 52%,#f2f9fd 100%)!important;border-color:#c9929f!important}

/* Titres / textes qui avaient une couleur sombre forcée dans le thème nuit. */
html.readability-plus .guided-head h2,
html.readability-plus .diag-brand-copy b,
html.readability-plus .diag-model-card b,
html.readability-plus .diag-model-card .diag-tree-name,
html.readability-plus .diag-tree-name,
html.readability-plus .diag-type-name,
html.readability-plus .symptom-grid button b,
html.readability-plus .diag-related button b,
html.readability-plus .doc-mini b,
html.readability-plus .startup-search-list button b,
html.readability-plus .detail li{
  color:var(--light-text)!important;
}
html.readability-plus .guided-head p,
html.readability-plus .diag-brand-copy small,
html.readability-plus .diag-model-card small,
html.readability-plus .diag-tree-card small,
html.readability-plus .diag-type-card small,
html.readability-plus .diag-progress,
html.readability-plus .gallery figcaption,
html.readability-plus .doc-mini p,
html.readability-plus .startup-search-list button small,
html.readability-plus .startup-meta,
html.readability-plus .startup-note,
html.readability-plus .startup-source-limited,
html.readability-plus .status,
html.readability-plus .empty{
  color:var(--light-muted)!important;
}
html.readability-plus .diag-progress strong{color:#173f59!important}
html.readability-plus .diag-model-brand,
html.readability-plus .diag-step-number{color:#8b1d34!important}
html.readability-plus .diag-chevron{color:#086d99!important}

/* Boutons de navigation : l'ancien thème gardait parfois le fond nuit avec le texte clair. */
html.readability-plus .bottom-nav button{
  background:#f7fafc!important;
  color:#23465e!important;
  border-color:#a2b7c7!important;
  box-shadow:none!important;
}
html.readability-plus .bottom-nav button.active{background:#dff3fd!important;color:#064f72!important;border-color:#368db2!important}
html.readability-plus .bottom-nav button[data-domain="programmation"].active{background:#e5f7ec!important;color:#0a6137!important;border-color:#4a9a6c!important}
html.readability-plus .bottom-nav button[data-domain="depannage"].active{background:#ffeaee!important;color:#7b1d31!important;border-color:#bd6578!important}
html.readability-plus #startupBottom.active{background:#fff5cc!important;color:#644b00!important;border-color:#a78a25!important}

/* Fenêtres et barres collantes. */
html.readability-plus .diag-toolbar,
html.readability-plus .docs-toolbar,
html.readability-plus .startup-toolbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #d1dce4}
html.readability-plus .diag-back,
html.readability-plus .diag-close,
html.readability-plus .close{
  background:#f5f9fc!important;
  color:#0b2d43!important;
  border-color:#829eb2!important;
  box-shadow:0 2px 8px rgba(31,61,84,.10)!important;
}

/* Diagnostic : sous-éléments sémantiques en version pastel, mais très contrastée. */
html.readability-plus .diag-brand-icon{background:#ffe6ec!important;color:#7e1e34!important;border-color:#cf8394!important}
html.readability-plus .symptom-grid button span{background:#ffe6ec!important;color:#7e1e34!important;border-color:#cf8394!important}
html.readability-plus .diag-checks h3,
html.readability-plus .diag-related h3{color:#24475e!important}
html.readability-plus .diag-checks label{background:#fff!important;color:#102536!important;border-color:#d2dee7!important}
html.readability-plus .diag-source{color:#4a687e!important}
html.readability-plus .guided-badge{background:#ffe7ec!important;color:#7b1d31!important;border-color:#c36f82!important}

/* Fiches : plus de texte gris clair sur fond blanc. */
html.readability-plus .detail-category.programmation{background:#e4f7eb!important;color:#0b6037!important;border:1px solid #73b58e}
html.readability-plus .detail-category.depannage{background:#ffe7ec!important;color:#7b1d31!important;border:1px solid #c36f82}
html.readability-plus .tag{background:#eef4f8!important;color:#29495f!important;border-color:#a2b7c6!important}
html.readability-plus .tag.codes{background:#ffe8ed!important;color:#7b1d31!important;border-color:#c98594!important}
html.readability-plus .tag.cablage{background:#fff5d8!important;color:#684a00!important;border-color:#c4a553!important}
html.readability-plus .tag.programmation{background:#e6f7ed!important;color:#0b6037!important;border-color:#7db795!important}
html.readability-plus .has-schema{color:#075f89!important}
html.readability-plus .gallery figcaption small{color:#075f89!important}
html.readability-plus .diagram-btn{background:#fff!important;border-color:#91a9bb!important}

/* Tableau de bord. */
html.readability-plus .dashboard b{color:#081923!important}
html.readability-plus .dashboard span{color:#46667d!important}

/* Base documentaire : toolbar et textes internes qui gardaient les couleurs du thème nuit. */
html.readability-plus .doc-mini b,
html.readability-plus .doc-search-results h3{color:#102536!important}
html.readability-plus .doc-mini p{color:#49687f!important}
html.readability-plus .doc-page-badge{background:#dff3fd!important;color:#064f72!important;border:1px solid #7fb3cb}
html.readability-plus .docs-web-item,
html.readability-plus .web-mini{background:#edf7fd!important;color:#102536!important;border-color:#8fbbd2!important}

/* Mise en route : les cartes de recherche et avertissements deviennent clairs eux aussi. */
html.readability-plus .startup-search-list button{background:#fff!important}
html.readability-plus .startup-warning{background:#fff5d8!important;color:#5d4300!important;border-color:#c5a34b!important}
html.readability-plus .startup-warning span{color:#5d4b19!important}
html.readability-plus .startup-phase-no{background:#fff1ad!important;color:#5b4600!important;border-color:#b49a3e!important}
html.readability-plus .startup-final h3{color:#0b6037!important}
html.readability-plus .startup-doc-btn,
html.readability-plus .startup-doc-btn.web,
html.readability-plus .startup-doc-btn.asset{background:#f2f7fb!important;color:#173b52!important;border-color:#8da9bb!important}
html.readability-plus .startup-search button{background:#fff2ad!important;color:#5d4600!important;border-color:#a99035!important}
html.readability-plus .startup-brand-icon{background:#fff2ad!important;color:#5d4600!important;border-color:#b19a43!important}

/* Badges d'état de mise en route : conserver le sens des couleurs sans panneaux foncés. */
html.readability-plus .startup-evidence.exact,
html.readability-plus .startup-evidence.local{background:#e4f7eb!important;color:#0b6037!important;border-color:#73b58e!important}
html.readability-plus .startup-evidence.controller,
html.readability-plus .startup-evidence.web{background:#e5f4fd!important;color:#07577e!important;border-color:#79abc4!important}
html.readability-plus .startup-evidence.manual{background:#eef0f7!important;color:#33415d!important;border-color:#9ca5bb!important}
html.readability-plus .startup-evidence.limited,
html.readability-plus .startup-evidence.field{background:#fff0df!important;color:#704018!important;border-color:#c89d72!important}

/* Actions et interactions restent clairement identifiables. */
html.readability-plus button:hover{filter:brightness(.985)}
html.readability-plus button:focus-visible,
html.readability-plus input:focus-visible{outline:3px solid rgba(0,105,150,.28)!important;outline-offset:2px}


/* ===== V27 — correction contraste mode clair ===== */
html.readability-plus #startupOpen{
  background:#fff6d9 !important;
  border:2px solid #b69a36 !important;
  color:#4a3700 !important;
  box-shadow:0 6px 18px rgba(37,55,68,.14) !important;
}
html.readability-plus #startupOpen:hover,
html.readability-plus #startupOpen:focus-visible{
  background:#ffefbf !important;
  border-color:#9f8320 !important;
}
html.readability-plus #startupOpen b,
html.readability-plus #startupOpen small,
html.readability-plus #startupOpen span{
  color:#4a3700 !important;
}
html.readability-plus #startupBottom{
  background:#fff8e2 !important;
  border:2px solid #b69a36 !important;
  color:#4a3700 !important;
}
html.readability-plus #startupBottom span,
html.readability-plus #startupBottom b,
html.readability-plus #startupBottom small{
  color:#4a3700 !important;
}
html.readability-plus .docs-open,
html.readability-plus .docs-float{
  background:#e8f5ff !important;
  color:#0f2f44 !important;
  border:2px solid #92b6cf !important;
}
html.readability-plus .guided-badge{
  background:#f7dde4 !important;
  color:#7a1f34 !important;
  border:1px solid #d58da0 !important;
}
html.readability-plus .guided-panel,
html.readability-plus .docs-panel,
html.readability-plus .search-panel,
html.readability-plus .mode-switch button,
html.readability-plus .bottom-nav button,
html.readability-plus .diag-brand-card,
html.readability-plus .diag-tree-card,
html.readability-plus .docs-brand-card,
html.readability-plus .docs-item,
html.readability-plus .doc-hit,
html.readability-plus .startup-brand-card,
html.readability-plus .startup-type-grid button,
html.readability-plus .startup-model-grid button{
  background-clip:padding-box;
}


/* ===== V28 — mode hors connexion complet ===== */
.offline-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:12px 14px;border:1px solid #36516a;border-radius:15px;background:linear-gradient(180deg,#0e2030,#0a1825);box-shadow:var(--shadow-soft)}
.offline-copy{display:flex;align-items:center;gap:10px;min-width:0}.offline-copy>div{display:flex;flex-direction:column;gap:2px}.offline-copy strong{font-size:12px;color:#eef7ff}.offline-copy small{font-size:10px;line-height:1.35;color:#91a8bc}.offline-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#71859a;box-shadow:0 0 0 4px rgba(113,133,154,.14)}
.offline-panel.is-ready{border-color:#397a58;background:linear-gradient(180deg,#102b20,#0b2018)}.offline-panel.is-ready .offline-dot{background:#55d58a;box-shadow:0 0 0 4px rgba(85,213,138,.16)}
.offline-panel.is-offline{border-color:#397a58;background:linear-gradient(180deg,#102b20,#0b2018)}.offline-panel.is-offline .offline-dot{background:#55d58a;box-shadow:0 0 0 4px rgba(85,213,138,.16)}
.offline-panel.is-working .offline-dot{background:#f6c85f;box-shadow:0 0 0 4px rgba(246,200,95,.16)}
.offline-panel.is-error{border-color:#8b4858;background:linear-gradient(180deg,#351a22,#24131a)}.offline-panel.is-error .offline-dot{background:#ff8597;box-shadow:0 0 0 4px rgba(255,133,151,.16)}
#offlinePrepare{flex:0 0 auto;border:1px solid #4d7897;border-radius:11px;background:#12344a;color:#e9f7ff;padding:9px 11px;font-size:10px;font-weight:900;cursor:pointer}
#offlinePrepare:disabled{opacity:.6;cursor:default}
html.readability-plus .offline-panel{background:#fff;color:#07131d;border-color:#91aabd}html.readability-plus .offline-panel.is-ready,html.readability-plus .offline-panel.is-offline{background:#e9f8ef;border-color:#5a9870}html.readability-plus .offline-panel.is-working{background:#fff7df;border-color:#b89a42}html.readability-plus .offline-panel.is-error{background:#ffecef;border-color:#be6d7d}html.readability-plus .offline-copy strong{color:#07131d}html.readability-plus .offline-copy small{color:#38556d}html.readability-plus #offlinePrepare{background:#e5f3fc;color:#12364c;border-color:#7ea8c2}
@media(max-width:620px){.offline-panel{align-items:stretch;flex-direction:column}.offline-copy{align-items:flex-start}#offlinePrepare{width:100%;min-height:44px}}


/* ===== V29 — icône personnalisée de l'assistant panne ===== */
.diag-launch-icon{overflow:hidden;padding:0;background:transparent;border:0;width:52px;height:52px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.diag-launch-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}
html.readability-plus .diag-launch-icon{background:transparent}


/* ===== V30 — iPhone / mobile + hors connexion ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
main{width:100%;min-width:0}
.cards,.diag-models,.diag-tree-grid,.startup-brand-grid,.startup-type-grid,.startup-model-grid{min-width:0}
.card,.diag-brand-card,.diag-model-card,.diag-tree-card,.startup-brand-card,.startup-type-grid button,.startup-model-grid button{min-width:0;max-width:100%}
table{max-width:100%}

@media(max-width:760px){
  body{padding-bottom:84px}
  .topbar{padding-left:14px;padding-right:14px}
  .topbar>div{min-width:0}
  .topbar h1{font-size:21px;overflow-wrap:anywhere}
  .topbar p{font-size:12px;max-width:100%}
  main{padding:10px;width:100%;max-width:100%}
  .mode-switch{grid-template-columns:1fr 1fr!important;gap:7px}
  .mode-switch button{min-width:0;min-height:76px!important;padding:9px 6px}
  .mode-switch button b{font-size:13px}
  .mode-switch button small{display:block;font-size:9px}
  .guided-head{display:block}
  .guided-badge{display:inline-block;margin-top:8px}
  .diag-models,.diag-tree-grid,.cards,.startup-brand-grid,.startup-type-grid,.startup-model-grid{grid-template-columns:1fr!important}
  .docs-panel{flex-direction:column;align-items:stretch}
  .docs-open{width:100%}
  .search-row input,.docs-search-row input,.startup-search input{font-size:16px!important}
  .bottom-nav{left:0;transform:none;width:100%;max-width:none;border-left:0;border-right:0;border-radius:14px 14px 0 0;padding-left:6px;padding-right:6px}
  .bottom-nav button{min-width:0;font-size:10px!important;padding:10px 2px}
  dialog,.startup-dialog,.docs-dialog,.diag-dialog{width:calc(100% - 10px)!important;max-width:none!important;margin:auto}
  .detail,.diag-shell,.startup-shell,.docs-shell{max-width:100%;overflow-x:hidden}
  .diag-answer{grid-template-columns:52px minmax(0,1fr) auto!important}
  .diag-answer-label,.summary,.lead,.startup-note,.diag-question-context{overflow-wrap:anywhere}
  .gallery{grid-template-columns:1fr!important}
  .doc-page-text{overflow:auto;max-width:100%}
  .offline-panel{display:block}
  .offline-panel button{width:100%;margin-top:10px}
}

@media(max-width:390px){
  main{padding:8px}
  .mode-switch button{min-height:72px!important}
  .mode-switch button small{font-size:8.5px}
  .bottom-nav button{font-size:9px!important}
}