/* Theme CSS carried over from the live Blogger theme (12 Nov 2026), then site shell styles. */
/* UA install v11 — visual/accessibility audit fixes, 2026-11-05 */
/* Unfair Advantage — palette 01 bleu nuit (validée Gael 2026-11-05)
   Fonts: Plus Jakarta Sans (titres) · Inter (corps/UI/data) — pas de serif, pas de mono
   v4: @font-face latin embarqués + stacks explicites (anti-Noto Blogger) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0n9TR_V.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_Tkn9TR_V.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KUn9TR_V.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0B1426; --slate:#1E293B; --muted:#64748B; --line:#E2E8F0;
  --canvas:#F4F7FB; --surface:#FFFFFF; --accent:#1D4ED8; --edge:#0EA5E9;
  --cta:#0F3D8C; --cta-h:#1D4ED8; --warn-bg:#FFF7ED; --warn:#9A3412;
  --font-display:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{margin:0;font-family:var(--font-body)!important;background:var(--canvas);color:var(--ink);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--edge)}
img{max-width:100%;height:auto}
.ua-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.ua-example{background:#FEF3C7;color:#92400E;text-align:center;font-family:var(--font-display);font-size:12px;font-weight:700;padding:8px 12px;border-bottom:1px solid #F59E0B}
.ua-topbar{background:var(--ink);color:#fff;font-family:var(--font-body);font-size:12px;letter-spacing:.04em}
.ua-topbar .ua-wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 24px}
.ua-topbar span{opacity:.75}
header.ua-site{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.ua-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px;flex-wrap:wrap}
.ua-logo{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--ink);display:flex;align-items:center;gap:10px}
.ua-logo i,.ua-logo .mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--cta),var(--edge));display:inline-block;flex:0 0 auto}
.ua-menu{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--font-body);font-size:14px;font-weight:600}
.ua-menu a{color:var(--slate)}
.ua-menu a:hover{color:var(--accent)}
.ua-burger{display:none;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--ink);cursor:pointer}
@media(max-width:720px){
  .ua-burger{display:inline-flex}
  .ua-menu{display:none;width:100%;flex-direction:column;gap:10px;padding-bottom:8px}
  .ua-menu.is-open{display:flex}
}
h1,h2,h3,h4,.ua-display,.post-title,.post h3{font-family:var(--font-display)!important;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.ua-kicker{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--edge);text-transform:uppercase;letter-spacing:.08em}
.ua-hero{padding:56px 0 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
@media(max-width:860px){.ua-hero{grid-template-columns:1fr;padding:36px 0 24px}}
.ua-hero h1{font-size:clamp(2rem,4vw,2.75rem);margin:12px 0 16px;font-weight:800}
.ua-tagline{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:1.05rem;margin:0 0 12px}
.ua-lede{color:var(--slate);font-size:1.1rem;margin:0 0 24px;max-width:36em}
.ua-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta);color:#fff!important;font-family:var(--font-display)!important;font-weight:700;font-size:14px;padding:12px 20px;border-radius:10px;border:0;max-width:100%;box-sizing:border-box}
.ua-btn:hover{background:var(--cta-h)}
.ua-btn-ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--line);margin-left:10px}
.ua-btn-edge{background:var(--edge);color:var(--ink)!important}
.ua-hero-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 12px 40px rgba(11,20,38,.06)}
.ua-hero-card h3{margin:0 0 8px;font-size:1rem}
.ua-hero-card p{margin:0;color:var(--muted);font-size:.95rem}
.ua-stat-row{display:flex;gap:16px;margin-top:18px}
.ua-stat{flex:1;background:var(--canvas);border-radius:10px;padding:12px}
.ua-stat b{display:block;font-family:var(--font-display);font-size:1.1rem;font-variant-numeric:tabular-nums}
.ua-stat span{font-size:12px;color:var(--muted);font-family:var(--font-body)}
.ua-section{padding:12px 0 48px}
.ua-section h2{font-size:1.35rem;margin:0 0 8px}
.ua-sub{color:var(--muted);margin:0 0 24px;font-size:14px}
.ua-silos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:960px){.ua-silos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ua-silos{grid-template-columns:1fr}}
.ua-silo{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;min-height:160px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s;color:inherit}
.ua-silo:hover{border-color:var(--edge);transform:translateY(-2px);color:inherit}
.ua-silo .ico{width:36px;height:36px;border-radius:10px;background:#E0F2FE;color:var(--cta);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:12px;font-weight:700;margin-bottom:12px;font-variant-numeric:tabular-nums}
.ua-silo h3{font-size:1rem;margin:0 0 6px}
.ua-silo p{margin:0 0 12px;color:var(--muted);font-size:.9rem;flex:1}
.ua-silo .go{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent)}
.ua-latest{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:800px){.ua-latest{grid-template-columns:1fr}}
.ua-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ua-card .thumb{height:120px;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 55%,var(--edge) 100%)}
.ua-card .body{padding:16px}
.ua-card .lab{font-size:11px;font-weight:700;color:var(--edge);text-transform:uppercase;letter-spacing:.04em}
.ua-card h3{font-size:1.05rem;margin:6px 0 8px;line-height:1.3}
.ua-card p{margin:0;color:var(--muted);font-size:.9rem}
.ua-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:28px 0 48px}
@media(max-width:900px){.ua-layout{grid-template-columns:1fr}}
.ua-post,.ua-page{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 32px}
@media(max-width:600px){.ua-post,.ua-page{padding:20px}}
.ua-meta{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ua-chip{background:#E0F2FE;color:var(--cta);font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.ua-post h1,.ua-page h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:12px 0 8px}
.ua-answer{background:linear-gradient(180deg,#F0F9FF,#FFFFFF);border:1px solid #BAE6FD;border-left:4px solid var(--edge);border-radius:12px;padding:16px 18px;margin:20px 0}
.ua-answer .lab{font-size:11px;font-weight:700;color:var(--edge);text-transform:uppercase;letter-spacing:.06em}
.ua-answer p{margin:6px 0 0;font-weight:600;color:var(--slate);font-size:1.02rem}
.ua-disclosure{background:var(--warn-bg);border:1px solid #FED7AA;color:var(--warn);border-radius:10px;padding:12px 14px;font-size:13px;margin:16px 0 24px}
.ua-post h2,.ua-page h2{font-size:1.25rem;margin:28px 0 12px}
.ua-post p,.ua-page p{margin:0 0 14px}
.ua-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 20px;border:1px solid var(--line);border-radius:12px}
.ua-table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums;min-width:520px}
.ua-table th,.ua-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.ua-table th{background:var(--canvas);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.ua-table tr:last-child td{border-bottom:0}
.ua-table .ua-data{font-weight:600}
.ua-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}
@media(max-width:600px){.ua-who{grid-template-columns:1fr}}
.ua-who > div{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--canvas)}
.ua-who strong{font-family:var(--font-display);display:block;margin-bottom:6px}
.ua-who ul{margin:0;padding-left:18px;color:var(--slate);font-size:.95rem}
.ua-cta{background:var(--ink);color:#fff;border-radius:14px;padding:22px;margin:24px 0}
.ua-cta h3{margin:0 0 8px;font-size:1.15rem;color:#fff}
.ua-cta p{color:#94A3B8;margin:0 0 14px;font-size:14px}
.ua-cta .ua-btn{background:var(--edge);color:var(--ink)!important}
.ua-cta .ua-note{font-size:12px;color:#64748B;margin-top:10px}
.ua-side{display:flex;flex-direction:column;gap:14px}
.ua-widget{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.ua-widget h4{margin:0 0 10px;font-size:.95rem;font-family:var(--font-display)}
.ua-tool{border-color:#BAE6FD;background:linear-gradient(180deg,#F0F9FF,var(--surface))}
.ua-tool .ex{font-size:11px;font-weight:700;color:var(--edge);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.ua-tool .name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;margin-bottom:4px}
.ua-tool ul{margin:0 0 14px;padding-left:18px;font-size:14px;color:var(--slate)}
.ua-tool .ua-btn{width:100%}
.ua-silo-nav a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--slate)}
.ua-silo-nav a:last-child{border:0}
.ua-label-head{padding:36px 0 8px}
.ua-label-head h1{margin:8px 0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}
.ua-post-list{display:flex;flex-direction:column;gap:14px;padding:12px 0 48px}
.ua-post-list .ua-card{display:grid;grid-template-columns:140px 1fr;min-height:120px}
@media(max-width:600px){.ua-post-list .ua-card{grid-template-columns:1fr}.ua-post-list .thumb{height:100px}}
.ua-post-list .thumb{height:100%;min-height:120px}
footer.ua-foot{background:var(--ink);color:#94A3B8;padding:40px 0;margin-top:24px;font-size:13px}
footer.ua-foot a{color:#E2E8F0}
footer.ua-foot .ua-wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer.ua-foot strong{color:#fff;display:block;margin-bottom:8px;font-family:var(--font-display)}
/* Blogger widget resets */
.widget ul{list-style:none;margin:0;padding:0}
.widget .post-filter-message,.blog-pager{font-size:14px;color:var(--muted);margin:16px 0}
.status-msg-wrap{display:none}
#header .description{display:none}

