.article-shell{width:min(1180px,calc(100% - 32px));margin:28px auto 0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:11px;margin-bottom:13px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--brand)}.article-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#fff,#f0f6f3);box-shadow:var(--shadow)}.article-hero .eyebrow{color:var(--gold);font-size:11px;font-weight:900}.article-hero h1{margin:6px 0 5px;color:var(--brand);font-size:clamp(23px,4vw,34px);line-height:1.55}.article-subject{margin:0;color:var(--muted);font-size:13px}.article-meta-stack{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.number-seal{min-width:62px;height:62px;display:grid;place-items:center;padding:0 12px;border-radius:18px;background:var(--brand);color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 22px rgba(19,89,79,.18)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;margin-top:18px}.article-main{display:grid;gap:14px}.content-panel,.side-card{border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 10px 30px rgba(22,59,52,.05)}.content-panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading h2{margin:0;color:var(--brand);font-size:17px}.panel-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--brand);font-weight:900;font-size:12px}.official-panel{border-right:5px solid var(--brand);background:linear-gradient(135deg,#fff,#f3faf7)}.legal-text{margin:0;padding:18px;border-radius:16px;background:#e8f4f0;color:#193b34;font-family:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;font-size:18px;line-height:2.2;white-space:pre-line}.text-toggle{border:1px solid #dfc48e;border-radius:11px;background:var(--gold-soft);color:#704e17;padding:8px 12px;font-size:11px;font-weight:900;cursor:pointer}.text-toggle.active{background:var(--brand);border-color:var(--brand);color:#fff}.legal-disclaimer{margin:10px 2px 0;color:var(--muted);font-size:10px}.principle-panel{border-right:5px solid var(--gold);background:#fffaf1}.principle-panel p,.learning-panel p,.example-panel p{margin:0;color:#364a45}.boundary-note,.example-relation{display:block;margin-top:14px;padding:12px 14px;border-radius:13px;background:var(--surface-soft);color:var(--muted);font-size:11px}.example-panel{border-right:5px solid #c79850}.example-panel .panel-icon{background:var(--gold-soft);color:#77551f}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.related-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc;text-decoration:none;color:#35514b;font-size:11px}.related-card:hover{border-color:#a9c9c0;background:#fff}.related-card b{color:var(--brand)}.article-sidebar{position:sticky;top:96px;display:grid;gap:12px}.side-card{padding:17px}.side-card h2{margin:0 0 12px;color:var(--brand);font-size:14px}.side-card dl,.side-card ul{margin:0}.side-card dl>div{padding:8px 0;border-bottom:1px dashed var(--line)}.side-card dl>div:last-child{border-bottom:0}.side-card dt{color:var(--muted);font-size:10px}.side-card dd{margin:3px 0 0;color:#344a44;font-size:12px}.side-card dd a{text-decoration:none;color:var(--brand)}.source-card ul{padding-right:18px;color:var(--muted);font-size:10px}.source-card li+li{margin-top:7px}.review-note{padding:10px;border-radius:11px;background:var(--warning-soft);color:var(--warning);font-size:10px}.quick-actions{display:grid;gap:8px}.quick-actions button,.quick-actions a{border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--brand);padding:9px;text-align:center;text-decoration:none;cursor:pointer;font-size:11px}.article-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-nav-card{display:block;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);text-decoration:none}.article-nav-card small{display:block;color:var(--muted);font-size:9px}.article-nav-card strong{display:block;margin-top:3px;color:var(--brand);font-size:11px;line-height:1.8}.article-nav-card.next{text-align:left}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.article-shell{width:min(100% - 20px,1180px);margin-top:13px}.article-hero{padding:20px;flex-direction:column;border-radius:21px}.article-meta-stack{align-items:flex-start;flex-direction:row-reverse}.number-seal{min-width:50px;height:50px;border-radius:15px;font-size:16px}.content-panel{padding:16px;border-radius:18px}.legal-text{padding:14px;font-size:16px}.related-grid{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr}.article-neighbors{grid-template-columns:1fr}.article-nav-card.next{text-align:right}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:15px}}

.exam-panel{border-right:5px solid #5279a6;background:linear-gradient(135deg,#f4f8fd,#fff)}.exam-panel .panel-icon{background:#e5edf9;color:#365e8d}.exam-panel p{margin:0;color:#354c68;font-weight:650}body[data-phase2="true"] .article-hero{border-color:#c7d7eb}

.study-complete-button{font-weight:900}.study-complete-button.complete{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.article-main.study-completed .article-hero{outline:2px solid #9bc6b9}

.term-groups{display:grid;gap:.85rem}.term-group{padding:.8rem;border:1px solid var(--line,#d9e1e8);border-radius:12px;background:var(--surface-soft,#f8fafc)}.term-group>small{display:block;font-weight:700;margin-bottom:.55rem;color:var(--muted,#536271)}.related-term{border-style:dashed;opacity:.9}.term-empty{font-size:.86rem;color:var(--muted,#6b7280)}
.fiqh-review-note{display:grid;gap:.35rem;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #e6bf69;border-right:5px solid #b7791f;border-radius:12px;background:#fff8e7;color:#5f4213}.fiqh-review-note strong{font-size:.95rem}.fiqh-review-note span{line-height:1.9}


.terms-panel ul{margin:.4rem 0 0;padding:0 1.2rem 0 0;display:grid;gap:.55rem;line-height:2}
.terms-panel li{padding:.35rem .2rem}
.fiqh-panel{border-inline-start:4px solid #b7791f}
.fiqh-panel p{line-height:2}
.source-card a{overflow-wrap:anywhere}