/* Habillage commun des pages intérieures pour la direction Média + Finza. */
body:has(>.pg){margin:0}
:root{
  --bg:#f8fafc;
  --paper:#fff;
  --ink:#0f172a;
  --muted:#4b5565;
  --line:#d8dee8;
  --line-strong:#aeb8c7;
  --green:#087f5b;
  --green-deep:#066247;
  --gold:#f4c44e;
  --gold-ink:#75550a;
  --gold-soft:#fff8df;
  --mint:#edfdf7;
  --radius-sm:2px;
  --radius-md:2px;
  --radius-lg:2px;
  --shadow-sm:0 6px 20px rgba(15,23,42,.05);
  --shadow-md:0 14px 34px rgba(15,23,42,.08);
}

/* Comparateurs : lecture dense sans perdre le critère ni l’action d’achat. */
.pg .comparison-workspace{display:grid;grid-template-columns:minmax(235px,285px) minmax(0,1fr);gap:1.25rem;align-items:start}
.pg .comparison-picker{position:sticky;top:88px;min-width:0;padding-right:1.1rem;border-right:1px solid var(--line)}
.pg .comparison-categories{display:grid;grid-template-columns:1fr;gap:.5rem;margin:0 0 1rem}
.pg .comparison-search{display:grid;gap:.4rem;margin-bottom:1rem;color:var(--ink);font-size:.78rem;font-weight:800}
.pg .comparison-search input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);color:var(--ink);padding:.65rem .75rem;font:inherit;font-weight:500}
.pg .comparison-search input:focus{outline:3px solid rgba(16,185,129,.22);border-color:var(--green)}
.pg .comparison-picker__list{display:grid;gap:.5rem;max-height:58vh;overflow:auto;padding:.15rem .3rem .15rem 0}
.pg .comparison-choice{min-height:58px;padding:.7rem .75rem;text-align:left}
.pg .comparison-empty{margin:.5rem 0;color:var(--muted);font-size:.85rem;line-height:1.5}
.pg .comparison-results{min-width:0}
.pg .comparison-results__intro{margin-bottom:.8rem}
.pg .comparison-mobile-key{display:none}
.pg .comparison-placeholder{padding:1rem 0}
.pg .comparison-matrix-scroll,.pg .compare-data-scroll{position:relative;max-height:min(70vh,720px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper);scrollbar-gutter:stable}
.pg .comparison-matrix-scroll:focus-visible,.pg .compare-data-scroll:focus-visible{outline:3px solid rgba(16,185,129,.25);outline-offset:3px}
.pg .comparison-matrix,.pg .compare-swipe-table{min-width:720px;margin:0}
.pg .comparison-matrix thead th,.pg .compare-swipe-table thead th{position:sticky;top:0;z-index:4;background:#edf4f1;border-bottom:2px solid #9aa9a3}
.pg .comparison-matrix thead th:first-child,.pg .compare-swipe-table thead th:first-child{left:0;z-index:6}
.pg .comparison-matrix tbody th:first-child,.pg .compare-swipe-table tbody th:first-child{position:sticky;left:0;z-index:2;min-width:160px;max-width:190px;background:#fff;color:#334155;border-right:2px solid #c5d0cc}
.pg .comparison-matrix tbody tr:nth-child(even) td,.pg .compare-swipe-table tbody tr:nth-child(even) td{background:#f6f8f7}
.pg .comparison-matrix tbody tr:nth-child(even) th:first-child,.pg .compare-swipe-table tbody tr:nth-child(even) th:first-child{background:#eef2f1}
.pg .comparison-matrix td,.pg .comparison-matrix th,.pg .compare-swipe-table td,.pg .compare-swipe-table th{border-bottom:1px solid #cbd5d1}
.pg .comparison-matrix .col-product,.pg .compare-product-head{min-width:230px;text-align:center}
.pg .comparison-matrix .name,.pg .compare-product-head>a:first-child{display:block;color:var(--ink);font-family:var(--disp);font-size:.9rem;font-weight:800;line-height:1.25;text-transform:none;letter-spacing:0;text-decoration:none}
.pg .comparison-matrix .meta{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.45rem 0}
.pg .compare-head-price{display:block;margin:.35rem 0 .5rem;color:var(--ink);font-family:var(--sans);font-size:.85rem;font-weight:800;letter-spacing:0;text-transform:none}
.pg .compare-table-cta{display:flex;min-height:38px;width:100%;align-items:center;justify-content:center;padding:.48rem .65rem;border-radius:8px;background:#f6c647;color:#111827;font-size:.75rem;font-weight:850;line-height:1.15;text-transform:none;letter-spacing:0}
.pg .compare-table-cta:hover{background:#eab52f;color:#111827}
.pg .comparison-matrix .aff-note{margin:.35rem 0 0;font-size:.7rem;line-height:1.25;text-transform:none;letter-spacing:0}
.pg .compare-swipe-hint{margin:.5rem 0 .75rem;color:#475569;font-size:.82rem;font-weight:700;line-height:1.45}
.pg .compare-data-scroll{margin-top:.75rem}
.pg .compare-data-scroll--scores{max-height:520px}

/* Fiches : action immédiate sur téléphone, détails techniques repliables. */
.pg .product-mobile-buy{display:none}
.pg .product-specs-disclosure>summary{display:none}
.pg .product-specs-content{display:block}
.pg .collection-intro-mobile{display:none}
.pg .collection-intro-disclosure>summary{display:none}
.pg .collection-related-guide{margin-top:1.2rem}

@media(max-width:959px){
  .pg .fiche-grid[data-has-visual]>.product-mobile-buy{display:grid;order:2;grid-template-columns:minmax(84px,1fr) minmax(0,2fr);align-items:center;gap:.6rem 1rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .pg .product-mobile-buy .plabel{margin:0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .pg .product-mobile-buy>div{min-width:0}
  .pg .product-mobile-buy .price{margin:.15rem 0 0;color:var(--ink);font:800 1.55rem/1.2 var(--disp);white-space:normal;overflow-wrap:break-word}
  .pg .product-mobile-buy .aff-cta{width:auto;min-width:0;min-height:48px;background:#f6c647;color:#111827;font-weight:850;border-radius:0;box-shadow:none}
  .pg .product-mobile-buy .aff-note{grid-column:1/-1;margin:0;text-align:left;color:#475569}
  .pg .fiche-grid[data-has-visual]>.fiche-main{order:3}
  .pg .fiche-grid[data-has-visual]>.fiche-aside{order:4}
}

@media(max-width:820px){
  .pg .comparison-workspace{grid-template-columns:1fr;gap:1rem;padding:0;border:0;border-radius:0;box-shadow:none}
  .pg .comparison-picker{position:static;padding:0 0 1rem;border-right:0;border-bottom:1px solid var(--line)}
  .pg .comparison-categories{grid-template-columns:1fr 1fr}
  .pg .comparison-picker__list{grid-template-columns:1fr 1fr;max-height:15rem}
  .pg .comparison-choice{min-height:54px;font-size:.78rem}
  .pg .comparison-matrix-scroll,.pg .compare-data-scroll{max-height:calc(100svh - 9rem);border-radius:8px}
  .pg .comparison-matrix,.pg .compare-swipe-table{min-width:0;width:calc(112px + var(--product-count,2)*208px);table-layout:fixed;font-size:.8rem}
  .pg .comparison-matrix th:first-child,.pg .compare-swipe-table th:first-child{width:112px;min-width:112px;max-width:112px;padding:.65rem .55rem;font-size:.7rem;line-height:1.3}
  .pg .comparison-matrix .col-product,.pg .compare-product-head{width:208px;min-width:208px;white-space:normal}
  .pg .comparison-matrix .name,.pg .compare-product-head>a:first-child{white-space:normal;overflow-wrap:anywhere}
  .pg .comparison-matrix .meta{flex-wrap:wrap;white-space:normal}
  .pg .comparison-matrix td,.pg .compare-swipe-table td{padding:.65rem .75rem}
  .pg .comparison-matrix .col-product,.pg .compare-product-head{padding:.65rem .75rem}
  .pg .compare-table-cta{height:44px;min-height:44px}

  .pg .product-specs-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .pg .product-specs-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.75rem 0;cursor:pointer;color:var(--ink);font-weight:800;list-style:none}
  .pg .product-specs-disclosure>summary::-webkit-details-marker{display:none}
  .pg .product-specs-disclosure>summary span:last-child{color:var(--green-deep);font-size:.75rem;font-weight:800}
  .pg .product-specs-disclosure[open]>summary span:last-child{font-size:0}
  .pg .product-specs-disclosure[open]>summary span:last-child::after{content:"Réduire";font-size:.75rem}
  .pg .product-specs-content{padding:0 0 .85rem}
  .pg .product-specs-content>.fsec-h{display:none}

  .pg .collection-intro-mobile{display:block;margin:.75rem 0 1rem;color:#334155;font-size:.95rem;line-height:1.55}
  .pg .collection-intro-disclosure{margin:0 0 1rem;border-bottom:1px solid var(--line)}
  .pg .collection-intro-disclosure>summary{display:block;padding:0 0 .8rem;color:var(--green-deep);font-size:.82rem;font-weight:800;cursor:pointer}
  .pg .collection-intro-disclosure .cat-intro{margin:.2rem 0 1rem;font-size:.9rem}
}

.pg{background:var(--paper);color:var(--ink)}
.pg .wrap{max-width:1180px}
/* Toutes les pages intérieures suivent la grille de 1180 px de l'accueil. */
.pg .page .wrap{max-width:1180px}
.pg .page .wrap>.prose-b{max-width:none}
.pg .page .wrap>.prose-b>.lead{max-width:none}
/* Tables des articles éditables : le conteneur porte le défilement, pas la table. */
.pg .prose-b .table-wrap{overflow-x:auto;margin:1rem 0}
.pg .prose-b .table-wrap table{display:table;width:100%;min-width:600px;margin:0;border-radius:0;overflow:visible}
.pg .prose-b .table-wrap tbody tr{background:var(--paper)}
.pg .prose-b .table-wrap tbody tr:nth-child(even){background:var(--bg)}
@media(max-width:680px){
  .pg .prose-b .table-wrap::before{content:"Balayez horizontalement →";display:block;margin:0 0 .5rem;color:var(--muted);font-size:.85rem;font-weight:700}
  .pg .prose-b .table-wrap td:first-child,.pg .prose-b .table-wrap th:first-child{position:sticky;left:0;min-width:145px;max-width:170px;background:inherit;z-index:1}
  .pg .prose-b .table-wrap thead tr{background:var(--mint)}
}
.pg :focus-visible{outline-color:#2563eb}

/* Même en-tête que la nouvelle page d'accueil. */
.pg .hd{background:#111c2d;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:none}
.pg .hd .wrap{height:72px;max-width:1180px}
.pg .brand{display:inline-flex;align-items:center;font-family:var(--disp);color:#fff}
.pg .brand-logo-11{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;font-family:var(--disp);color:#fff}.pg .brand-logo-11__mono{padding-right:8px;border-right:3px solid var(--gold);font-size:32px;font-weight:800;line-height:.8;letter-spacing:-.14em}.pg .brand-logo-11__name{display:grid;font-size:14px;font-weight:800;line-height:.94;letter-spacing:-.045em}.pg .brand-logo-11--footer .brand-logo-11__mono{font-size:38px}.pg .brand-logo-11--footer .brand-logo-11__name{font-size:17px}
.pg .nav{color:#e6ebf2;font-size:.82rem;font-weight:700}
.pg .nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.pg .nav-search input{border-radius:0;background:#fff;border-color:#637085}
.pg .hd .cta{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:.6rem 1rem;border-radius:0;background:var(--gold);color:var(--ink);box-shadow:none;font-family:var(--disp);font-weight:800}
.pg .hd .cta:hover{background:#e8b632}
.pg .burger{border-radius:0}.pg .burger span{background:#fff}
.pg .mobile-nav{background:#111c2d;border-top-color:rgba(255,255,255,.14)}
.pg .mobile-nav a{color:#fff;border-bottom-color:rgba(255,255,255,.12)}
.pg .mobile-nav a:hover{color:var(--gold)}
.pg .mobile-search input,.pg .mobile-search button{border-radius:0}
.pg .mobile-search button{background:var(--gold);color:var(--ink)}

/* Pages éditoriales et catalogues : lignes nettes, peu d'arrondis, lecture dense. */
.pg .page,.pg .fiche{background:#fff}
.pg .page:first-child,.pg .fiche{padding-top:clamp(2.2rem,5vw,4.5rem)}
.pg .page h1,.pg .fiche h1{font-family:var(--disp);color:var(--ink);letter-spacing:-.045em;line-height:1.02}
.pg .page h1{font-size:clamp(2.5rem,6vw,4.8rem)}
.pg .fiche h1{font-size:clamp(2.35rem,5vw,4.25rem)}
.pg .lead,.pg .cat-intro{color:var(--muted);font-size:clamp(1rem,1.8vw,1.15rem);max-width:72ch}
.pg .crumb{padding-bottom:.9rem;border-bottom:1px solid var(--ink);color:#596477;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pg .crumb a{text-decoration:none}.pg .crumb a:hover{text-decoration:underline}
.pg .kick,.pg .eyebrow,.pg .bd{color:var(--green);font-family:var(--sans);font-weight:800}

.pg .card,.pg .prod,.pg .tbl-wrap,.pg .callout,.pg .guidebox,.pg .result-panel,
.pg .quiz-tool,.pg .compare-card,.pg .product-hero,.pg .spec-card,.pg .filter-disclosure,
.pg .cat-filters,.pg .product-visual,.pg .decision-summary,.pg .decision-summary>div,
.pg .specs,.pg .evidence-dossier,.pg .infobox,.pg .assumptions,.pg .offer,.pg .compare,
.pg .guide-index-visual a{
  border-radius:2px;
  box-shadow:none;
}
.pg .card:hover,.pg .prod:hover{transform:none;border-color:#6e7b8f;box-shadow:var(--shadow-sm)}
.pg .chip,.pg .btn,.pg .buy,.pg button,.pg input,.pg select,.pg textarea{border-radius:2px}
.pg .btn-p,.pg .prod .buy,.pg .search-form button{background:var(--gold);color:var(--ink);box-shadow:none}
.pg .btn-p:hover,.pg .prod .buy:hover{background:#e8b632}
.pg .t-btn:disabled,.pg .quiz-continue:disabled{background:#d7dce3!important;color:#596477!important;cursor:not-allowed;box-shadow:none}
.pg .badge{border-radius:2px;background:#111c2d;box-shadow:none}
.pg .prod .thumb{background:var(--bg)}
.pg .prod .row{border-top:1px solid var(--line)}
.pg .card .go,.pg .method a,.pg .catalog-links a,.pg .method-links a{color:var(--green)}
.pg .guide-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:.65rem 0 1.25rem;color:#526071;font-size:.76rem;font-weight:700;line-height:1.45}
.pg .guide-meta span{display:inline-flex;align-items:center;gap:.25rem}
.pg .guide-meta span+span::before{content:"";display:block;width:4px;height:4px;margin-right:.55rem;border-radius:50%;background:#9aa6b5}
.pg .guide-meta a{text-decoration:underline;text-underline-offset:3px}

/* Pied de page commun. */
.pg .foot{background:#111c2d;color:#cfd6e2}
.pg .foot h3{display:inline-flex;align-items:center;margin:0;color:#fff}
.pg .foot p,.pg .foot .note{color:#98a3b5}
.pg .foot a{color:#cfd6e2}.pg .foot a:hover{color:#fff}

/* Flux d'actualités illustré, sans transformer les cartes en blocs SaaS. */
.pg .updates-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pg .updates-list .card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;padding:0;border:0;background:#fff}
.pg .updates-list .card--text{grid-template-columns:minmax(0,1fr)}
.pg .update-image{min-height:190px;background:var(--bg);overflow:hidden}
.pg .update-image img{width:100%;height:100%;object-fit:cover}
.pg .update-body{padding:1.25rem}
.pg .updates-list h2{font-size:1.2rem;line-height:1.25}

@media(max-width:960px){
  .pg .hd .wrap{height:64px}
  .pg .hd .wrap .cta{display:inline-flex;margin-left:auto;min-height:44px;padding:.5rem .7rem;font-size:.75rem}
  .pg .burger{margin-left:0}
}
@media(max-width:760px){
  .pg .updates-list{grid-template-columns:1fr;gap:1.75rem;background:transparent;border:0}
  .pg .updates-list .card{grid-template-columns:1fr;border-radius:0}
  .pg .quiz-sections{display:none!important}
  .pg .t-opts,.pg .quiz-projects{grid-template-columns:1fr!important}
  .pg .t-opt{border-radius:2px!important}
  .pg .guide-meta{display:grid;grid-template-columns:1fr;gap:.25rem;margin:.55rem 0 1rem;font-size:.75rem}.pg .guide-meta span+span::before{display:none}
  .pg .comparison-mobile-key{display:block;margin:0 0 1rem;padding:1rem 0;border-block:1px solid var(--line)}
  .pg .comparison-mobile-key h3{margin:0 0 .8rem;font:800 1.15rem/1.2 var(--disp);letter-spacing:-.025em}
  .pg .comparison-mobile-key__grid{display:grid;gap:.75rem}
  .pg .comparison-mobile-key article{padding:.9rem;border:1px solid var(--line);background:var(--paper)}
  .pg .comparison-mobile-key h4{margin:0 0 .7rem;font:800 .95rem/1.25 var(--disp)}
  .pg .comparison-mobile-key dl{margin:0 0 .8rem}.pg .comparison-mobile-key dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;padding:.4rem 0;border-top:1px solid var(--line);font-size:.74rem}
  .pg .comparison-mobile-key dt{color:var(--muted)}.pg .comparison-mobile-key dd{margin:0;text-align:right;font-weight:800}
  .pg .comparison-mobile-key>p{margin:.75rem 0 0;color:var(--muted);font-size:.75rem}
}
@media(max-width:460px){
  .pg .brand-logo-11__mono{font-size:28px}.pg .brand-logo-11__name{font-size:12px}
  .pg .hd .wrap .cta{font-size:.72rem;padding:.45rem .55rem}
  .pg .update-image{min-height:150px}
  .pg .update-body{padding:1rem}
}