/* Markaz Inayah Portal Ilmu — independent page styles, all selectors scoped */
:root{--mih-forest:#365d47;--mih-deep:#264837;--mih-leaf:#65886d;--mih-sage:#e8f1e8;--mih-gold:#be9c56;--mih-cream:#f9f7f0;--mih-text:#26392d;--mih-muted:#728075;--mih-line:#e8ede6;--mih-shadow:0 12px 30px rgba(32,59,38,.07)}
body.mih-portal-page{margin:0;background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--mih-text);font-weight:400}
.mih-portal,.mih-portal *{box-sizing:border-box}
.mih-portal{font-size:16px;line-height:1.6;overflow:hidden;color:var(--mih-text);background:#fff}
.mih-portal h1,.mih-portal h2,.mih-portal h3,.mih-portal p{margin:0;padding:0;letter-spacing:normal}
.mih-portal a{color:inherit;text-decoration:none;box-shadow:none}
.mih-portal button,.mih-portal input,.mih-portal select{font-family:inherit}
.mih-container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.mih-icon{width:22px;height:22px;flex:0 0 auto}
.mih-sr-only,.mih-skip-link:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mih-skip-link:focus{position:fixed;z-index:99999;top:10px;left:10px;background:#fff;padding:10px 16px;border-radius:6px}
.mih-topbar{background:var(--mih-forest);color:#f7f8f4;font-size:12px;letter-spacing:.02em}
.mih-topbar__inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mih-topbar__right{display:flex;align-items:center;gap:12px;opacity:.95}.mih-topbar__right a:hover{text-decoration:underline}
.mih-header{background:#fff;border-bottom:1px solid #edf0e9;position:relative;z-index:20}.mih-header__inner{height:88px;display:flex;align-items:center;gap:32px}
.mih-brand{display:flex;align-items:center;gap:12px;min-width:244px}.mih-brand img{max-width:58px;max-height:58px;width:auto;height:auto;object-fit:contain}.mih-brand__symbol{display:grid;place-items:center;width:51px;height:51px;background:#e9f0e7;color:var(--mih-forest);border:1px solid #d2dfd1;border-radius:50%}.mih-brand__symbol .mih-icon{width:27px;height:27px}.mih-brand__words{display:flex;flex-direction:column;line-height:1.2}.mih-brand__words strong{font-size:23px;color:var(--mih-forest);font-weight:760;letter-spacing:-.04em}.mih-brand__words small{color:#a28b5d;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-top:6px;font-weight:600}
.mih-navigation{display:flex;align-items:center;gap:28px;margin-left:auto}.mih-navigation a{color:#45584a;font-size:13px;font-weight:650;padding:32px 0;white-space:nowrap;transition:color .2s}.mih-navigation a:hover,.mih-navigation .is-active{color:var(--mih-forest)}.mih-navigation .is-active{position:relative}.mih-navigation .is-active:after{content:"";position:absolute;bottom:24px;left:0;right:0;height:2px;background:var(--mih-gold)}
.mih-header__contact{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;background:var(--mih-forest);color:white!important;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.mih-header__contact .mih-icon{width:15px;height:15px}.mih-header__contact:hover{background:var(--mih-deep)}.mih-menu{display:none}
.mih-hero{position:relative;isolation:isolate;background:linear-gradient(115deg,#fbfbf7,#f4f8f1 54%,#edf4ed);overflow:hidden}.mih-hero:before,.mih-hero:after{content:"";position:absolute;border:1px solid rgba(81,121,91,.12);width:340px;height:340px;transform:rotate(45deg);border-radius:62px;pointer-events:none}.mih-hero:before{left:-180px;top:9px}.mih-hero:after{right:-165px;bottom:-185px}.mih-pattern{pointer-events:none;position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 2px 2px,var(--mih-forest) 1px,transparent 0);background-size:23px 23px;mask-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 35%,transparent 67%,rgba(0,0,0,.35))}
.mih-hero__inner{text-align:center;position:relative;padding:80px 0 75px}.mih-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border-radius:100px;border:1px solid #d9e5d7;background:rgba(255,255,255,.72);font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--mih-leaf)}.mih-eyebrow .mih-icon{color:var(--mih-gold);width:14px;height:14px}.mih-hero h1{font-size:clamp(32px,4.4vw,54px);color:#2f533c;letter-spacing:-.055em;line-height:1.2;font-weight:770;margin:21px auto 14px}.mih-hero h1 em{font-style:normal;color:#9c824b}.mih-hero p{font-size:15px;color:#6a786b;max-width:580px;line-height:1.8;margin:0 auto 29px}
.mih-search{max-width:860px;min-height:73px;margin:0 auto;display:flex;align-items:center;padding:9px 10px 9px 22px;gap:13px;background:#fff;border-radius:10px;box-shadow:0 17px 45px rgba(49,88,57,.13);border:1px solid #ebede7;text-align:left}.mih-search__icon{width:24px;height:24px;color:#a0aaa0}.mih-search input{flex:1;min-width:0;outline:0;border:0!important;box-shadow:none!important;background:#fff!important;height:43px;font-size:14px;color:var(--mih-text);padding:0!important;border-radius:0!important}.mih-search input::placeholder{color:#9fa9a0}.mih-search select{border:0!important;border-left:1px solid var(--mih-line)!important;background:#fff!important;color:#708173;font-size:12px;outline:0;max-width:165px;height:35px;padding:0 9px;box-shadow:none!important;border-radius:0!important}.mih-search button{display:flex;align-items:center;justify-content:center;gap:11px;border:0;outline:0;cursor:pointer;color:#fff;background:var(--mih-forest);height:53px;min-width:109px;padding:0 17px;border-radius:7px;font-weight:700;font-size:14px;box-shadow:none}.mih-search button:hover{background:var(--mih-deep)}.mih-search button .mih-icon{width:18px;height:18px}.mih-quick-search{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:12px;color:#7e8b7d}.mih-quick-search a{color:#56715a;border:1px solid #d6e3d4;border-radius:30px;padding:5px 13px;background:rgba(255,255,255,.65)}.mih-quick-search a:hover{background:#fff;border-color:var(--mih-leaf)}
.mih-section{padding:74px 0}.mih-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:28px}.mih-section-kicker{display:block;font-size:10px;color:var(--mih-gold);letter-spacing:.2em;font-weight:800;margin-bottom:9px}.mih-section-head h2{font-size:29px;line-height:1.3;color:#304d3c;font-weight:760;letter-spacing:-.035em}.mih-section-head p{font-size:14px;color:#8a958b;margin-top:8px}.mih-section-head__mark{font-size:42px;color:#e3e9df;padding-right:8px}
.mih-catalog{background:white}.mih-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mih-cat-card{background:#fff;display:flex;min-height:174px;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:5px;text-align:center;padding:24px 16px;border:1px solid #edf0e9;border-radius:11px;box-shadow:0 6px 22px rgba(30,61,36,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.mih-cat-card:hover{transform:translateY(-4px);box-shadow:var(--mih-shadow);border-color:#c9dacc}.mih-cat-card__icon{height:58px;width:65px;display:grid;place-items:center;margin-bottom:4px;position:relative;color:#bd9e61}.mih-cat-card__icon:before{content:"";position:absolute;background:#f8f5ed;width:52px;height:52px;border-radius:50%;z-index:0}.mih-cat-card__icon .mih-icon{position:relative;z-index:1;height:32px;width:32px;stroke-width:1.4}.mih-cat-card strong{font-size:15px;color:#375b44;font-weight:750;line-height:1.35}.mih-cat-card>span:not(.mih-cat-card__icon):not(.mih-cat-card__arrow){color:#95a095;font-size:11px}.mih-cat-card__arrow{position:absolute;top:13px;right:13px;opacity:0;transform:translateX(-4px);color:var(--mih-leaf);transition:opacity .2s,transform .2s}.mih-cat-card:hover .mih-cat-card__arrow{opacity:1;transform:none}.mih-cat-card__arrow .mih-icon{width:16px;height:16px}
.mih-feature-section{background:#f7f9f6;border-top:1px solid #f0f3ef;border-bottom:1px solid #f0f3ef}.mih-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mih-feature{border:1px solid #e2eae0;border-radius:12px;padding:27px;display:flex;align-items:flex-start;gap:17px;min-height:173px;transition:transform .2s,box-shadow .2s}.mih-feature:hover{transform:translateY(-3px);box-shadow:var(--mih-shadow)}.mih-feature--sage{background:#edf5ed}.mih-feature--cream{background:#f9f3e9;border-color:#eee4d6}.mih-feature--blue{background:#edf4f3;border-color:#dae9e6}.mih-feature__icon{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;background:rgba(255,255,255,.75);border-radius:11px;color:#63836b}.mih-feature--cream .mih-feature__icon{color:#bb9959}.mih-feature--blue .mih-feature__icon{color:#608d91}.mih-feature__icon .mih-icon{height:27px;width:27px}.mih-feature__body{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.mih-feature__body strong{font-size:16px;color:#355642;font-weight:750}.mih-feature__body small{font-size:12px;color:#879287;line-height:1.6}.mih-feature__body>span{display:flex;gap:8px;align-items:center;margin-top:5px;color:#50765b;font-size:12px;font-weight:750}.mih-feature__body>span .mih-icon{width:15px;height:15px}
.mih-posts-section{background:#fff}.mih-text-link{display:inline-flex;align-items:center;gap:9px;color:#50775c!important;font-weight:750;font-size:13px;white-space:nowrap;margin-bottom:7px}.mih-text-link .mih-icon{width:16px;height:16px}.mih-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.mih-post{border-radius:10px;overflow:hidden;background:white;border:1px solid #e9eee9;box-shadow:0 7px 23px rgba(44,66,49,.055)}.mih-post__image{display:block;height:170px;overflow:hidden;background:linear-gradient(125deg,#e6eee6,#f9f5e8)}.mih-post__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.mih-post:hover img{transform:scale(1.04)}.mih-post__placeholder{display:grid;place-items:center;height:100%;color:#b7a16d}.mih-post__placeholder .mih-icon{height:52px;width:52px}.mih-post__content{padding:20px 21px 24px}.mih-post__category{font-size:10px;letter-spacing:.04em;font-weight:750;color:var(--mih-leaf);background:#edf4eb;padding:5px 9px;border-radius:4px}.mih-post h3{font-size:16px;line-height:1.55;font-weight:740;margin:15px 0 17px;min-height:49px;color:#304737}.mih-post h3 a:hover{color:#62886e}.mih-post__date{font-size:11px;color:#9ba69c}
.mih-footer{background:#2e533d;color:white}.mih-footer__inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:41px 0 35px}.mih-footer__inner strong{font-size:22px;letter-spacing:-.03em}.mih-footer__inner p{font-size:12px;margin-top:5px;color:#d1ded2}.mih-footer__inner>div:last-child{display:flex;gap:25px;font-size:12px;color:#e4f0e6}.mih-footer__inner a:hover{text-decoration:underline}.mih-footer__bottom{padding:15px 0;border-top:1px solid #54735e;color:#b9cfbd;font-size:11px}
@media(max-width:1050px){.mih-header__inner{gap:20px}.mih-brand{min-width:200px}.mih-navigation{gap:15px}.mih-header__contact{display:none}}
@media(max-width:790px){.mih-container{width:min(100% - 32px,680px)}.mih-topbar__inner{min-height:34px}.mih-header__inner{height:74px}.mih-brand__words strong{font-size:21px}.mih-navigation{display:none}.mih-menu{display:block;position:relative;margin-left:auto;z-index:30}.mih-menu summary{list-style:none;cursor:pointer;border:1px solid #d9e5d8;border-radius:7px;padding:10px 13px;font-weight:700;font-size:12px;color:#496750}.mih-menu summary::-webkit-details-marker{display:none}.mih-menu summary span{margin-left:8px;font-size:15px}.mih-menu nav{position:absolute;right:0;top:49px;width:205px;background:white;border:1px solid #dfebe0;box-shadow:0 15px 25px rgba(32,55,37,.13);border-radius:7px;padding:8px}.mih-menu nav a{display:block;padding:10px 12px;color:#405e49;font-size:14px}.mih-menu nav a:hover{background:#f0f5ed}.mih-hero__inner{padding:62px 0 61px}.mih-hero h1{font-size:38px}.mih-category-grid{grid-template-columns:repeat(3,1fr);gap:14px}.mih-feature-grid{grid-template-columns:1fr;gap:12px}.mih-feature{min-height:auto;padding:22px}.mih-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mih-section{padding:57px 0}}
@media(max-width:520px){.mih-container{width:calc(100% - 28px)}.mih-topbar__right{display:none}.mih-topbar__inner{justify-content:center;font-size:10px}.mih-brand{gap:9px;min-width:0}.mih-brand__symbol{width:43px;height:43px}.mih-brand__words strong{font-size:19px}.mih-brand__words small{font-size:9px}.mih-hero__inner{padding:57px 0 56px}.mih-eyebrow{font-size:9px}.mih-hero h1{font-size:34px;letter-spacing:-.04em;max-width:330px}.mih-hero p{font-size:13px;max-width:325px}.mih-search{padding:8px;gap:7px;flex-wrap:wrap;min-height:auto;border-radius:9px}.mih-search__icon{margin-left:6px;width:18px;height:18px}.mih-search input{width:calc(100% - 45px);flex:auto;height:45px!important;font-size:12px}.mih-search select{flex:1;max-width:none;border:1px solid #edf0e9!important;border-radius:5px!important;height:42px;margin-left:2px}.mih-search button{height:42px;min-width:88px;font-size:12px}.mih-quick-search{gap:7px;margin-top:16px}.mih-quick-search span{width:100%}.mih-quick-search a{font-size:11px;padding:4px 9px}.mih-section{padding:47px 0}.mih-section-head{margin-bottom:22px}.mih-section-head h2{font-size:25px}.mih-section-head p{font-size:12px}.mih-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mih-cat-card{min-height:160px;padding:18px 8px;border-radius:9px}.mih-cat-card__icon{height:53px;margin-bottom:2px}.mih-cat-card__icon .mih-icon{width:28px;height:28px}.mih-cat-card strong{font-size:13px}.mih-cat-card>span:not(.mih-cat-card__icon):not(.mih-cat-card__arrow){font-size:10px}.mih-post-grid{grid-template-columns:1fr;gap:16px}.mih-post__image{height:180px}.mih-post h3{min-height:0}.mih-section-head__mark{display:none}.mih-text-link{font-size:11px}.mih-footer__inner{align-items:flex-start;flex-direction:column;padding:30px 0;gap:16px}.mih-footer__inner>div:last-child{gap:18px}.mih-footer__bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mih-portal *{transition:none!important;scroll-behavior:auto!important}}