:root,:root[data-theme="dark"]{color-scheme:dark;--bg:#07111f;--bg2:#020817;--text:#f8fafc;--muted:#b9bec8;--lead:#fffaf0;--primary:#d6b45f;--accent:#d8dde6;--surface:rgba(15,23,42,.78);--surface2:rgba(15,23,42,.95);--border:rgba(148,163,184,.22);--soft:rgba(255,255,255,.06);--shadow:0 34px 90px rgba(2,8,23,.48);--code:#0f172a;--success:#34d399;--danger:#fb7185;--radius:28px;--container:1360px}:root[data-theme="light"]{color-scheme:light;--bg:#f8fbff;--bg2:#fff;--text:#0f172a;--muted:#62656b;--lead:#17130b;--primary:#9a7427;--accent:#60656d;--surface:rgba(255,255,255,.88);--surface2:#fff;--border:rgba(15,23,42,.13);--soft:rgba(15,23,42,.045);--shadow:0 34px 90px rgba(15,23,42,.14);--code:#f1eee6;--success:#059669;--danger:#e11d48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,rgba(214,180,95,.18),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(216,221,230,.18),transparent 32rem),linear-gradient(180deg,var(--bg),var(--bg2));line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit}button,input{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:12px;background:var(--surface2);padding:10px 14px;border-radius:12px;z-index:50}.site-header{position:sticky;top:0;z-index:20;background:rgba(2,8,23,.66);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}[data-theme="light"] .site-header{background:rgba(255,255,255,.78)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#020817;box-shadow:0 14px 34px rgba(214,180,95,.25)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:9px 11px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.95rem}.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--soft);color:var(--text)}.theme-toggle,.menu-toggle,.ghost-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:10px 13px;cursor:pointer}.menu-toggle{display:none}.home-hero,.hero{padding:70px 0 36px}.hero-one{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:800;font-size:.78rem;margin:0 0 10px}h1{font-size:clamp(2.3rem,6vw,5.8rem);line-height:.96;letter-spacing:-.07em;margin:0 0 22px;max-width:1100px}h2{font-size:clamp(1.45rem,2vw,2.25rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--lead);max-width:980px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-pills span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;color:var(--lead);font-size:.92rem}.hero-search{position:relative;margin-top:28px;max-width:920px}.hero-search input,.tool-search input{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:22px;padding:18px 20px;box-shadow:var(--shadow);outline:none}.search-results{position:absolute;inset-inline:0;top:calc(100% + 8px);background:var(--surface2);border:1px solid var(--border);border-radius:22px;padding:10px;box-shadow:var(--shadow);z-index:10}.search-results a{display:block;text-decoration:none;padding:10px;border-radius:14px}.search-results a:hover{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 18px}.card-grid,.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-tile,.category-card,.content-card,.tool-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 52px rgba(2,8,23,.18)}.tool-tile,.category-card{display:block;text-decoration:none;padding:20px;min-height:160px}.tool-tile:hover,.category-card:hover{transform:translateY(-2px);transition:transform .18s ease;border-color:rgba(214,180,95,.42)}.tool-tile strong,.category-card strong{display:block;font-size:1.05rem;line-height:1.2}.tool-tile small,.category-card small{display:block;color:var(--muted);margin-top:8px}.tile-icon,.category-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:var(--soft);margin-bottom:12px;color:var(--primary);font-weight:900}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;padding-top:22px}.breadcrumbs a{text-decoration:none}.tool-card{padding:24px;margin:18px 0 36px}.tool-top{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.tool-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-weight:800;color:var(--lead)}.field input{width:100%;border:1px solid var(--border);background:rgba(2,8,23,.24);color:var(--text);border-radius:16px;padding:14px 14px;outline:none}[data-theme="light"] .field input{background:rgba(248,250,252,.8)}.field small{min-height:1em;color:var(--muted)}.result-panel{margin-top:16px;border:1px solid var(--border);background:radial-gradient(circle at 100% 0,rgba(214,180,95,.12),transparent 38%),var(--surface2);border-radius:22px;padding:18px}.result-panel span{color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}.result-panel output{display:block;font-size:clamp(2rem,5vw,4.5rem);font-weight:900;letter-spacing:-.06em;overflow-wrap:anywhere}.result-panel p{margin:0;color:var(--muted)}.example-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.example-buttons button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:999px;padding:8px 10px;cursor:pointer}.expression-tool{display:grid;grid-template-columns:1fr auto;gap:12px}.angle-switch{display:flex;gap:6px;align-items:start}.angle-switch button{border:1px solid var(--border);border-radius:999px;padding:10px 12px;background:var(--soft);color:var(--text)}.angle-switch .is-active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.keypad-mini{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.keypad-mini button{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:14px;padding:12px;cursor:pointer}.content-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:18px}.content-card{padding:24px}.formula,pre{background:var(--code);color:var(--lead);border:1px solid var(--border);border-radius:16px;padding:14px;overflow:auto;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left}ul,ol{padding-left:1.2rem}.small{color:var(--muted);font-size:.92rem}.related-list{display:grid;gap:8px}.related-list a,.cta-link{display:block;text-decoration:none;border:1px solid var(--border);background:var(--soft);padding:12px 14px;border-radius:16px;margin-top:8px}.site-footer{margin-top:56px;padding:36px 0;border-top:1px solid var(--border);background:rgba(2,8,23,.28)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px}.footer-links a{display:inline-block;margin:0 8px 8px 0;color:var(--muted)}.embed-body{background:transparent}.embed-wrap{padding:12px}.embed-wrap .tool-card{margin:0}@media(max-width:980px){.card-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.split{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:72px;right:16px;left:16px;background:var(--surface2);border:1px solid var(--border);border-radius:22px;padding:10px;box-shadow:var(--shadow)}.nav-links.is-open{display:grid}.menu-toggle{display:inline-flex}.theme-toggle span:last-child{display:none}}@media(max-width:640px){.container{width:min(100% - 22px,var(--container))}.home-hero,.hero{padding:44px 0 24px}h1{font-size:clamp(2.1rem,13vw,4rem)}.card-grid,.category-grid,.tool-form{grid-template-columns:1fr}.tool-top{display:block}.expression-tool{grid-template-columns:1fr}.keypad-mini{grid-template-columns:repeat(5,minmax(0,1fr))}.keypad-mini button{padding:10px 4px}.footer-grid{grid-template-columns:1fr}.result-panel output{font-size:2.4rem}.nav{min-height:66px}.brand-mark{width:36px;height:36px}}
/* V2 — héros visuels, confiance et anti-débordement */
.hero-index,.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(22px,4vw,54px)}
.hero-copy{min-width:0}.hero-media{margin:0;position:relative}.hero-media img{display:block;width:100%;height:auto;border-radius:34px;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--surface);object-fit:cover}.hero-media figcaption{margin-top:10px;color:var(--muted);font-size:.9rem;text-align:center}.notice-card,.notice-inline{border:1px solid rgba(251,191,36,.28);background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(214,180,95,.06)),var(--surface);border-radius:22px;padding:16px 18px;color:var(--lead);box-shadow:0 14px 42px rgba(2,8,23,.16)}.notice-inline{display:block;margin-top:12px}.content-card details{border-top:1px solid var(--border);padding:12px 0}.content-card details:first-of-type{border-top:0}.content-card summary{cursor:pointer;font-weight:800;color:var(--lead)}.content-card p:last-child,.content-card ul:last-child,.content-card ol:last-child{margin-bottom:0}main{overflow:hidden}.tool-card,.content-card,.tool-tile,.category-card{overflow-wrap:anywhere}.tool-search{margin:18px 0}.hero-index .tool-search{margin:22px 0 0}.hero-index h1{max-width:980px}.hero-index .lead{max-width:900px}.hero-index .hero-pills{max-width:900px}
@media(max-width:1120px){.hero-index,.home-hero{grid-template-columns:1fr}.hero-media{max-width:760px}.hero-media img{border-radius:28px}.hero-index h1{max-width:1100px}}
@media(max-width:640px){.hero-media figcaption{display:none}.hero-media img{border-radius:22px}.hero-index,.home-hero{gap:18px}.hero-index .hero-pills span{font-size:.86rem}}
/* V3 — renforts SEO/GEO/EEAT */
.question-list{list-style:none;padding-left:0;display:grid;gap:10px}.question-list li{border:1px solid var(--border);background:var(--soft);border-radius:16px;padding:12px 14px;color:var(--lead);font-weight:700}.content-card code{background:var(--code);border:1px solid var(--border);border-radius:8px;padding:2px 6px;color:var(--lead)}.content-card .notice-inline{margin-top:14px}.tool-tile small{overflow-wrap:anywhere}.related-list a:hover,.cta-link:hover{border-color:rgba(214,180,95,.42);background:linear-gradient(135deg,rgba(214,180,95,.12),rgba(216,221,230,.08)),var(--soft)}

/* V4 — outils premium multi-modes et pages confiance renforcées */
.field select{width:100%;border:1px solid var(--border);background:rgba(2,8,23,.24);color:var(--text);border-radius:16px;padding:14px 14px;outline:none}
[data-theme="light"] .field select{background:rgba(248,250,252,.8)}
.field-wide{grid-column:span 2}.result-detail{margin-top:8px!important;color:var(--lead)!important}.source-list{display:grid;gap:8px;list-style:none;padding-left:0}.source-list li{border:1px solid var(--border);background:var(--soft);border-radius:14px;padding:10px 12px}.source-list a{text-decoration:none;color:var(--lead)}
@media(max-width:980px){.field-wide{grid-column:1/-1}}

/* V4 — outils multi-modes et pages confiance renforcées */
.mode-panel{margin:0 0 14px}.mode-field{max-width:560px}.mode-field select{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:16px;padding:14px;outline:none}.source-list{display:grid;gap:10px;padding-left:0;list-style:none}.source-list li{border:1px solid var(--border);background:var(--soft);border-radius:16px;padding:12px 14px}.source-list a{text-decoration:none;color:var(--lead);font-weight:800}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quality-grid .content-card{min-height:180px}@media(max-width:980px){.quality-grid{grid-template-columns:1fr}.mode-field{max-width:none}}


/* V5 quality refinements */
.source-list a{word-break:break-word}.question-list li{margin-bottom:.45rem}.notice-inline{display:block;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--soft)}
.table-wrap table td:first-child a{font-weight:800}.content-card pre{white-space:pre-wrap;word-break:break-word}

/* V5 SEO/E-E-A-T refinements */
.notice-inline{display:block;margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--soft)}
.source-list a{word-break:break-word}.question-list li{margin:.4rem 0}.content-card pre{white-space:pre-wrap;overflow:auto}.table-wrap table td:first-child a{font-weight:700}.embed-body .site-header,.embed-body .site-footer{display:none}


