/*
Theme Name:   Jannah Child — My Inspo (Studio)
Template:     jannah
Description:  "Studio" redesign for my-inspo.com: an architectural catalog of room ideas. All visual changes live here; the parent Jannah theme stays untouched. Ad containers (Ezoic placeholders, AdSense, Flat PM, MGID, Grow, Amazon ifh-amz blocks) are never styled or hidden by this stylesheet.
Version:      1.0.0
Text Domain:  jannah-child-inspo
*/

/* ===================== Fonts (self-hosted, latin) ===================== */
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-latin.woff2) format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-italic-latin.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Icon fonts: same files as Jannah / ESSB / Affiai, with font-display:swap so text is never blocked. */
@font-face{font-family:'tiefonticon';src:url('../jannah/assets/fonts/tielabs-fonticon/tielabs-fonticon.woff2?ciufdj1') format('woff2'),url('../jannah/assets/fonts/tielabs-fonticon/tielabs-fonticon.woff?ciufdj1') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Font Awesome 5 Free';font-weight:900;font-style:normal;font-display:swap;src:url('../jannah/assets/fonts/fontawesome/fa-solid-900.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 5 Free';font-weight:400;font-style:normal;font-display:swap;src:url('../jannah/assets/fonts/fontawesome/fa-regular-400.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 5 Brands';font-weight:400;font-style:normal;font-display:swap;src:url('../jannah/assets/fonts/fontawesome/fa-brands-400.woff2') format('woff2')}
@font-face{font-family:'essb';src:url("../../plugins/easy-social-share-buttons3/assets/fonts/essb.woff") format("woff"),url("../../plugins/easy-social-share-buttons3/assets/fonts/essb.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:afxicon;font-weight:400;font-style:normal;font-display:swap;src:url('../../plugins/affiai/font/afxicon.woff2?72704249') format('woff2')}

/* ===================== Tokens ===================== */
:root{
  --mi-paper:#f4efe7;--mi-paper2:#ebe4d8;--mi-white:#fbf9f5;--mi-ink:#1d1f21;--mi-ink2:#4b4f54;--mi-mute:#8a8d90;--mi-line:#d9d1c3;
  --mi-terra:#c4542a;--mi-terra2:#a8441f;--mi-sage:#6d7f67;--mi-brass:#b48a4a;--mi-dark:#1d1f21;
  --mi-display:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mi-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mi-wrap:1180px;--mi-gut:24px;
}
@media(max-width:760px){:root{--mi-gut:16px}}

/* ===================== Base + Jannah resets ===================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.mi-lock{overflow:hidden}
body.mi{background:var(--mi-paper)!important;background-image:none!important;color:var(--mi-ink);font:400 18px/1.7 var(--mi-serif);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.mi .background-overlay,body.mi #tie-container,body.mi #tie-wrapper{background:transparent!important}
body.mi #tie-wrapper{overflow:visible}
body.mi.boxed-layout #tie-wrapper,body.mi.boxed-layout .fixed-nav{box-shadow:none;max-width:none}
body.mi,body.mi p,body.mi li{font-family:var(--mi-serif)}
body.mi button,body.mi input,body.mi select,body.mi textarea{font-family:var(--mi-display)}
body.mi h1,body.mi h2,body.mi h3,body.mi h4,body.mi h5,body.mi h6,body.mi .the-global-title,body.mi .post-title{font-family:var(--mi-display);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--mi-ink);text-transform:none}
body.mi a{color:inherit;text-decoration:none}
body.mi a:hover{color:var(--mi-terra)}
.mi img{max-width:100%;height:auto}
.mi-wrap{max-width:var(--mi-wrap);margin:0 auto;padding:0 var(--mi-gut);box-sizing:border-box}
.mi-wrap *,.mi-header *,.mi-navbar *,.mi-mhead *,.mi-drawer *,.mi-footer *,.mi-shelf *{box-sizing:border-box}
body.mi-full #content.site-content{max-width:none;width:auto;padding:0;margin:0}
body.mi-full #main-content-row{display:block;margin:0}
body.mi .container-wrapper{background:transparent;border:0;box-shadow:none}
body.mi .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
body.mi #tie-body #main-nav,body.mi #main-nav,body.mi .stream-item-top-wrapper,body.mi .stream-item-above-header{display:none}

/* small type + buttons */
.mi-lbl,.mi-kicker{display:inline-block;font:600 11px/1.3 var(--mi-display);letter-spacing:.16em;text-transform:uppercase;color:var(--mi-ink2)}
.mi-kicker b{color:var(--mi-terra);font-weight:600}
.mi-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 8px;opacity:.6}
.mi-link{font:600 12px/1 var(--mi-display);letter-spacing:.08em;text-transform:uppercase;color:var(--mi-terra);white-space:nowrap;margin-left:16px}
.mi-link:hover{color:var(--mi-terra2)}
.mi-btns{display:flex;flex-wrap:wrap;gap:10px}
.mi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid var(--mi-ink);font:600 12px/1 var(--mi-display)!important;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--mi-ink)!important;transition:background .2s,color .2s,border-color .2s;text-decoration:none!important}
.mi-btn:hover{background:var(--mi-ink);color:var(--mi-paper)!important}
.mi-btn-sm{min-height:36px;padding:0 14px;font-size:11px!important}
.mi-btn-ink{background:var(--mi-ink);color:var(--mi-paper)!important}
.mi-btn-ink:hover{background:var(--mi-terra);border-color:var(--mi-terra)}
.mi-btn-pin{background:#E60023;border-color:#E60023;color:#fff!important}
.mi-btn-pin:hover{background:#b8001c;border-color:#b8001c;color:#fff!important}
.mi-btn-light{border-color:rgba(255,255,255,.5);color:var(--mi-paper)!important}
.mi-btn-light:hover{background:var(--mi-paper);color:var(--mi-ink)!important}
.mi-ib{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--mi-line);color:var(--mi-ink)}
.mi-ib:hover{background:var(--mi-white);color:var(--mi-ink)}
.mi-ib svg{width:20px;height:20px}
.mi-chips{display:flex;flex-wrap:wrap;gap:8px}
.mi-chips a{font:600 12px/1 var(--mi-display);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--mi-ink);padding:9px 12px;color:var(--mi-ink)}
.mi-chips a.on,.mi-chips a:hover{background:var(--mi-ink);color:var(--mi-paper)}

