/* 1xbetoriginals.com — feuille de style unique, aucun JS requis */
:root{
  --ink:#102A43;--ink-2:#243B53;--paper:#F4F6F3;--surface:#FFFFFF;
  --line:#D6DCD4;--muted:#52606D;--brand:#1F5FAF;
  --ok:#17784A;--ok-bg:#E6F2EA;--warn:#9A4D0B;--warn-bg:#FBEFE3;
  --info:#1F5FAF;--info-bg:#E7EEF8;--todo:#5B5F66;--todo-bg:#ECEDEF;
  --sans:"Avenir Next","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:Charter,"Bitstream Charter","Sitka Text",Cambria,"Noto Serif",Georgia,serif;
  --r-sm:4px;--r-md:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.68 var(--serif)}
img,svg{max-width:100%;height:auto}
a{color:var(--brand);text-underline-offset:.18em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:10}
.skip:focus{left:0}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}

/* En-tête */
:root{--top-h:3.5rem}
html{scroll-padding-top:calc(var(--top-h) + 1rem)}
.top{background:var(--ink);color:#fff;font-family:var(--sans);position:sticky;top:0;z-index:40;box-shadow:0 2px 10px rgba(16,42,67,.18)}
.top .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}
.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem;font-size:1.05rem}
.brand img{width:28px;height:28px;border-radius:6px}
.brand small{font-weight:500;color:#BCCCDC;font-size:.78rem;border-left:1px solid #486581;padding-left:.6rem}
.download-apk{position:absolute;left:50%;transform:translateX(-50%);display:block;white-space:nowrap;background:#1F5FAF;color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;line-height:1.25;padding:.45rem .8rem;border-radius:var(--r-sm)}
.download-apk:hover{background:#174B8B;color:#fff}
.download-apk:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}
.nav a{color:#D9E2EC;text-decoration:none;font-size:.95rem;padding:.45rem .7rem;border-radius:var(--r-sm);display:block}
.nav a:hover,.nav a[aria-current="page"]{background:var(--ink-2);color:#fff}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;color:#fff;padding:.4rem .7rem;border:1px solid #486581;border-radius:var(--r-sm);font-size:.9rem}
.menu summary::-webkit-details-marker{display:none}
@media (max-width:1100px){
  .nav{display:none}
  .menu{display:block;position:relative}
  .menu ul{position:absolute;right:0;top:2.6rem;background:var(--ink);list-style:none;margin:0;padding:.5rem;min-width:14rem;border-radius:var(--r-md);box-shadow:0 12px 30px rgba(16,42,67,.35);z-index:5}
  .menu a{color:#fff;text-decoration:none;display:block;padding:.6rem .8rem;border-radius:var(--r-sm)}
  .menu a:hover{background:var(--ink-2)}
  .brand small{display:none}
}

/* Bandeau de transparence */
.disclose{background:#FFF;border-bottom:1px solid var(--line);font:500 .82rem/1.45 var(--sans);color:var(--muted)}
.disclose .wrap{padding-top:.5rem;padding-bottom:.5rem}
.disclose strong{color:var(--ink)}

/* Fil d’Ariane */
.crumbs{font:.85rem/1.4 var(--sans);color:var(--muted);margin:1.25rem 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.crumbs li+li::before{content:"/";margin-right:.3rem;color:#9AA5B1}
.crumbs a{color:var(--muted)}

/* Mise en page */
.page{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:1.5rem 0 3.5rem}
@media (min-width:1000px){.page.has-aside{grid-template-columns:minmax(0,44rem) 1fr}}
.content{max-width:44rem}
.aside{font-family:var(--sans);font-size:.92rem}
.aside .sticky{position:sticky;top:calc(var(--top-h) + 1rem);display:grid;gap:1rem}
@media (min-width:1000px){.aside .sticky{max-height:calc(100vh - var(--top-h) - 2rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}

h1,h2,h3,h4{font-family:var(--sans);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
h1{font-size:clamp(1.85rem,4.6vw,2.9rem);margin:.4rem 0 1rem;font-weight:800;max-width:22ch}
h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:2.6rem 0 .8rem;font-weight:750;padding-top:1.4rem;border-top:2px solid var(--ink)}
h3{font-size:1.15rem;margin:1.8rem 0 .5rem;font-weight:700}
p,ul,ol{margin:0 0 1.05rem}
li{margin-bottom:.35rem}
.lead{font-size:1.18rem;line-height:1.6;color:var(--ink-2)}
.meta{font:.85rem/1.4 var(--sans);color:var(--muted);margin-bottom:1.5rem}
.meta time{font-weight:600;color:var(--ink-2)}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}

/* Accueil : en-tête */
.hero{display:grid;gap:2rem;padding:1.5rem 0 1rem;align-items:start}
@media (min-width:1000px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem}}
.hero h1{max-width:18ch}

/* Fiche de vérification — élément signature */
.fiche{background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--ink);border-radius:0 0 var(--r-md) var(--r-md);font-family:var(--sans);margin:1.5rem 0}
.fiche header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.1rem .6rem;border-bottom:1px dashed var(--line)}
.fiche header h2,.fiche header h3{margin:0;padding:0;border:0;font-size:1.05rem}
.fiche header p{margin:0;font-size:.8rem;color:var(--muted);white-space:nowrap}
.fiche dl{margin:0}
.fiche .row{display:grid;grid-template-columns:minmax(0,1fr);gap:.15rem;padding:.75rem 1.1rem;border-bottom:1px solid #EEF1EC}
.fiche .row:last-child{border-bottom:0}
@media (min-width:560px){.fiche .row{grid-template-columns:11rem minmax(0,1fr)}}
.fiche dt{font-size:.82rem;color:var(--muted);font-weight:600}
.fiche dd{margin:0;font-size:.95rem;line-height:1.45}
.fiche dd a{font-size:.82rem}
.st{display:inline-block;font:600 .74rem/1 var(--sans);padding:.3rem .5rem;border-radius:var(--r-sm);margin:0 .4rem .2rem 0;vertical-align:1px}
.st-ok{background:var(--ok-bg);color:var(--ok)}
.st-info{background:var(--info-bg);color:var(--info)}
.st-warn{background:var(--warn-bg);color:var(--warn)}
.st-todo{background:var(--todo-bg);color:var(--todo)}

/* Choix d’appareil */
.devices{display:grid;gap:1rem;margin:1.2rem 0}
@media (min-width:640px){.devices{grid-template-columns:1fr 1fr}}
.device{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1.2rem 1.2rem 1rem;font-family:var(--sans)}
.device:hover{border-color:var(--ink);color:var(--ink)}
.device strong{display:block;font-size:1.15rem;margin-bottom:.3rem}
.device span{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}
.device em{display:inline-block;margin-top:.7rem;font-style:normal;font-weight:650;color:var(--brand);font-size:.92rem}

/* Sélecteur de pays */
.countries{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;font-family:var(--sans)}
.countries li{margin:0}
.countries a{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
.countries a:hover{border-color:var(--ink)}
.countries small{font-weight:500;color:var(--muted);font-size:.75rem}

/* Étapes */
ol.steps{list-style:none;counter-reset:s;padding:0;margin:1.2rem 0}
ol.steps>li{counter-increment:s;position:relative;padding:0 0 1.2rem 3.1rem;margin:0}
ol.steps>li::before{content:counter(s);position:absolute;left:0;top:-.1rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--ink);color:#fff;font:700 .95rem/2.1rem var(--sans);text-align:center}
ol.steps>li::after{content:"";position:absolute;left:1.02rem;top:2.2rem;bottom:.2rem;width:2px;background:var(--line)}
ol.steps>li:last-child::after{display:none}
ol.steps>li>strong{font-family:var(--sans);display:block;margin-bottom:.2rem}

/* Tableaux */
.table{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
table{border-collapse:collapse;width:100%;font:.92rem/1.45 var(--sans)}
th,td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid #EEF1EC;vertical-align:top}
thead th{background:#EDF1EC;font-weight:700;color:var(--ink)}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:650}

/* Encadrés */
.note{border-left:4px solid var(--brand);background:var(--info-bg);padding:.9rem 1.1rem;margin:1.4rem 0;font-family:var(--sans);font-size:.95rem;line-height:1.55;border-radius:0 var(--r-sm) var(--r-sm) 0}
.note.warn{border-color:var(--warn);background:var(--warn-bg)}
.note.ok{border-color:var(--ok);background:var(--ok-bg)}
.note p:last-child{margin-bottom:0}
.note strong:first-child{display:block;margin-bottom:.2rem}

/* CTA */
.cta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.4rem 0;font-family:var(--sans)}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;padding:.8rem 1.2rem;border-radius:var(--r-sm)}
.btn:hover{background:var(--brand);color:#fff}
.btn.alt{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:.7rem 1.1rem}
.pending{font:.9rem/1.5 var(--sans);color:var(--muted);border:1px dashed #9AA5B1;border-radius:var(--r-sm);padding:.75rem 1rem;margin:1.2rem 0}

/* Figures */
figure{margin:1.6rem 0}
figure img{display:block;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
figcaption{font:.85rem/1.45 var(--sans);color:var(--muted);margin-top:.5rem}

/* Encadré latéral */
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1rem 1.1rem}
.box h2{font-size:1rem;margin:0 0 .6rem;padding:0;border:0}
.box ul{list-style:none;padding:0;margin:0}
.box li{margin:0;border-top:1px solid #EEF1EC}
.box li:first-child{border-top:0}
.box a{display:block;padding:.45rem 0;text-decoration:none}

/* FAQ */
.faq details{border-bottom:1px solid var(--line);padding:.2rem 0}
.faq summary{cursor:pointer;font:650 1rem/1.4 var(--sans);padding:.75rem 1.5rem .75rem 0;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.65rem;font-size:1.25rem;color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 .9rem}

/* Sources */
.sources{font:.85rem/1.5 var(--sans);color:var(--muted)}
.sources ol{padding-left:1.2rem}
.sources a{word-break:break-word}

/* Liens connexes */
.related{display:grid;gap:.6rem;margin:1rem 0;padding:0;list-style:none;font-family:var(--sans)}
@media (min-width:640px){.related{grid-template-columns:1fr 1fr}}
.related li{margin:0}
.related a{display:block;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);text-decoration:none;color:var(--ink);font-weight:600}
.related a span{display:block;font-weight:400;color:var(--muted);font-size:.85rem;margin-top:.15rem}
.related a:hover{border-color:var(--ink)}

/* Pied de page */
.foot{background:var(--ink);color:#BCCCDC;font:.88rem/1.6 var(--sans);padding:2.5rem 0 2rem;margin-top:2rem}
.foot a{color:#fff}
.foot .cols{display:grid;gap:1.5rem}
@media (min-width:760px){.foot .cols{grid-template-columns:1.4fr 1fr 1fr}}
.foot h2{color:#fff;font-size:.95rem;margin:0 0 .6rem;padding:0;border:0}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:.2rem 0}
.foot .age{display:inline-block;border:2px solid #fff;color:#fff;border-radius:50%;width:2.6rem;height:2.6rem;line-height:2.3rem;text-align:center;font-weight:800;margin-right:.6rem;vertical-align:middle}
.foot .legal{border-top:1px solid #334E68;margin-top:2rem;padding-top:1rem;font-size:.8rem}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.top,.foot,.aside,.disclose,.menu{display:none}body{background:#fff}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.content.wide{max-width:none}
.content.wide>*:not(.hero):not(.apphero){max-width:44rem}
.hero .fiche{margin-top:.6rem}
.hero .fiche .row{grid-template-columns:minmax(0,1fr)}
.st{white-space:nowrap}
.fiche header p{white-space:normal;text-align:right}
.dl{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 .4rem;font-family:var(--sans)}
.dl a{display:flex;flex-direction:column;min-width:10.5rem;text-decoration:none;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:var(--r-sm);font-weight:700;line-height:1.2}
.dl a small{font-weight:500;font-size:.78rem;color:#BCCCDC;margin-top:.2rem}
.dl a.alt{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}
.dl a.alt small{color:var(--muted)}
.dl a:hover{background:var(--brand);color:#fff}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1rem 1.2rem;font-family:var(--sans);font-size:.95rem;margin:2rem 0}
.toc h2{font-size:1rem;margin:0 0 .5rem;padding:0;border:0}
.toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem}
@media (max-width:640px){.toc ol{columns:1}}
.toc li{margin:.2rem 0;break-inside:avoid}
.promo{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;border:2px dashed var(--ok);background:var(--ok-bg);padding:.8rem 1rem;border-radius:var(--r-sm);font-family:var(--sans)}
.promo code{font-size:1.15rem;font-weight:800;background:#fff;padding:.2rem .6rem;border-radius:var(--r-sm)}
h2[id]{scroll-margin-top:1rem}
.hero .fiche .row{grid-template-columns:7.5rem minmax(0,1fr);padding:.55rem 1rem;gap:.6rem}
.hero .fiche dd{font-size:.88rem}
.hero .fiche dd .st{display:block;width:max-content;margin:0 0 .25rem}
@media (max-width:420px){.hero .fiche .row{grid-template-columns:minmax(0,1fr)}}
.fiche .legend{margin:0;padding:.5rem 1.1rem .7rem;font-size:.78rem;color:var(--muted);border-top:1px dashed var(--line)}
.fiche .legend a{font-size:.78rem}
.audit td:nth-child(3){color:var(--ok);font-weight:600}

/* Accueil : en-tête type fiche d’application */
.apphero{max-width:56rem;padding:1.5rem 0 .5rem;font-family:var(--sans)}
.apphead{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:560px){.apphead{grid-template-columns:4.5rem minmax(0,1fr);gap:1rem}}
.appicon{aspect-ratio:1;border-radius:22%;background:linear-gradient(160deg,#1F5FAF,var(--ink));display:grid;place-items:center;box-shadow:0 10px 24px rgba(16,42,67,.25);margin-top:.6rem}
.appicon span{color:#fff;font:800 clamp(1rem,3vw,1.5rem)/1 var(--sans);letter-spacing:.04em}
.apphero h1{max-width:none;margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}
.apphero .pub{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.92rem}
.apphero .pub>span:first-child{color:var(--brand);font-weight:700}
.apphero .pub .st{margin:0}
.chips{list-style:none;padding:0;margin:0 0 .7rem;display:flex;flex-wrap:wrap;gap:.4rem}
.chips li{margin:0;font-size:.8rem;font-weight:600;padding:.3rem .65rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-2)}
.chips li.ok{border-color:var(--ok);color:var(--ok)}
.chips li.todo{border-style:dashed;color:var(--muted)}
.apphero .meta{margin:0}
.stats{list-style:none;padding:0;margin:1.4rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 8px rgba(16,42,67,.05)}
.stats li{margin:0;padding:.9rem .8rem;text-align:center;border-left:1px solid var(--line)}
.stats li:first-child{border-left:0}
.stats strong{display:block;font-size:1.2rem;font-weight:800}
.stats span{display:block;font-size:.78rem;line-height:1.35;color:var(--muted);margin-top:.2rem}
@media (max-width:560px){.stats{grid-template-columns:minmax(0,1fr)}.stats li{border-left:0;border-top:1px solid var(--line)}.stats li:first-child{border-top:0}}
.apphero .lead{font-family:var(--sans);font-size:1.05rem;color:var(--muted)}
.actions{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:.7rem;margin:1.2rem 0 .9rem}
@media (max-width:720px){.actions{grid-template-columns:minmax(0,1fr)}}
.actions a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:3.6rem;padding:.6rem 1rem;border-radius:var(--r-md);text-decoration:none;font-weight:750;line-height:1.2}
.actions small{font-weight:500;font-size:.76rem;margin-top:.2rem}
.actions .go{background:linear-gradient(180deg,#FFD84D,#F2B705);color:#1B1B1B;box-shadow:0 6px 16px rgba(242,183,5,.35)}
.actions .go:hover{background:#F2B705;color:#1B1B1B}
.actions .alt{background:var(--surface);color:var(--brand);border:1px solid var(--line)}
.actions .alt small{color:var(--muted)}
.actions .alt:hover{border-color:var(--brand);color:var(--brand)}
.trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.85rem;color:var(--muted)}
.trust li{margin:0}
.trust li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:.35rem}
.trust a{color:var(--muted)}

/* Retour en haut (bouton injecté par /assets/js/site.js) */
.scroll-top{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:2px solid #1F5FAF;border-radius:50%;background:#102A43;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(16,42,67,.28);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s,background-color .15s ease,color .15s ease}
.scroll-top svg{display:block;width:24px;height:24px}
.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s,background-color .15s ease,color .15s ease}
.scroll-top:hover,.scroll-top:focus-visible{background:#1F5FAF;color:#fff;border-color:#102A43}
.scroll-top:focus-visible{outline:3px solid #1F5FAF;outline-offset:3px}
@media (max-width:767px){.scroll-top{right:16px;bottom:16px;width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.scroll-top,.scroll-top.is-visible{transition:none}}
@media print{.scroll-top{display:none}}