*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%;height:auto}
.ua-wrap,.ua-layout,.ua-hero,.ua-silos,.ua-section,.blog-posts,.post,.post-body{max-width:100%}
.ua-stat-row{flex-wrap:wrap}
.ua-btn-ghost{margin-left:0;margin-top:0}
@media(max-width:520px){
  .ua-btn,.ua-btn-ghost{display:flex;width:100%;margin:0 0 10px}
  .ua-hero-card{margin-top:8px}
}
/* Force stacks on Blogger chrome that may inject Noto/Roboto */
body,body .content,#content,.content-outer,.main-outer,.widget,.post-body,.post-title,p,li,a,span,div{
  font-family:var(--font-body);
}
h1,h2,h3,h4,h5,.ua-logo,.ua-btn,.post-title,header.ua-site .ua-logo{
  font-family:var(--font-display)!important;
}

/* v4 mobile overflow hard guards */
.ua-table{min-width:0}
@media(max-width:600px){
  .ua-table{min-width:0;display:block}
  .ua-table thead{display:none}
  .ua-table tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .ua-table td{display:block;padding:4px 12px;border:0}
}
.ua-nav,.ua-topbar .ua-wrap,footer.ua-foot .ua-wrap{max-width:100%}
.ua-hero-card,.ua-silo,.ua-widget,.ua-post,.ua-page,.post{max-width:100%}