/* ===================== Header ===================== */
.mi-util{border-bottom:1px solid var(--mi-line);font:500 12px/1 var(--mi-display);color:var(--mi-ink2)}
.mi-util .mi-wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.mi-util b{color:var(--mi-terra);font-weight:600}
.mi-util a{color:var(--mi-ink2)}.mi-util a:hover{color:var(--mi-terra)}
.mi-util-r{display:flex;gap:20px}
.mi-mast .mi-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:24px;padding-bottom:20px}
.mi-mast-side{font:500 13px var(--mi-display);color:var(--mi-mute)}
.mi-mast-side.r{text-align:right}
.mi-mast-search{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--mi-ink);padding:6px 0;min-width:180px;color:var(--mi-mute)}
.mi-mast-search svg{width:16px;height:16px}
.mi-wm{display:inline-block;text-align:center;line-height:1;text-decoration:none}
.mi-wm-w{display:block;font:800 38px/1 var(--mi-display);letter-spacing:-.03em;color:var(--mi-ink)}
.mi-wm-w i{font-style:normal;color:var(--mi-terra)}
.mi-wm-t{display:block;margin-top:7px;font:600 11px/1 var(--mi-display);letter-spacing:.2em;text-transform:uppercase;color:var(--mi-ink2)}
a.mi-wm:hover .mi-wm-w{color:var(--mi-ink)}
.mi-navbar{position:sticky;top:0;z-index:900;background:rgba(244,239,231,.97);border-top:1px solid var(--mi-ink);border-bottom:1px solid var(--mi-line)}
.admin-bar .mi-navbar{top:32px}
.mi-navbar>.mi-wrap{display:flex;align-items:center;justify-content:center;height:50px;position:relative}
.mi-mini{position:absolute;left:var(--mi-gut);font:800 22px/1 var(--mi-display);letter-spacing:-.03em;opacity:0;pointer-events:none;transition:opacity .25s;color:var(--mi-ink)}
.mi-mini i{font-style:normal;color:var(--mi-terra)}
.mi-navbar.stuck .mi-mini{opacity:1;pointer-events:auto}
.mi-nav{display:flex;gap:0;list-style:none;margin:0;padding:0}
.mi-nav>li>a{display:flex;align-items:center;height:50px;padding:0 18px;font:600 13px/1 var(--mi-display);letter-spacing:.06em;text-transform:uppercase;color:var(--mi-ink)}
.mi-nav>li>a:hover,.mi-nav>li.on>a{color:var(--mi-terra)}
.mi-nav .c{font-size:9px;margin-left:6px;opacity:.55}
.mi-mega{position:absolute;left:0;right:0;top:100%;background:var(--mi-white);border-bottom:1px solid var(--mi-ink);box-shadow:0 20px 40px rgba(29,31,33,.08);display:none;z-index:950}
.mi-nav>li:hover .mi-mega,.mi-nav>li:focus-within .mi-mega{display:block}
.mi-mega>.mi-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:30px;padding-top:28px;padding-bottom:30px}
.mi-mega h5{font:600 11px/1 var(--mi-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mi-ink2);margin:0 0 12px;min-height:11px}
.mi-mega h5 a{color:var(--mi-terra)}
.mi-mega ul{list-style:none;margin:0;padding:0}
.mi-mega li a{display:flex;justify-content:space-between;align-items:baseline;font:500 15px/1.3 var(--mi-display);padding:7px 0;border-bottom:1px solid var(--mi-line);color:var(--mi-ink)}
.mi-mega li a span{font-size:11px;color:var(--mi-mute);letter-spacing:.04em}
.mi-mega-pick img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;margin-bottom:10px}
.mi-mega-pick h4{font-size:16px;margin:6px 0 0;line-height:1.3}
/* mobile header */
.mi-mhead{display:none}
@media(max-width:1023px){
  .mi-header,.mi-navbar{display:none}
  .mi-mhead{display:block;background:var(--mi-paper);border-bottom:1px solid var(--mi-ink)}
  .mi-mbar{display:flex;align-items:center;justify-content:space-between;padding:10px var(--mi-gut)}
  .mi-mbar .mi-wm-w{font-size:26px}
  .mi-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 var(--mi-gut) 12px;font:600 12px/1 var(--mi-display);letter-spacing:.08em;text-transform:uppercase}
  .mi-rail::-webkit-scrollbar{display:none}
  .mi-rail a{flex:0 0 auto;border:1px solid var(--mi-ink);padding:8px 11px;color:var(--mi-ink)}
  .mi-rail a.on{background:var(--mi-ink);color:var(--mi-paper)}
}
/* search panel */
.mi-search{display:none;background:var(--mi-white);border-bottom:1px solid var(--mi-ink)}
.mi-search.open{display:block}
.mi-search .mi-wrap{padding-top:16px;padding-bottom:16px}
.mi-sform{display:flex;align-items:center;gap:12px;border:1px solid var(--mi-ink);padding:0 14px;background:var(--mi-paper)}
.mi-sform svg{width:18px;height:18px;flex:0 0 auto;color:var(--mi-mute)}
.mi-sform input{flex:1;border:0;background:transparent;height:48px;font:400 16px var(--mi-display);color:var(--mi-ink);outline:0;margin:0;padding:0;box-shadow:none}
/* drawer */
.mi-drawer{position:fixed;inset:0;z-index:99999;background:var(--mi-paper);overflow-y:auto;padding:0 var(--mi-gut) 40px;transform:translateX(-100%);transition:transform .25s;visibility:hidden}
.mi-drawer.open{transform:none;visibility:visible}
.mi-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0 14px;border-bottom:1px solid var(--mi-ink);margin-bottom:14px}
.mi-drawer-top .mi-wm-w{font-size:26px}
.mi-drawer details{border-bottom:1px solid var(--mi-line)}
.mi-drawer summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:16px 0;font:700 20px/1 var(--mi-display);letter-spacing:-.02em}
.mi-drawer summary::-webkit-details-marker{display:none}
.mi-drawer summary small{font:500 12px var(--mi-display);color:var(--mi-mute);margin-left:8px;letter-spacing:.04em}
.mi-drawer summary .pl{font-weight:400;color:var(--mi-terra);font-size:22px}
.mi-drawer details[open] summary .pl{transform:rotate(45deg)}
.mi-subs{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;padding:0 0 16px}
.mi-subs a{font:500 15px/1.3 var(--mi-display);padding:7px 0;color:var(--mi-ink2)}
.mi-subs a b{color:var(--mi-terra);font-weight:600}
.mi-solo{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--mi-line);font:700 20px/1 var(--mi-display);letter-spacing:-.02em}
.mi-solo small{font:500 12px var(--mi-display);color:var(--mi-mute)}
.mi-drawer-foot{display:flex;gap:10px;margin-top:22px}
.mi-drawer-foot .mi-btn{flex:1}
.mi-drawer-legal{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:22px;font:500 12px/1.6 var(--mi-display);color:var(--mi-mute)}

