.scheme-page-poster{margin:0 0 18px;padding:8px;overflow:hidden}.scheme-page-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;background:#f1faff}.scheme-function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scheme-function-card{padding:20px;min-width:0}.scheme-function-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px}.scheme-function-heading h2{margin:0;font-size:22px}.scheme-function-heading>svg,.scheme-function-heading>.brand-icon{width:36px;height:36px;flex:0 0 36px}.scheme-function-card .article-body{font-size:16px;line-height:1.65}.scheme-function-card .article-body p{margin:0 0 12px}.scheme-function-card .article-body a{display:inline-flex;align-items:center;min-height:36px;margin:4px 5px 4px 0;padding:6px 10px;border:1px solid #bddfeb;border-radius:8px;background:#edf8ff;color:#145573;font-weight:600;text-decoration:none}.scheme-function-card .article-body a:hover{background:#dcefff}.scheme-function-card a:focus-visible{outline:3px solid #1686b3;outline-offset:3px}.scheme-extra-photos{margin-top:18px;padding:16px}.scheme-extra-photos img{max-width:100%;height:auto;object-fit:contain}.scheme-detail-layout>.submenu-main{min-width:0}@media(max-width:700px){.scheme-function-grid{grid-template-columns:1fr}.scheme-function-card{padding:16px}}@media(prefers-reduced-motion:no-preference){.scheme-function-card{transition:box-shadow .2s ease,transform .2s ease}.scheme-function-card:hover{box-shadow:0 7px 20px #075b8814;transform:translateY(-2px)}}@media print{.scheme-function-grid{grid-template-columns:1fr}.scheme-function-card{break-inside:avoid}}

