:root{
  --bg:#f6f7fb;
  --panel:#ffffff;
  --ink:#152033;
  --muted:#667085;
  --line:#d8deea;
  --soft:#edf2f7;
  --accent:#1d4ed8;
  --accent2:#0f766e;
  --danger:#b42318;
  --warn:#b54708;
  --ok:#027a48;
  --shadow:0 18px 50px rgba(21,32,51,.10);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit}
button,a.primary,a.ghost{font:inherit}
.hero{padding:28px clamp(18px,4vw,58px) 44px;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#0f766e);color:white}
.small-hero{padding-bottom:28px}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:40px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:white;color:#1e3a8a;font-weight:900}
.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:start;max-width:1220px;margin:0 auto}
.hero h1{font-size:clamp(2.2rem,5vw,4.9rem);line-height:.98;margin:0 0 18px;letter-spacing:-.06em;max-width:980px}
.hero .lead{font-size:clamp(1.05rem,2vw,1.32rem);max-width:850px;color:#e0e7ff}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#0f766e;margin:0 0 8px}
.hero .eyebrow{color:#99f6e4}.lead-small{font-size:1.05rem;color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.hero-card{color:var(--ink)}.hero-card h2{margin-top:0}.mode-grid{display:grid;gap:10px;margin:16px 0}
.mode{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;text-align:left;cursor:pointer;transition:.18s ease}
.mode:hover,.mode.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,78,216,.12)}
.mode span{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}
button,.primary,.secondary,.ghost{border:0;border-radius:14px;padding:12px 16px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:.18s ease;font-weight:750}
.primary{background:var(--accent);color:#fff}.primary:hover{filter:brightness(.95);transform:translateY(-1px)}
.secondary{background:#e7f0ff;color:#123b7a}.secondary:hover{background:#d9e8ff}.ghost{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.25)}
.card .ghost{background:white;color:var(--accent);border:1px solid var(--line)}.small{padding:8px 12px;font-size:.9rem}.wide{width:100%}
.notice{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);max-width:850px}.privacy strong{color:#fff}
.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;max-width:1260px;margin:-24px auto 50px;padding:0 clamp(16px,3vw,30px)}
.sidebar{min-width:0}.sticky{position:sticky;top:16px;display:grid;gap:16px}.content{min-width:0;display:grid;gap:22px}.progress-meta{display:flex;justify-content:space-between;font-weight:800}.bar{height:10px;border-radius:99px;background:var(--soft);overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.25s ease}.muted{color:var(--muted)}
.questionnaire{display:grid;gap:20px}.section-head h2,.card h2{margin:0 0 10px}.question-section{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.question-section h3{font-size:1.25rem;margin:0 0 14px}.question{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;margin:14px 0}.question.required .label:after{content:" *";color:var(--danger)}.label{font-weight:800;display:block;margin-bottom:8px}.help{color:var(--muted);font-size:.95rem;margin:0 0 12px}.options{display:grid;gap:10px}.option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfcff;cursor:pointer}.option:hover{border-color:#a8b7d7}.option input{margin-top:4px}input[type="number"],select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:white;color:var(--ink)}.unit{font-size:.9rem;color:var(--muted);margin-top:6px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.hidden{display:none!important}
.results{display:grid;gap:22px}.report-cover{background:linear-gradient(180deg,#fff,#f8fbff)}.score-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.score-circle{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0deg,#e5e7eb 0deg);position:relative}.score-circle:before{content:"";position:absolute;inset:12px;border-radius:50%;background:white}.score-circle span,.score-circle small{position:relative;z-index:1}.score-circle span{font-size:3rem;font-weight:900;letter-spacing:-.07em}.score-circle small{font-weight:800;color:var(--muted)}.disclaimer{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:12px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category{border:1px solid var(--line);border-radius:16px;padding:14px}.category header{display:flex;justify-content:space-between;gap:12px;font-weight:850}.riskbar{height:9px;border-radius:99px;background:#edf2f7;overflow:hidden;margin:10px 0}.riskbar span{display:block;height:100%;background:var(--accent);width:0}.tag{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:.82rem;font-weight:800;background:#eef4ff;color:#1d4ed8}.tag.warn{background:#fff7ed;color:#b54708}.tag.danger{background:#fef3f2;color:#b42318}.tag.ok{background:#ecfdf3;color:#027a48}.alert{border:1px solid #fed7aa;background:#fffbeb;border-radius:16px;padding:14px;margin:10px 0}.alert.critique{border-color:#fecaca;background:#fef2f2}.alert h3{margin:0 0 8px}.alert ul{margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcff}.mini-card h3{margin:0 0 8px}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.roadmap h3{margin:0 0 8px}.roadmap ul,.checklist ul{padding-left:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin:12px 0}table{border-collapse:collapse;width:100%;min-width:720px;background:white}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:#f8fafc}.sources a{word-break:break-word}.premium{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#eff6ff)}.cta-inline{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.footer{text-align:center;color:var(--muted);padding:30px}.admin-layout{max-width:1100px;margin:30px auto}.admin-controls{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}#jsonEditor{height:620px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.45;white-space:pre}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;padding:6px 10px;font-weight:700;font-size:.87rem}.print-only{display:none}

.flow-table td:first-child{font-weight:800;min-width:150px}.risk-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:850}.risk-low{background:#ecfdf3;color:#027a48}.risk-med{background:#eef4ff;color:#1d4ed8}.risk-high{background:#fff7ed;color:#b54708}.risk-critical{background:#fef3f2;color:#b42318}.qa-item{border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;background:#fbfcff}.qa-item h3{margin:0 0 8px}.crisis-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.crisis-box{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcff}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mono-note{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;white-space:pre-wrap}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcff}.metric strong{display:block;font-size:1.3rem}.warning-box{border:1px solid #fed7aa;background:#fffbeb;color:#7c2d12;border-radius:14px;padding:12px;margin:10px 0}
@media(max-width:920px){.crisis-grid,.doc-grid,.metric-row{grid-template-columns:1fr}}

@media(max-width:920px){.hero-grid,.layout{grid-template-columns:1fr}.layout{margin-top:16px}.sticky{position:static}.category-grid,.cards-grid,.roadmap{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.topbar{align-items:flex-start;flex-direction:column}}
@media print{body{background:white;color:#111}.hero,.sidebar,.footer,.form-actions,.top-actions,.cta-inline,.mode-grid,#questionnaire,#copyChecklistBtn,#exportFinalBtn,#comparatorCard{display:none!important}.layout{display:block;margin:0;padding:0;max-width:none}.content{display:block}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid;margin:0 0 14px;padding:18px}.hidden{display:block!important}.results{display:block}.print-only{display:block}a{color:#111;text-decoration:none}.score-circle{border:1px solid #ddd;background:white!important}.riskbar span{background:#555!important}}


/* Android wrapper additions */
.android-badge {
  display:inline-flex; align-items:center; gap:.35rem; border:1px solid rgba(255,255,255,.25);
  padding:.35rem .55rem; border-radius:999px; font-size:.82rem; color:var(--muted, #6b7280);
}
.android-paywall {
  position: fixed; inset: 0; display: none; align-items: center; justify-content: center;
  background: rgba(3, 7, 18, .72); z-index: 9999; padding: 1rem;
}
.android-paywall.visible { display:flex; }
.android-paywall-card {
  max-width: 640px; width: min(640px, 100%); background: #fff; color: #111827; border-radius: 24px;
  padding: 1.4rem; box-shadow: 0 20px 80px rgba(0,0,0,.35);
}
.android-paywall-card h2 { margin-top: 0; }
.android-paywall-card .actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.android-free .mode[data-mode="complete"], .android-free .mode[data-mode="audit"] { opacity:.62; position:relative; }
.android-free .mode[data-mode="complete"]::after, .android-free .mode[data-mode="audit"]::after {
  content:'Premium'; position:absolute; top:.5rem; right:.5rem; font-size:.72rem; padding:.18rem .48rem;
  border-radius:999px; background:#111827; color:#fff;
}
.android-free #comparatorCard, .android-free #auditPack { border: 1px dashed rgba(17,24,39,.28); }
@media print { .android-paywall, .android-badge { display:none!important; } }


/* === V5 mobile-friendly layer === */
:root{
  --warm:#fff7ed;
  --warm2:#ffedd5;
  --violet:#6d28d9;
  --cyan:#0891b2;
  --green:#059669;
  --surface:rgba(255,255,255,.86);
}
body{background:
  radial-gradient(circle at 15% 5%, rgba(14,165,233,.14), transparent 32rem),
  radial-gradient(circle at 85% 0%, rgba(249,115,22,.13), transparent 26rem),
  linear-gradient(180deg,#f8fafc 0%,#f6f7fb 45%,#f8fafc 100%);
}
.app-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 50%,#0f766e 100%)}
.app-hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 62%);pointer-events:none}
.app-hero:after{content:"";position:absolute;left:8%;bottom:-110px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(2px)}
.app-hero>*{position:relative;z-index:1}
.friendly-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);align-items:stretch}
.hero-copy h1{font-size:clamp(2.2rem,6vw,5rem);line-height:.92;max-width:980px;letter-spacing:-.065em;margin-bottom:22px}
.hero-copy .lead{font-size:clamp(1.05rem,2vw,1.32rem);max-width:820px;color:rgba(255,255,255,.88)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.big{padding:15px 19px;border-radius:18px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.soft-notice{backdrop-filter:blur(10px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.trust-strip span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);font-weight:760;font-size:.9rem}
.friendly-mode-card{position:relative;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 26px 80px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.65)}
.mascot-bubble{position:absolute;right:20px;top:-26px;width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#e0f2fe);display:grid;place-items:center;font-size:2rem;box-shadow:var(--shadow);transform:rotate(4deg)}
.mode-grid{gap:12px}
.mode{position:relative;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;overflow:hidden}
.mode:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.mode.active{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-color:#60a5fa;box-shadow:0 12px 35px rgba(37,99,235,.18)}
.mode-icon{font-size:1.35rem;margin-right:4px}
.mode em{display:inline-flex;margin-top:8px;font-style:normal;color:#0f766e;font-weight:800;font-size:.82rem;background:#ccfbf1;padding:4px 8px;border-radius:999px}
.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:28px auto 0}
.feature-card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:15px 16px;color:white;backdrop-filter:blur(8px);display:grid;gap:4px}
.feature-card span{font-size:1.5rem}.feature-card strong{font-size:1rem}.feature-card small{opacity:.82;line-height:1.35}
.app-layout{align-items:start}.friendly-progress{background:linear-gradient(180deg,#fff,#f8fafc)}
.progress-nudge{background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;border-radius:16px;padding:12px 13px;margin:14px 0 0;color:#1e3a8a;font-weight:650}
.section-nav{display:grid;gap:8px}.section-pill{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.88rem;color:#334155;text-decoration:none}.section-pill .dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.section-pill.done .dot{background:#059669}.section-pill.active{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8;font-weight:800}
.calm-cta{background:linear-gradient(180deg,#ffffff,#fff7ed)}
.learning-hub{border:0;background:linear-gradient(135deg,#ffffff,#f0f9ff);box-shadow:0 24px 70px rgba(14,116,144,.11)}
.split-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.split-head>div{min-width:0}.mini-meter{min-width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:white;display:grid;place-items:center;text-align:center;box-shadow:0 16px 40px rgba(29,78,216,.22)}.mini-meter span{font-weight:900;font-size:1.6rem}.mini-meter small{margin-top:-12px;opacity:.85}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card{position:relative;border-radius:22px;overflow:hidden;background:white;border:1px solid #dbeafe;box-shadow:0 14px 40px rgba(15,23,42,.08)}.video-thumb{min-height:120px;background:linear-gradient(135deg,#1e3a8a,#0891b2 60%,#f97316);color:white;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.video-play{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.4);font-weight:900}.video-body{padding:14px}.video-body h3{margin:.1rem 0 .45rem;font-size:1rem;line-height:1.25}.video-meta{display:flex;gap:6px;flex-wrap:wrap;margin:.7rem 0}.video-meta span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:750;color:#475569}.video-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.video-actions button,.video-actions a{font-size:.85rem;padding:8px 10px;border-radius:12px;text-decoration:none}.video-card.featured:before{content:"Recommandé";position:absolute;top:12px;right:12px;background:#f97316;color:white;font-weight:900;font-size:.7rem;padding:5px 8px;border-radius:999px;z-index:1}
.video-dialog{border:0;border-radius:24px;padding:0;max-width:min(900px,94vw);width:860px;background:#020617;color:white;box-shadow:0 35px 90px rgba(0,0,0,.42)}.video-dialog::backdrop{background:rgba(2,6,23,.72);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:10px;top:8px;z-index:4;border:0;background:rgba(255,255,255,.13);color:white;width:38px;height:38px;border-radius:50%;font-size:1.7rem;line-height:1;cursor:pointer}.video-frame-wrap{aspect-ratio:16/9;background:#000;border-radius:24px 24px 0 0;overflow:hidden}.video-frame-wrap iframe{width:100%;height:100%;border:0}.video-dialog-info{padding:16px 18px 20px}.video-dialog-info h3{margin:.2rem 0 .4rem}.video-dialog-info p{color:#cbd5e1}.video-privacy{font-size:.88rem;color:#fde68a!important}
.friendly-questionnaire{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.question-section{position:relative;border:1px solid #e2e8f0;background:linear-gradient(180deg,#ffffff,#f8fafc);border-radius:26px;padding:22px;margin:18px 0;box-shadow:0 14px 42px rgba(15,23,42,.06)}.question-section>h3{display:flex;align-items:center;gap:10px;margin-top:0;font-size:1.3rem}.question-section>h3:before{content:"";width:13px;height:13px;border-radius:5px;background:linear-gradient(135deg,#1d4ed8,#0f766e)}
.question{border:1px solid #e5e7eb;border-radius:22px;background:white;padding:18px;margin:14px 0;box-shadow:0 10px 26px rgba(15,23,42,.045);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.question:hover{border-color:#bfdbfe;box-shadow:0 14px 36px rgba(37,99,235,.09)}.question.answered{border-color:#a7f3d0;background:linear-gradient(180deg,#ffffff,#f0fdf4)}.question.required:before{content:"Important";display:inline-flex;margin-bottom:8px;background:#fef3c7;color:#92400e;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.label{font-weight:850;font-size:1.02rem;color:#0f172a}.help{background:#f8fafc;border-left:4px solid #38bdf8;padding:10px 12px;border-radius:12px;color:#475569}
.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.option{position:relative;display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.option:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#93c5fd}.option input{margin-top:3px;accent-color:#1d4ed8}.option:has(input:checked){border-color:#2563eb;background:#eff6ff;box-shadow:0 10px 28px rgba(37,99,235,.13)}input[type="number"]{border-radius:16px;border:1px solid #cbd5e1;padding:13px 14px;font-size:1rem;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.floating-actions{position:sticky;bottom:10px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border:1px solid #e2e8f0;border-radius:22px;padding:12px;box-shadow:0 18px 44px rgba(15,23,42,.16);z-index:4}
.friendly-report-cover{background:linear-gradient(135deg,#fff,#eef2ff 52%,#ecfeff)}.crisis-card{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}.cards-grid .mini-card,.doc-grid .mini-card{transition:transform .16s ease,box-shadow .16s ease}.cards-grid .mini-card:hover,.doc-grid .mini-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08)}
@media(max-width:980px){.friendly-hero-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid,.video-grid.compact{grid-template-columns:1fr}.split-head{display:block}.mini-meter{margin:14px 0 0;width:86px;height:86px}.options{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar{position:static}.section-card{display:none}}
@media(max-width:620px){.hero{padding:18px 14px 30px}.hero-copy h1{font-size:2.55rem}.feature-row{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand{font-size:.95rem}.top-actions{gap:6px}.ghost.small{padding:7px 9px}.card{border-radius:20px}.question-section{padding:15px;border-radius:22px}.question{padding:14px;border-radius:18px}.floating-actions{display:grid}.score-row{align-items:center}.video-dialog{width:96vw}.hero-actions .big{width:100%}}
@media print{.learning-hub,.video-dialog,.feature-row,.trust-strip,.hero-actions,.section-card,.floating-actions{display:none!important}.question{box-shadow:none}.app-hero{background:#fff!important;color:#111!important}}


/* V5 prelaunch refinements */
.onboarding-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:center;margin:16px auto 26px;max-width:1180px;padding:14px;border:1px solid rgba(71,191,166,.35);background:rgba(255,255,255,.78);border-radius:22px;box-shadow:0 16px 42px rgba(27,58,87,.10);backdrop-filter:blur(10px)}
.onboarding-step{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,250,249,.92))}
.onboarding-step strong{color:#15324b;font-size:.95rem}.onboarding-step span{color:#536779;font-size:.86rem}.hidden{display:none!important}.danger{color:#a23737!important}.ghost.danger:hover,.secondary.danger:hover{border-color:#d45b5b;background:#fff5f5}.external-video-card{padding:12px}.single-page{max-width:980px;margin:0 auto;padding:32px 18px}.single-page .card{margin-top:24px}.android-premium .ad-only,.android-premium .android-paywall{display:none!important}
@media (max-width:900px){.onboarding-card{grid-template-columns:1fr}.onboarding-card .small{width:100%}}

/* V5.1 legal pages */
.legal-page{display:block;max-width:1040px;margin:0 auto;padding:32px 18px 44px}.legal-card h1{font-size:2.25rem;margin-bottom:.75rem}.legal-card h2{margin-top:1.7rem;padding-top:.85rem;border-top:1px solid #e2e8f0;color:#15324b}.legal-card ul{padding-left:1.25rem}.legal-card li{margin:.45rem 0}.legal-box{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #dbeafe;border-radius:18px;padding:14px 16px;margin:14px 0}.warning-box{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#fed7aa}.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid #e2e8f0}.legal-footer{display:grid;gap:8px}.footer-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.footer-links a{color:#dbeafe;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:6px 9px;border-radius:999px}.footer-links a:hover{background:rgba(255,255,255,.12)}
@media(max-width:620px){.legal-page{padding:18px 12px 32px}.legal-card h1{font-size:1.85rem}.legal-nav a{width:100%;text-align:center}.footer-links{justify-content:flex-start}.footer-links a{font-size:.84rem}}

.premium-price-line {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(15,23,42,0.08);
  font-size: 0.98rem;
}
body.android-premium .android-paywall { display: none !important; }


/* V6.1 - Correctif mobile WebView
   Objectif : éviter l'effet zoom / débordement horizontal dans l'app Android. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, iframe, video, table {
  max-width: 100%;
}
body.android-native {
  font-size: 15px;
}
body.android-native .label,
body.android-native .help,
body.android-native .option,
body.android-native .card,
body.android-native p,
body.android-native h1,
body.android-native h2,
body.android-native h3 {
  overflow-wrap: anywhere;
  word-break: normal;
}
body.android-native .floating-actions {
  z-index: 20;
}

@media (max-width: 620px) {
  body.android-native {
    font-size: 14px;
    line-height: 1.45;
  }
  body.android-native .hero {
    padding: 14px 10px 18px;
  }
  body.android-native .hero-copy h1 {
    font-size: 2rem;
    line-height: 1.04;
    letter-spacing: -0.035em;
  }
  body.android-native .hero .lead,
  body.android-native .hero-copy .lead {
    font-size: 0.98rem;
  }
  body.android-native .layout {
    padding: 0 8px;
    margin: 10px auto 70px;
    gap: 14px;
    width: 100%;
    max-width: 100%;
  }
  body.android-native .content {
    gap: 14px;
    width: 100%;
    min-width: 0;
  }
  body.android-native .card {
    padding: 12px;
    border-radius: 18px;
  }
  body.android-native .questionnaire {
    gap: 12px;
  }
  body.android-native .question-section {
    padding: 12px;
    margin: 12px 0;
    border-radius: 18px;
  }
  body.android-native .question-section > h3 {
    font-size: 1.05rem;
    line-height: 1.25;
  }
  body.android-native .question {
    padding: 12px;
    margin: 10px 0;
    border-radius: 16px;
  }
  body.android-native .label {
    font-size: 0.98rem;
    line-height: 1.28;
  }
  body.android-native .help {
    font-size: 0.9rem;
    line-height: 1.42;
    padding: 9px 10px;
  }
  body.android-native .options {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }
  body.android-native .option {
    padding: 11px 10px;
    border-radius: 14px;
    font-size: 0.98rem;
    line-height: 1.25;
    align-items: center;
  }
  body.android-native .option input {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin-top: 0;
  }
  body.android-native .section-head h2,
  body.android-native .card h2 {
    font-size: 1.2rem;
    line-height: 1.25;
  }
  body.android-native .split-head {
    gap: 8px;
  }
  body.android-native .floating-actions {
    position: sticky;
    bottom: 4px;
    display: grid;
    grid-template-columns: 1fr;
    padding: 8px;
    border-radius: 16px;
  }
  body.android-native .floating-actions button {
    width: 100%;
    min-height: 44px;
  }
  body.android-native .floating-actions #saveBtn {
    display: none;
  }
}

/* Web / WordPress additions */
.market-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 14px 0 24px;
}
.market-card {
  border: 1px solid var(--border, #dbe3ef);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}
.market-card h4 { margin: 0 0 6px; font-size: 1.05rem; }
.market-card .tagline { color: var(--primary, #1d4ed8); font-weight: 700; margin: 0 0 10px; }
.market-card p { margin: 8px 0; }
.market-card a { font-weight: 700; }
.wordpress-embed-note {
  margin: 16px auto;
  max-width: 980px;
  padding: 12px 16px;
  border: 1px solid #bfdbfe;
  border-radius: 14px;
  background: #eff6ff;
}
@media (max-width: 680px) {
  .market-grid { grid-template-columns: 1fr; }
}