/* Default Blog widget → UA look */
.blog-posts .post,.post{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 32px;margin:0 0 20px;max-width:100%;overflow-wrap:anywhere}
.post-title,.post h3{font-family:var(--font-display)!important;font-weight:800;letter-spacing:-.02em}
.post-title a{color:var(--ink)}
.post-body{font-family:var(--font-body)!important;line-height:1.65;overflow-wrap:anywhere}
.date-header{display:none}
.blog-pager{margin:24px 0}
.widget{margin:0 0 14px;max-width:100%}
.widget > h2{font-family:var(--font-display)!important;font-size:.95rem;margin:0 0 10px}

/* v5 Blog widget rendering */
.ua-card .thumb{display:block;background-position:center;background-size:cover}
.ua-card .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ua-latest .ua-card .thumb{height:120px}
.ua-post-list .ua-card .thumb{min-height:120px}
.ua-card .post-title a{color:var(--ink)}
.ua-empty{background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center}
.ua-empty h2{margin:0 0 8px}
.ua-empty p{margin:0;color:var(--muted)}
.ua-legal{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:440px}
.blog-pager{display:flex;justify-content:space-between;gap:16px}
.blog-pager a{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:600}
.ua-pager-older{margin-left:auto}
@media(max-width:390px){.ua-post,.ua-page,.blog-posts .post,.post{padding:20px}.ua-legal{flex-direction:column;gap:8px}}

