/* SIMAJID-Taqwa V6.3.1 — Risalah Layout Refinement
   Surgical layer loaded after V6.3. Keeps legacy styles intact while refining
   article hierarchy, sidebar utility, homepage alignment and mobile behavior. */

/* ===== Article hierarchy ===== */
.risalah-breadcrumb{padding-top:20px;padding-bottom:4px}
.risalah-article-header{max-width:1120px;padding-top:24px;padding-bottom:28px}
.risalah-article-header h1{
  max-width:1040px;
  margin:14px 0 18px;
  font-size:clamp(2.55rem,4.6vw,4.35rem);
  line-height:1.02;
  letter-spacing:-.032em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.risalah-standfirst{max-width:900px;font-size:1.16rem;line-height:1.7}
.risalah-author-line{max-width:900px;margin-top:22px}
.risalah-featured{margin-top:2px;margin-bottom:42px}

/* ===== Article reading layout ===== */
.risalah-article-layout{
  grid-template-columns:minmax(0,760px) minmax(285px,330px);
  gap:56px;
  max-width:1180px;
  justify-content:space-between;
}
.risalah-prose{min-width:0}
.risalah-prose>p:first-child{font-size:1.25rem;line-height:1.82;color:#1e3b32}
.risalah-sidebar{top:112px;gap:14px}
.risalah-side-card{border:1px solid #e4ded3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,57,47,.045)}
.risalah-share-box{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px}
.risalah-share-box>div{display:grid;gap:2px}
.risalah-share-box small{font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;color:#a16d0c;font-weight:900}
.risalah-share-box strong{font-size:.88rem;line-height:1.3;color:#29483e}
.risalah-share-box>a{padding:9px 11px;border-radius:10px;background:#eaf3ef;font-size:.78rem;white-space:nowrap}
.risalah-related-side{padding:18px}
.risalah-related-side>a{padding:13px 0}
.risalah-related-side strong{font-size:.92rem;line-height:1.34}
.risalah-side-categories,.risalah-side-mosque{padding:18px}
.risalah-side-categories>span,.risalah-side-mosque>span{display:block;color:#a66f08;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.09em;margin-bottom:10px}
.risalah-side-categories>div{display:flex;flex-wrap:wrap;gap:7px}
.risalah-side-categories a{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#f2f5f2;color:#2c5045;text-decoration:none;font-size:.75rem}
.risalah-side-categories a small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#fff;color:#8c6a1b;font-size:.65rem}
.risalah-side-mosque{display:grid;gap:0}
.risalah-side-mosque>a{display:grid;gap:1px;padding:11px 0;border-top:1px solid #eee9df;text-decoration:none}
.risalah-side-mosque>a:first-of-type{border-top:0;padding-top:2px}
.risalah-side-mosque strong{font-size:.88rem;color:#24463c}
.risalah-side-mosque small{font-size:.73rem;color:#74837d}
.risalah-related-fallback{display:grid;place-items:center;aspect-ratio:16/10;border-radius:15px;background:linear-gradient(145deg,#075943,#12382f);color:#e9c55d;font:800 .82rem/1 system-ui,sans-serif;letter-spacing:.1em}

/* ===== Author / related spacing ===== */
.risalah-author-card{margin-top:54px}
.risalah-more{padding-top:4px}

/* ===== Risalah archive refinement ===== */
.risalah-masthead{padding-top:60px}
.risalah-headline{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:42px;align-items:center}
.risalah-headline-copy{align-self:auto}
.risalah-headline h2{font-size:clamp(2.1rem,3.35vw,3.35rem);text-wrap:balance}
.risalah-card{height:100%;display:flex;flex-direction:column}
.risalah-card-body{display:flex;flex-direction:column;flex:1}
.risalah-card-author{margin-top:auto}

/* ===== Homepage: funds and newsroom need equal visual weight ===== */
.home-programs-v631{align-items:stretch;gap:18px;padding-top:26px;padding-bottom:34px}
.home-programs-v631>.program-panel,.home-programs-v631>.risalah-home-panel{height:100%}
.risalah-home-panel{
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  min-width:0;
  overflow:hidden;
}
.risalah-home-list{display:grid;gap:0}
.risalah-home-post{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr);
  gap:15px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid #ece6dc;
  min-width:0;
}
.risalah-home-post:first-child{border-top:0;padding-top:3px}
.risalah-home-post>img,.risalah-home-thumb-fallback{
  width:112px;
  height:84px;
  border-radius:13px;
  object-fit:cover;
  display:block;
}
.risalah-home-thumb-fallback{
  display:grid;
  align-content:center;
  justify-items:center;
  gap:5px;
  padding:8px;
  color:#f3d483;
  background:linear-gradient(145deg,#075943,#113a30);
}
.risalah-home-thumb-fallback small{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:#dcece6!important}
.risalah-home-thumb-fallback strong{font:800 .9rem/1 system-ui,sans-serif;letter-spacing:.08em}
.risalah-home-copy{min-width:0;display:flex!important;flex-direction:column;gap:3px}
.risalah-home-copy>strong{font-size:.94rem;line-height:1.34;color:#15483b;overflow-wrap:anywhere}
.risalah-home-copy>span{font-size:.78rem;line-height:1.45;color:#66766f;-webkit-line-clamp:2}
.risalah-home-copy em{font-size:.69rem;line-height:1.35}
.risalah-home-post.lead{grid-template-columns:150px minmax(0,1fr);align-items:start;padding-bottom:17px}
.risalah-home-post.lead>img,.risalah-home-post.lead>.risalah-home-thumb-fallback{width:150px;height:112px}
.risalah-home-post.lead .risalah-home-copy>strong{font-family:Georgia,'Times New Roman',serif;font-size:1.22rem;line-height:1.2}
.risalah-home-empty{min-height:200px;display:grid;place-content:center;text-align:center;gap:4px;border-radius:13px;background:#f6f3eb;color:#607069;padding:20px}
.risalah-home-empty strong{color:#174a3e}

/* ===== Tablet ===== */
@media(max-width:1050px){
  .risalah-article-layout{grid-template-columns:minmax(0,1fr) 285px;gap:34px}
  .risalah-article-header h1{font-size:clamp(2.45rem,5.5vw,3.8rem)}
  .risalah-home-post.lead{grid-template-columns:120px minmax(0,1fr)}
  .risalah-home-post.lead>img,.risalah-home-post.lead>.risalah-home-thumb-fallback{width:120px;height:96px}
}

@media(max-width:960px){
  .risalah-article-layout{grid-template-columns:1fr;gap:38px}
  .risalah-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .risalah-share-box{grid-column:1/-1}
  .risalah-headline{grid-template-columns:1fr;gap:26px}
  .risalah-headline-media,.risalah-headline-media img,.risalah-image-fallback{min-height:340px}
}

@media(max-width:820px){
  .home-programs-v631{grid-template-columns:1fr!important}
  .risalah-home-panel{min-height:auto}
}

/* ===== Mobile ===== */
@media(max-width:640px){
  .risalah-breadcrumb{font-size:.76rem;padding-top:15px}
  .risalah-article-header{padding-top:16px;padding-bottom:22px}
  .risalah-article-header h1{font-size:clamp(2.05rem,10.2vw,2.85rem);line-height:1.055;letter-spacing:-.025em;margin-top:11px}
  .risalah-standfirst{font-size:1rem;line-height:1.62}
  .risalah-author-photo img,.risalah-author-photo>span{width:46px;height:46px}
  .risalah-author-line{gap:10px;margin-top:19px;padding-top:16px}
  .risalah-article-layout{gap:32px}
  .risalah-prose{font-size:1.045rem;line-height:1.8}
  .risalah-prose>p:first-child{font-size:1.1rem;line-height:1.76}
  .risalah-prose h2{font-size:1.72rem}
  .risalah-sidebar{grid-template-columns:1fr;gap:12px}
  .risalah-share-box{grid-column:auto}
  .risalah-side-card{border-radius:15px}
  .risalah-related-grid{grid-template-columns:1fr}
  .risalah-author-card{margin-top:42px;margin-bottom:48px}
  .risalah-masthead{padding-top:42px}
  .risalah-headline-media,.risalah-headline-media img,.risalah-image-fallback{min-height:235px}
  .risalah-headline h2{font-size:2rem}
  .risalah-home-post,.risalah-home-post.lead{grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}
  .risalah-home-post>img,.risalah-home-thumb-fallback,.risalah-home-post.lead>img,.risalah-home-post.lead>.risalah-home-thumb-fallback{width:92px;height:76px}
  .risalah-home-post.lead .risalah-home-copy>strong{font-size:1.02rem}
  .risalah-home-copy>span{display:none}
  .risalah-home-panel{padding:18px}
}

@media(max-width:420px){
  .risalah-article-header h1{font-size:2.15rem}
  .risalah-date-line{gap:4px 6px}
  .risalah-share-box{grid-template-columns:1fr}
  .risalah-share-box>a{justify-self:start}
  .risalah-home-post,.risalah-home-post.lead{grid-template-columns:78px minmax(0,1fr)}
  .risalah-home-post>img,.risalah-home-thumb-fallback,.risalah-home-post.lead>img,.risalah-home-post.lead>.risalah-home-thumb-fallback{width:78px;height:68px;border-radius:11px}
}