/* V6 — images JPG éditeur, index éditorialisé et historique local */
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tool-history{margin-top:14px;border:1px solid var(--border);background:var(--soft);border-radius:20px;padding:14px}.tool-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.tool-history-head small{color:var(--muted)}.tool-history ol{margin:0;padding-left:1.2rem;display:grid;gap:6px}.tool-history li{color:var(--muted)}.tool-history button{border:0;background:transparent;color:var(--lead);padding:0;text-align:left;cursor:pointer;font-weight:700}.tool-history .history-empty{list-style:none;color:var(--muted)}.tool-tile.is-showcase{border-color:rgba(214,180,95,.36)}.tool-tile.is-showcase:after{content:"showcase";position:absolute;right:14px;top:14px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);border:1px solid rgba(214,180,95,.28);border-radius:999px;padding:4px 7px;background:rgba(214,180,95,.08)}.tool-tile.is-ymyl .tile-icon{background:rgba(251,191,36,.13);color:#fbbf24}.hero-media img{aspect-ratio:3/2;object-fit:cover}.card-grid[data-filter-list]{scroll-margin-top:100px}@media(max-width:640px){.tool-history-head{display:block}.tool-actions .ghost-button{width:100%}}


/* V6 — vraies images de héros, historique local et exports */
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tool-actions .ghost-button{min-width:74px}.calc-history{margin-top:16px;border:1px solid var(--border);background:var(--soft);border-radius:22px;padding:16px}.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.calc-history ol{display:grid;gap:8px;margin:0;padding-left:0;list-style:none}.calc-history li button{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer}.calc-history li small{display:block;color:var(--muted);margin-top:2px}.hero-media img[src*='.jpg']{aspect-ratio:3/2;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:linear-gradient(135deg,rgba(214,180,95,.08),rgba(216,221,230,.06) 45%,transparent)}@media(max-width:640px){.tool-actions{justify-content:flex-start;margin-top:12px}.tool-actions .ghost-button{font-size:.9rem;padding:8px 10px}.history-head{display:block}.history-head .ghost-button{margin-top:8px}.hero-media:after{border-radius:22px}}


/* V6 — images JPG éditeur, historique local et exports */
.tool-history{margin-top:16px;border:1px solid var(--border);background:var(--soft);border-radius:22px;padding:14px}
.tool-history-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.tool-history-head span{color:var(--muted);font-size:.88rem}
.tool-history ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tool-history li button{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer}.tool-history li strong{display:block}.tool-history li small{color:var(--muted)}
.tool-history-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tool-history-actions button{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:999px;padding:8px 10px;cursor:pointer}
@media print{body{background:#fff!important;color:#000!important}.site-header,.site-footer,.breadcrumbs,.hero,.content-card,.example-buttons,.tool-history-actions{display:none!important}.tool-card{box-shadow:none!important;border:1px solid #999!important}.tool-history{display:block!important}}


/* V6 — images finales, historique local et export */
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.small-button{padding:7px 10px;font-size:.85rem}.calc-history{margin-top:14px;border:1px solid var(--border);background:var(--soft);border-radius:20px;padding:14px}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.calc-history ol{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.calc-history li button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:14px;padding:9px 10px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;text-align:left}.calc-history li strong{overflow-wrap:anywhere}.calc-history li small{color:var(--muted);font-weight:500}.hero-media img[src$='.jpg'],.hero-media img[src*='.jpg?']{aspect-ratio:3/2;object-fit:cover}.tool-tile small{line-height:1.45}.source-list a{text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:640px){.tool-actions{justify-content:flex-start;margin-top:12px}.calc-history li button{display:block}.calc-history li small{display:block;margin-top:4px}}
@media print{.site-header,.site-footer,.breadcrumbs,.hero,.example-buttons,.tool-actions,.calc-history{display:none!important}body{background:#fff;color:#000}.container{width:100%}.tool-card{box-shadow:none;border:1px solid #ddd}.result-panel output{color:#000}}


/* V8 — finition premium noir/or/argent, mode clair lisible et présentation homogène */
:root{--bg:#050505;--bg2:#09090a;--text:#f7f3e8;--muted:#b9bec8;--lead:#fffaf0;--primary:#d6b45f;--primary2:#f1d992;--accent:#d8dde6;--accent2:#8d94a3;--surface:rgba(16,16,18,.78);--surface2:rgba(9,9,11,.94);--border:rgba(214,180,95,.24);--soft:rgba(255,255,255,.055);--shadow:0 36px 110px rgba(0,0,0,.62);--code:#101014;--success:#d6b45f;--danger:#f59e8b}:root[data-theme="light"]{color-scheme:light;--bg:#f7f4ec;--bg2:#fffefa;--text:#1b1b1b;--muted:#62656b;--lead:#17130b;--primary:#9a7427;--primary2:#b9872d;--accent:#60656d;--accent2:#a8adb6;--surface:rgba(255,255,255,.91);--surface2:#fff;--border:rgba(154,116,39,.22);--soft:rgba(20,20,20,.045);--shadow:0 36px 100px rgba(20,20,20,.14);--code:#f1eee6}body{background:radial-gradient(circle at 18% 4%,rgba(214,180,95,.20),transparent 31rem),radial-gradient(circle at 90% 6%,rgba(216,221,230,.13),transparent 30rem),radial-gradient(circle at 54% 82%,rgba(154,116,39,.13),transparent 36rem),linear-gradient(180deg,var(--bg),var(--bg2))!important}[data-theme="light"] body{background:radial-gradient(circle at 14% 3%,rgba(214,180,95,.22),transparent 30rem),radial-gradient(circle at 88% 8%,rgba(18,18,18,.07),transparent 34rem),radial-gradient(circle at 50% 92%,rgba(154,116,39,.11),transparent 38rem),linear-gradient(180deg,#f7f4ec,#fffefa)!important}body:before{background-image:linear-gradient(rgba(214,180,95,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(216,221,230,.055) 1px,transparent 1px)!important;background-size:52px 52px;opacity:.62!important}.site-header{background:rgba(3,3,4,.76)!important;border-bottom:1px solid rgba(214,180,95,.18)!important;backdrop-filter:blur(20px)}[data-theme="light"] .site-header{background:rgba(255,255,255,.86)!important}.brand-mark{background:linear-gradient(135deg,#f8e5a5,#d6b45f 42%,#8b6721)!important;color:#050505!important;box-shadow:0 16px 44px rgba(214,180,95,.24)!important}.nav-links a:hover,.nav-links a[aria-current="page"]{background:rgba(214,180,95,.11)!important;color:var(--lead)!important}.theme-toggle,.menu-toggle,.ghost-button{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),var(--surface)!important;border-color:rgba(214,180,95,.25)!important}.eyebrow{color:var(--primary2)!important;text-shadow:0 0 22px rgba(214,180,95,.22)!important}h1,h2,h3{color:var(--lead)}.hero-index,.home-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;min-height:clamp(590px,60vw,780px)!important;padding:clamp(28px,4.8vw,74px)!important;margin-top:34px!important;overflow:hidden!important;isolation:isolate!important;border:1px solid rgba(214,180,95,.34)!important;border-radius:clamp(30px,4vw,58px)!important;background:#050505!important;box-shadow:0 50px 150px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.09)!important}[data-theme="light"] .hero-index,[data-theme="light"] .home-hero{background:#f7f4ec!important;box-shadow:0 42px 120px rgba(22,20,16,.14),inset 0 1px 0 rgba(255,255,255,.95)!important}.hero-index .hero-media,.home-hero .hero-media{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;pointer-events:none!important}.hero-index .hero-media img,.home-hero .hero-media img,[data-theme="light"] .hero-index .hero-media img,[data-theme="light"] .home-hero .hero-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:right center!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 20%,#000 48%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 20%,#000 48%,#000 100%)!important}.hero-index .hero-media img,.home-hero .hero-media img{opacity:.72!important;filter:saturate(.92) contrast(1.14) brightness(.72)!important}[data-theme="light"] .hero-index .hero-media img,[data-theme="light"] .home-hero .hero-media img{opacity:.78!important;filter:saturate(.98) contrast(1.08) brightness(.96)!important}.hero-index:before,.home-hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 34%,rgba(0,0,0,.44) 62%,rgba(0,0,0,.22) 100%),radial-gradient(circle at 18% 15%,rgba(214,180,95,.26),transparent 28rem),radial-gradient(circle at 86% 50%,rgba(216,221,230,.11),transparent 32rem)!important}[data-theme="light"] .hero-index:before,[data-theme="light"] .home-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 38%,rgba(255,255,255,.22) 66%,rgba(255,255,255,.06) 100%),radial-gradient(circle at 18% 15%,rgba(214,180,95,.18),transparent 28rem)!important}.hero-index .hero-media:before,.home-hero .hero-media:before{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:radial-gradient(circle at 76% 28%,rgba(214,180,95,.23),transparent 26rem),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.54))!important}[data-theme="light"] .hero-index .hero-media:before,[data-theme="light"] .home-hero .hero-media:before{background:radial-gradient(circle at 76% 28%,rgba(214,180,95,.14),transparent 26rem),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.36))!important}.hero-index:after,.home-hero:after{content:""!important;position:absolute!important;inset:18px!important;z-index:4!important;pointer-events:none!important;border-radius:calc(clamp(30px,4vw,58px) - 12px)!important;border:1px solid rgba(214,180,95,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 0 120px rgba(214,180,95,.05)!important}.hero-index .hero-copy,.home-hero .hero-copy,[data-theme="light"] .hero-index .hero-copy,[data-theme="light"] .home-hero .hero-copy{position:relative!important;z-index:6!important;max-width:min(860px,78%)!important;padding:clamp(22px,3.2vw,42px)!important;border:1px solid rgba(214,180,95,.24)!important;border-radius:clamp(22px,3vw,38px)!important;backdrop-filter:blur(18px)!important}.hero-index .hero-copy,.home-hero .hero-copy{background:linear-gradient(135deg,rgba(5,5,5,.72),rgba(5,5,5,.42))!important;box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}[data-theme="light"] .hero-index .hero-copy,[data-theme="light"] .home-hero .hero-copy{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.79))!important;border-color:rgba(154,116,39,.30)!important;box-shadow:0 28px 80px rgba(39,31,18,.13),inset 0 1px 0 rgba(255,255,255,.95)!important}.hero-index h1,.home-hero h1{background:linear-gradient(115deg,#ffffff 0%,#fff4d5 30%,#d6b45f 68%,#f7f3e8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}[data-theme="light"] .hero-index h1,[data-theme="light"] .home-hero h1{background:linear-gradient(115deg,#11100d 0%,#2b2110 38%,#9a7427 70%,#161616 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}.hero-index .lead,.home-hero .lead{color:#f9f0dd!important;text-shadow:0 2px 22px rgba(0,0,0,.55)!important}[data-theme="light"] .hero-index .lead,[data-theme="light"] .home-hero .lead{color:#24211a!important;text-shadow:none!important}.hero-index .eyebrow,.home-hero .eyebrow{color:#f1d992!important}[data-theme="light"] .hero-index .eyebrow,[data-theme="light"] .home-hero .eyebrow{color:#8a651e!important}.hero-index .hero-media figcaption,.home-hero .hero-media figcaption{position:absolute!important;right:clamp(36px,5vw,78px)!important;bottom:clamp(32px,5vw,74px)!important;z-index:7!important;display:inline-flex!important;max-width:min(430px,42vw)!important;padding:10px 14px!important;margin:0!important;border-radius:999px!important;background:rgba(0,0,0,.56)!important;border:1px solid rgba(214,180,95,.34)!important;color:#f8e5a5!important;backdrop-filter:blur(14px)!important;font-size:.82rem!important;font-weight:800!important;letter-spacing:.02em!important}[data-theme="light"] .hero-index .hero-media figcaption,[data-theme="light"] .home-hero .hero-media figcaption{background:rgba(255,255,255,.78)!important;color:#7d5a18!important}[data-theme="light"] .hero-search input,[data-theme="light"] .tool-search input{background:rgba(255,255,255,.94)!important;color:#17130b!important;border-color:rgba(154,116,39,.30)!important;box-shadow:0 22px 62px rgba(39,31,18,.12),inset 0 1px 0 rgba(255,255,255,.96)!important}[data-theme="light"] .hero-search input::placeholder,[data-theme="light"] .tool-search input::placeholder{color:#6b6256!important}[data-theme="light"] .hero-pills span{background:rgba(154,116,39,.10)!important;color:#211b10!important;border-color:rgba(154,116,39,.28)!important}.tool-tile,.category-card,.content-card,.tool-card{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),radial-gradient(circle at 100% 0,rgba(214,180,95,.06),transparent 20rem),var(--surface)!important;border-color:rgba(214,180,95,.20)!important}.tool-tile .tile-icon{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:0!important;max-width:100%!important;margin:0 0 13px 0!important;padding:7px 10px!important;border-radius:999px!important;font-size:.68rem!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(215,183,101,.18),rgba(217,221,229,.08))!important;color:var(--primary2)!important;border:1px solid rgba(215,183,101,.26)!important}.tool-tile.is-showcase:after{display:none!important;content:none!important}.tool-tile strong,.tool-tile.is-showcase strong{padding-right:0!important}.tool-tile{padding:22px!important;min-height:184px!important}.category-card>span{position:static!important;display:grid!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border-radius:17px!important;margin-bottom:12px!important}.test-table{border-collapse:separate!important;border-spacing:0!important;min-width:1120px}.test-table th,.test-table td{vertical-align:top!important;padding:12px 14px!important;border-bottom:1px solid var(--border)!important}.test-table code{display:inline-block!important;line-height:1.35!important;white-space:normal!important;max-width:260px!important;background:rgba(214,180,95,.10)!important;border:1px solid rgba(214,180,95,.22)!important;color:var(--lead)!important;border-radius:9px!important;padding:3px 7px!important}.test-table strong{display:inline-block!important;min-width:90px!important;color:var(--primary2)!important}@media(max-width:1120px){.hero-index .hero-copy,.home-hero .hero-copy,[data-theme="light"] .hero-index .hero-copy,[data-theme="light"] .home-hero .hero-copy{max-width:100%!important}.hero-index .hero-media img,.home-hero .hero-media img,[data-theme="light"] .hero-index .hero-media img,[data-theme="light"] .home-hero .hero-media img{width:100%!important;opacity:.24!important;-webkit-mask-image:none!important;mask-image:none!important;object-position:center!important}.hero-index .hero-media:after,.home-hero .hero-media:after,.hero-index .hero-media figcaption,.home-hero .hero-media figcaption{display:none!important}}@media(max-width:640px){.hero-index,.home-hero{border-radius:28px!important;margin-top:18px!important;padding:22px!important}.hero-index:after,.home-hero:after{inset:10px!important;border-radius:22px!important}.hero-index .hero-copy,.home-hero .hero-copy{padding:18px!important;border-radius:22px!important}.tool-tile{min-height:0!important}}


/* V10 — correction professionnelle : dark mode noir/or/argent sans toucher au mode clair */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#030303;
  --bg2:#0a0a0a;
  --text:#f7f4ec;
  --muted:#b8b2a6;
  --lead:#fffaf0;
  --primary:#d6b45f;
  --primary2:#f1d992;
  --accent:#d8dde6;
  --accent2:#8d94a3;
  --surface:rgba(13,13,14,.88);
  --surface2:rgba(7,7,8,.96);
  --border:rgba(214,180,95,.24);
  --soft:rgba(255,255,255,.052);
  --shadow:0 36px 110px rgba(0,0,0,.66);
  --code:#111112;
  --success:#d6b45f;
  --danger:#d9a08b;
}
[data-theme="dark"] body{
  background:
    radial-gradient(circle at 16% 4%,rgba(214,180,95,.16),transparent 30rem),
    radial-gradient(circle at 88% 7%,rgba(216,221,230,.10),transparent 28rem),
    radial-gradient(circle at 50% 86%,rgba(214,180,95,.075),transparent 38rem),
    linear-gradient(180deg,#030303 0%,#070707 52%,#0b0b0c 100%) !important;
}
[data-theme="dark"] body:before{
  background-image:
    linear-gradient(rgba(214,180,95,.060) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,221,230,.045) 1px,transparent 1px) !important;
  opacity:.52 !important;
}
[data-theme="dark"] .site-header,
[data-theme="dark"] .site-footer{
  background:rgba(4,4,5,.84) !important;
  border-color:rgba(214,180,95,.17) !important;
}
[data-theme="dark"] .brand-mark,
[data-theme="dark"] .angle-switch .is-active{
  background:linear-gradient(135deg,#f8e8ae,#d6b45f 48%,#8b6721) !important;
  color:#050505 !important;
  box-shadow:0 16px 44px rgba(214,180,95,.22) !important;
}
[data-theme="dark"] .theme-toggle,
[data-theme="dark"] .menu-toggle,
[data-theme="dark"] .ghost-button,
[data-theme="dark"] .hero-pills span,
[data-theme="dark"] .example-buttons button,
[data-theme="dark"] .keypad-mini button,
[data-theme="dark"] .angle-switch button,
[data-theme="dark"] .related-list a,
[data-theme="dark"] .cta-link,
[data-theme="dark"] .field input,
[data-theme="dark"] .field select,
[data-theme="dark"] .mode-field select,
[data-theme="dark"] .hero-search input,
[data-theme="dark"] .tool-search input,
[data-theme="dark"] .search-results{
  background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.018)),rgba(10,10,11,.94) !important;
  border-color:rgba(214,180,95,.24) !important;
  color:var(--text) !important;
}
[data-theme="dark"] .hero-search input::placeholder,
[data-theme="dark"] .tool-search input::placeholder{color:#9f998f !important;}
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a[aria-current="page"],
[data-theme="dark"] .theme-toggle:hover,
[data-theme="dark"] .menu-toggle:hover,
[data-theme="dark"] .ghost-button:hover,
[data-theme="dark"] .example-buttons button:hover,
[data-theme="dark"] .keypad-mini button:hover,
[data-theme="dark"] .related-list a:hover,
[data-theme="dark"] .cta-link:hover,
[data-theme="dark"] .search-results a:hover{
  background:rgba(214,180,95,.125) !important;
  border-color:rgba(214,180,95,.34) !important;
  color:var(--lead) !important;
}
[data-theme="dark"] .tool-tile,
[data-theme="dark"] .category-card,
[data-theme="dark"] .content-card,
[data-theme="dark"] .tool-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.018)),
    radial-gradient(circle at 100% 0,rgba(214,180,95,.080),transparent 20rem),
    radial-gradient(circle at 0 100%,rgba(216,221,230,.045),transparent 18rem),
    rgba(11,11,12,.89) !important;
  border-color:rgba(214,180,95,.19) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03) !important;
}
[data-theme="dark"] .tool-tile:hover,
[data-theme="dark"] .category-card:hover{
  border-color:rgba(214,180,95,.36) !important;
  box-shadow:0 24px 66px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
[data-theme="dark"] .tile-icon,
[data-theme="dark"] .category-card span,
[data-theme="dark"] .tool-tile .tile-icon{
  background:linear-gradient(135deg,rgba(214,180,95,.18),rgba(216,221,230,.09)) !important;
  border:1px solid rgba(214,180,95,.25) !important;
  color:var(--primary2) !important;
}
[data-theme="dark"] .result-panel,
[data-theme="dark"] .notice-card,
[data-theme="dark"] .notice-inline,
[data-theme="dark"] .calc-history,
[data-theme="dark"] .tool-history{
  background:
    radial-gradient(circle at 100% 0,rgba(214,180,95,.14),transparent 34rem),
    radial-gradient(circle at 0% 100%,rgba(216,221,230,.07),transparent 26rem),
    rgba(10,10,11,.94) !important;
  border-color:rgba(214,180,95,.24) !important;
}
[data-theme="dark"] .formula,
[data-theme="dark"] pre,
[data-theme="dark"] code{
  background:#101010 !important;
  border-color:rgba(214,180,95,.18) !important;
  color:#f3ead5 !important;
}
[data-theme="dark"] th{color:var(--primary2) !important;}
[data-theme="dark"] .hero-media:after{
  background:linear-gradient(135deg,rgba(214,180,95,.10),rgba(216,221,230,.045) 46%,transparent) !important;
}
[data-theme="dark"] .hero-index,
[data-theme="dark"] .home-hero{
  background:#050505 !important;
  border-color:rgba(214,180,95,.34) !important;
  box-shadow:0 52px 150px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
[data-theme="dark"] .hero-index:before,
[data-theme="dark"] .home-hero:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.56) 62%,rgba(0,0,0,.20) 100%),
    radial-gradient(circle at 18% 15%,rgba(214,180,95,.24),transparent 28rem),
    radial-gradient(circle at 86% 48%,rgba(216,221,230,.08),transparent 30rem) !important;
}
[data-theme="dark"] .hero-index .hero-media:before,
[data-theme="dark"] .home-hero .hero-media:before{
  background:
    radial-gradient(circle at 78% 24%,rgba(214,180,95,.20),transparent 24rem),
    linear-gradient(180deg,rgba(0,0,0,.00),rgba(0,0,0,.62)) !important;
}
[data-theme="dark"] .hero-index .hero-media img,
[data-theme="dark"] .home-hero .hero-media img{
  opacity:.76 !important;
  filter:saturate(.84) contrast(1.10) brightness(.68) sepia(.10) !important;
}
[data-theme="dark"] .hero-index .hero-copy,
[data-theme="dark"] .home-hero .hero-copy{
  background:linear-gradient(135deg,rgba(5,5,5,.88),rgba(5,5,5,.58)) !important;
  border-color:rgba(214,180,95,.27) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
[data-theme="dark"] .hero-index h1,
[data-theme="dark"] .home-hero h1{
  background:linear-gradient(115deg,#ffffff 0%,#fbf7eb 25%,#f0d895 50%,#d6b45f 78%,#f6f2e8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}
[data-theme="dark"] .hero-index .lead,
[data-theme="dark"] .home-hero .lead{
  color:#f9f0dd !important;
  text-shadow:0 2px 24px rgba(0,0,0,.58) !important;
}
[data-theme="dark"] .hero-index .hero-media figcaption,
[data-theme="dark"] .home-hero .hero-media figcaption{
  background:rgba(6,6,6,.64) !important;
  color:#f6e2a1 !important;
  border-color:rgba(214,180,95,.34) !important;
}
[data-theme="dark"] .tool-tile.is-showcase{border-color:rgba(214,180,95,.28) !important;}
[data-theme="dark"] .tool-tile.is-showcase:after{display:none !important;content:none !important;}
[data-theme="dark"] .test-table code{background:rgba(214,180,95,.10) !important;border-color:rgba(214,180,95,.22) !important;}
@media(max-width:1120px){
  [data-theme="dark"] .hero-index .hero-media img,
  [data-theme="dark"] .home-hero .hero-media img{opacity:.20 !important;filter:saturate(.72) brightness(.52) sepia(.08) !important;}
}

/* V10 — exemples et tests plus lisibles pour les moteurs, lecteurs d’écran et IA */
.eq-cell{width:28px;text-align:center;color:var(--primary2);font-weight:900;white-space:nowrap}.calc-expression{white-space:normal}.calc-result{white-space:normal}.test-table .eq-cell{min-width:28px;width:28px}.table-wrap table th,.table-wrap table td{vertical-align:top}.test-table caption{caption-side:top;text-align:left;margin-bottom:10px;color:var(--muted)}


/* V10 — corrections professionnelles : light/dark séparés, noir-or-argent, exemples lisibles */
:root,
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#040404;
  --bg2:#0a0908;
  --text:#f7f3e8;
  --muted:#b9b3a8;
  --lead:#fffaf0;
  --primary:#d6b45f;
  --primary2:#f1d992;
  --accent:#d8dde6;
  --accent2:#8f949d;
  --surface:rgba(12,12,13,.86);
  --surface2:rgba(8,8,9,.96);
  --border:rgba(214,180,95,.24);
  --soft:rgba(255,255,255,.055);
  --shadow:0 36px 110px rgba(0,0,0,.64);
  --code:#101012;
  --success:#d6b45f;
  --danger:#d9a08e;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f4ec;
  --bg2:#fffefa;
  --text:#1a1711;
  --muted:#665f53;
  --lead:#11100d;
  --primary:#9a7427;
  --primary2:#b9872d;
  --accent:#60656d;
  --accent2:#a8adb6;
  --surface:rgba(255,255,255,.92);
  --surface2:#fffdf8;
  --border:rgba(154,116,39,.22);
  --soft:rgba(26,23,17,.052);
  --shadow:0 34px 90px rgba(45,36,20,.14);
  --code:#f0ede4;
  --success:#8a651e;
  --danger:#b45337;
}
body{
  background:
    radial-gradient(circle at 15% 0, rgba(214,180,95,.16), transparent 28rem),
    radial-gradient(circle at 88% 6%, rgba(216,221,230,.10), transparent 27rem),
    radial-gradient(circle at 50% 88%, rgba(214,180,95,.08), transparent 35rem),
    linear-gradient(180deg,#030303,#080807 48%,#0a0a0a 100%) !important;
  color:var(--text) !important;
}
[data-theme="light"] body{
  background:
    radial-gradient(circle at 12% 0, rgba(214,180,95,.20), transparent 30rem),
    radial-gradient(circle at 88% 8%, rgba(22,20,16,.065), transparent 34rem),
    radial-gradient(circle at 50% 92%, rgba(154,116,39,.10), transparent 36rem),
    linear-gradient(180deg,#f7f4ec 0%,#fffefa 58%,#f8f4ea 100%) !important;
  color:var(--text) !important;
}
body:before{
  background-image:linear-gradient(rgba(214,180,95,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,221,230,.045) 1px,transparent 1px) !important;
  opacity:.55 !important;
}
[data-theme="light"] body:before{
  background-image:linear-gradient(rgba(154,116,39,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,20,16,.035) 1px,transparent 1px) !important;
  opacity:.55 !important;
}
.site-header{background:rgba(4,4,5,.82) !important;border-bottom:1px solid rgba(214,180,95,.18) !important;}
[data-theme="light"] .site-header{background:rgba(255,253,248,.88) !important;border-bottom:1px solid rgba(154,116,39,.16) !important;}
.site-footer{background:rgba(5,5,6,.72) !important;border-top:1px solid rgba(214,180,95,.18) !important;}
[data-theme="light"] .site-footer{background:rgba(255,253,248,.84) !important;border-top:1px solid rgba(154,116,39,.16) !important;}
.brand-mark{background:linear-gradient(135deg,#f8e8ad,#d6b45f 45%,#8b6721) !important;color:#050505 !important;box-shadow:0 16px 44px rgba(214,180,95,.24) !important;}
.nav-links a:hover,.nav-links a[aria-current="page"],.theme-toggle:hover,.menu-toggle:hover,.ghost-button:hover{background:rgba(214,180,95,.12) !important;color:var(--lead) !important;border-color:rgba(214,180,95,.32) !important;}
[data-theme="light"] .nav-links a:hover,[data-theme="light"] .nav-links a[aria-current="page"],[data-theme="light"] .theme-toggle:hover,[data-theme="light"] .menu-toggle:hover,[data-theme="light"] .ghost-button:hover{background:rgba(154,116,39,.10) !important;color:#17130b !important;border-color:rgba(154,116,39,.28) !important;}
.hero-index,.home-hero{
  background:#050505 !important;
  border-color:rgba(214,180,95,.34) !important;
  box-shadow:0 52px 150px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
[data-theme="light"] .hero-index,[data-theme="light"] .home-hero{
  background:#f7f4ec !important;
  border-color:rgba(154,116,39,.26) !important;
  box-shadow:0 42px 120px rgba(38,31,18,.14),inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.hero-index:before,.home-hero:before{
  background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.83) 35%,rgba(0,0,0,.54) 64%,rgba(0,0,0,.20) 100%),radial-gradient(circle at 18% 15%,rgba(214,180,95,.24),transparent 28rem),radial-gradient(circle at 84% 48%,rgba(216,221,230,.08),transparent 28rem) !important;
}
[data-theme="light"] .hero-index:before,[data-theme="light"] .home-hero:before{
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,253,248,.88) 40%,rgba(255,253,248,.30) 70%,rgba(255,253,248,.08) 100%),radial-gradient(circle at 18% 15%,rgba(214,180,95,.17),transparent 28rem),radial-gradient(circle at 82% 48%,rgba(255,255,255,.16),transparent 26rem) !important;
}
.hero-index .hero-media img,.home-hero .hero-media img{opacity:.76 !important;filter:saturate(.84) contrast(1.10) brightness(.66) sepia(.12) !important;}
[data-theme="light"] .hero-index .hero-media img,[data-theme="light"] .home-hero .hero-media img{opacity:.78 !important;filter:saturate(.94) contrast(1.04) brightness(1.02) sepia(.04) !important;}
.hero-index .hero-copy,.home-hero .hero-copy{background:linear-gradient(135deg,rgba(5,5,5,.86),rgba(5,5,5,.58)) !important;border-color:rgba(214,180,95,.26) !important;color:#fffaf0 !important;}
[data-theme="light"] .hero-index .hero-copy,[data-theme="light"] .home-hero .hero-copy{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,253,248,.82)) !important;border-color:rgba(154,116,39,.28) !important;color:#17130b !important;}
.hero-index h1,.home-hero h1{background:linear-gradient(115deg,#ffffff 0%,#fbf7eb 26%,#f0d895 50%,#d6b45f 78%,#f6f2e8 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}
[data-theme="light"] .hero-index h1,[data-theme="light"] .home-hero h1{background:linear-gradient(115deg,#11100d 0%,#2b2110 38%,#9a7427 70%,#17130b 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}
.hero-index .lead,.home-hero .lead{color:#fff5dc !important;text-shadow:0 2px 22px rgba(0,0,0,.52) !important;}
[data-theme="light"] .hero-index .lead,[data-theme="light"] .home-hero .lead{color:#211b10 !important;text-shadow:none !important;}
.theme-toggle,.menu-toggle,.ghost-button,.hero-pills span,.hero-search input,.tool-search input,.field input,.example-buttons button,.keypad-mini button,.angle-switch button,.related-list a,.cta-link,.search-results{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(11,11,12,.93) !important;border-color:rgba(214,180,95,.24) !important;color:var(--text) !important;}
[data-theme="light"] .theme-toggle,[data-theme="light"] .menu-toggle,[data-theme="light"] .ghost-button,[data-theme="light"] .hero-pills span,[data-theme="light"] .hero-search input,[data-theme="light"] .tool-search input,[data-theme="light"] .field input,[data-theme="light"] .example-buttons button,[data-theme="light"] .keypad-mini button,[data-theme="light"] .angle-switch button,[data-theme="light"] .related-list a,[data-theme="light"] .cta-link,[data-theme="light"] .search-results{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,250,239,.78)),rgba(255,255,255,.92) !important;border-color:rgba(154,116,39,.22) !important;color:#17130b !important;}
.tool-tile,.category-card,.content-card,.tool-card{background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.018)),radial-gradient(circle at 100% 0,rgba(214,180,95,.08),transparent 20rem),radial-gradient(circle at 0% 100%,rgba(216,221,230,.04),transparent 18rem),rgba(11,11,12,.88) !important;border-color:rgba(214,180,95,.18) !important;box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03) !important;}
[data-theme="light"] .tool-tile,[data-theme="light"] .category-card,[data-theme="light"] .content-card,[data-theme="light"] .tool-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,249,236,.80)),radial-gradient(circle at 100% 0,rgba(214,180,95,.10),transparent 18rem),rgba(255,255,255,.90) !important;border-color:rgba(154,116,39,.16) !important;box-shadow:0 18px 52px rgba(51,40,22,.10),inset 0 1px 0 rgba(255,255,255,.90) !important;}
.tool-tile:hover,.category-card:hover{border-color:rgba(214,180,95,.36) !important;transform:translateY(-2px);}
[data-theme="light"] .tool-tile:hover,[data-theme="light"] .category-card:hover{border-color:rgba(154,116,39,.32) !important;}
.result-panel,.notice-card,.notice-inline{background:radial-gradient(circle at 100% 0,rgba(214,180,95,.14),transparent 34rem),rgba(10,10,11,.94) !important;border-color:rgba(214,180,95,.24) !important;}
[data-theme="light"] .result-panel,[data-theme="light"] .notice-card,[data-theme="light"] .notice-inline{background:radial-gradient(circle at 100% 0,rgba(214,180,95,.12),transparent 30rem),rgba(255,253,248,.92) !important;border-color:rgba(154,116,39,.22) !important;color:#17130b !important;}
.tile-icon,.category-card span,.tool-tile .tile-icon{background:linear-gradient(135deg,rgba(214,180,95,.18),rgba(216,221,230,.09)) !important;border:1px solid rgba(214,180,95,.24) !important;color:var(--primary2) !important;}
[data-theme="light"] .tile-icon,[data-theme="light"] .category-card span,[data-theme="light"] .tool-tile .tile-icon{background:linear-gradient(135deg,rgba(154,116,39,.12),rgba(255,255,255,.78)) !important;border-color:rgba(154,116,39,.20) !important;color:#9a7427 !important;}
.formula,pre,code{background:#0f0f10 !important;border-color:rgba(214,180,95,.18) !important;color:#f4ead5 !important;}
[data-theme="light"] .formula,[data-theme="light"] pre,[data-theme="light"] code{background:#f2ede2 !important;border-color:rgba(154,116,39,.16) !important;color:#17130b !important;}
th{color:var(--primary2) !important;}
[data-theme="light"] th{color:#8a651e !important;}
.equals-sign,.calc-result{color:var(--primary2);font-weight:900;}
[data-theme="light"] .equals-sign,[data-theme="light"] .calc-result{color:#8a651e;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:1120px){.hero-index .hero-media img,.home-hero .hero-media img{opacity:.20 !important;filter:saturate(.72) brightness(.52) sepia(.08) !important;}[data-theme="light"] .hero-index .hero-media img,[data-theme="light"] .home-hero .hero-media img{opacity:.14 !important;filter:saturate(.82) brightness(1.02) sepia(.04) !important;}}


/* V11 — finitions : titres de héros réduits et exemples vraiment lisibles */
.hero h1,
.hero-index h1,
.home-hero h1{
  font-size:clamp(1.6rem,4.2vw,4.06rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  max-width:980px !important;
}
.hero-index .hero-copy,
.home-hero .hero-copy{max-width:min(790px,78%) !important;}
.example-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
  margin-top:16px !important;
}
.example-grid .example-title{
  grid-column:1/-1;
  display:block;
  color:var(--muted);
  font-weight:800;
  letter-spacing:.02em;
}
.example-choice{
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
  gap:8px !important;
  text-align:left !important;
  min-height:46px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  white-space:normal !important;
}
.example-choice .calc-expression{font-weight:750;line-height:1.25;}
.example-choice .equals-sign{font-weight:950;color:var(--primary2);}
.example-choice .calc-result{font-weight:950;color:var(--primary2);}
.test-table .calc-result::before{content:none !important;}
.test-table td,
.test-table th{line-height:1.38 !important;}
.test-table .eq-cell{font-size:1.05rem !important;color:var(--primary2) !important;}
.table-wrap table .eq-cell{font-weight:950 !important;}
@media(max-width:1120px){
  .hero h1,.hero-index h1,.home-hero h1{font-size:clamp(1.55rem,6.2vw,3.5rem) !important;}
  .hero-index .hero-copy,.home-hero .hero-copy{max-width:100% !important;}
}
@media(max-width:640px){
  .hero h1,.hero-index h1,.home-hero h1{font-size:clamp(1.75rem,9vw,2.95rem) !important;letter-spacing:-.045em !important;}
  .example-grid{grid-template-columns:1fr !important;}
  .example-choice{grid-template-columns:1fr auto auto !important;}
}


/* V11 — finition SEO/UX : titres héros 70 %, exemples propres, tests lisibles */
.hero-index h1,
.home-hero h1,
.hero-one h1{
  font-size:clamp(1.61rem,4.2vw,4.06rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.052em !important;
  max-width:900px !important;
}
.hero-index .hero-copy,
.home-hero .hero-copy{
  max-width:min(820px,76%) !important;
}
.hero-one .hero-copy{
  max-width:980px !important;
}
.example-buttons{
  align-items:flex-start !important;
  gap:10px !important;
}
.example-label{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  font-weight:850;
  color:var(--lead);
}
.example-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.example-list li{margin:0;padding:0;}
.example-list button{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  line-height:1.15;
  max-width:100%;
  white-space:normal;
  text-align:left;
}
.example-expression{font-weight:750;}
.example-equals{opacity:.72;color:var(--primary);font-weight:900;}
.example-expected{font-weight:900;color:var(--lead);}
.eq-cell{
  width:34px;
  text-align:center !important;
  color:var(--primary) !important;
  font-weight:900;
}
.calc-expression,
.calc-result{
  display:inline-block;
  line-height:1.35;
}
.calc-result{color:var(--lead);}
.test-table-wrap{border:1px solid var(--border);border-radius:22px;overflow:auto;background:var(--surface2);}
.test-table{
  min-width:1180px;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.test-table caption{
  text-align:left;
  padding:14px 16px;
  color:var(--muted);
  border-bottom:1px solid var(--border);
}
.test-table th{
  position:sticky;
  top:0;
  background:var(--surface2);
  z-index:1;
}
.test-table th,
.test-table td{
  padding:13px 15px !important;
  vertical-align:top !important;
}
.test-table code{
  display:inline-block !important;
  white-space:normal !important;
  line-height:1.35 !important;
  padding:4px 8px !important;
  border-radius:10px !important;
  border:1px solid var(--border) !important;
  background:var(--soft) !important;
  color:var(--lead) !important;
}
.quality-note{
  margin-top:10px;
}
[data-theme="light"] .example-equals,
[data-theme="light"] .eq-cell{color:var(--primary) !important;}
@media(max-width:1120px){
  .hero-index h1,.home-hero h1,.hero-one h1{font-size:clamp(1.6rem,5.6vw,3.4rem) !important;}
  .hero-index .hero-copy,.home-hero .hero-copy{max-width:100% !important;}
}
@media(max-width:640px){
  .hero-index h1,.home-hero h1,.hero-one h1{font-size:clamp(1.48rem,9.1vw,2.8rem) !important;letter-spacing:-.045em !important;}
  .example-buttons{display:block !important;}
  .example-list{margin-top:8px;}
  .example-list button{width:100%;justify-content:flex-start;}
}

.tool-tile.is-ultra{border-color:rgba(214,180,95,.34)!important;box-shadow:0 22px 64px rgba(0,0,0,.32), inset 0 0 0 1px rgba(214,180,95,.08)!important;}
.tool-tile.is-ultra .tile-icon:after{content:"Premium";margin-left:6px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.9;}


/* V12 — héros des pages répertoires/index plus compacts sans toucher à la home */
.hero-index:not(.home-hero){
  min-height:clamp(390px,38vw,520px) !important;
  padding:clamp(18px,3vw,42px) !important;
  margin-top:22px !important;
}
.hero-index:not(.home-hero):after{
  inset:12px !important;
}
.hero-index:not(.home-hero) .hero-copy{
  padding:clamp(18px,2.6vw,34px) !important;
}
.hero-index:not(.home-hero) .hero-media figcaption{
  bottom:clamp(18px,3vw,44px) !important;
}
@media(max-width:1120px){
  .hero-index:not(.home-hero){min-height:0 !important;padding:clamp(18px,4vw,34px) !important;}
}
@media(max-width:640px){
  .hero-index:not(.home-hero){margin-top:14px !important;padding:18px !important;}
}

/* V12 — exemples et tests : séparation textuelle propre pour robots, lecteurs d’écran et IA */
.example-choice .equals-sign{padding-inline:2px;}
.test-table th:nth-child(2),.test-table td:nth-child(2){min-width:220px;}
.test-table td code{font-weight:850;}

/* V13 — finitions calculatrices et notes qualité */
.keypad-mini [data-clear-expression]{background:linear-gradient(135deg,rgba(214,180,95,.20),rgba(255,255,255,.04)),var(--surface2)!important;border-color:rgba(214,180,95,.36)!important;color:var(--primary2)!important;font-weight:900!important}.quality-note strong{color:var(--primary2)}.example-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.example-choice{display:inline-flex;align-items:center;gap:.4rem}.eq-cell{text-align:center;width:3rem;color:var(--primary2);font-weight:900}.test-table td,.test-table th{white-space:normal}.test-table .calc-result{white-space:nowrap}

/* V13 — clavier et fiabilité */
.keypad-mini button.is-primary{background:linear-gradient(135deg,#f7e7af,#d6b45f 48%,#9a7427)!important;color:#050505!important;border-color:rgba(214,180,95,.52)!important;font-weight:900!important;box-shadow:0 12px 30px rgba(214,180,95,.20)!important;}
.keypad-mini [data-backspace-expression],.keypad-mini [data-clear-expression]{font-weight:900!important;}
.tool-actions .ghost-button[data-clear-calculator],.tool-actions .ghost-button[data-reset-calculator]{min-width:44px;font-weight:900;}

/* V14 : category index redesign */
.category-index-section{margin-top:6px}
.category-index-layout{display:grid;gap:22px}
.category-subhead{margin:20px 0 14px}
.category-subhead h2{margin-bottom:6px}
.category-feature-grid,.category-mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.category-feature-grid .tool-tile,.category-mosaic-grid .tool-tile{min-height:170px!important;height:100%}
.category-feature-grid .tool-tile strong,.category-mosaic-grid .tool-tile strong{font-size:1.06rem}
.category-feature-grid .tool-tile small,.category-mosaic-grid .tool-tile small{line-height:1.45}
.tile-meta{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.01em}
.tool-tile--hero{grid-column:span 6;grid-row:span 2;min-height:320px!important;padding:26px!important}
.tool-tile--hero strong{font-size:1.38rem!important;line-height:1.08!important;max-width:18ch}
.tool-tile--hero small{font-size:.98rem!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tool-tile--wide{grid-column:span 3;min-height:210px!important}
.tool-tile--wide strong{font-size:1.12rem!important}
.tool-tile--tall{grid-column:span 3;min-height:248px!important}
.tool-tile--compact{grid-column:span 3;min-height:150px!important;padding:18px!important}
.category-mosaic-grid .tool-tile{grid-column:span 3}
.category-mosaic-grid .tool-tile--wide{grid-column:span 6;min-height:180px!important}
.category-mosaic-grid .tool-tile--compact{min-height:145px!important}
.category-mosaic-grid .tool-tile:nth-child(5n){background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.018)),radial-gradient(circle at 0 0,rgba(214,180,95,.12),transparent 18rem),radial-gradient(circle at 100% 100%,rgba(216,221,230,.05),transparent 16rem),var(--surface)!important}
.category-feature-grid .tool-tile--hero:before,.category-feature-grid .tool-tile--wide:before{content:"";position:absolute;inset:auto 18px 18px auto;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(214,180,95,.18),transparent 68%);pointer-events:none}
.category-feature-grid .tool-tile--hero .tile-icon,.category-feature-grid .tool-tile--wide .tile-icon{margin-bottom:16px!important}
.category-feature-grid .tool-tile:hover,.category-mosaic-grid .tool-tile:hover{transform:translateY(-3px) scale(1.004)}
[data-theme="light"] .category-mosaic-grid .tool-tile:nth-child(5n){background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,236,.84)),radial-gradient(circle at 0 0,rgba(214,180,95,.10),transparent 18rem),rgba(255,255,255,.92)!important}
@media (max-width:1120px){
  .category-feature-grid,.category-mosaic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tool-tile--hero{grid-column:span 6;grid-row:auto;min-height:260px!important}
  .tool-tile--wide,.tool-tile--tall,.category-mosaic-grid .tool-tile,.category-mosaic-grid .tool-tile--wide,.tool-tile--compact{grid-column:span 3}
}
@media (max-width:760px){
  .category-feature-grid,.category-mosaic-grid{grid-template-columns:1fr}
  .tool-tile--hero,.tool-tile--wide,.tool-tile--tall,.tool-tile--compact,.category-mosaic-grid .tool-tile,.category-mosaic-grid .tool-tile--wide{grid-column:auto;min-height:0!important}
  .tile-meta{margin-top:10px;padding-top:10px}
}

/* V15 — lumière neutre + index catégories magazine */
:root[data-theme="light"]{
  --bg:#f7f7f5;
  --bg2:#ffffff;
  --text:#171717;
  --muted:#60646b;
  --lead:#1e1d1a;
  --surface:rgba(255,255,255,.92);
  --surface2:#ffffff;
  --border:rgba(24,24,24,.12);
  --soft:rgba(20,20,20,.045);
  --shadow:0 30px 90px rgba(18,18,18,.10);
  --code:#f3f3f1;
}
[data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -8%,rgba(255,255,255,.98),transparent 36rem),
    radial-gradient(circle at 90% 18%,rgba(198,201,207,.16),transparent 34rem),
    linear-gradient(180deg,#fafafa 0%,#f6f6f3 42%,#fbfbf8 100%) !important;
}
[data-theme="light"] body:before{
  background-image:
    linear-gradient(rgba(20,20,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,20,20,.035) 1px,transparent 1px) !important;
  opacity:.45!important;
}
[data-theme="light"] .site-header{
  background:rgba(255,255,255,.90)!important;
  border-bottom-color:rgba(20,20,20,.10)!important;
}
[data-theme="light"] .tool-tile,
[data-theme="light"] .category-card,
[data-theme="light"] .content-card,
[data-theme="light"] .tool-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),
    radial-gradient(circle at 100% 0,rgba(214,180,95,.075),transparent 16rem) !important;
  border-color:rgba(28,28,28,.10)!important;
  box-shadow:0 20px 58px rgba(28,24,16,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
[data-theme="light"] .tool-tile:hover,
[data-theme="light"] .category-card:hover{
  border-color:rgba(154,116,39,.28)!important;
  box-shadow:0 24px 70px rgba(28,24,16,.12), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
[data-theme="light"] .hero-index:not(.home-hero){
  background:#f9f9f7!important;
  box-shadow:0 34px 92px rgba(28,24,16,.11), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
[data-theme="light"] .hero-index:not(.home-hero) .hero-copy{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.82))!important;
  border-color:rgba(22,22,22,.10)!important;
}
[data-theme="light"] .hero-index:not(.home-hero):before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 42%,rgba(255,255,255,.18) 100%),
    radial-gradient(circle at 22% 18%,rgba(214,180,95,.10),transparent 24rem)!important;
}
.category-index-section{margin-top:8px!important}
.category-subhead{align-items:flex-start!important;border-top:1px solid var(--border);padding-top:20px;margin-top:26px!important}
.category-subhead:first-of-type{border-top:0;padding-top:0}
.category-subhead .small{max-width:420px;text-align:right}
.category-feature-grid,.category-mosaic-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important;grid-auto-flow:dense!important}
.category-feature-grid .tool-tile,.category-mosaic-grid .tool-tile{
  min-height:0!important;
  height:100%;
  border-radius:26px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
}
.category-feature-grid .tool-tile small,.category-mosaic-grid .tool-tile small{line-height:1.48!important}
.category-feature-grid .tool-tile strong,.category-mosaic-grid .tool-tile strong{letter-spacing:-.02em!important}
.category-feature-grid .tool-tile--hero{
  grid-column:span 4!important;
  min-height:236px!important;
  background:
    linear-gradient(145deg,rgba(214,180,95,.16),rgba(255,255,255,.03) 46%,rgba(216,221,230,.06)),
    var(--surface)!important;
}
.category-feature-grid .tool-tile--hero strong{font-size:1.30rem!important;line-height:1.06!important;max-width:20ch!important}
.category-feature-grid .tool-tile--hero small{font-size:.96rem!important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.category-feature-grid .tool-tile--wide{grid-column:span 4!important;min-height:204px!important}
.category-feature-grid .tool-tile--tall{grid-column:span 4!important;min-height:204px!important}
.category-feature-grid .tool-tile--compact{grid-column:span 3!important;min-height:156px!important}
.category-feature-grid .tool-tile--compact strong{font-size:1rem!important}
.category-feature-grid .tool-tile--compact small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-mosaic-grid .tool-tile{grid-column:span 3!important;min-height:156px!important;padding:20px!important}
.category-mosaic-grid .tool-tile:nth-child(1),
.category-mosaic-grid .tool-tile:nth-child(10),
.category-mosaic-grid .tool-tile:nth-child(19),
.category-mosaic-grid .tool-tile:nth-child(28){grid-column:span 6!important;min-height:168px!important}
.category-mosaic-grid .tool-tile:nth-child(6n){grid-column:span 4!important}
.category-mosaic-grid .tool-tile:nth-child(5n){
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.016)),
    radial-gradient(circle at 0 0,rgba(214,180,95,.10),transparent 17rem),
    var(--surface)!important;
}
[data-theme="light"] .category-feature-grid .tool-tile--hero{
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.86)),
    radial-gradient(circle at 98% 8%,rgba(214,180,95,.12),transparent 18rem)!important;
}
[data-theme="light"] .category-mosaic-grid .tool-tile:nth-child(5n){
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.90)),
    radial-gradient(circle at 0 0,rgba(214,180,95,.08),transparent 16rem)!important;
}
.category-feature-grid .tool-tile:after,.category-mosaic-grid .tool-tile:after{
  content:"";position:absolute;left:22px;right:22px;bottom:16px;height:1px;background:linear-gradient(90deg,rgba(214,180,95,.30),transparent);opacity:.62;pointer-events:none
}
.tile-meta{display:block;margin-top:auto;padding-top:14px;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.02em}
[data-theme="light"] .tile-meta{color:#9a7427}
@media(max-width:1120px){
  .category-feature-grid,.category-mosaic-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
  .category-feature-grid .tool-tile--hero,.category-feature-grid .tool-tile--wide,.category-feature-grid .tool-tile--tall,.category-mosaic-grid .tool-tile,.category-mosaic-grid .tool-tile:nth-child(1),.category-mosaic-grid .tool-tile:nth-child(10),.category-mosaic-grid .tool-tile:nth-child(19),.category-mosaic-grid .tool-tile:nth-child(28){grid-column:span 3!important}
  .category-feature-grid .tool-tile--compact{grid-column:span 3!important}
}
@media(max-width:760px){
  .category-subhead{display:block!important}.category-subhead .small{text-align:left;max-width:none}
  .category-feature-grid,.category-mosaic-grid{grid-template-columns:1fr!important}
  .category-feature-grid .tool-tile,.category-mosaic-grid .tool-tile,.category-feature-grid .tool-tile--hero,.category-feature-grid .tool-tile--wide,.category-feature-grid .tool-tile--tall,.category-feature-grid .tool-tile--compact,.category-mosaic-grid .tool-tile:nth-child(n){grid-column:auto!important;min-height:0!important}
}

/* V15 — tests publics lisibles */
.tests-proof-card{overflow:visible!important}
.test-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.test-record{border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),var(--surface);padding:18px;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.test-record h3{font-size:1rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}
.test-record dl{display:grid;gap:10px;margin:0}
.test-record dl>div{display:grid;gap:3px;padding-top:8px;border-top:1px solid var(--border)}
.test-record dl>div:first-child{border-top:0;padding-top:0}
.test-record dt{font-size:.70rem;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:900}
.test-record dd{margin:0;color:var(--lead);line-height:1.42}
.test-record code{display:inline-block;background:rgba(214,180,95,.10)!important;border:1px solid rgba(214,180,95,.18)!important;border-radius:10px;padding:4px 7px;color:var(--lead)!important;white-space:normal}
.test-record .calc-result{color:var(--primary2)}
[data-theme="light"] .test-record{background:linear-gradient(180deg,#fff,#fbfbf8)!important;box-shadow:0 18px 48px rgba(30,28,22,.08)}
[data-theme="light"] .test-record dt{color:#9a7427}
@media(max-width:1100px){.test-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.test-record-grid{grid-template-columns:1fr}}

/* V16 — light mode clean silver background + black top bar + curated category indexes */
[data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -12%,rgba(255,255,255,.98),transparent 34rem),
    radial-gradient(circle at 86% 12%,rgba(185,190,199,.14),transparent 34rem),
    radial-gradient(circle at 8% 78%,rgba(207,211,218,.10),transparent 34rem),
    linear-gradient(180deg,#fbfbfc 0%,#f4f5f6 45%,#ffffff 100%) !important;
}
[data-theme="light"] body:before{
  background-image:
    linear-gradient(rgba(25,25,25,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,25,25,.028) 1px,transparent 1px) !important;
  opacity:.42!important;
}
[data-theme="light"] .site-header{
  background:rgba(5,5,5,.94)!important;
  border-bottom:1px solid rgba(214,180,95,.26)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.20)!important;
}
[data-theme="light"] .site-header .brand,
[data-theme="light"] .site-header .nav-links a,
[data-theme="light"] .site-header .theme-toggle,
[data-theme="light"] .site-header .menu-toggle{
  color:#f7f3e8!important;
}
[data-theme="light"] .site-header .nav-links a:hover,
[data-theme="light"] .site-header .nav-links a[aria-current="page"]{
  background:rgba(214,180,95,.17)!important;
  color:#fff!important;
}
[data-theme="light"] .site-header .theme-toggle,
[data-theme="light"] .site-header .menu-toggle{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(214,180,95,.32)!important;
}
[data-theme="light"] .brand-mark{
  background:linear-gradient(135deg,#f7e4a6,#d6b45f 45%,#9a7427)!important;
  color:#050505!important;
}
[data-theme="light"] .tool-tile,
[data-theme="light"] .category-card,
[data-theme="light"] .content-card,
[data-theme="light"] .tool-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,252,250,.92)),
    radial-gradient(circle at 100% 0,rgba(214,180,95,.055),transparent 16rem) !important;
}

.category-curated{display:grid;gap:26px}
.category-priority-board{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:stretch}
.category-priority-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.category-lead-card{min-height:330px!important;padding:30px!important;border-radius:30px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;background:linear-gradient(145deg,rgba(214,180,95,.16),rgba(255,255,255,.035) 48%,rgba(216,221,230,.06)),var(--surface)!important}
.category-lead-card strong{font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.04!important;max-width:19ch;letter-spacing:-.045em!important}
.category-lead-card small{font-size:1rem!important;line-height:1.5!important;max-width:56ch;margin-top:12px!important}
.category-priority-card{min-height:156px!important;padding:20px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important}
.category-priority-card strong{font-size:1.06rem!important;letter-spacing:-.025em!important}
.category-priority-card small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-regular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-regular-card{min-height:178px!important;padding:22px!important;border-radius:26px!important;display:flex!important;flex-direction:column!important}
.category-regular-card strong{font-size:1.08rem!important;letter-spacing:-.025em!important}
.category-regular-card small{line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.category-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-compact-card{min-height:128px!important;padding:16px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important}
.category-compact-card .tile-icon{font-size:.62rem!important;padding:6px 8px!important;margin-bottom:10px!important}
.category-compact-card strong{font-size:.92rem!important;line-height:1.15!important;letter-spacing:-.02em!important}
.category-compact-card small{font-size:.80rem!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-lead-card .tile-meta,.category-priority-card .tile-meta{margin-top:auto}
.category-curated .tool-tile:after{content:"";position:absolute;left:20px;right:20px;bottom:14px;height:1px;background:linear-gradient(90deg,rgba(214,180,95,.22),transparent);opacity:.72;pointer-events:none}
.category-curated .tool-tile:hover{transform:translateY(-3px)!important}
[data-theme="light"] .category-lead-card{
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(250,250,247,.90)),radial-gradient(circle at 100% 0,rgba(214,180,95,.11),transparent 18rem)!important;
  box-shadow:0 28px 80px rgba(30,28,22,.12), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
[data-theme="light"] .category-priority-card,
[data-theme="light"] .category-regular-card,
[data-theme="light"] .category-compact-card{
  box-shadow:0 18px 50px rgba(30,28,22,.075), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
@media(max-width:1120px){
  .category-priority-board{grid-template-columns:1fr}
  .category-priority-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-regular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-lead-card{min-height:250px!important}
}
@media(max-width:760px){
  .category-priority-side,.category-regular-grid,.category-compact-grid{grid-template-columns:1fr}
  .category-lead-card,.category-priority-card,.category-regular-card,.category-compact-card{min-height:0!important}
}

/* V17 — calculatrices premium : lisibilité, clavier, résultats, mobile */
.tool-card[data-calculator]{
  max-width:1120px;
  margin-inline:auto;
  padding:clamp(18px,2.6vw,34px)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,248,246,.94))!important;
  border-color:rgba(18,18,18,.10)!important;
  box-shadow:0 32px 90px rgba(12,12,12,.10), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
[data-theme="dark"] .tool-card[data-calculator]{
  background:linear-gradient(180deg,rgba(22,22,23,.92),rgba(8,8,9,.94))!important;
  border-color:rgba(214,180,95,.24)!important;
  box-shadow:0 32px 96px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.tool-card[data-calculator] .tool-top{align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px}
.tool-card[data-calculator] .tool-top h2{font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em;margin:0}
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.tool-actions .ghost-button{min-width:42px;padding:9px 13px;font-weight:800;font-size:.86rem;background:#fff!important;border-color:rgba(20,20,20,.14)!important;color:#1f2937!important;box-shadow:0 6px 16px rgba(20,20,20,.05)}
.tool-actions .ghost-button:hover{background:#f2f3f5!important}
[data-theme="dark"] .tool-actions .ghost-button{background:#171717!important;color:#f5f5f5!important;border-color:rgba(214,180,95,.22)!important}
.expression-tool{display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;margin-bottom:14px}
.expression-tool .field{grid-column:1/2;margin:0}
.expression-tool .field input{min-height:58px;border-radius:20px!important;background:#fff!important;border-color:rgba(20,20,20,.12)!important;color:#111!important;font-size:1.04rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}
[data-theme="dark"] .expression-tool .field input{background:#111!important;color:#f8f8f8!important;border-color:rgba(214,180,95,.24)!important}
.angle-switch{align-self:end;display:grid!important;grid-template-columns:1fr 1fr;min-width:142px;border-radius:18px;background:#e9edf6;padding:4px;gap:4px!important}
.angle-switch button{border:0!important;border-radius:14px!important;background:transparent!important;color:#233044!important;font-weight:800!important;padding:12px 14px!important}
.angle-switch button.is-active{background:#fff!important;color:#0f172a!important;box-shadow:0 4px 12px rgba(15,23,42,.08)!important}
[data-theme="dark"] .angle-switch{background:#1f1f20!important;border:1px solid rgba(214,180,95,.18)}
[data-theme="dark"] .angle-switch button{color:#d8dce3!important}
[data-theme="dark"] .angle-switch button.is-active{background:#f4f0e8!important;color:#050505!important}
.keypad-mini{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}
.keypad-mini button{min-height:46px;border-radius:16px!important;border:0!important;background:#f1f2f4!important;color:#1f2937!important;font-weight:800!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.045), 0 1px 0 rgba(255,255,255,.8);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
.keypad-mini button:hover{filter:brightness(.98);transform:translateY(-1px)}
.keypad-mini button:active{transform:translateY(1px)}
.keypad-mini [data-insert="sin("],.keypad-mini [data-insert="cos("],.keypad-mini [data-insert="tan("],.keypad-mini [data-insert="log("],.keypad-mini [data-insert="ln("],.keypad-mini [data-insert="√"],.keypad-mini [data-insert="π"],.keypad-mini [data-insert="^"],.keypad-mini [data-clear-expression],.keypad-mini [data-backspace-expression]{background:#e7edf8!important;color:#12325a!important}
.keypad-mini .is-primary{background:#1f5fd3!important;color:#fff!important;box-shadow:0 10px 22px rgba(31,95,211,.24)!important}
[data-theme="dark"] .keypad-mini button{background:#252527!important;color:#f1f1f1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .keypad-mini [data-insert="sin("],[data-theme="dark"] .keypad-mini [data-insert="cos("],[data-theme="dark"] .keypad-mini [data-insert="tan("],[data-theme="dark"] .keypad-mini [data-insert="log("],[data-theme="dark"] .keypad-mini [data-insert="ln("],[data-theme="dark"] .keypad-mini [data-insert="√"],[data-theme="dark"] .keypad-mini [data-insert="π"],[data-theme="dark"] .keypad-mini [data-insert="^"],[data-theme="dark"] .keypad-mini [data-clear-expression],[data-theme="dark"] .keypad-mini [data-backspace-expression]{background:#2f3136!important;color:#f3e6c4!important;border:1px solid rgba(214,180,95,.10)!important}
[data-theme="dark"] .keypad-mini .is-primary{background:#e7e0d0!important;color:#080808!important;box-shadow:0 10px 24px rgba(231,224,208,.14)!important}
.tool-form{background:#f7f8fa;border:1px solid rgba(20,20,20,.07);border-radius:24px;padding:16px!important;gap:14px!important}
[data-theme="dark"] .tool-form{background:rgba(255,255,255,.035);border-color:rgba(214,180,95,.18)}
.field span{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#555!important}
[data-theme="dark"] .field span{color:#d8d0bd!important}
.field input,.field select,.mode-field select{min-height:48px;border-radius:16px!important;background:#fff!important;border:1px solid rgba(20,20,20,.12)!important;color:#111!important;padding:12px 14px!important}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .mode-field select{background:#111!important;border-color:rgba(214,180,95,.22)!important;color:#f5f5f5!important}
.mode-panel{margin-bottom:12px}
.result-panel{margin-top:18px!important;background:linear-gradient(135deg,#f8f9fb,#fff 54%,#f5f0e3)!important;border-color:rgba(20,20,20,.10)!important;border-radius:24px!important;padding:22px!important}
.result-panel output{font-size:clamp(2.4rem,5vw,4.6rem)!important;color:#111!important}
.result-panel [data-status]{font-size:.96rem;max-width:860px;color:#58606b!important}
[data-theme="dark"] .result-panel{background:linear-gradient(135deg,#151516,#0c0c0d 58%,rgba(214,180,95,.08))!important;border-color:rgba(214,180,95,.20)!important}
[data-theme="dark"] .result-panel output{color:#fffaf0!important}
[data-theme="dark"] .result-panel [data-status]{color:#d8d0bd!important}
.example-grid{display:block!important;margin-top:18px!important}
.example-grid .example-title{font-weight:900;margin-bottom:10px;color:var(--lead)}
.example-list{display:flex!important;flex-wrap:wrap!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0!important}
.example-choice{border:1px solid rgba(20,20,20,.10)!important;background:#fff!important;color:#1f2937!important;border-radius:999px!important;padding:9px 13px!important;font-weight:800!important}
.example-choice .example-expected{color:#8b6721!important}
[data-theme="dark"] .example-choice{background:#161616!important;color:#f5f5f5!important;border-color:rgba(214,180,95,.20)!important}
[data-theme="dark"] .example-choice .example-expected{color:#f1d992!important}
.calc-history{margin-top:16px!important;background:#f4f5f7!important;border:1px solid rgba(20,20,20,.08)!important;border-radius:20px!important;padding:14px!important;max-height:310px;overflow:auto}
[data-theme="dark"] .calc-history{background:#101011!important;border-color:rgba(214,180,95,.18)!important}
.calc-history ol{padding:0;margin:10px 0 0;display:grid;gap:7px}
.calc-history li{list-style:none}
.calc-history button{width:100%;display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(20,20,20,.07);border-radius:12px;background:#fff;padding:10px 12px;color:#111;text-align:left}
[data-theme="dark"] .calc-history button{background:#181819;color:#f5f5f5;border-color:rgba(214,180,95,.13)}
.calc-history small{color:var(--muted)}
.test-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.test-record{padding:20px!important;border-radius:24px!important;background:#fff!important;border-color:rgba(20,20,20,.09)!important;box-shadow:0 16px 44px rgba(15,15,15,.07)!important}
.test-record dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.test-record dl>div{background:#f7f8fa;border:1px solid rgba(20,20,20,.06)!important;border-radius:14px;padding:10px!important}
.test-record dl>div:first-child{border-top:1px solid rgba(20,20,20,.06)!important;padding-top:10px!important}
.test-record dt{color:#8b6721!important}
.test-record dd{color:#20242a!important}
[data-theme="dark"] .test-record{background:#111!important;border-color:rgba(214,180,95,.18)!important;box-shadow:0 20px 56px rgba(0,0,0,.34)!important}
[data-theme="dark"] .test-record dl>div{background:#171717;border-color:rgba(214,180,95,.14)!important}
[data-theme="dark"] .test-record dd{color:#f5f2ea!important}
@media(max-width:900px){.expression-tool{grid-template-columns:1fr!important}.angle-switch{width:100%;min-width:0}.tool-form{grid-template-columns:1fr 1fr!important}.test-record-grid{grid-template-columns:1fr!important}.test-record dl{grid-template-columns:1fr}}
@media(max-width:620px){.tool-card[data-calculator]{padding:16px!important;border-radius:24px!important}.tool-top{display:block!important}.tool-actions{justify-content:flex-start;margin-top:12px}.keypad-mini{gap:7px!important}.keypad-mini button{min-height:44px;border-radius:14px!important}.tool-form{grid-template-columns:1fr!important}.result-panel output{font-size:2.7rem!important}}

/* V17 — calculatrices plus lisibles, sobres et orientées usage */
.calculator-card{
  max-width:1120px;
  margin-inline:auto!important;
  padding:clamp(18px,2.5vw,30px)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,250,250,.90)),var(--surface)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.10),0 1px 0 rgba(255,255,255,.9) inset!important;
}
[data-theme="dark"] .calculator-card{
  background:linear-gradient(180deg,rgba(20,20,21,.96),rgba(9,9,10,.92)),var(--surface)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.36),0 1px 0 rgba(255,255,255,.05) inset!important;
}
.calculator-card .tool-top{align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:18px}
.calculator-card .tool-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.calculator-card .tool-actions .ghost-button{padding:8px 11px;border-radius:999px;font-size:.86rem;background:#fff!important;color:#222!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 6px 16px rgba(0,0,0,.04)}
[data-theme="dark"] .calculator-card .tool-actions .ghost-button{background:#171717!important;color:#f3f3f3!important;border-color:rgba(255,255,255,.12)!important}
.expression-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-top:8px}
.expression-tool .field{grid-column:1/2}.expression-tool .angle-switch{grid-column:2/3}.expression-tool .keypad-mini{grid-column:1/-1}
.calculator-card .field input,.calculator-card .field select{
  min-height:48px;
  border-radius:18px!important;
  background:#fff!important;
  border-color:rgba(31,41,55,.14)!important;
  color:#111827!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.03);
}
[data-theme="dark"] .calculator-card .field input,[data-theme="dark"] .calculator-card .field select{background:#101011!important;color:#f6f2e8!important;border-color:rgba(214,180,95,.20)!important}
.calculator-card .field span{font-size:.88rem}.calculator-card .field small{font-size:.78rem}
.keypad-mini{gap:10px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.keypad-mini .calc-key,.keypad-mini button{
  min-height:46px;
  border:0!important;
  border-radius:18px!important;
  font-weight:700;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 1px 3px rgba(0,0,0,.05);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.keypad-mini .calc-key:hover{transform:translateY(-1px);filter:brightness(.985)}
.key-number{background:#f1f3f4!important;color:#202124!important}
.key-function{background:#e8eef8!important;color:#10233f!important}
.key-operator{background:#e5ecf7!important;color:#0f1f38!important}
.key-clear{background:#fff7e5!important;color:#5e4210!important;border:1px solid rgba(214,180,95,.28)!important}
.key-equals{background:#2563eb!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.22)!important}
[data-theme="dark"] .key-number{background:#2a2a2c!important;color:#f4f4f5!important;box-shadow:none!important}
[data-theme="dark"] .key-function,[data-theme="dark"] .key-operator{background:#1e232c!important;color:#e8edf7!important;box-shadow:none!important}
[data-theme="dark"] .key-clear{background:#262119!important;color:#f1d992!important;border:1px solid rgba(214,180,95,.24)!important;box-shadow:none!important}
[data-theme="dark"] .key-equals{background:#e5e7eb!important;color:#111!important;box-shadow:0 10px 24px rgba(255,255,255,.12)!important}
.angle-switch{background:#eef3fb;border-radius:999px;padding:4px;gap:0!important;border:1px solid rgba(15,23,42,.08)}
.angle-switch button{border:0!important;background:transparent!important;color:#233044!important;padding:8px 14px!important}
.angle-switch .is-active{background:#fff!important;color:#111827!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
[data-theme="dark"] .angle-switch{background:#151515;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .angle-switch button{color:#d4d4d8!important}[data-theme="dark"] .angle-switch .is-active{background:#2a2a2c!important;color:#fff!important}
.result-panel{background:linear-gradient(180deg,#fff,#fafafa)!important;border-color:rgba(31,41,55,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.result-panel output{font-size:clamp(2.2rem,5vw,4.25rem)!important;color:#111827!important}.result-panel span{color:#8a6b27!important}.result-panel p{max-width:940px;line-height:1.55}
[data-theme="dark"] .result-panel{background:linear-gradient(180deg,#111,#0b0b0c)!important;border-color:rgba(214,180,95,.20)!important}.result-panel .calc-result{color:inherit}[data-theme="dark"] .result-panel output{color:#f8f4e8!important}
.example-list{list-style:none;padding-left:0!important;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.example-choice{display:inline-flex;gap:6px;align-items:center;border-radius:999px!important;padding:8px 12px!important;background:#fff!important;border:1px solid rgba(31,41,55,.10)!important;color:#111827!important}.example-expected{color:#8a641d!important}[data-theme="dark"] .example-choice{background:#171717!important;color:#f3f3f3!important;border-color:rgba(214,180,95,.18)!important}
.tool-form{gap:14px!important}.tool-form .field{background:rgba(255,255,255,.42);border:1px solid rgba(15,23,42,.06);border-radius:20px;padding:12px}[data-theme="dark"] .tool-form .field{background:rgba(255,255,255,.025);border-color:rgba(214,180,95,.12)}
.calc-history{margin-top:18px;border-radius:22px;background:#f7f7f8;border:1px solid rgba(31,41,55,.10);padding:12px 14px}.calc-history ol{margin:8px 0 0;padding:0;list-style:none}.calc-history li button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:9px 0;border:0;background:transparent;border-top:1px solid rgba(31,41,55,.08);text-align:left}.calc-history li:first-child button{border-top:0}[data-theme="dark"] .calc-history{background:#101011;border-color:rgba(214,180,95,.16)}[data-theme="dark"] .calc-history li button{border-top-color:rgba(214,180,95,.12);color:#f2f2f2}
.test-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.test-record{border:1px solid var(--border);border-radius:22px;padding:18px;background:var(--surface)}.test-record h3{margin-top:0}.test-record dl{display:grid;gap:10px;margin:0}.test-record dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.test-record dd{margin:2px 0 0}.test-record code{white-space:normal}.qa-report{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qa-report .content-card strong{font-size:1.6rem;display:block}
@media(max-width:760px){.expression-tool{grid-template-columns:1fr}.expression-tool .field,.expression-tool .angle-switch{grid-column:auto}.keypad-mini{grid-template-columns:repeat(4,minmax(0,1fr))!important}.test-record-grid,.qa-report{grid-template-columns:1fr}.calculator-card .tool-actions{justify-content:flex-start}}

/* V17 — calculateurs premium, plus lisibles et plus sobres */
.tool-card[data-calculator]{
  overflow:visible!important;
  padding:clamp(18px,2.4vw,34px)!important;
  border-radius:32px!important;
  border:1px solid rgba(18,18,18,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,252,250,.96))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
[data-theme="dark"] .tool-card[data-calculator]{
  border-color:rgba(214,180,95,.22)!important;
  background:linear-gradient(180deg,rgba(17,17,18,.96),rgba(7,7,8,.94))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.tool-card[data-calculator] .tool-top{align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px}
.tool-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tool-actions .ghost-button{min-width:42px;padding:9px 13px;font-weight:800;background:#fff!important;color:#1e1f22!important;border-color:rgba(0,0,0,.11)!important}
[data-theme="dark"] .tool-actions .ghost-button{background:#181818!important;color:#f7f4ec!important;border-color:rgba(214,180,95,.22)!important}
.expression-tool{display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;align-items:start;margin-top:8px}
.expression-tool .field{grid-column:1/2}.angle-switch{grid-column:2/3}.keypad-mini{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-top:2px!important}
.keypad-mini button{min-height:46px!important;border-radius:16px!important;border:0!important;background:#eef0f2!important;color:#2f343b!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.04)!important;font-weight:750!important}
.keypad-mini button[data-insert="sin("],.keypad-mini button[data-insert="cos("],.keypad-mini button[data-insert="tan("],.keypad-mini button[data-insert="log("],.keypad-mini button[data-insert="ln("],.keypad-mini button[data-insert="√"],.keypad-mini button[data-insert="π"],.keypad-mini button[data-insert="^"],.keypad-mini button[data-insert="÷"],.keypad-mini button[data-insert="×"],.keypad-mini button[data-insert="+"],.keypad-mini button[data-insert="-"],.keypad-mini button[data-insert="("],.keypad-mini button[data-insert=")"],.keypad-mini button[data-backspace-expression],.keypad-mini button[data-clear-expression]{background:#e7edf8!important;color:#102a4c!important}
.keypad-mini button.is-primary{background:#1f2937!important;color:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.20)!important}
.keypad-mini button:hover{filter:brightness(.98);transform:translateY(-1px)}
[data-theme="dark"] .keypad-mini button{background:#202124!important;color:#f3f4f6!important}
[data-theme="dark"] .keypad-mini button[data-insert="sin("],[data-theme="dark"] .keypad-mini button[data-insert="cos("],[data-theme="dark"] .keypad-mini button[data-insert="tan("],[data-theme="dark"] .keypad-mini button[data-insert="log("],[data-theme="dark"] .keypad-mini button[data-insert="ln("],[data-theme="dark"] .keypad-mini button[data-insert="√"],[data-theme="dark"] .keypad-mini button[data-insert="π"],[data-theme="dark"] .keypad-mini button[data-insert="^"],[data-theme="dark"] .keypad-mini button[data-insert="÷"],[data-theme="dark"] .keypad-mini button[data-insert="×"],[data-theme="dark"] .keypad-mini button[data-insert="+"],[data-theme="dark"] .keypad-mini button[data-insert="-"],[data-theme="dark"] .keypad-mini button[data-insert="("],[data-theme="dark"] .keypad-mini button[data-insert=")"],[data-theme="dark"] .keypad-mini button[data-backspace-expression],[data-theme="dark"] .keypad-mini button[data-clear-expression]{background:#263045!important;color:#f7f4ec!important}
[data-theme="dark"] .keypad-mini button.is-primary{background:#f1d992!important;color:#111!important}
.angle-switch{display:flex!important;background:#eef0f6;border-radius:999px;padding:4px;gap:2px!important}.angle-switch button{border:0!important;min-width:56px;background:transparent!important;color:#223!important}.angle-switch .is-active{background:#fff!important;color:#111!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
[data-theme="dark"] .angle-switch{background:#1f2024}[data-theme="dark"] .angle-switch button{color:#f5f5f5}.angle-switch button.is-active{font-weight:850}
.field input,.field select{width:100%;border:1px solid rgba(0,0,0,.10)!important;background:#fff!important;color:#171717!important;border-radius:16px!important;padding:14px 15px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(0,0,0,.02)}
[data-theme="dark"] .field input,[data-theme="dark"] .field select{background:#111!important;color:#f7f4ec!important;border-color:rgba(214,180,95,.22)!important}
.result-panel{background:linear-gradient(135deg,#fbfbfb,#f4f5f7)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:24px!important;margin-top:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}.result-panel output{color:#0f172a!important;font-size:clamp(2.2rem,6vw,5rem)!important}.result-panel span{color:#6b7280!important}
[data-theme="dark"] .result-panel{background:linear-gradient(135deg,#111,#181818)!important;border-color:rgba(214,180,95,.22)!important}[data-theme="dark"] .result-panel output{color:#fff!important}
.interpretation-panel{margin-top:12px;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:14px 16px;background:#f7f7f8;color:#222;line-height:1.55}.interpretation-panel strong{display:block;margin-bottom:4px}.interpretation-panel p{margin:.25rem 0}.interpretation-panel .small{font-size:.9rem;color:#62656b}
[data-theme="dark"] .interpretation-panel{background:#131313;border-color:rgba(214,180,95,.22);color:#f7f4ec}[data-theme="dark"] .interpretation-panel .small{color:#b8b2a6}
.example-list{display:flex!important;flex-wrap:wrap!important;gap:10px!important;list-style:none!important;padding-left:0!important;margin:10px 0 0!important}.example-choice{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;background:#f4f4f5!important;border:1px solid rgba(0,0,0,.08)!important;color:#1f2937!important}.example-choice .example-expected{color:#785b19}.example-label{width:100%;font-weight:800;color:var(--muted)}
[data-theme="dark"] .example-choice{background:#1d1d1f!important;border-color:rgba(214,180,95,.18)!important;color:#f7f4ec!important}.calc-history{margin-top:18px;border-radius:22px;padding:16px!important;background:#f2f2f3!important;border:1px solid rgba(0,0,0,.08)!important}.calc-history ol{max-height:260px;overflow:auto}.calc-history li button{display:grid!important;grid-template-columns:1fr auto!important;gap:12px;width:100%;background:transparent!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;text-align:left;padding:10px 4px!important;color:inherit!important}.calc-history li:last-child button{border-bottom:0!important}[data-theme="dark"] .calc-history{background:#141414!important;border-color:rgba(214,180,95,.18)!important}[data-theme="dark"] .calc-history li button{border-bottom-color:rgba(214,180,95,.12)!important}
.tool-form{gap:14px!important}.mode-panel{margin-bottom:12px}.mode-field select{font-weight:800}.tool-card[data-calculator] .eyebrow{margin-bottom:6px}
@media(max-width:760px){.expression-tool{grid-template-columns:1fr!important}.angle-switch{grid-column:1!important;width:max-content}.keypad-mini{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tool-actions{justify-content:flex-start}.tool-card[data-calculator] .tool-top{display:block}.tool-actions{margin-top:12px}.result-panel output{font-size:3rem!important}}

/* V18 — calculatrices desktop sérieuses : historique latéral, largeur container, palette sobre */
.tool-card[data-calculator],
.calculator-card{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding:clamp(20px,2.4vw,34px) !important;
}
.calculator-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:22px;
  align-items:start;
}
.calculator-main{min-width:0;}
.calculator-history-panel{min-width:0;position:sticky;top:94px;}
.calculator-history-panel .calc-history{
  margin-top:0 !important;
  min-height:100%;
  max-height:640px;
  overflow:auto;
}
.tool-card[data-calculator] .tool-top{margin-bottom:20px !important;}
.tool-actions .ghost-button{
  background:#fff !important;
  border:1px solid rgba(24,24,24,.12) !important;
  color:#232323 !important;
  box-shadow:0 5px 14px rgba(0,0,0,.045) !important;
}
[data-theme="dark"] .tool-actions .ghost-button{
  background:#171717 !important;
  border-color:rgba(214,180,95,.20) !important;
  color:#f7f4ec !important;
}
.expression-tool{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:end !important;
}
.expression-tool .field input{
  min-height:58px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(24,24,24,.12) !important;
  color:#151515 !important;
}
[data-theme="dark"] .expression-tool .field input{
  background:#101010 !important;
  color:#f7f4ec !important;
  border-color:rgba(214,180,95,.22) !important;
}
.angle-switch{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  min-width:128px !important;
  padding:4px !important;
  border-radius:999px !important;
  background:#f1f1f1 !important;
  border:1px solid rgba(0,0,0,.08) !important;
}
.angle-switch button{
  min-width:56px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#202020 !important;
  font-weight:800 !important;
}
.angle-switch button.is-active{
  background:#fff !important;
  color:#111 !important;
  box-shadow:0 5px 14px rgba(0,0,0,.08) !important;
}
[data-theme="dark"] .angle-switch{background:#1b1b1b !important;border-color:rgba(214,180,95,.20) !important;}
[data-theme="dark"] .angle-switch button{color:#f7f4ec !important;}
[data-theme="dark"] .angle-switch button.is-active{background:#d6b45f !important;color:#080808 !important;}
.keypad-mini{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
}
.keypad-mini button,
.keypad-mini .calc-key{
  min-height:46px !important;
  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.06) !important;
  background:#f4f4f3 !important;
  color:#202020 !important;
  font-weight:780 !important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.035) !important;
}
.keypad-mini .key-number{background:#fafafa !important;color:#1f1f1f !important;}
.keypad-mini .key-function{background:#eee9dd !important;color:#2e2a20 !important;}
.keypad-mini .key-operator{background:#e7e3da !important;color:#151515 !important;}
.keypad-mini .key-clear{background:#f3f0e9 !important;color:#3c2c10 !important;}
.keypad-mini .key-equals,
.keypad-mini button[data-evaluate-expression]{
  background:#252525 !important;
  color:#fff !important;
  border-color:#252525 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}
[data-theme="dark"] .keypad-mini button,
[data-theme="dark"] .keypad-mini .calc-key{background:#202020 !important;color:#f2f2f2 !important;border-color:rgba(214,180,95,.12) !important;}
[data-theme="dark"] .keypad-mini .key-number{background:#181818 !important;}
[data-theme="dark"] .keypad-mini .key-function{background:#2b271c !important;color:#f3ddb0 !important;}
[data-theme="dark"] .keypad-mini .key-operator{background:#262626 !important;color:#fff !important;}
[data-theme="dark"] .keypad-mini .key-clear{background:#2d291f !important;color:#f1d992 !important;}
[data-theme="dark"] .keypad-mini .key-equals,
[data-theme="dark"] .keypad-mini button[data-evaluate-expression]{background:#d6b45f !important;color:#080808 !important;border-color:#d6b45f !important;}
.tool-form{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  background:#f8f8f8 !important;
  border:1px solid rgba(0,0,0,.07) !important;
  border-radius:22px !important;
  padding:16px !important;
}
.tool-form .field{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:18px !important;
  padding:12px !important;
}
[data-theme="dark"] .tool-form{background:rgba(255,255,255,.035) !important;border-color:rgba(214,180,95,.18) !important;}
[data-theme="dark"] .tool-form .field{background:rgba(255,255,255,.025) !important;border-color:rgba(214,180,95,.12) !important;}
.result-panel{
  margin-top:16px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#fff,#f6f6f6) !important;
  border:1px solid rgba(0,0,0,.08) !important;
}
.result-panel output{color:#111 !important;font-size:clamp(2.4rem,5.2vw,4.8rem) !important;}
[data-theme="dark"] .result-panel{background:linear-gradient(135deg,#101010,#181818) !important;border-color:rgba(214,180,95,.20) !important;}
[data-theme="dark"] .result-panel output{color:#fffaf0 !important;}
.calc-history .history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.calc-history ol{display:grid !important;gap:8px !important;max-height:none !important;overflow:visible !important;}
.calc-history li button{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:3px !important;
  padding:11px 10px !important;
  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.07) !important;
  background:#fff !important;
  text-align:left !important;
}
.calc-history .history-result{font-size:1.05rem;font-weight:900;color:#111;line-height:1.15;overflow-wrap:anywhere;}
.calc-history small{font-size:.78rem;line-height:1.35;color:#666 !important;}
.calc-history time{color:#8a806f;}
[data-theme="dark"] .calc-history li button{background:#181818 !important;border-color:rgba(214,180,95,.14) !important;}
[data-theme="dark"] .calc-history .history-result{color:#fffaf0;}
[data-theme="dark"] .calc-history small{color:#b8b2a6 !important;}
.interpretation-panel{border-radius:18px !important;background:#f7f7f6 !important;border:1px solid rgba(0,0,0,.08) !important;}
.health-reading strong{font-size:1.08rem;}
.health-reading.ok strong{color:#166534;}
.health-reading.warn strong{color:#8a5a00;}
.health-reading.alert strong{color:#991b1b;}
.health-reading span{display:block;margin-top:8px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06)}
[data-theme="dark"] .interpretation-panel{background:#141414 !important;border-color:rgba(214,180,95,.20) !important;}
[data-theme="dark"] .health-reading span{background:#1b1b1b;border-color:rgba(214,180,95,.14)}
@media(max-width:1080px){
  .calculator-workspace{grid-template-columns:1fr;}
  .calculator-history-panel{position:static;}
  .calculator-history-panel .calc-history{max-height:360px;}
}
@media(max-width:760px){
  .expression-tool{grid-template-columns:1fr !important;}
  .angle-switch{width:max-content !important;min-width:0 !important;}
  .keypad-mini{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .tool-form{grid-template-columns:1fr !important;}
}