/* UA article pattern (paste-safe + theme v5) */
.ua-article-shell{max-width:100%;margin:0 auto}
.ua-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}
@media(max-width:900px){
  .ua-article-grid{grid-template-columns:1fr}
  .ua-article-rail{display:none!important}
}
.ua-article-main{min-width:0;max-width:100%}
.ua-article-main .ua-table-wrap{max-width:100%}
.ua-article-main .ua-table{min-width:0;width:100%}
@media(min-width:601px){
  .ua-article-main .ua-table{min-width:0}
}
.ua-article-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:12px}
.ua-rail-card{background:var(--surface,#fff);border:1px solid var(--line,#E2E8F0);border-radius:14px;padding:14px}
.ua-rail-card .ex{font-size:11px;font-weight:700;color:var(--edge,#0EA5E9);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.ua-rail-card .name{font-family:var(--font-display,"Plus Jakarta Sans",system-ui,sans-serif);font-weight:800;font-size:1rem;margin:0 0 6px;color:var(--ink,#0B1426)}
.ua-rail-card p{margin:0 0 10px;font-size:13px;color:var(--muted,#64748B);line-height:1.45}
.ua-rail-toc{font-size:13px}
.ua-rail-toc ol{margin:0;padding-left:18px}
.ua-rail-toc a{color:var(--slate,#1E293B);font-weight:600}
.ua-rail-toc a:hover{color:var(--accent,#1D4ED8)}

/* Fit check */
.ua-fit{border:1px solid #BAE6FD;background:linear-gradient(180deg,#F0F9FF,#fff);border-radius:16px;padding:18px 18px 14px;margin:20px 0 28px}
.ua-fit h2{margin:0 0 6px;font-size:1.15rem}
.ua-fit .ua-fit-lead{margin:0 0 14px;color:var(--muted,#64748B);font-size:14px}
.ua-fit-q{margin:0 0 16px}
.ua-fit-q legend{font-family:var(--font-display,"Plus Jakarta Sans",system-ui,sans-serif);font-weight:700;font-size:.95rem;margin:0 0 8px;padding:0;color:var(--ink,#0B1426)}
.ua-fit-options{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:700px){.ua-fit-options{grid-template-columns:repeat(3,1fr)}.ua-fit-options.ua-fit-options--4{grid-template-columns:repeat(2,1fr)}}
.ua-fit-options label{display:block;border:1px solid var(--line,#E2E8F0);background:#fff;border-radius:12px;padding:12px 12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--slate,#1E293B);transition:border-color .15s,box-shadow .15s}
.ua-fit-options label:hover,.ua-fit-options label:focus-within{border-color:var(--edge,#0EA5E9);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.ua-fit-options input{position:absolute;opacity:0;pointer-events:none}
.ua-fit-options label:has(input:checked){border-color:var(--cta,#0F3D8C);background:#EFF6FF;color:var(--ink,#0B1426)}
.ua-fit-options label:has(input:focus-visible){outline:2px solid var(--edge,#0EA5E9);outline-offset:2px}
.ua-fit-options span{display:block}
.ua-fit-options small{display:block;font-weight:500;color:var(--muted,#64748B);margin-top:4px;font-size:12px}
.ua-fit-result{display:none;margin-top:8px;padding-top:12px;border-top:1px dashed #BAE6FD}
.ua-fit-result.is-on{display:block}
.ua-fit-result .pick{font-family:var(--font-display,"Plus Jakarta Sans",system-ui,sans-serif);font-weight:800;font-size:1.05rem;margin:0 0 6px}
.ua-fit-result .why{margin:0 0 12px;font-size:14px;color:var(--slate,#1E293B)}
.ua-fit-noscript{margin-top:12px;font-size:14px}
.ua-fit-noscript table{width:100%;border-collapse:collapse;font-size:13px}
.ua-fit-noscript th,.ua-fit-noscript td{border:1px solid var(--line,#E2E8F0);padding:8px;text-align:left}

/* Mobile sticky CTA bar — not a floating FAB */
.ua-mobile-cta-bar{display:none;position:sticky;bottom:0;z-index:30;margin:24px -20px -20px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));background:rgba(11,20,38,.96);backdrop-filter:blur(8px);border-top:1px solid #1E293B}
.ua-mobile-cta-bar .ua-btn{width:100%;justify-content:center}
.ua-mobile-cta-bar[hidden]{display:none!important}
@media(max-width:900px){
  .ua-mobile-cta-bar:not([hidden]){display:block}
  .ua-article-main{padding-bottom:8px}
}
@media(min-width:901px){
  .ua-mobile-cta-bar{display:none!important}
}

/* Affiliate CTAs stay visible while their destination is updated. */
/* When article pattern present, give tables the full post width (hide theme side rail) */
body:has(.ua-article-shell) .ua-layout{grid-template-columns:1fr!important}
body:has(.ua-article-shell) aside.ua-side{display:none!important}

/* Avoid consecutive CTAs visually stacking without content */
.ua-answer + .ua-cta,
.ua-cta + .ua-cta,
.ua-aff + .ua-aff{margin-top:0}

.ua-thumb{width:100%;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line,#E2E8F0);margin:0 0 16px;display:block}
.ua-note{font-size:13px;color:var(--muted,#64748B)}
.ua-article-main nav[aria-label="On this page"]{display:none} /* TOC lives in rail on desktop; fit leads */
@media(max-width:900px){
  .ua-article-main nav[aria-label="On this page"]{display:block;background:var(--canvas,#F4F7FB);border:1px solid var(--line,#E2E8F0);border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:14px}
}

html.force-mobile .ua-fit-options,
html.force-mobile .ua-fit-options.ua-fit-options--4{grid-template-columns:1fr!important}
html.force-mobile .ua-who{grid-template-columns:1fr!important}
.ua-fit,.ua-fit-q,.ua-fit-options,fieldset.ua-fit-q{max-width:100%;min-width:0}
.ua-fit-options label{max-width:100%;min-width:0;overflow-wrap:anywhere}

/* v8: keep the proven legacy gadgets registered without displaying them. */
.legacy-widgets,.legacy,.foot-topics{display:none!important}
/* Search and generic Blogger chrome in the UA shell. */
.ua-search-head{padding:36px 0 8px}
.ua-search-head h1{margin:8px 0}

/* v9 side padding (Gael 5 Nov) */
.ua-wrap,.ua-layout{box-sizing:border-box;padding-left:clamp(16px,4vw,40px)!important;padding-right:clamp(16px,4vw,40px)!important;margin-left:auto!important;margin-right:auto!important}
.ua-layout{max-width:1200px}

/* v11 — design audit P1: readable column, breathing room and WCAG AA text.
   Hub H1 is fixed in each staged body: native Blogger title only, internal H2. */
.ua-article-main{
  max-width:76ch!important;
}
.ua-article-main p,
.ua-article-main li,
.ua-article-main .ua-fit-noscript,
.ua-page .post-body p,
.ua-page .post-body li,
.post-body .ua-page p,
.post-body .ua-page li{
  line-height:1.75!important;
}
.ua-article-main p{margin-bottom:1.15em}
.ua-article-main .ua-btn{
  line-height:1.35!important;white-space:normal!important;min-height:44px;
  padding:12px 18px!important;
}
.ua-article-main .lab,
.ua-answer .lab,
.ua-rail-card .ex,
.ua-card .lab,
.ua-kicker{color:#0369A1!important}
.ua-table th,
.ua-meta,
.ua-rail-card p,
.ua-fit .ua-fit-lead,
.ua-fit-options small,
.ua-note,
.ua-sub,
.ua-card p,
.ua-hero-card p,
.ua-stat span,
.ua-silo p{color:#526277!important}
.ua-cta .ua-note{color:#CBD5E1!important}
/* Dark CTA copy remains light; the audit's secondary slate is for light surfaces. */
@media (max-width:900px){
  .ua-article-main{max-width:100%!important}
}
@media (max-width:600px){
  .ua-wrap,.ua-layout{padding-left:20px!important;padding-right:20px!important}
  article.ua-post,article.ua-page{padding-left:20px!important;padding-right:20px!important}
  .post-body{padding-left:0!important;padding-right:0!important}
  .ua-article-shell,
  .ua-article-grid,
  .ua-article-main,
  .ua-article-main p,
  .ua-article-main li{box-sizing:border-box!important;max-width:100%!important}
  .ua-fit,.ua-answer,.ua-disclosure,.ua-next{padding:16px!important}
  .ua-table{font-size:14px}
  .ua-table th,.ua-table td{padding:10px}
}



/* ===== UA static shell (migration) ===== */
.ua-wrap{max-width:1200px!important}
body{min-height:100vh;display:flex;flex-direction:column}
body>footer.ua-foot{margin-top:auto}
body>*{width:100%}
.has-article-shell .ua-layout{grid-template-columns:1fr!important}
.has-article-shell aside.ua-side{display:none!important}
.ua-menu-search{opacity:.8}
.ua-card .body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
:root{--geo-acc:#1D4ED8;--geo-bg:#F4F7FB;--geo-line:#E2E8F0}

/* ===== Static-site additions (migration Nov 2026) ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-search{max-width:860px;margin:0 auto;padding:36px 20px 56px;box-sizing:border-box}
.site-search h1{margin:0 0 16px}
.site-search-form{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.site-search-form input{flex:1 1 240px;min-height:44px;padding:10px 14px;border:1px solid #CBD5E1;border-radius:10px;font:inherit;background:#fff;color:inherit}
.site-search-form button{min-height:44px;padding:10px 18px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;background:#0B1426;color:#fff}
.site-search-results{list-style:none;margin:0;padding:0}
.site-search-results li{padding:14px 0;border-bottom:1px solid #E2E8F0}
.site-search-results li a{font-weight:700}
.site-search-results li p{margin:4px 0 0;font-size:14px;opacity:.85}
.site-poll{border:1px solid #CBD5E1;border-radius:12px;padding:16px;margin:20px 0}
.site-poll fieldset{border:0;margin:0;padding:0}
.site-poll label{display:block;padding:6px 0;cursor:pointer}
.site-poll button{margin-top:8px;min-height:40px;padding:8px 16px;border-radius:10px;border:0;font-weight:700;cursor:pointer}
.site-poll-result{font-size:14px;margin:10px 0 0}

/* ---- SEO/GEO blocks (12 Nov 2026) ---- */
.geo-box{border:1px solid var(--geo-line,#d9e2ec);border-left:4px solid var(--geo-acc,#1d4ed8);background:var(--geo-bg,#f7f9fc);border-radius:10px;padding:14px 18px;margin:18px 0 22px;font-size:15.5px;line-height:1.6}
.geo-box p{margin:0 0 8px}.geo-box .geo-h{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:10px 0 6px;color:var(--geo-acc,#1d4ed8)}
.geo-box ul{margin:0;padding-left:20px}.geo-box li{margin:4px 0}
.aff-note{font-size:13.5px;line-height:1.5;background:var(--geo-bg,#f7f9fc);border:1px solid var(--geo-line,#d9e2ec);border-radius:8px;padding:8px 12px;margin:12px 0}
.rel-box{border-top:1px solid var(--geo-line,#d9e2ec);margin:32px 0 8px;padding-top:16px}
.rel-box .rel-h{font-weight:800;font-size:18px;margin:0 0 8px}.rel-box ul{margin:0 0 10px;padding-left:20px}.rel-box li{margin:6px 0}
.rel-box .rel-hub{margin:6px 0 0;font-weight:600}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:16px 0}
.tbl-scroll:focus{outline:2px solid var(--geo-acc,#1d4ed8);outline-offset:2px}
.tbl-scroll table{min-width:520px;border-collapse:collapse;width:100%}
.post-body table th,.post-body table td{padding:8px 10px;vertical-align:top}
.post-body img{max-width:100%;height:auto}
.ua-trust{max-width:850px}.ua-trust .eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1D4ED8;margin:0 0 10px}.ua-trust .deck{font-size:19px;line-height:1.6}