/* Complete Sidi Bernoussi guide — added 9 Sep 2026 */
.complete-guide{background:linear-gradient(180deg,#faf6ef 0%,#fff 58%,#f8f3eb 100%);position:relative;overflow:hidden}
.complete-guide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 5%,rgba(127,23,27,.07),transparent 29%),radial-gradient(circle at 92% 20%,rgba(240,196,114,.15),transparent 25%);pointer-events:none}
.complete-guide .container{position:relative;z-index:1}
.guide-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:end;margin-bottom:26px}
.guide-intro-grid .section-heading{margin-bottom:0}.guide-intro-grid .section-heading p{max-width:780px}
.guide-definition{background:#17191b;color:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(24,20,18,.12)}
.guide-definition strong{display:block;color:var(--portal-gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
.guide-definition p{margin:0;color:#d5d7d9;font-size:.93rem;line-height:1.65}
.guide-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.guide-stat{background:#fff;border:1px solid #e7dfd4;border-radius:18px;padding:17px 18px;box-shadow:0 10px 28px rgba(31,27,23,.045)}
.guide-stat b{display:block;font-size:1.45rem;letter-spacing:-.035em;color:#7f171b;line-height:1.15}.guide-stat span{display:block;margin-top:7px;color:#6a6e73;font-size:.8rem;line-height:1.35}
.guide-toolbar{display:flex;align-items:center;gap:9px;overflow:auto;padding:3px 0 12px;margin-bottom:8px;scrollbar-width:thin}
.guide-filter{border:1px solid #dfd5c8;background:#fff;color:#575b60;border-radius:999px;padding:9px 13px;font-size:.77rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:.2s ease}
.guide-filter:hover,.guide-filter.active{background:#7f171b;color:#fff;border-color:#7f171b}
.complete-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-card{background:#fff;border:1px solid #e6ded2;border-radius:22px;padding:21px;box-shadow:0 12px 32px rgba(33,29,25,.055);display:flex;flex-direction:column;min-height:260px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(33,29,25,.09);border-color:#dac8b3}.guide-card.hidden{display:none}
.guide-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:11px}.guide-card-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#f7eee4;font-size:1.25rem}
.guide-card-kicker{display:block;color:#8a5b3e;font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}.guide-card h3{font-size:1.05rem;line-height:1.3;margin:0;color:#1d2228}.guide-card p{margin:0;color:#63686e;font-size:.9rem;line-height:1.64}.guide-card-note{margin-top:12px;padding:10px 11px;border-radius:12px;background:#faf5ed;color:#695f55;font-size:.77rem;line-height:1.5}.guide-card-source{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:16px;color:#7f171b;font-size:.78rem;font-weight:900}.guide-card-source:hover{text-decoration:underline}
.guide-callout{margin-top:24px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#71151a,#9d2e25);color:#fff;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:0 18px 46px rgba(92,26,26,.18)}
.guide-callout h3{margin:0 0 7px;font-size:1.4rem}.guide-callout p{margin:0;color:#f3dcd7;max-width:880px}.guide-callout a{background:#fff;color:#74171a;padding:11px 15px;border-radius:999px;font-size:.8rem;font-weight:900;white-space:nowrap}
body[dir="rtl"] .guide-card-head{flex-direction:row}.complete-guide noscript{display:block;margin-top:16px;border:1px solid #e2d7c7;border-radius:14px;background:#fff;padding:14px;color:#5b5d60}
@media(max-width:1060px){.guide-intro-grid{grid-template-columns:1fr}.complete-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.complete-guide-grid,.guide-stat-grid{grid-template-columns:1fr}.guide-callout{grid-template-columns:1fr}.guide-callout a{text-align:center}.guide-card{min-height:0}}