/* ===================== Cards & grids ===================== */
.mi-card{position:relative;display:block;color:var(--mi-ink)}
.mi-ph{position:relative;overflow:hidden;background:var(--mi-paper2)}
.mi-ph.r23{aspect-ratio:2/3}.mi-ph.r34{aspect-ratio:3/4}.mi-ph.r45{aspect-ratio:4/5}.mi-ph.r43{aspect-ratio:4/3}.mi-ph.r32{aspect-ratio:3/2}
.mi-ph img,.mi-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mi-card:hover .mi-ph img{transform:scale(1.03)}
.mi-save{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#E60023;color:#fff;font:700 12px/1 var(--mi-display);padding:7px 11px;border-radius:999px;opacity:0;transition:opacity .2s;z-index:2}
.mi-save svg{width:14px;height:14px}
.mi-card:hover .mi-save,.mi-fig:hover .mi-save{opacity:1}
.mi-meta{padding-top:12px}
.mi-card h3{font:600 17px/1.3 var(--mi-display);letter-spacing:-.01em;margin:6px 0 4px;color:var(--mi-ink)}
.mi-card:hover h3{color:var(--mi-terra)}
.mi-card p{font:400 15px/1.5 var(--mi-serif);color:var(--mi-ink2);margin:6px 0 0}
.mi-card-big h3{font-size:22px}
.mi-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.mi-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.mi-g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
@media(max-width:1023px){.mi-g4{grid-template-columns:repeat(3,minmax(0,1fr))}.mi-g6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mi-g3,.mi-g4,.mi-g6{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.mi-card h3,.mi-card-big h3{font-size:15px}.mi-meta{padding-top:9px}}
.mi-sec{padding-top:44px}
.mi-sh{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--mi-ink);padding-top:14px;margin-bottom:22px}
.mi-sh h2{font:700 28px/1.1 var(--mi-display);letter-spacing:-.025em;margin:0}
.mi-sh h2 span{color:var(--mi-terra);font-weight:500;font-size:13px;letter-spacing:.1em;margin-right:12px;vertical-align:middle}
@media(max-width:760px){.mi-sec{padding-top:36px}.mi-sh{margin-bottom:16px}.mi-sh h2{font-size:22px}.mi-link{font-size:11px}}

/* ===================== Home ===================== */
.mi-hero{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;padding:36px 0 8px}
.mi-hero-intro{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--mi-line);padding-right:24px}
.mi-hero-h{font:700 52px/1 var(--mi-display);letter-spacing:-.035em;margin:10px 0 18px;color:var(--mi-ink)}
.mi-hero-h em{font-style:normal;color:var(--mi-terra)}
.mi-hero-p{margin:0 0 22px;font-size:19px;line-height:1.6;color:var(--mi-ink2);max-width:420px}
.mi-num{font:300 88px/.9 var(--mi-display);letter-spacing:-.04em}
.mi-num small{display:block;font:600 12px/1.3 var(--mi-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mi-ink2);margin-top:10px}
@media(max-width:1100px){.mi-hero{grid-template-columns:1fr 1fr}.mi-hero-intro{grid-column:1/-1;border:0;padding:0}}
@media(max-width:760px){.mi-hero{padding-top:22px;gap:14px}.mi-hero-h{font-size:36px}.mi-hero-p{font-size:17px}.mi-num{font-size:60px;margin-bottom:10px}}
.mi-plan .mi-rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--mi-line);border:1px solid var(--mi-line)}
.mi-rooms a{background:var(--mi-paper);padding:18px 16px 16px;display:flex;flex-direction:column;gap:26px;min-height:140px;transition:background .2s;color:var(--mi-ink)}
.mi-rooms a:hover{background:var(--mi-white);color:var(--mi-ink)}
.mi-rooms .n{font:500 12px var(--mi-display);color:var(--mi-terra);letter-spacing:.08em}
.mi-rooms .t{font:700 19px/1.15 var(--mi-display);letter-spacing:-.02em}
.mi-rooms .c{font:500 11px var(--mi-display);color:var(--mi-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:auto}
@media(max-width:1023px){.mi-plan .mi-rooms{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mi-plan .mi-rooms{grid-template-columns:repeat(2,1fr)}.mi-rooms a{min-height:104px;gap:12px;padding:14px}.mi-rooms .t{font-size:16px}}
.mi-shelf{background:var(--mi-dark);color:var(--mi-paper);padding:44px 0 48px;margin-top:44px}
.mi-shelf .mi-sh{border-color:rgba(255,255,255,.35)}
.mi-shelf .mi-sh h2{color:var(--mi-paper)}.mi-shelf .mi-link{color:#e8a98f}
.mi-shelf .mi-card h3{color:var(--mi-paper);font-size:15px}
.mi-shelf .mi-card:hover h3{color:#e8a98f}
.mi-shelf .mi-kicker,.mi-shelf .mi-kicker b{color:rgba(255,255,255,.6)}
@media(max-width:760px){.mi-shelf{padding:30px 0;margin-top:36px}}
.mi-latest{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.mi-list{display:grid;gap:0}
.mi-row{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--mi-line);align-items:center;color:var(--mi-ink)}
.mi-row img{width:84px;height:112px;object-fit:cover;display:block}
.mi-row h3{font:600 16px/1.3 var(--mi-display);letter-spacing:-.01em;margin:0 0 4px}
.mi-row:hover h3{color:var(--mi-terra)}
.mi-row small{font:500 12px var(--mi-display);color:var(--mi-mute);letter-spacing:.02em}
@media(max-width:1023px){.mi-latest{grid-template-columns:1fr}.mi-latest-side{display:none}}
.mi-editor{margin-top:44px;border-top:1px solid var(--mi-ink);border-bottom:1px solid var(--mi-ink);padding:34px 0;display:grid;grid-template-columns:220px 1fr 300px;gap:40px;align-items:center}
.mi-editor .mi-ph{width:220px;height:220px}
.mi-editor .mi-ph img{filter:grayscale(1) contrast(1.05)}
.mi-editor h2{font-size:30px;margin:6px 0 12px}
.mi-editor p{margin:0 0 14px;color:var(--mi-ink2)}
.mi-links{display:flex;gap:18px;flex-wrap:wrap;font:600 12px/1.4 var(--mi-display);letter-spacing:.06em;text-transform:uppercase}
.mi-links a{border-bottom:1px solid var(--mi-terra);color:var(--mi-terra);padding-bottom:2px}
@media(max-width:1023px){.mi-editor{grid-template-columns:160px 1fr;gap:24px}.mi-editor .mi-ph{width:160px;height:160px}.mi-editor-side{display:none}}
@media(max-width:760px){.mi-editor{grid-template-columns:1fr;gap:18px;padding:26px 0;margin-top:36px}.mi-editor .mi-ph{width:120px;height:120px}.mi-editor h2{font-size:24px}}
.mi-seo{max-width:760px;margin:40px auto 0;color:var(--mi-ink2);font-size:17px}
.mi-seo h2{font-size:22px;margin:0 0 10px;color:var(--mi-ink)}

/* ===================== Archives ===================== */
.mi-crumbs{font:500 11px/1.4 var(--mi-display);letter-spacing:.06em;text-transform:uppercase;color:var(--mi-mute);margin-bottom:14px}
.mi-crumbs a{color:var(--mi-ink2)}.mi-crumbs span{margin:0 8px}
.mi-ahead{padding:34px 0 10px;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:end;border-bottom:1px solid var(--mi-ink)}
.mi-ahead h1{font-size:clamp(36px,5vw,56px);line-height:1;margin:8px 0 14px}
.mi-intro{margin:0 0 14px;font-size:18px;line-height:1.6;color:var(--mi-ink2)}
.mi-count{display:block;font:600 11px/1.4 var(--mi-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mi-ink2);margin-bottom:12px}
.mi-subnav{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 4px}
.mi-subnav a{font:600 12px/1 var(--mi-display);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--mi-ink);padding:9px 12px;color:var(--mi-ink)}
.mi-subnav a.on,.mi-subnav a:hover{background:var(--mi-ink);color:var(--mi-paper)}
.mi-subnav-gap{height:16px}
#mi-archive .mi-g3{margin-top:24px}
.mi-pin-tile{display:flex;flex-direction:column;justify-content:center;gap:14px;border:1px solid var(--mi-ink);padding:28px;background:var(--mi-white)}
.mi-pin-tile b{font:700 24px/1.1 var(--mi-display);letter-spacing:-.02em}
.mi-pager{display:flex;justify-content:center;gap:6px;margin:40px 0 0;font:500 14px var(--mi-display)}
.mi-pager .page-numbers{border:1px solid var(--mi-line);min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;color:var(--mi-ink)}
.mi-pager .page-numbers.current{background:var(--mi-ink);color:var(--mi-paper);border-color:var(--mi-ink)}
.mi-pager .page-numbers:hover{border-color:var(--mi-ink)}
#mi-archive .mi-seo{margin-top:48px}
.mi-cols2{columns:2;column-gap:40px}
.mi-empty{padding:40px 0;color:var(--mi-ink2)}
.mi-author-hero{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;padding:34px 0 24px;border-bottom:1px solid var(--mi-ink)}
.mi-author-hero .mi-ph img{filter:grayscale(1)}
.mi-author-hero h1{font-size:clamp(34px,4.5vw,52px);margin:8px 0 14px}
@media(max-width:1023px){.mi-ahead{grid-template-columns:1fr;gap:12px}.mi-author-hero{grid-template-columns:1fr;gap:16px}.mi-author-hero .mi-ph{max-width:240px}.mi-cols2{columns:1}}
@media(max-width:760px){.mi-ahead{padding-top:24px}.mi-intro{font-size:16px}.mi-subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--mi-gut)*-1);padding:14px var(--mi-gut) 4px}.mi-subnav::-webkit-scrollbar{display:none}.mi-subnav a{flex:0 0 auto}.mi-pin-tile{padding:16px}.mi-pin-tile b{font-size:19px}.mi-pin-tile .mi-btn{min-height:38px;padding:0 12px;font-size:10.5px!important}}

