:root{
  --ink:#1B2A2E;--deep:#1B2A2E;--teal:#0E8A8F;--teal-strong:#0B6E72;--amber:#F5B301;
  --muted:#5E7175;--faint:#9CB0B2;--mist:#F0F7F6;--line:#EBEBED;--line-2:#F0F0F1;--border-2:#DFDFE2;
  --paper:#FFFFFF;--card:#FFFFFF;--soft:#F0F7F6;--soft-border:#DCEDEC;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --soft-grad:linear-gradient(160deg,#F0F7F6,#FCFBF8);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--deep);font-family:var(--sans);font-size:18px;line-height:1.72;font-weight:400;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;}
a{color:var(--teal-strong);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--teal);}

/* Menu doux */
.gtop{border-bottom:1px solid var(--line);background:rgba(255,255,255,.85);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);position:sticky;top:0;z-index:10;}
.gtop__in{max-width:860px;margin:0 auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.gbrand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep);}
.gbrand img{width:27px;height:27px;display:block;}
.gbrand b{font-family:var(--sans);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--deep);}
.gbrand span{font-family:var(--sans);font-size:12px;color:var(--faint);font-weight:500;letter-spacing:.02em;}
.gtop__cta{display:inline-block;background:linear-gradient(180deg,#12989D,var(--teal));color:#fff;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:14px;padding:10px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 22px -14px rgba(14,138,143,.7),inset 0 1px 0 rgba(255,255,255,.14);transition:background .2s,box-shadow .22s,transform .2s cubic-bezier(.22,.61,.36,1);}
.gtop__cta:hover{background:linear-gradient(180deg,var(--teal),var(--teal-strong));transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(14,138,143,.6),inset 0 1px 0 rgba(255,255,255,.14);color:#fff;}
.gtop__cta:active{transform:translateY(0) scale(.98);}

.wrap{max-width:720px;margin:0 auto;padding:32px 22px 78px;}
.crumbs{font-size:13px;color:var(--faint);margin:6px 0 22px;}
.crumbs a{color:var(--faint);}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 14px;}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,5.6vw,46px);line-height:1.08;letter-spacing:-.005em;margin:0 0 16px;color:var(--deep);}
.lede{font-size:20px;color:var(--muted);line-height:1.62;margin:0 0 8px;font-weight:400;}
.meta{font-size:13px;color:var(--faint);margin:16px 0 34px;padding-bottom:24px;border-bottom:1px solid var(--line);}
h2{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.2;letter-spacing:-.005em;color:var(--deep);margin:46px 0 14px;}
h3{font-family:var(--sans);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--deep);margin:28px 0 8px;}
p{margin:0 0 16px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
li{margin:0 0 8px;}
strong{color:var(--deep);font-weight:600;}
.note{font-size:15px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:24px 0;}

.example{border:1px solid var(--line);border-radius:22px;padding:24px 26px;margin:26px 0;background:var(--card);box-shadow:0 18px 44px -34px rgba(27,42,46,.4);}
.example h4{margin:0 0 4px;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--deep);}
.example .k{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:16px 0 3px;}
.example p{font-size:16px;margin:0 0 4px;color:#3A4A4D;}

.cta{background:var(--soft-grad);border:1px solid var(--line);border-radius:24px;padding:30px 28px;margin:40px 0;text-align:center;}
.cta h3{font-family:var(--serif);font-weight:600;font-size:25px;margin:0 0 8px;color:var(--deep);letter-spacing:-.005em;}
.cta p{font-size:16px;color:var(--muted);margin:0 auto 18px;max-width:44ch;}
.cta a{display:inline-block;background:linear-gradient(180deg,#12989D,var(--teal));color:#fff;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:16px;padding:15px 32px;border-radius:999px;box-shadow:0 14px 28px -14px rgba(14,138,143,.7),inset 0 1px 0 rgba(255,255,255,.14);transition:background .2s,box-shadow .22s,transform .2s cubic-bezier(.22,.61,.36,1);}
.cta a:hover{background:linear-gradient(180deg,var(--teal),var(--teal-strong));transform:translateY(-2px);box-shadow:0 20px 36px -14px rgba(14,138,143,.6),inset 0 1px 0 rgba(255,255,255,.14);color:#fff;}
.cta a:active{transform:translateY(0) scale(.98);}

.related{margin-top:50px;padding-top:26px;border-top:1px solid var(--line);}
.related b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-weight:600;margin-bottom:12px;}
.gfoot{border-top:1px solid var(--line);color:var(--faint);font-size:13px;}
.gfoot__in{max-width:860px;margin:0 auto;padding:24px 22px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;}
.gfoot a{color:var(--muted);}
@media(max-width:560px){.gtop__in{padding:12px 18px;}.wrap{padding:24px 18px 60px;}}