/* Atheer Consulting — editorial page + insights article styles */

/* Practice areas: journal-style rows */
.practices{background:var(--cream)}
.practice{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:clamp(24px,4vw,70px);padding:clamp(36px,4.5vw,56px) 0;border-top:1px solid rgba(92,79,74,.22)}
.practice:last-of-type{border-bottom:1px solid rgba(92,79,74,.22)}
.practice-head .practice-index{font:500 11px "DM Sans","Readex Pro",sans-serif;letter-spacing:2px;color:var(--caramel)}
.practice-head h3{font-size:clamp(21px,2.2vw,29px);font-weight:500;line-height:1.6;margin:10px 0 0}
.practice-body .thesis{font-size:16px;color:var(--espresso);font-weight:500;margin:0 0 18px}
.deliverables{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.deliverables li{position:relative;font-size:13.5px;color:#746965;padding-inline-start:20px;line-height:1.9}
.deliverables li:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:9px;height:1.5px;background:var(--caramel)}

/* Method triad */
.method{background:#f6f3f0}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,50px)}
.method-step{padding:clamp(26px,3vw,40px);background:var(--cream)}
.method-step small{font:500 11px "DM Sans","Readex Pro",sans-serif;letter-spacing:2px;color:var(--caramel)}
.method-step h3{font-size:clamp(23px,2.4vw,32px);font-weight:500;margin:14px 0 12px}
.method-step p{font-size:13.5px;color:#746965;line-height:2;margin:0}

/* Engagement model + confidentiality */
.engagement-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.engagement-list{display:grid;gap:0}
.engagement-item{padding:24px 0;border-top:1px solid rgba(92,79,74,.18)}
.engagement-item h3{font-size:17px;font-weight:500;margin:0 0 8px}
.engagement-item p{font-size:13.5px;color:#746965;margin:0;line-height:1.95}
.confidentiality{border:1px solid var(--sage);padding:clamp(24px,2.5vw,36px);position:sticky;top:110px}
.confidentiality .kicker{margin-bottom:14px}
.confidentiality p{font-size:14px;line-height:2.1;color:var(--espresso);margin:0}

/* Publications band — points to /insights/ (light, so it reads apart from the dark CTA band below it) */
.pub-band{background:#f6f3f0;color:var(--ink);padding:clamp(75px,10vw,130px) var(--pad);border-top:1px solid rgba(92,79,74,.14)}
.pub-band>div{max-width:820px}
.pub-band .kicker{color:var(--caramel)}
.pub-band h2{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-1px;line-height:1.35;margin:0 0 20px}
.pub-band h2 span{color:var(--sage)}
.pub-band p{color:#746965;font-size:clamp(14px,1.4vw,16.5px);font-weight:300;line-height:2.1;margin:0 0 34px;max-width:640px}

/* Insights feed — curated stack, not a blog grid (used on /insights/) */
.feed{background:var(--cream)}
.feed-card{display:block;padding:clamp(32px,4vw,48px) 0;border-top:1px solid rgba(92,79,74,.22);transition:.25s}
.feed-card:last-of-type{border-bottom:1px solid rgba(92,79,74,.22)}
.feed-meta{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-bottom:16px}
.tag{font:500 11px "Readex Pro","DM Sans",sans-serif;color:#8a6a45;border:1px solid var(--caramel);padding:3px 12px}
.read-time,.publication-date{font-size:11.5px;color:#a9a19c;letter-spacing:.5px}
html[lang="ar"] .publication-date{letter-spacing:0}
.feed-card h3{font-size:clamp(22px,2.6vw,34px);font-weight:500;line-height:1.55;margin:0 0 12px;max-width:820px;transition:color .25s ease}
.feed-card:hover h3{color:var(--sage)}
.feed-card .dek{font-size:14px;color:#746965;line-height:2;margin:0 0 16px;max-width:660px}
.feed-card .go{font-size:12px;color:var(--sage)}
.feed-card:focus-visible,.back-link:focus-visible{outline:2px solid var(--dark);outline-offset:6px}

/* ==== Insight article pages ==== */
.article-hero{background:var(--cream);padding:150px var(--pad) 30px}
.article-hero-inner{max-width:760px;margin:0 auto}
.article-hero .feed-meta{margin:26px 0 22px}
.article-hero h1{font-size:clamp(30px,4.2vw,52px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:0 0 18px}
.article-hero .dek{font-size:clamp(14.5px,1.5vw,17px);color:#746965;font-weight:300;line-height:2;margin:0 0 10px}
.article-body{max-width:760px;margin:0 auto;padding:30px var(--pad) 90px;box-sizing:content-box}
@media(min-width:900px){.article-body{padding-inline:0}}
.article-body p{font-size:15.5px;line-height:2.2;color:#5f544f;margin:0 0 22px}
.article-body h2{font-size:clamp(20px,2vw,26px);font-weight:500;color:var(--ink);margin:48px 0 18px}
.article-body ul{margin:0 0 22px;padding-inline-start:22px}
.article-body ul li{font-size:14.5px;line-height:2.1;color:#5f544f;margin-bottom:8px}
.recommendations{list-style:none;counter-reset:rec;margin:0 0 26px;padding:0;display:grid;gap:0}
.recommendations li{counter-increment:rec;position:relative;padding:22px 0 22px;padding-inline-start:64px;border-top:1px solid rgba(92,79,74,.16);font-size:14.5px;line-height:2.05;color:#5f544f}
.recommendations li:before{content:counter(rec,decimal-leading-zero);position:absolute;inset-inline-start:0;top:24px;font:500 15px "DM Sans","Readex Pro",sans-serif;color:var(--caramel)}
.recommendations li b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.article-sources{margin-top:50px;padding-top:22px;border-top:1px solid rgba(92,79,74,.16)}
.article-sources h2{font-size:13px;letter-spacing:1px;color:#a9a19c;margin:0 0 12px;text-transform:uppercase;font-family:"DM Sans","Readex Pro",sans-serif}
.article-sources ul{list-style:none;padding:0;margin:0}
.article-sources li{font-size:12.5px;color:#8c817d;line-height:2;margin:0}
.article-cta{max-width:760px;margin:0 auto 90px;padding:clamp(26px,3vw,38px);background:#f6f3f0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.article-cta p{margin:0;font-size:14px;color:var(--espresso)}
.article-hero .back-link{margin-bottom:8px}

@media(max-width:800px){
  .practice{grid-template-columns:1fr;gap:16px}
  .deliverables{grid-template-columns:1fr}
  .method-grid{grid-template-columns:1fr}
  .engagement-grid{grid-template-columns:1fr}
  .confidentiality{position:static}
}