.ref-page{max-width:1180px;margin:auto;color:#293d32}.ref-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 26px}.ref-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#65795c}.ref-heading h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:-1px;margin:14px 0}.ref-heading p{color:#687563;line-height:1.7;margin:0}.ref-summary{display:flex;flex-wrap:wrap;gap:12px 26px;padding:18px 0;border-block:1px solid #dfe4d9;font-size:13px;color:#6a7963}.ref-summary strong{color:#3a593b}.ref-search{display:flex;align-items:end;gap:14px;margin:26px 0}.ref-search label{display:grid;gap:8px;font-size:12px;font-weight:600}.ref-search label:first-of-type{flex:1}.ref-search input,.ref-search select{width:100%;min-width:0;min-height:44px;border:1px solid #d4dece;background:#fffef9;border-radius:8px;padding:10px 12px;font:inherit;color:#31492f}.ref-search select{max-width:260px}.ref-search button{min-height:44px}.ref-categories,.ref-parts{display:flex;flex-wrap:wrap;gap:8px}.ref-categories a,.ref-parts a{display:flex;gap:10px;align-items:center;border:1px solid #dce3d4;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:12px;color:#53634b;background:#fffef9}.ref-categories a[aria-current],.ref-parts a[aria-current]{background:#365641;border-color:#365641;color:white}.ref-categories span{opacity:.7}.ref-result{font-size:12px;color:#78846f;margin:25px 0 16px}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ref-card{display:flex;flex-direction:column;min-width:0;background:#fffef9;border:1px solid #dfe4d8;border-radius:12px;overflow:hidden;padding:23px;box-shadow:0 3px 12px #354b2e05}.ref-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#78856b}.ref-status{border-radius:4px;background:#f1eee3;padding:5px 7px;white-space:nowrap}.ref-ready{background:#edf2e6;color:#4b6a37}.ref-card h2{font-family:'Noto Naskh Arabic',serif;font-size:27px;line-height:1.8;font-weight:400;color:#35553d;margin:24px 0 16px;min-height:96px;text-align:right}.ref-card h3{font-size:17px;margin:0 0 7px}.ref-author{font-size:12px;color:#6b7861;line-height:1.6;margin:0}.ref-note{font-size:13px;line-height:1.8;color:#6d7967}.ref-card footer{margin-top:auto;padding-top:20px;display:grid;gap:14px}.ref-card footer>span{font-size:10px;color:#809073;line-height:1.6}.ref-card footer .lib-btn{justify-content:center}.ref-footnote{font-size:12px;line-height:1.8;color:#7b8772;margin-top:32px;border-top:1px solid #dfe4d8;padding-top:22px}.ref-back{display:inline-block;font-size:12px;color:#526e44;margin:6px 0 26px;text-decoration:none}.ref-book-heading{max-width:850px}.ref-book-heading h1{font-family:'Noto Naskh Arabic',serif;font-size:clamp(29px,4vw,40px);font-weight:400;line-height:1.8;text-align:left;margin:15px 0}.ref-book-heading h2{font-size:20px;margin:0}.ref-book-heading p{font-size:13px;color:#76816a}.ref-source{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;font-size:12px;margin:22px 0;color:#7a866e}.ref-source a{color:#48643e}.ref-page a:focus-visible,.ref-page input:focus-visible,.ref-page select:focus-visible{outline:3px solid #98b56b;outline-offset:3px}@media(max-width:1100px){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ref-heading{align-items:start;flex-direction:column}.ref-grid{grid-template-columns:1fr}.ref-search{flex-wrap:wrap}.ref-search label:first-of-type{flex-basis:100%}.ref-search label{flex:1;min-width:0}.ref-search select{max-width:100%}.ref-card h2{min-height:0}.ref-card{padding:20px}.ref-heading h1{font-size:34px}.ref-summary{font-size:12px;gap:12px}.ref-book-heading h1{text-align:right}}
.ref-interactive{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;border:1px solid #d6e0ce;border-radius:12px;background:#edf2e7}.ref-interactive h2{font:400 26px Georgia,serif;color:#294a38;margin:9px 0}.ref-interactive p{font-size:12px;line-height:1.8;color:#6d7c63;margin:0}.ref-interactive .lib-btn{flex-shrink:0}@media(max-width:650px){.ref-interactive{align-items:start;flex-direction:column;padding:20px}}