/* ===================== Pages, About, 404 ===================== */
.mi-page{max-width:720px;margin:0 auto;padding-top:30px}
.mi-page h1,.mi-page-head h1{font-size:clamp(32px,4.5vw,48px);line-height:1.05;margin:8px 0 22px}
.mi-page-body{font-size:18px;line-height:1.7}
.mi-page-body h2{font-size:26px;margin:36px 0 12px}
.mi-page-body h3{font-size:21px;margin:28px 0 10px}
.mi-page-body p,.mi-page-body ul,.mi-page-body ol{margin:0 0 1.2em}
.mi-page-body a{color:var(--mi-terra);text-decoration:underline;text-underline-offset:3px}
.mi-page-head{max-width:720px;margin:0 auto}
body.mi .mi-page-body.entry-content{font-family:var(--mi-serif)}
.mi-about-hero{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;margin-bottom:30px}
.mi-about-hero .mi-ph{width:260px;height:320px}
.mi-about-hero .mi-ph img{filter:grayscale(1)}
.mi-lede{font-size:20px;line-height:1.6;color:var(--mi-ink2);margin:0 0 1em}
.mi-lede::first-letter{font:700 64px/.8 var(--mi-display);float:left;margin:6px 10px 0 0;color:var(--mi-terra)}
.mi-about h2{font-size:26px;margin:36px 0 12px}
.mi-about p{margin:0 0 1.2em}
.mi-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mi-ink);border-bottom:1px solid var(--mi-ink);margin:28px 0}
.mi-facts div{padding:18px 16px 16px;border-right:1px solid var(--mi-line)}
.mi-facts div:last-child{border-right:0}
.mi-facts b{display:block;font:300 44px/1 var(--mi-display);letter-spacing:-.03em}
.mi-facts span{display:block;font:600 11px/1.4 var(--mi-display);letter-spacing:.12em;text-transform:uppercase;color:var(--mi-ink2);margin-top:8px}
.mi-about-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mi-line);border:1px solid var(--mi-line)}
.mi-about-sections a{background:var(--mi-paper);padding:16px;display:flex;flex-direction:column;gap:8px;color:var(--mi-ink)}
.mi-about-sections a:hover{background:var(--mi-white)}
.mi-about-sections b{font:700 18px/1.2 var(--mi-display);letter-spacing:-.02em}
.mi-about-sections span{font:500 11px var(--mi-display);letter-spacing:.06em;text-transform:uppercase;color:var(--mi-mute)}
@media(max-width:760px){.mi-about-hero{grid-template-columns:1fr}.mi-about-hero .mi-ph{width:100%;height:auto;aspect-ratio:4/5}.mi-facts{grid-template-columns:1fr}.mi-facts div{border-right:0;border-bottom:1px solid var(--mi-line)}.mi-facts div:last-child{border-bottom:0}.mi-about-sections{grid-template-columns:1fr 1fr}}
.mi-404{padding:50px 0 30px;max-width:720px}
.mi-404 h1{font-size:clamp(34px,5vw,56px);margin:10px 0 16px}
.mi-404 .mi-sform{margin-top:20px}

