/* IBNALARABI.COM — STAGE 4 / October 2026.
 * Scoped catalogue and search components only. Preserves Stage 1–3 design.
 */
.ia4-hero{position:relative;isolation:isolate;background:linear-gradient(112deg,#082b21 0%,#07532a 70%,#0a422c 100%);color:#fff;overflow:hidden}
.ia4-hero:after{content:"";position:absolute;inset:auto -15% -55% auto;width:580px;aspect-ratio:1;border:1px solid #d4b46b33;border-radius:50%;z-index:-1;box-shadow:0 0 0 55px #d4b46b0b,0 0 0 130px #d4b46b08}
.ia4-hero__inside{padding-block:38px 60px}.ia4-crumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:.82rem;color:#d9e7df}.ia4-crumb a:hover{text-decoration:underline}
.ia4-hero__layout{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}.ia4-hero h1{max-width:900px;font-family:var(--ia-arabic-display);font-size:clamp(2rem,4.6vw,3.8rem);font-weight:700;line-height:1.38;color:#fff}.ia4-hero p{max-width:780px;font-size:1.03rem;line-height:1.95;color:#e0e9de;margin-block-start:9px}.ia4-hero__symbol{font-size:clamp(5rem,12vw,10rem);line-height:1;color:#d7b46a55;flex-shrink:0}
.ia4-eyebrow{display:inline-block;font-weight:700;font-size:.83rem;letter-spacing:.04em;color:#f0d494;margin-bottom:10px}.ia4-eyebrow--light{color:#92783d}
.ia4-area{padding-block:35px 90px;min-width:0}.ia4-area>*+*{margin-block-start:28px}
.ia4-subnav{display:flex;flex-wrap:wrap;gap:7px;padding-block:6px}.ia4-subnav a{font-size:.85rem;border:1px solid #d9e4d4;background:#fffefb;padding:7px 13px;border-radius:99px;color:#1d5838!important;font-weight:700}.ia4-subnav a:hover{border-color:#649577;background:#f1f6ee}
.ia4-search{background:var(--ia-paper);border:1px solid #dde5da;padding:28px;box-shadow:var(--ia-shadow);border-radius:16px}.ia4-search label{display:block;font-weight:800;font-size:1.08rem;margin-bottom:12px;color:#174b31}.ia4-search__row{display:flex;gap:10px;align-items:stretch}.ia4-search input,.ia4-search select{min-width:0;padding:13px 15px;border:1px solid #d5ded1;border-radius:8px;background:#f9fbf6;color:#173d2b;box-shadow:none}.ia4-search input{flex:1}.ia4-search select{max-width:320px;flex:.45}.ia4-search button{border:0;border-radius:8px;background:#005500;color:white;font-weight:800;padding:12px 26px;white-space:nowrap}.ia4-search button:hover{background:#137b3c}.ia4-search p{color:#708075;font-size:.82rem;margin-top:11px}
.ia4-explain{background:#eff4ec;border-right:3px solid #8ea979;padding:16px 18px;color:#476250;font-size:.86rem;border-radius:9px}.ia4-notice{padding:15px 19px;background:#eff6f1;border:1px solid #d6e5d9;border-radius:9px;color:#235d3e;font-weight:650;line-height:1.8}.ia4-notice--warn{color:#725524;border-color:#e7d7b8;background:#fcf7e9}
.ia4-section{padding-block-start:10px}.ia4-titleline{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:20px}.ia4-titleline h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.5;font-family:var(--ia-arabic-display);color:#174d30}.ia4-titleline p{max-width:410px;color:#6a776e;font-size:.86rem;line-height:1.8}
.ia4-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ia4-shortcut{min-width:0;position:relative;background:#fffdfa;border:1px solid #e0e6d8;border-radius:10px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:block}.ia4-shortcut:hover{box-shadow:0 12px 24px #0b482310;transform:translateY(-2px)}.ia4-shortcut strong{display:block;color:#0f5131;font-family:var(--ia-arabic-display);font-size:1.24rem;margin-bottom:2px}.ia4-shortcut small{color:#6d7b70;font-size:.82rem}.ia4-shortcut>span{position:absolute;top:19px;left:18px;color:#bb9b57}
.ia4-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.ia4-group{min-width:0;background:#fffefa;border:1px solid #e3e9dc;border-radius:14px;padding:21px}.ia4-group__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #e9eddf;margin-bottom:5px}.ia4-group__heading h2{font-family:var(--ia-arabic-display);font-size:1.5rem;color:#205038}.ia4-group__heading a{font-size:.8rem;color:#17653b;font-weight:750;white-space:nowrap}
.ia4-result{background:#fffefb;border:1px solid #e5ebdf;border-radius:11px;padding:18px 21px;overflow-wrap:anywhere}.ia4-result+.ia4-result{margin-top:9px}.ia4-result__head{display:flex;gap:10px;align-items:center;justify-content:space-between}.ia4-kicker{color:#9a7b3a;font-weight:750;font-size:.76rem}.ia4-result__extra{color:#78917d;font-size:.76rem}.ia4-result h3{font-weight:770;color:#144e30;font-family:var(--ia-arabic-display);font-size:1.4rem;line-height:1.6;margin-top:5px}.ia4-result h3 span{font-family:Arial;color:#a78846;font-size:.75rem}.ia4-result h3 a:hover{text-decoration:underline}.ia4-result p{font-size:.86rem;color:#566e5e;line-height:1.95;margin-top:4px}.ia4-result mark{background:#f5e5aa;color:#263b26;padding:0 2px;border-radius:2px}.ia4-results{display:grid;gap:12px}.ia4-results--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ia4-results--grid .ia4-result+.ia4-result{margin:0}.ia4-count{font-size:.9rem;font-weight:750;color:#466f55;padding-inline:2px}
.ia4-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #e4e6dd;color:#56725d;font-size:.87rem}.ia4-pager>div{display:flex;gap:8px}.ia4-pager a{display:inline-block;background:#fffefa;border:1px solid #d6e0d2;padding:7px 16px;border-radius:7px;color:#1c653e;font-weight:750}.ia4-pager a:hover{background:#eff5ec}
.ia4-detail-nav{display:flex;gap:8px;flex-wrap:wrap}.ia4-detail-nav a{padding:8px 13px;border-radius:8px;background:#f0f6ed;border:1px solid #d8e6d2;color:#1c613b;font-size:.87rem;font-weight:750}
.ia4-detail__translation{border-inline-start:3px solid #bca268;padding:9px 16px;background:#fffefa;color:#4d6252;font-size:1.1rem}.ia4-paper{padding:clamp(18px,3vw,35px);border-radius:13px;border:1px solid #dce7dc;background:var(--ia-paper);box-shadow:var(--ia-shadow)}.ia4-paper h2{font-family:var(--ia-arabic-display);color:#144b30;font-size:1.9rem;border-bottom:1px solid #e4ebdd;margin-bottom:14px;padding-bottom:12px}.ia4-details{display:grid;gap:0}.ia4-details__row{display:grid;grid-template-columns:minmax(120px,27%) minmax(0,1fr);gap:20px;padding:16px 8px;border-bottom:1px solid #eef0e8}.ia4-details__row:last-child{border:0}.ia4-details dt{color:#657b69;font-size:.89rem;font-weight:750}.ia4-details dd{margin:0;min-width:0;color:#253d2e;line-height:2;overflow-wrap:anywhere;font-size:.94rem}.ia4-external{padding-top:17px}.ia4-external a{display:inline-block;border:1px solid #c6d8c6;color:#175f3a;padding:9px 15px;border-radius:8px;font-weight:750}
.ia4-table-wrap{overflow:auto;background:#fffdfa;border:1px solid #e0e8df;border-radius:13px;-webkit-overflow-scrolling:touch}.ia4-table{min-width:850px;border-collapse:collapse;width:100%;font-size:.89rem}.ia4-table th{background:#eaf1e8;text-align:right;color:#195336;padding:14px 13px;white-space:nowrap}.ia4-table td{padding:12px 13px;border-top:1px solid #edf0e9;vertical-align:top}.ia4-table tr:nth-child(2n) td{background:#fbfcf8}
.ia4-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ia4-library-item{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e8dc;background:#fffefb;border-radius:11px;padding:18px 19px}.ia4-library-item__symbol{color:#af9155;font-size:1.35rem}.ia4-library-item h3{font-family:var(--ia-arabic-display);font-size:1.23rem;line-height:1.7;color:#12502f;flex:1;margin-block:9px}.ia4-library-item h3 a:hover{text-decoration:underline}.ia4-library-item__link{font-weight:750;font-size:.81rem;color:#467857!important;margin-top:10px}.ia4-inline-callout{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;margin:18px auto;width:min(1090px,calc(100% - 40px));background:#f2f6ec;border:1px solid #ccddc8;border-radius:10px;color:#3c5a43}.ia4-inline-callout strong{color:#145b35}.ia4-inline-callout a{margin-inline-start:auto;background:#005500;color:#fff!important;padding:9px 14px;border-radius:7px;font-weight:750}
@media(max-width:900px){.ia4-shortcuts,.ia4-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ia4-group-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ia4-hero__inside{padding-block:23px 45px}.ia4-hero__layout{margin-top:18px}.ia4-hero__symbol{display:none}.ia4-area{padding-block:20px 55px}.ia4-area>*+*{margin-block-start:19px}.ia4-search{padding:17px}.ia4-search__row{flex-direction:column}.ia4-search select{max-width:none;min-height:48px;flex:auto}.ia4-search input{min-height:49px}.ia4-search button{min-height:45px}.ia4-shortcuts,.ia4-library-grid,.ia4-results--grid{grid-template-columns:1fr}.ia4-titleline{display:block}.ia4-titleline p{margin-top:10px}.ia4-details__row{grid-template-columns:1fr;gap:4px}.ia4-pager{align-items:flex-start;flex-direction:column}.ia4-result{padding:15px}.ia4-group{padding:14px}.ia4-inline-callout{margin:16px auto;flex-direction:column;align-items:stretch}}
@media print{.ia4-subnav,.ia4-search,.ia4-shortcuts,.ia4-detail-nav,.ia4-pager{display:none!important}.ia4-hero{background:#fff;color:#000}.ia4-hero h1,.ia4-hero p{color:#000}.ia4-paper,.ia4-result{box-shadow:none;break-inside:avoid}.ia4-area{padding-block:10px}}