/* Pack 01 - Ustensiles PRO & articles DNS */
.tools-hero,.article-hero,.guide-hero{padding:90px 24px 55px;text-align:center;background-image:url('../../images/mur.png');background-size:cover;background-position:center;position:relative;border-bottom:3px solid rgba(160,118,26,.35)}
.tools-hero:before,.article-hero:before,.guide-hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.58)}
.tools-hero>* ,.article-hero>* ,.guide-hero>*{position:relative;z-index:1}.tools-hero h1,.article-hero h1,.guide-hero h1{font-family:'Playfair Display',serif;color:var(--chalk);font-size:clamp(30px,4vw,56px);margin-bottom:14px}.tools-hero p,.article-hero p,.guide-hero p{max-width:860px;margin:auto;color:var(--chalk-dim);font-style:italic;line-height:1.8}.tool-shell,.article-shell,.guide-shell{background:linear-gradient(180deg,rgba(10,4,1,.98),rgba(24,9,2,.98));padding:55px 22px}.tool-container,.article-container,.guide-container{max-width:1150px;margin:auto}.tool-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;justify-content:center}.tool-tab{border:1px solid var(--border-gold);background:rgba(30,15,5,.85);color:var(--chalk);padding:10px 15px;border-radius:999px;cursor:pointer;font-family:'Lora',serif}.tool-tab.active,.tool-tab:hover{background:linear-gradient(135deg,var(--gold),#b07820);color:var(--wood);font-weight:700}.tool-panel{display:none}.tool-panel.active{display:block}.tool-card,.article-card-pro,.tip-card,.recommendation-card{background:linear-gradient(135deg,var(--chalkboard),var(--chalkboard2));border:2px solid var(--border-gold);border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.45);margin-bottom:22px}.tool-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px}.tool-form input,.tool-form select,.tool-form textarea{background:rgba(30,15,5,.84);border:2px solid rgba(160,118,26,.4);border-radius:9px;color:var(--chalk);padding:13px 15px;font-family:'Lora',serif}.tool-form textarea{min-height:110px;grid-column:1/-1}.tool-btn,.copy-btn{background:linear-gradient(135deg,var(--gold),#b07820);border:0;color:var(--wood);border-radius:9px;padding:13px 20px;font-weight:800;cursor:pointer;font-family:'Lora',serif}.copy-btn{padding:8px 12px;font-size:12px}.tool-result{margin-top:22px}.score-wrap{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center}.score-circle{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;background:conic-gradient(var(--gold-light) calc(var(--score)*1%),rgba(255,255,255,.11) 0);position:relative}.score-circle:after{content:'';position:absolute;inset:13px;background:var(--chalkboard);border-radius:50%;box-shadow:inset 0 0 22px rgba(0,0,0,.45)}.score-circle span{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:34px;color:var(--gold-light);font-weight:700}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.health-item{border:1px solid rgba(160,118,26,.35);border-radius:12px;padding:14px;background:rgba(0,0,0,.18)}.health-item strong{display:block;color:var(--gold-light);margin-bottom:6px}.badge-ok{color:#7fdc99}.badge-warn{color:#f5c76b}.badge-bad{color:#ef7d7d}.records-table{width:100%;border-collapse:collapse;margin-top:15px;overflow:hidden;border-radius:10px}.records-table th,.records-table td{border-bottom:1px solid rgba(160,118,26,.25);padding:10px;text-align:left;color:var(--chalk-dim);vertical-align:top}.records-table th{color:var(--gold-light);font-size:13px;background:rgba(0,0,0,.24)}.record-value{word-break:break-word;color:var(--chalk)}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.recommendation-card h4{color:var(--gold-light);margin-bottom:8px}.code-copy{background:#100704;border:1px solid rgba(160,118,26,.35);border-radius:8px;padding:12px;color:var(--chalk);font-family:Consolas,monospace;overflow:auto;margin-top:10px}.article-grid-pro{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.article-card-pro h3{color:var(--gold-light);font-family:'Playfair Display',serif;margin-bottom:10px}.article-card-pro p{color:var(--chalk-dim);line-height:1.7}.article-card-pro a{color:var(--gold-light);font-weight:700;text-decoration:none}.article-body{max-width:920px;margin:auto;background:linear-gradient(135deg,var(--chalkboard),var(--chalkboard2));border:2px solid var(--border-gold);border-radius:18px;padding:38px;box-shadow:0 8px 34px rgba(0,0,0,.48)}.article-body h2{font-family:'Playfair Display',serif;color:var(--gold-light);margin:32px 0 12px}.article-body h3{color:var(--chalk);margin:24px 0 10px}.article-body p,.article-body li{color:var(--chalk-dim);line-height:1.9;margin-bottom:12px}.article-body ul,.article-body ol{padding-left:24px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px 0}.article-meta span{border:1px solid rgba(160,118,26,.45);border-radius:999px;padding:6px 12px;color:var(--chalk-dim);font-size:13px;background:rgba(0,0,0,.18)}.chef-box{border-left:4px solid var(--gold);background:rgba(200,150,42,.1);border-radius:12px;padding:18px;margin:24px 0}.chef-box strong{color:var(--gold-light)}.toc{border:1px dashed rgba(160,118,26,.45);border-radius:12px;padding:18px;margin:24px 0;background:rgba(0,0,0,.18)}.toc a{color:var(--gold-light);text-decoration:none}.cta-chef{text-align:center;border:2px solid var(--gold);border-radius:16px;padding:26px;background:linear-gradient(135deg,rgba(90,35,8,.65),rgba(20,28,22,.95));margin:32px 0}.cta-chef a{display:inline-block;margin-top:12px;color:var(--wood);background:var(--gold-light);padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:800}.mini-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.mini-tool{background:linear-gradient(135deg,var(--chalkboard),var(--chalkboard2));border:2px solid var(--border-gold);border-radius:14px;padding:22px;text-align:left}.mini-tool h3{color:var(--gold-light);font-family:'Playfair Display',serif;margin-bottom:8px}.mini-tool p{color:var(--chalk-dim);line-height:1.6;font-size:13px}@media(max-width:800px){.tool-form{grid-template-columns:1fr}.score-wrap,.health-grid,.recommendations,.article-grid-pro,.mini-tools-grid{grid-template-columns:1fr}.article-body{padding:24px}.records-table{font-size:13px}}

/* === FIX PACK 02.1 : base globale pour pages blog/guides/outils === */
:root{
  --brick-dark:#5a1f0f;
  --wood:#3b1f0d;
  --chalk:#f0e8d0;
  --chalk-dim:#c8b89a;
  --gold:#c9962a;
  --gold-light:#e8b84b;
  --chalkboard:#1e2820;
  --chalkboard2:#242c26;
  --border-gold:#a0761a;
  --bulb:#ffcf6e;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Lora',Georgia,serif;
  background-color:var(--brick-dark);
  color:var(--chalk);
  overflow-x:hidden;
  min-height:100vh;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,0,0,.18) 28px,rgba(0,0,0,.18) 30px),
    repeating-linear-gradient(90deg,transparent,transparent 58px,rgba(0,0,0,.10) 58px,rgba(0,0,0,.10) 60px);
  pointer-events:none;
  z-index:0;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.08);
  pointer-events:none;
  z-index:0;
}
.wrap{position:relative;z-index:1;min-height:100vh}
a{color:var(--gold-light)}
.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 24px;
  background:linear-gradient(180deg,rgba(10,3,1,.98),rgba(25,8,2,.96));
  border-bottom:2px solid var(--border-gold);
  box-shadow:0 4px 20px rgba(0,0,0,.55);
}
.topbar .brand{
  font-family:'Playfair Display',serif;
  color:var(--gold-light);
  text-decoration:none;
  font-size:20px;
  font-weight:700;
  white-space:nowrap;
}
.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.navlinks a{
  color:var(--chalk-dim);
  text-decoration:none;
  font-size:13px;
  letter-spacing:.4px;
  padding:6px 0;
  border-bottom:1px solid transparent;
}
.navlinks a:hover{color:var(--gold-light);border-bottom-color:var(--gold)}
.article-hero h1,.guide-hero h1,.tools-hero h1,.wp-hero h1{text-shadow:0 3px 12px rgba(0,0,0,.75)}
.article-hero p,.guide-hero p,.tools-hero p,.wp-hero p{text-shadow:0 2px 10px rgba(0,0,0,.75)}
.article-body strong{color:var(--chalk)}
.article-body table{width:100%;border-collapse:collapse;margin:22px 0;background:rgba(0,0,0,.16)}
.article-body th,.article-body td{border:1px solid rgba(160,118,26,.35);padding:12px;text-align:left;color:var(--chalk-dim)}
.article-body th{color:var(--gold-light);background:rgba(0,0,0,.28)}
.article-body a{color:var(--gold-light);font-weight:700}
.tip-box,.danger-box{color:var(--chalk-dim)}
.tip-box strong,.danger-box strong{color:var(--gold-light)}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.navlinks{gap:12px}.navlinks a{font-size:12px}.article-hero,.guide-hero,.tools-hero{padding-top:65px}}