/* ===================== Single post ===================== */
body.mi.single-post #content.site-content{max-width:1180px;padding-top:26px}
body.mi.single-post .main-content{padding-left:15px;padding-right:15px}
body.mi .post-components>div,body.mi .post-content.container-wrapper,body.mi #the-post{background:transparent;border:0;box-shadow:none;padding-left:0;padding-right:0}
body.mi #breadcrumb{font:500 11px/1.4 var(--mi-display);letter-spacing:.06em;text-transform:uppercase;color:var(--mi-mute);margin:0 0 14px}
body.mi #breadcrumb a{color:var(--mi-ink2)}
body.mi #breadcrumb .delimiter{margin:0 8px;color:var(--mi-mute)}
body.mi .entry-header-outer{padding:0;margin:0 0 26px;border:0}
body.mi .entry-header{padding:0}
body.mi .post-cat-wrap{margin:0 0 10px}
body.mi .post-cat,body.mi .post-cat-wrap a{background:var(--mi-terra)!important;color:#fff!important;font:600 11px/1 var(--mi-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 8px;border-radius:0;margin:0 6px 0 0}
body.mi #the-post .entry-header .post-title{font:700 clamp(30px,4vw,42px)/1.08 var(--mi-display);letter-spacing:-.03em;margin:8px 0 18px;text-transform:none}
body.mi .single-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font:500 13px var(--mi-display);color:var(--mi-ink2);padding:12px 0;border-top:1px solid var(--mi-line);border-bottom:1px solid var(--mi-line);margin:0}
body.mi .single-post-meta .meta-item{margin:0;float:none;color:var(--mi-ink2)}
body.mi .single-post-meta .meta-item:before{display:none}
body.mi .single-post-meta .tie-alignright{float:none;display:inline-flex;gap:14px;margin-left:auto}
body.mi .single-post-meta .meta-author-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
body.mi .single-post-meta .author-name{color:var(--mi-ink);font-weight:600}
body.mi .single-post-meta .meta-comment{display:none}
body.mi .entry-content{font-family:var(--mi-serif);color:#262522}
body.mi .entry-content>p,body.mi .entry-content>ul,body.mi .entry-content>ol{font-size:18px;line-height:1.7;margin:0 0 1.2em}
body.mi .entry-content>p a,body.mi .entry-content>ul a,body.mi .entry-content>ol a{color:var(--mi-terra);text-decoration:underline;text-underline-offset:3px}
body.mi .entry-content>h2{font:700 27px/1.2 var(--mi-display);letter-spacing:-.025em;margin:44px 0 14px;display:grid;grid-template-columns:52px 1fr;align-items:baseline;text-transform:none}
body.mi .entry-content>h2 .mi-no{font:500 12px/1 var(--mi-display);letter-spacing:.1em;color:var(--mi-terra);white-space:nowrap}
body.mi .entry-content>h2 .mi-no i{font-style:normal;color:var(--mi-mute);font-weight:400}
body.mi .entry-content>h3{font:700 22px/1.25 var(--mi-display);letter-spacing:-.02em;margin:32px 0 12px}
body.mi .entry-content>h4{font:700 15px/1.3 var(--mi-display);letter-spacing:.08em;text-transform:uppercase;margin:26px 0 10px}
body.mi .entry-content img{border-radius:0}
body.mi .entry-content>p>img,body.mi .entry-content>figure img{width:100%;height:auto}
body.mi .entry-content blockquote{border:0;border-left:2px solid var(--mi-terra);background:var(--mi-white);padding:18px 22px;font:italic 400 21px/1.45 var(--mi-serif);color:var(--mi-ink)}
body.mi .entry-content>p:first-of-type:first-letter{float:left;font:700 64px/.8 var(--mi-display);margin:6px 10px 0 0;color:var(--mi-terra)}
body.mi .post-footer,body.mi .post-bottom-meta{border:0;background:transparent;padding-left:0;padding-right:0}
body.mi .post-bottom-meta .post-bottom-meta-title{font:600 11px/1.4 var(--mi-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mi-ink2)}
/* author box (overrides Jannah's about-author) */
body.mi .about-author.mi-author{margin:44px 0 0;border:0;border-top:1px solid var(--mi-ink);padding:26px 0;display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;background:transparent}
.mi-author-ph img{width:110px;height:110px;object-fit:cover;filter:grayscale(1);display:block}
body.mi .mi-author h3{font:700 22px/1.1 var(--mi-display);letter-spacing:-.02em;margin:4px 0 8px}
body.mi .mi-author p{margin:0 0 12px;color:var(--mi-ink2);font-size:16px}
/* related (Jannah "You may also like" block) */
body.mi .related-posts,body.mi #related-posts{border:0;background:transparent;padding:0;margin-top:40px}
body.mi .related-posts .mag-box-title,body.mi #related-posts .mag-box-title{border-top:1px solid var(--mi-ink);padding-top:14px;margin-bottom:18px}
body.mi .related-posts .mag-box-title h3,body.mi #related-posts .mag-box-title h3{font:700 24px/1.1 var(--mi-display);letter-spacing:-.025em}
body.mi .related-posts .post-title,body.mi #related-posts .post-title{font:600 15px/1.3 var(--mi-display)}
/* sidebar (desktop only) */
.mi-sidebar{padding-left:30px}
.mi-side-in{position:relative}
.mi-box{border-top:1px solid var(--mi-ink);padding:12px 0 18px;margin-bottom:22px}
.mi-box h4,.mi-widget-title,.mi-sidebar .widget-title{font:600 11px/1.4 var(--mi-display)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mi-ink2);margin:0 0 12px;background:transparent;border:0;padding:0}
.mi-sidebar .widget-title .the-subtitle{background:transparent;color:var(--mi-ink2);font:inherit;padding:0}
.mi-mini-me{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;color:var(--mi-ink)}
.mi-mini-me img{width:56px;height:56px;object-fit:cover;filter:grayscale(1);display:block}
.mi-mini-me b{display:block;font:600 15px/1.2 var(--mi-display)}
.mi-mini-me small{display:block;font:400 13px/1.4 var(--mi-serif);color:var(--mi-ink2)}
.mi-sidebar .mi-widget,.mi-sidebar .widget{border-top:1px solid var(--mi-ink);padding:12px 0 18px;margin-bottom:22px;background:transparent;box-shadow:none}
.mi-sidebar .mi-widget ul,.mi-sidebar .widget ul{list-style:none;margin:0;padding:0}
.mi-sidebar .mi-widget li,.mi-sidebar .widget li{font:500 14px/1.4 var(--mi-display);padding:8px 0;border-bottom:1px solid var(--mi-line)}
@media(max-width:1199px){
  body.mi.single-post .main-content.tie-col-md-8{width:100%;max-width:790px;float:none;margin:0 auto}
  .mi-sidebar{display:none!important}
}
@media(max-width:760px){
  body.mi.single-post #content.site-content{padding-top:14px}
  body.mi.single-post .main-content{padding-left:var(--mi-gut)!important;padding-right:var(--mi-gut)!important}
  body.mi #the-post .entry-content,body.mi #the-post .entry-header-outer,body.mi #the-post .entry-header{padding-left:0!important;padding-right:0!important;margin-left:0;margin-right:0}
  body.mi #the-post .entry-header .post-title{font-size:29px;margin:10px 0 14px}
  body.mi .single-post-meta{font-size:12px;gap:6px 12px}
  body.mi .single-post-meta .tie-alignright{margin-left:0}
  body.mi .entry-content>p,body.mi .entry-content>ul,body.mi .entry-content>ol{font-size:17px;line-height:1.65}
  body.mi .entry-content>h2{font-size:22px;grid-template-columns:44px 1fr;margin:34px 0 12px}
  body.mi .entry-content>h2 .mi-no{font-size:10px}
  body.mi .entry-content>h2 .mi-no i{display:none}
  body.mi .entry-content>h3{font-size:19px}
  body.mi .entry-content>p:first-of-type:first-letter{font-size:52px}
  body.mi .about-author.mi-author{grid-template-columns:80px 1fr;gap:16px}.mi-author-ph img{width:80px;height:80px}
}
/* Nothing of the theme may sit fixed at the bottom of phones: Ezoic's anchor needs that space.
   Jannah's mobile share bar and the back-to-top button are hidden; the Pinterest "Save" on images (ESSB) stays. */
