.knowledge-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.55fr);gap:55px;align-items:center;padding-block:88px 75px}.knowledge-hero-copy{max-width:780px}.knowledge-hero h1{max-width:790px}.knowledge-hero .lead{max-width:760px}.knowledge-date{display:inline-block;margin-top:30px;color:var(--muted);font-size:13px}.knowledge-symbol{height:310px;border-radius:180px 180px 20px 20px;background:radial-gradient(circle at 50% 42%,#e4e0c8 0%,#dce4d7 65%,#cddccc 100%);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:16px;color:var(--forest);position:relative;overflow:hidden}.knowledge-symbol:before,.knowledge-symbol:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #174d3a30;border-radius:50%}.knowledge-symbol:after{width:290px;height:290px}.knowledge-symbol strong{font-size:82px;line-height:1.2;z-index:1}.knowledge-symbol span{font-size:34px;color:var(--sand);z-index:1}.knowledge-notice{background:#f1ead6;border-inline-start:5px solid var(--sand);padding:18px 24px;color:#4b5145;border-radius:5px;font-size:15px;line-height:1.8}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;padding-block:78px 95px;align-items:start}.knowledge-article{max-width:900px;padding-block:70px 95px}.knowledge-section{border-bottom:1px solid var(--line);padding-block:34px}.knowledge-section:first-child{padding-top:0}.knowledge-section h2{font-size:clamp(27px,2.5vw,37px);margin-bottom:16px}.knowledge-section p{font-size:18px;color:var(--muted);line-height:1.95}.source-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.source-links a{display:inline-block;border:1px solid #b9cbbc;background:#f5f8f1;color:var(--forest);font-size:12px;line-height:1.45;font-weight:600;padding:7px 11px;border-radius:7px}.source-links a:hover{background:#e5f0e4;text-decoration:underline;text-underline-offset:3px}.knowledge-aside{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:sticky;top:120px}.knowledge-aside h2{font-size:25px;margin-bottom:16px}.knowledge-aside dl{margin:0}.knowledge-aside dl div{padding:13px 0;border-top:1px solid var(--line)}.knowledge-aside dt{font-weight:600;color:var(--forest)}.knowledge-aside dd{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.knowledge-grid:has(.knowledge-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-card{display:flex;flex-direction:column;min-height:245px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .2s,box-shadow .2s}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #173b2919}.knowledge-card>span{color:var(--forest);font-size:12px;font-weight:600;margin-bottom:25px}.knowledge-card h3{font-size:25px;color:var(--forest);margin-bottom:10px}.knowledge-card p{font-size:15px;color:var(--muted);line-height:1.75}.knowledge-card b{font-size:13px;color:var(--forest);margin-top:auto;padding-top:20px}.examples-heading{margin-top:55px;font-size:36px}.example{padding:31px;margin-top:25px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.example h3{color:var(--forest);margin-bottom:13px}.example>p{color:var(--muted);font-size:16px;line-height:1.8}.table-wrap{overflow-x:auto;margin-top:25px}.example table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}.example th,.example td{text-align:start;padding:13px 12px;border-bottom:1px solid var(--line)}.example th{color:var(--forest);font-weight:600}.example tr:last-child th,.example tr:last-child td{border-bottom:0}.example tr:nth-child(odd){background:#edf1e9}.example-check{margin-top:20px;font-weight:600;color:var(--forest)!important}.knowledge-warning{background:#f1ead6;border-inline-start:5px solid var(--sand);padding:20px 24px;border-radius:5px;margin-top:35px;font-size:16px;line-height:1.8}
.reference-guide-link{display:block;color:var(--forest);font-weight:600;margin-top:9px;text-decoration:underline;text-underline-offset:4px}.hadith-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:30px;margin-bottom:28px}.hadith-card h2{font-size:clamp(27px,2.7vw,37px);margin-bottom:13px}.hadith-narrator,.knowledge-numbering{color:var(--muted);font-size:14px;line-height:1.8}.hadith-label{display:block;font-size:12px;font-weight:600;color:var(--forest);margin-top:24px}.hadith-card blockquote{font-family:PlexAr,serif;font-size:clamp(24px,2.7vw,32px);line-height:1.9;margin:12px 0 25px;padding:20px 24px;border-inline-start:4px solid var(--sand);background:#f1f3e9;border-radius:5px;color:var(--forest)}.hadith-card h3{font-size:20px;margin-bottom:10px}.hadith-card>p:not(.hadith-narrator){font-size:17px;line-height:1.9;color:var(--muted)}.reference-method{color:var(--muted);padding-inline-start:24px;line-height:1.9}.reference-method li+li{margin-top:15px}.research-link{margin-top:22px}
@media(max-width:1060px){.knowledge-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.knowledge-hero{grid-template-columns:1fr;gap:28px;padding-block:55px}.knowledge-symbol{max-width:540px;width:100%;height:230px}.knowledge-layout{grid-template-columns:1fr}.knowledge-aside{position:static}.knowledge-article{padding-block:55px}}
@media(max-width:620px){.knowledge-hero{padding-block:38px}.knowledge-symbol{height:190px}.knowledge-symbol strong{font-size:63px}.knowledge-grid,.knowledge-grid:has(.knowledge-card:nth-child(2):last-child){grid-template-columns:1fr}.knowledge-card{min-height:0}.knowledge-section p{font-size:16px}.knowledge-layout{padding-block:50px}.knowledge-article{padding-block:46px}.example{padding:18px}}