/* Correctif contraste CTA articles - 2026-06-30 */
.article-body .cta-chef,
.cta-chef{
  color: var(--chalk) !important;
  background: linear-gradient(135deg, rgba(46,20,8,.92), rgba(20,32,25,.96)) !important;
  border: 2px solid var(--gold-light) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.42) !important;
}
.article-body .cta-chef h2,
.cta-chef h2{
  color: var(--gold-light) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
  margin-bottom: 10px !important;
}
.article-body .cta-chef p,
.cta-chef p{
  color: var(--chalk) !important;
  opacity: .96 !important;
}
.article-body .cta-chef a,
.cta-chef a,
.article-body a.btn,
a.btn{
  display: inline-block !important;
  color: #241205 !important;
  background: linear-gradient(135deg, #e8b84b, #c9962a) !important;
  border: 1px solid rgba(255,230,150,.65) !important;
  border-radius: 9px !important;
  padding: 12px 22px !important;
  min-width: 230px !important;
  text-align: center !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.28) !important;
}
.article-body .cta-chef a:hover,
.cta-chef a:hover,
.article-body a.btn:hover,
a.btn:hover{
  color: #160a03 !important;
  background: linear-gradient(135deg, #ffd56d, #e8b84b) !important;
  transform: translateY(-1px);
}
.article-body .chef-box,
.chef-box{
  background: rgba(200,150,42,.14) !important;
  color: var(--chalk) !important;
}
.article-body .chef-box p,
.chef-box p{
  color: var(--chalk) !important;
}