@media(max-width:1023px){
  body.mi #share-buttons-mobile,body.mi .share-buttons-mobile,body.mi #go-to-top,body.mi .a2a_floating_style{display:none!important}
  body.mi .essb_displayed_sidebar,body.mi .essb_sidebar_position_left,body.mi .essb_displayed_sidebar_right{display:none!important}
}
/* Jannah's sticky single-post bar (orange) is turned off in theme options; belt and braces: */
body.mi .has-custom-sticky-menu #main-nav,body.mi #sticky-nav{display:none!important}

/* ===================== Footer ===================== */
.mi-footer{background:var(--mi-dark);color:var(--mi-paper);margin-top:56px;padding:48px 0 28px}
.mi-foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:32px}
.mi-foot-big{font:800 30px/1 var(--mi-display);letter-spacing:-.03em;color:var(--mi-paper);display:inline-block}
.mi-foot-big i{font-style:normal;color:#e8a98f}
.mi-footer p{color:rgba(255,255,255,.6);font-size:15px;line-height:1.6;margin:10px 0 18px;max-width:300px}
.mi-footer h5{font:600 11px/1.4 var(--mi-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 12px}
.mi-footer h5 a{color:rgba(255,255,255,.55)}
.mi-footer ul{list-style:none;margin:0;padding:0;font:500 14px/2 var(--mi-display)}
.mi-footer ul a{color:var(--mi-paper)}.mi-footer ul a:hover{color:#e8a98f}
.mi-foot-legal{border-top:1px solid rgba(255,255,255,.18);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;font:500 12px/1.5 var(--mi-display);color:rgba(255,255,255,.5);letter-spacing:.04em}
@media(max-width:1023px){.mi-foot-cols{grid-template-columns:1fr 1fr 1fr}.mi-foot-about{grid-column:1/-1}}
@media(max-width:760px){.mi-footer{margin-top:44px;padding-top:40px}.mi-foot-cols{grid-template-columns:1fr 1fr;gap:24px}.mi-foot-legal{flex-direction:column;gap:6px}}
/* Jannah's own footer pieces are not printed (templates/footer.php override); hide its copyright strip if a plugin adds one */
body.mi #site-info,body.mi .site-info{display:none}