/* SIMAJID-Taqwa V6.3.2 — Editorial Reading Experience
   Final refinement layer. Loaded after V6.3.1. */

/* One editorial axis: breadcrumb, header, hero image and reading grid share the same left edge. */
.risalah-breadcrumb,
.risalah-article-header,
.risalah-featured,
.risalah-article-layout{
  max-width:1180px;
}
.risalah-article-header{
  padding-top:30px;
  padding-bottom:30px;
}
.risalah-article-header h1{
  max-width:980px;
  margin:16px 0 18px;
  font-size:clamp(2.7rem,4.2vw,4.15rem);
  line-height:1.035;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.risalah-standfirst{
  max-width:900px;
  font-size:1.18rem;
  line-height:1.68;
}
.risalah-author-line{
  max-width:900px;
  margin-top:24px;
  padding-top:18px;
}
.risalah-article-labels{gap:8px}
.risalah-article-labels span,
.risalah-article-labels a{font-size:.72rem;letter-spacing:.085em}

/* Featured media: preserve event posters and editorial photos instead of cropping important text. */
.risalah-featured{
  margin-top:4px;
  margin-bottom:44px;
}
.risalah-featured img{
  width:100%;
  max-height:760px;
  object-fit:contain;
  object-position:center;
  border-radius:24px;
  background:linear-gradient(145deg,#f4f0e7,#eef3f0);
  box-shadow:0 16px 45px rgba(15,48,39,.07);
}
.risalah-featured figcaption{max-width:920px}

/* Reading canvas */
.risalah-article-layout{
  grid-template-columns:minmax(0,760px) minmax(295px,330px);
  gap:58px;
  justify-content:space-between;
}
.risalah-prose{
  font-size:1.16rem;
  line-height:1.88;
  letter-spacing:.002em;
  color:#253f37;
}
.risalah-prose>p:first-child{
  font-size:1.28rem;
  line-height:1.78;
  color:#183e34;
}
.risalah-prose p{margin-bottom:1.42em}
.risalah-prose h2{
  position:relative;
  margin-top:1.9em;
  padding-top:.08em;
  font-size:2rem;
  line-height:1.18;
  text-wrap:balance;
}
.risalah-prose h2::before{
  content:"";
  display:block;
  width:42px;
  height:4px;
  margin-bottom:13px;
  border-radius:99px;
  background:linear-gradient(90deg,#d7a62f,#efcf79);
}
.risalah-prose blockquote{
  margin:1.85em 0;
  padding:1.35em 1.5em 1.35em 1.65em;
  border-left:4px solid #d5a42f;
  border-radius:0 16px 16px 0;
  background:linear-gradient(135deg,#faf4e2,#f7f1df);
  box-shadow:0 10px 28px rgba(117,88,23,.04);
  font-size:1.08em;
  line-height:1.72;
}
.risalah-prose ul,
.risalah-prose ol{
  margin:1.2em 0 1.55em;
  padding:18px 22px 18px 42px;
  border:1px solid #e8e2d7;
  border-radius:16px;
  background:#fff;
}
.risalah-prose li{padding-left:3px;margin:.45em 0}
.risalah-prose hr{border:0;border-top:1px solid #e7e1d7;margin:2.4em 0}

/* Sidebar: useful, compact and editorial. */
.risalah-sidebar{top:104px;gap:14px}
.risalah-side-card{
  overflow:hidden;
  border:1px solid #e5ded2;
  box-shadow:0 12px 34px rgba(17,57,47,.045);
}
.risalah-toc{padding:18px}
.risalah-toc>span{
  display:block;
  margin-bottom:9px;
  color:#a66f08;
  text-transform:uppercase;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.09em;
}
.risalah-toc>div{display:grid}
.risalah-toc a{
  position:relative;
  display:block;
  padding:9px 0 9px 14px;
  border-top:1px solid #eee8de;
  color:#35554b;
  font-size:.78rem;
  line-height:1.4;
  text-decoration:none;
}
.risalah-toc a:first-child{border-top:0}
.risalah-toc a::before{
  content:"";
  position:absolute;
  left:0;
  top:15px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d1a032;
}
.risalah-toc a:hover{color:#075943}
.risalah-toc a.is-active{color:#075943;font-weight:850}
.risalah-share-box{background:linear-gradient(145deg,#fff,#fbf8f1)}
.risalah-side-mosque{background:linear-gradient(180deg,#fff,#faf8f2)}

/* Related/author areas align to the same editorial canvas. */
.risalah-author-card,
.risalah-more{max-width:1180px}
.risalah-author-card{margin-top:58px}

/* Archive / landing polish */
.risalah-masthead-inner{align-items:end}
.risalah-headline{
  border:1px solid #e6dfd4;
  border-radius:24px;
  padding:18px;
  background:#fff;
  box-shadow:0 14px 42px rgba(15,48,39,.05);
}
.risalah-headline-media,
.risalah-headline-media img,
.risalah-image-fallback{border-radius:18px}
.risalah-card{transition:transform .2s ease,box-shadow .2s ease}
.risalah-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,48,39,.075)}

/* Homepage newsroom alignment */
.risalah-home-panel .section-heading{margin-bottom:12px}
.risalah-home-post{transition:background .18s ease}
.risalah-home-post:hover{background:#fbf9f3}
.risalah-home-post.lead{
  margin:0 -8px;
  padding:10px 8px 18px;
  border-radius:14px;
  background:linear-gradient(145deg,#fbf8f0,#fff);
}

@media(max-width:1050px){
  .risalah-article-layout{grid-template-columns:minmax(0,1fr) 290px;gap:36px}
  .risalah-article-header h1{font-size:clamp(2.55rem,5vw,3.8rem)}
}

@media(max-width:960px){
  .risalah-article-layout{grid-template-columns:1fr;gap:34px}
  .risalah-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .risalah-toc,.risalah-share-box{grid-column:1/-1}
  .risalah-featured img{max-height:680px}
}

@media(max-width:640px){
  .risalah-breadcrumb,
  .risalah-article-header,
  .risalah-article-layout{width:min(100% - 32px,1180px)}
  .risalah-article-header{padding-top:18px;padding-bottom:22px}
  .risalah-article-header h1{
    font-size:clamp(2.08rem,9.7vw,2.8rem);
    line-height:1.06;
    margin-top:12px;
  }
  .risalah-standfirst{font-size:1rem;line-height:1.62}
  .risalah-featured{width:100%;margin-bottom:30px}
  .risalah-featured img{max-height:none;border-radius:0;box-shadow:none}
  .risalah-featured figcaption{padding-left:16px;padding-right:16px}
  .risalah-prose{font-size:1.04rem;line-height:1.82}
  .risalah-prose>p:first-child{font-size:1.10rem;line-height:1.76}
  .risalah-prose h2{font-size:1.68rem;margin-top:1.75em}
  .risalah-prose h2::before{width:34px;height:3px;margin-bottom:10px}
  .risalah-prose blockquote{padding:1.05em 1.05em 1.05em 1.2em;margin:1.55em 0}
  .risalah-prose ul,.risalah-prose ol{padding:14px 16px 14px 34px;border-radius:13px}
  .risalah-sidebar{grid-template-columns:1fr}
  .risalah-toc,.risalah-share-box{grid-column:auto}
  .risalah-headline{padding:12px;border-radius:18px}
}