/* Le carnet La Darija — CMS Blog v1.1 */
.blog-hero{padding:clamp(64px,8vw,112px) 0;background:radial-gradient(circle at 82% 20%,rgba(240,177,32,.2),transparent 28%),linear-gradient(135deg,#073c2f,#116341);color:#fff}.blog-hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:clamp(40px,8vw,100px);align-items:center}.blog-hero h1{max-width:820px;margin:.25em 0;font-size:clamp(2.65rem,7vw,6rem);line-height:.94}.blog-hero p{max-width:700px;color:#d8e7df;font-size:clamp(1rem,2vw,1.18rem)}.blog-hero-note{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);transform:rotate(1.5deg)}.blog-hero-note small,.blog-hero-note strong{display:block}.blog-hero-note small{margin-bottom:12px;color:#ffda7e;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.blog-hero-note strong{font-family:Georgia,serif;font-size:1.7rem}.blog-hero-note p{margin:10px 0 0;font-size:.92rem}
.blog-category-bar{position:sticky;z-index:35;top:78px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.blog-category-bar .shell{display:flex;gap:8px;overflow-x:auto;padding-block:13px;scrollbar-width:thin}.blog-category-bar a{flex:none;padding:9px 14px;border:1px solid transparent;border-radius:999px;color:var(--ink);font-size:.83rem;font-weight:850;text-decoration:none}.blog-category-bar a:hover,.blog-category-bar a.is-active{border-color:#bcd4c4;background:var(--green-50);color:var(--green-800)}
.blog-list-section{background:linear-gradient(180deg,#faf6ed,#fff)}.blog-list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.blog-list-heading h2{margin:3px 0 0}.blog-list-heading>p{color:var(--muted);font-weight:800}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card.is-featured{grid-column:span 2}.blog-card-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--green-900),var(--green-700));text-decoration:none}.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-cover img{transform:scale(1.035)}.blog-cover-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#ffd77a;font-family:Georgia,serif;font-size:3.5rem}.blog-featured-label{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:var(--gold);color:#17251e;font-size:.72rem;font-weight:950}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:23px}.blog-category-link{width:max-content;color:var(--green-700);font-size:.73rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.blog-card h2{margin:10px 0 12px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.16}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card-body>p{color:var(--muted);font-size:.92rem}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:.77rem}.blog-card-meta time{color:var(--muted)}.blog-card-meta a{color:var(--green-700);font-weight:850;text-decoration:none}.blog-empty{padding:70px 25px;border:1px dashed #cdbfa9;border-radius:24px;background:#fff;text-align:center}.blog-empty>span{font-size:2.5rem}.blog-empty p{color:var(--muted)}
.blog-newsletter-cta{padding:clamp(45px,7vw,85px) 0;background:var(--green-900);color:#fff}.blog-newsletter-cta .shell{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.blog-newsletter-cta h2{margin:6px 0;font-size:clamp(2rem,4vw,3.2rem)}.blog-newsletter-cta p{max-width:700px;color:#cfe1d7}.blog-newsletter-cta .shell>div:last-child{display:flex;flex-wrap:wrap;gap:12px}.blog-newsletter-cta .button-ghost{border-color:#8fb4a0;color:#fff}.blog-newsletter-cta .button-ghost:hover{background:#fff;color:var(--green-900)}
.blog-preview-banner{padding:11px 20px;background:#ffe6a4;color:#5d4300;text-align:center;font-weight:850}.blog-preview-banner a{color:inherit}.blog-article-hero{padding:clamp(50px,7vw,95px) 0;background:linear-gradient(135deg,#f9f4e9,#edf7f1)}.blog-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(38px,7vw,90px);align-items:center}.blog-article-hero h1{max-width:900px;margin:12px 0 18px;font-size:clamp(2.5rem,6vw,5.3rem);line-height:1}.blog-article-lead{max-width:790px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.blog-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:25px;color:#526158;font-size:.78rem;font-weight:750}.blog-article-cover{margin:0}.blog-article-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:26px;box-shadow:var(--shadow);transform:rotate(1deg)}.blog-article-cover figcaption{margin-top:10px;color:var(--muted);font-size:.76rem;text-align:center}.blog-article-layout{display:grid;grid-template-columns:250px minmax(0,780px);justify-content:center;gap:clamp(35px,6vw,75px);padding-block:clamp(55px,8vw,105px)}.blog-toc{min-width:0}.blog-toc>div{position:sticky;top:160px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--cream)}.blog-toc strong{display:block;margin-bottom:12px;color:var(--green-900)}.blog-toc ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.blog-toc li.level-3{padding-left:14px}.blog-toc a{color:#4c5b52;font-size:.78rem;text-decoration:none}.blog-toc a:hover{color:var(--green-700)}.blog-prose{min-width:0;color:#26372e;font-size:1.06rem;line-height:1.85}.blog-prose-wide{grid-column:1/-1;width:min(780px,100%);justify-self:center}.blog-prose h2,.blog-prose h3{scroll-margin-top:150px;color:var(--green-950);line-height:1.18}.blog-prose h2{margin:2em 0 .65em;font-size:clamp(1.85rem,4vw,2.65rem)}.blog-prose h3{margin:1.7em 0 .55em;font-size:clamp(1.4rem,3vw,1.85rem)}.blog-prose>p{margin:0 0 1.4em}.blog-prose hr{margin:3rem 0;border:0;border-top:1px solid var(--line)}.blog-content-image{margin:2.3rem 0}.blog-content-image img{width:100%;max-height:680px;object-fit:cover;border-radius:20px}.blog-content-image figcaption{margin-top:9px;color:var(--muted);font-size:.78rem;text-align:center}.blog-video{position:relative;overflow:hidden;margin:2.3rem 0;border-radius:20px;padding-top:56.25%;background:#071f18;box-shadow:var(--shadow-sm)}.blog-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-list{display:grid;gap:10px;margin:1.6rem 0;padding-left:1.4rem}.blog-list li::marker{color:var(--gold-dark)}.blog-prose blockquote{margin:2rem 0;padding:22px 26px;border-left:5px solid var(--green-700);border-radius:0 16px 16px 0;background:var(--cream);font-family:Georgia,serif;font-size:1.22rem}.blog-prose blockquote p{margin:0}.blog-prose blockquote cite{display:block;margin-top:9px;color:var(--muted);font-family:inherit;font-size:.78rem;font-style:normal}.blog-callout{margin:2rem 0;padding:22px;border:1px solid #b7d4c2;border-radius:17px;background:var(--green-50)}.blog-callout strong{display:block;color:var(--green-800)}.blog-callout p{margin:5px 0 0}.blog-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2.3rem 0;padding:22px;border-radius:18px;background:var(--green-900);color:#fff}.blog-inline-cta p{margin:0}.blog-inline-cta .button{flex:none;background:var(--gold);border-color:var(--gold);color:#18231d}.blog-article-end{display:flex;justify-content:space-between;gap:18px;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.83rem}.blog-article-end a{color:var(--green-700);font-weight:850;text-decoration:none}.blog-related{background:var(--cream)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-related article{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff}.blog-related article>a{display:block;color:var(--ink);text-decoration:none}.blog-related img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-related article span,.blog-related article h3,.blog-related article p{display:block;margin-inline:20px}.blog-related article span{margin-top:18px;color:var(--green-700);font-size:.7rem;font-weight:900;text-transform:uppercase}.blog-related article h3{margin-top:7px;margin-bottom:8px}.blog-related article p{margin-bottom:20px;color:var(--muted);font-size:.85rem}
.blog-home-section{background:linear-gradient(135deg,#fff,#f4f8f5)}.blog-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-home-grid article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.blog-home-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--green-900);text-decoration:none}.blog-home-cover img{width:100%;height:100%;object-fit:cover}.blog-home-cover span{display:grid;height:100%;place-items:center;color:#ffd57a;font-family:Georgia,serif;font-size:1.8rem}.blog-home-grid article>div{padding:21px}.blog-home-grid h3{margin:8px 0 9px;font-size:1.25rem}.blog-home-grid h3 a{color:var(--ink);text-decoration:none}.blog-home-grid p{color:var(--muted);font-size:.87rem}
.blog-admin-page{padding-block:40px 80px}.blog-admin-page .admin-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.blog-admin-page .admin-heading h1{margin:4px 0 3px}.blog-admin-heading-actions{display:flex;flex-wrap:wrap;gap:10px}.blog-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:14px;margin-bottom:20px}.blog-admin-stats article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.blog-admin-stats strong,.blog-admin-stats span{display:block}.blog-admin-stats strong{color:var(--green-800);font-size:1.7rem}.blog-admin-stats span{color:var(--muted);font-size:.78rem}.blog-admin-panel{padding:20px}.blog-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.blog-post-form{padding:24px}.blog-form-main{display:grid;gap:20px}.blog-form-main>section,.blog-seo-details,.blog-publish-panel{padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff}.blog-form-main label,.blog-publish-panel label,.blog-block-fields label{display:grid;gap:7px;margin-bottom:15px;font-weight:800}.blog-form-main input,.blog-form-main textarea,.blog-form-main select,.blog-publish-panel input,.blog-publish-panel select,.blog-block-fields input,.blog-block-fields textarea,.blog-block-fields select{width:100%;border:1px solid #cfc4b4;border-radius:11px;background:#fff;color:var(--ink);padding:12px;font:inherit}.blog-form-main small,.blog-publish-panel small,.blog-block-fields small{color:var(--muted);font-size:.73rem;font-weight:500}.blog-slug-field{display:flex;align-items:center;border:1px solid #cfc4b4;border-radius:11px;overflow:hidden}.blog-slug-field span{padding:12px;background:var(--cream);color:var(--muted);font-size:.85rem}.blog-slug-field input{border:0;border-radius:0}.blog-current-cover{margin:0 0 18px}.blog-current-cover img{width:min(100%,520px);aspect-ratio:16/9;object-fit:cover;border-radius:14px}.blog-seo-details summary{cursor:pointer;color:var(--green-800);font-weight:900}.blog-seo-details>div{padding-top:18px}.blog-publish-panel{position:sticky;top:130px;height:max-content}.blog-publish-panel h2{font-size:1.35rem}.blog-publish-panel .toggle-field{display:flex}.blog-block-manager{margin-top:28px;padding:24px}.blog-block-manager .panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.blog-block-list{display:grid;gap:10px}.blog-block-list article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.blog-block-order{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--gold-soft);color:var(--gold-dark);font-weight:900}.blog-block-list article>div:nth-child(2){display:grid;min-width:0}.blog-block-list article small{color:var(--muted);font-size:.67rem;text-transform:uppercase}.blog-block-list article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-block-list article img{width:110px;height:55px;margin-top:7px;border-radius:8px;object-fit:cover}.blog-block-actions{display:flex;align-items:center;gap:8px}.blog-block-actions form{margin:0}.blog-block-actions button,.blog-block-actions a{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green-800);padding:7px 9px;font-size:.75rem;font-weight:800;text-decoration:none}.blog-block-actions .danger-link{color:var(--red)}.blog-block-form{padding:25px}.blog-block-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.blog-block-type-grid label input{position:absolute;opacity:0;pointer-events:none}.blog-block-type-grid label span{display:grid;min-height:58px;place-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;font-size:.78rem;font-weight:850;cursor:pointer}.blog-block-type-grid label input:checked+span{border-color:var(--green-700);background:var(--green-50);color:var(--green-800);box-shadow:0 0 0 2px rgba(15,81,50,.08)}.blog-block-fields{max-width:820px}.blog-block-current-image{width:min(100%,500px);max-height:300px;border-radius:14px;object-fit:cover}.blog-block-form .form-actions{display:flex;gap:10px;margin-top:22px}
@media(max-width:1050px){.blog-card-grid{grid-template-columns:repeat(2,1fr)}.blog-card.is-featured{grid-column:span 2}.blog-article-hero-grid{grid-template-columns:1fr}.blog-article-cover{width:min(680px,100%)}.blog-form-grid{grid-template-columns:1fr}.blog-publish-panel{position:static}.blog-related-grid,.blog-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.blog-hero-inner,.blog-newsletter-cta .shell{grid-template-columns:1fr}.blog-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.blog-hero-note{transform:none}.blog-category-bar{top:70px}.blog-card-grid,.blog-related-grid,.blog-home-grid{grid-template-columns:1fr}.blog-card.is-featured{grid-column:auto}.blog-list-heading,.blog-admin-page .admin-heading,.blog-block-manager .panel-heading{align-items:flex-start;flex-direction:column}.blog-article-layout{grid-template-columns:1fr}.blog-toc>div{position:static}.blog-inline-cta,.blog-article-end{align-items:flex-start;flex-direction:column}.blog-admin-stats{grid-template-columns:repeat(3,1fr)}.blog-block-list article{grid-template-columns:40px minmax(0,1fr)}.blog-block-actions{grid-column:1/-1;flex-wrap:wrap}.blog-block-type-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.blog-article-hero h1{font-size:2.45rem}.blog-article-meta{display:grid}.blog-admin-stats{grid-template-columns:1fr}.blog-block-type-grid{grid-template-columns:1fr}.blog-newsletter-cta .shell>div:last-child,.blog-newsletter-cta .button{width:100%}.blog-post-form,.blog-block-manager,.blog-block-form{padding:15px}.blog-form-main>section,.blog-seo-details,.blog-publish-panel{padding:17px}}

/* LA-DARIJA-BLOG:v1.1: responsive advertising inventory */
.blog-article-layout{grid-template-columns:none;gap:clamp(30px,4vw,55px)}
.blog-article-layout.has-toc{grid-template-columns:minmax(180px,220px) minmax(0,780px)}
.blog-article-layout.no-toc{grid-template-columns:minmax(0,780px)}
.blog-article-layout.has-toc.with-sidebar{grid-template-columns:minmax(170px,200px) minmax(0,680px) minmax(220px,260px)}
.blog-article-layout.no-toc.with-sidebar{grid-template-columns:minmax(0,780px) minmax(230px,280px)}
.blog-prose>.ad-slot{width:100%;max-width:none}
.blog-sidebar-ad{min-width:0}
.blog-sidebar-ad>.ad-slot{position:sticky;top:160px;width:100%;margin:0}
.blog-sidebar-ad .ad-slot-custom .house-ad,.blog-sidebar-ad .ad-slot-custom .house-ad:has(.house-ad-image){grid-template-columns:1fr;text-align:center}
.blog-sidebar-ad .house-ad-image{width:100%;min-height:110px}
.blog-sidebar-ad .ad-slot-custom .house-ad>em{justify-self:center}
@media(max-width:1180px){
  .blog-article-layout.has-toc,.blog-article-layout.has-toc.with-sidebar{grid-template-columns:minmax(180px,210px) minmax(0,720px)}
  .blog-article-layout.no-toc,.blog-article-layout.no-toc.with-sidebar{grid-template-columns:minmax(0,780px)}
  .blog-sidebar-ad{grid-column:2}
  .blog-article-layout.no-toc .blog-sidebar-ad{grid-column:1}
  .blog-sidebar-ad>.ad-slot{position:static}
}
@media(max-width:760px){
  .blog-article-layout.has-toc,.blog-article-layout.has-toc.with-sidebar,.blog-article-layout.no-toc,.blog-article-layout.no-toc.with-sidebar{grid-template-columns:1fr}
  .blog-sidebar-ad,.blog-article-layout.no-toc .blog-sidebar-ad{grid-column:1}
  .blog-sidebar-ad>.ad-slot{position:static}
}