/* Shariah scheme: green and black, with compact poster above the introduction. */
.article-page .shariah-page{--shariah-green:#087443;--shariah-ink:#151b17;color:var(--shariah-ink)}
.article-page .shariah-page .submenu-hero:not(.about-interactive-header){background:#101c16;color:#fff;border-bottom:4px solid #15975a}
.article-page .shariah-page .submenu-hero h1,.article-page .shariah-page .submenu-hero .eyebrow,.article-page .shariah-page .submenu-hero p{color:#fff}
.article-page .shariah-page .submenu-hero>.brand-icon,.article-page .shariah-page .submenu-hero>svg{color:#78dba3}
.shariah-about-wrap{display:flow-root;padding:24px;background:#f3f9f5;border:1px solid #d2e5d8;border-radius:12px;margin-bottom:22px}
.article-page .shariah-page .scheme-page-poster{float:none;width:min(100%,290px);max-width:100%;margin:0 auto 22px;padding:6px;background:#fff;border:1px solid #c9ded0;border-radius:10px}
.article-page .shariah-page .scheme-page-poster img{aspect-ratio:auto;background:#fff;border-radius:6px}
.article-page .shariah-page .submenu-introduction{display:block;margin:0;padding:0;background:transparent;border:0;color:#151b17}
.article-page .shariah-page .submenu-introduction h3{margin-top:0;color:#075c35}
.article-page .shariah-page .scheme-function-card{background:#fff;border:1px solid #d2e5d8;border-top:3px solid #087443;color:#151b17}
.article-page .shariah-page .scheme-function-heading h2,.article-page .shariah-page .scheme-function-heading .brand-icon{color:#075c35}
.article-page .shariah-page .scheme-function-card .article-body a{background:#edf7f0;border-color:#b9d8c4;color:#075c35}
.article-page .shariah-page .scheme-function-card .article-body a:hover{background:#d7eddf}
.article-page .shariah-page .submenu-sidebar{background:#f3f9f5;color:#151b17}
.article-page .shariah-page .submenu-sidebar h2,.article-page .shariah-page .submenu-help h3{color:#151b17}
.article-page .shariah-page .submenu-sidebar nav a{color:#075c35}
.article-page .shariah-page .submenu-sidebar nav a[aria-current=page]{background:#087443;color:#fff;border-color:#087443}
.article-page .shariah-page .submenu-help{background:#101c16;color:#fff}
.article-page .shariah-page .submenu-help h3,.article-page .shariah-page .submenu-help a{color:#fff}
@media(max-width:600px){.shariah-about-wrap{padding:18px}.article-page .shariah-page .scheme-page-poster{float:none;width:min(100%,290px);max-width:100%;margin:0 auto 20px;box-sizing:border-box}}
@media print{.shariah-about-wrap{background:#fff}.article-page .shariah-page .scheme-page-poster{width:30%}}

.article-page .shariah-page .submenu-sidebar .submenu-help{background:#101c16;border-color:#087443}.article-page .shariah-page .submenu-sidebar>h2{background:#e0eee5;color:#151b17;border-color:#c9ded0}.article-page .shariah-page .submenu-sidebar nav a:hover,.article-page .shariah-page .submenu-sidebar nav a:focus-visible{background:#d7eddf;color:#075c35;border-color:#8cc5a4}.article-page .shariah-page .submenu-sidebar nav a[aria-current=page]:hover{background:#075c35;color:#fff}.article-page .shariah-page .submenu-hero:hover{border-color:#15975a}.article-page .shariah-page a:focus-visible{outline:3px solid #087443;outline-offset:3px}

/* Two Shariah cards per row; full-width About section precedes sidebar layout. */
.article-page .shariah-page .scheme-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-page .shariah-page .scheme-page-poster{float:none;box-sizing:border-box}

@media(max-width:700px){.article-page .shariah-page .scheme-function-grid{grid-template-columns:minmax(0,1fr)}}

/* Green heading with geometric graphics and side-by-side About content. */
.article-page .shariah-page .submenu-hero:not(.about-interactive-header){background:radial-gradient(circle at 94% 18%,#83e6af30 0 85px,transparent 86px),radial-gradient(circle at 87% 110%,#83e6af20 0 120px,transparent 121px),linear-gradient(115deg,#064c2c 0%,#087443 52%,#15975a 100%);border-color:#15975a;box-shadow:0 8px 24px #064c2c20}
.article-page .shariah-page .submenu-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 32px,#c4f5d80b 32px 34px,transparent 34px 66px);pointer-events:none}
.article-page .shariah-page .shariah-about-wrap{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:28px;align-items:center;background:linear-gradient(125deg,#edf8f0,#fff 68%)}
.article-page .shariah-page .shariah-about-wrap>.scheme-page-poster{width:100%;max-width:290px;margin:0;justify-self:center;align-self:center}
.article-page .shariah-page .shariah-about-wrap>.submenu-introduction{min-width:0}
@media(max-width:700px){.article-page .shariah-page .shariah-about-wrap{grid-template-columns:minmax(0,1fr);gap:22px}.article-page .shariah-page .shariah-about-wrap>.scheme-page-poster{margin:0 auto}}

/* Keep card rows level and align headings despite different title lengths. */
.article-page .shariah-page .scheme-function-grid{align-items:stretch;gap:20px}
.article-page .shariah-page .scheme-function-grid>.scheme-function-card{margin:0;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;height:100%;padding:22px}
.article-page .shariah-page .scheme-function-heading{align-items:flex-start;min-height:64px;margin:0 0 16px;gap:12px}
.article-page .shariah-page .scheme-function-heading h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.article-page .shariah-page .scheme-function-heading>.zssf-icon,.article-page .shariah-page .scheme-function-heading>svg{width:36px;height:36px;flex:0 0 36px;object-fit:contain}
.article-page .shariah-page .scheme-function-card>.article-body{flex:1;min-width:0;overflow-wrap:anywhere}
.article-page .shariah-page .scheme-function-card .formatted-content{display:flex;flex-direction:column;height:100%}
.article-page .shariah-page .scheme-function-card .formatted-content>p:last-child:has(a){margin-top:auto;padding-top:12px;margin-bottom:0}
@media(max-width:700px){.article-page .shariah-page .scheme-function-heading{min-height:0}.article-page .shariah-page .scheme-function-grid>.scheme-function-card{height:auto;padding:18px}}