:root{--navy:#0b2f55;--blue:#155e9d;--light:#f4f8fb;--ink:#172333;--muted:#5c6876;--gold:#c99829;--white:#fff;--line:#d9e3eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.68}a{color:#0b5797;text-decoration:none}a:hover{text-decoration:underline}.top{background:var(--navy);color:#fff;font-size:14px;padding:8px 0}.wrap{width:min(1180px,92%);margin:auto}.brandbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:20px}.brand{display:flex;align-items:center;gap:14px;color:var(--navy);font-weight:800;font-size:30px}.euro{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1b6dad,#0b2f55);color:#fff;border:4px solid #e7bd54;font-size:34px}.tag{font-size:14px;color:var(--muted);font-weight:400}.nav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav>div>ul>li{position:relative}.nav a,.nav button{display:block;padding:14px 13px;color:var(--navy);font-weight:700;background:none;border:0;font:inherit;cursor:pointer}.nav .drop{display:none;position:absolute;left:0;top:100%;width:310px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px;max-height:70vh;overflow:auto}.nav li:hover .drop,.nav li:focus-within .drop{display:block}.nav .drop a{padding:8px 10px;font-size:14px}.hero{background:linear-gradient(115deg,#0b2f55,#176ca9);color:#fff;padding:42px 0}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:34px;align-items:center}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 18px}.hero p{font-size:19px;max-width:760px}.hero img{width:100%;height:310px;object-fit:cover;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.28)}main{padding:38px 0}.content-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:0 7px 24px rgba(20,50,80,.05)}.content-card h2,.content-card h3,.content-card h4,.content-card h5{color:var(--navy);line-height:1.28;margin-top:30px}.article-text{font-size:17px}.sources,.related,.index-section{margin-top:34px;padding:26px;background:var(--light);border-radius:14px;border:1px solid var(--line)}.source-grid,.related-grid,.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.source-item,.related a,.link-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.source-item strong{color:var(--navy);display:block}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:18px}.footer{background:#0a2b4d;color:#dbe8f3;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:38px 0}.footer a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:16px 0;font-size:13px}.wp-content img{max-width:100%;height:auto}.wp-content table{max-width:100%;border-collapse:collapse}.wp-content td,.wp-content th{border:1px solid #ddd;padding:8px}.wp-content>*:first-child{margin-top:0}.notice{background:#fff8e4;border-left:4px solid var(--gold);padding:14px 18px;margin:24px 0}.category-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.pill{font-size:12px;border-radius:999px;padding:5px 10px;background:#e7f1f9;color:#0b5797}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:99}@media(max-width:820px){.hero-grid,.footer-grid{grid-template-columns:1fr}.hero img{height:240px}.source-grid,.related-grid,.link-grid{grid-template-columns:1fr}.brand{font-size:24px}.nav ul{display:block}.nav .drop{position:static;width:auto;box-shadow:none;border:0}.nav li:hover .drop,.nav li:focus-within .drop{display:block}.content-card{padding:22px}}
/* calculdesalaire.fr — v2 : en-tête, menu centré, recherche, simulateurs */
.top{display:none}
.brandbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}
.brand{font-size:28px;text-decoration:none}.brand:hover{text-decoration:none}
.search-form{position:relative;display:flex;max-width:360px;flex:1}
.search-form input{width:100%;padding:11px 44px 11px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:15px;background:#fff}
.search-form button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:50%;background:var(--navy);cursor:pointer;display:grid;place-items:center;padding:0}
.search-form svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}
#search-results{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.14);max-height:60vh;overflow:auto;z-index:60}
#search-results a{display:block;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
#search-results a span{display:block;font-size:13px;color:var(--muted)}
#search-results p{padding:12px 14px;margin:0}
.nav{border-top:1px solid var(--line);border-bottom:3px solid var(--gold)}
.nav .wrap>ul{justify-content:center;gap:2px}
.nav .wrap>ul>li{position:relative}
.nav a,.nav button{padding:13px 12px;font-size:15px;text-decoration:none}
.nav .drop{left:50%;transform:translateX(-50%);width:330px}
.nav .drop a.all{background:var(--light);border-radius:8px;margin-bottom:6px;color:var(--blue)}
.nav .drop h4{margin:10px 10px 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nav .cta{background:var(--gold);color:#1d1a10;border-radius:999px;padding:9px 16px;margin:5px 0 5px 10px;font-size:14px}
.nav .cta:hover{background:#dba935}
#menu-toggle{display:none}
.btn-nb{display:inline-block;background:var(--gold);color:#1d1a10;font-weight:800;padding:13px 22px;border-radius:999px;margin-top:14px;text-decoration:none}
.btn-nb:hover{background:#dba935;text-decoration:none}
.hero p{max-width:720px}
.hero .btn-nb{margin-right:10px}
.sim-box{margin:0 0 34px;padding:26px;background:linear-gradient(180deg,#f4f8fb,#fff);border:2px solid #cfe0ee;border-radius:16px}
.sim-box>h2{margin:0 0 6px;color:var(--navy)}
.sim-box .sim-intro{margin:0 0 16px;color:var(--muted);font-size:15px}
.sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sim-f label{display:block;font-weight:700;font-size:14px;margin-bottom:4px;color:var(--navy)}
.sim-f input[type=number],.sim-f select{width:100%;padding:10px 11px;border:1px solid #b8c9d8;border-radius:8px;font:inherit;background:#fff}
.sim-f small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.4}
.sim-chk{display:flex;gap:8px;align-items:flex-start}.sim-chk label{font-weight:600;margin:0}
.sim-btn{margin-top:16px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:12px 28px;font:inherit;font-weight:800;cursor:pointer}
.sim-out{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}
.sim-big span{display:block;font-size:14px;color:var(--muted)}.sim-big strong{font-size:34px;color:var(--navy)}
.sim-tablewrap{overflow-x:auto}.sim-table{width:100%;border-collapse:collapse;font-size:15px}
.sim-table th,.sim-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right}
.sim-table th:first-child,.sim-table td:first-child{text-align:left}
.sim-table thead th{background:var(--navy);color:#fff}
.sim-total th,.sim-total td{font-weight:800;background:#e7f1f9}
.sim-notes{font-size:13.5px;color:#4a5866;padding-left:20px}
.article-text table,.content-card table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px;display:block;overflow-x:auto}
.content-card th,.content-card td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.content-card thead th,.content-card th{background:#eef4f9;color:var(--navy)}
.adslot{margin:30px 0;text-align:center;min-height:100px;overflow:hidden}
.sources ul,.related ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sources li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.sources li a{font-weight:800}.sources li span{display:block;color:var(--muted);font-size:14.5px}
.related ul{grid-template-columns:repeat(2,minmax(0,1fr))}.related li a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.faq h3{font-size:18px;margin:22px 0 6px}
.siteplan{margin-top:34px}.siteplan h3{margin:22px 0 8px;color:var(--navy)}.siteplan ul{columns:3;column-gap:28px;padding-left:18px}.siteplan li{break-inside:avoid;margin-bottom:5px;font-size:15px}
.hubgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid a{display:block;margin:4px 0}
@media(max-width:820px){
 .brandbar{flex-wrap:wrap}.search-form{max-width:none;order:3;flex-basis:100%}
 #menu-toggle{display:block;width:100%;text-align:left;border:0;background:var(--navy);color:#fff;font:inherit;font-weight:800;padding:12px 16px}
 .nav .wrap>ul{display:none;flex-direction:column;align-items:stretch}.nav.open .wrap>ul{display:flex}
 .nav .drop{transform:none;left:0;display:none;position:static;width:auto;max-height:none}.nav li.show .drop{display:block}.nav li:hover .drop{display:none}.nav li.show:hover .drop{display:block}
 .related ul,.hubgrid{grid-template-columns:1fr}.siteplan ul{columns:1}.sim-box{padding:16px}.sim-big strong{font-size:28px}
}