/*
Theme Name:   Jannah Child — Jaxomo (Washi Ledger)
Template:     jannah
Description:  Redesign for jaxomo.com, «Washi Ledger»: Japanese–Scandinavian minimal magazine — rice-paper ground, sumi ink, deep teal and coral; Shippori Mincho B1 for headlines, Zen Kaku Gothic New for text; coral hanko logo, outlined index numbers, vertical section labels. All visual changes live here; the parent Jannah theme stays untouched. Ad containers (Ezoic placeholders, AdSense, Flat PM, idealmedia) are never hidden by this stylesheet.
Version:      1.0.0
Text Domain:  jannah-child
*/

/* ===================== Fonts (self-hosted latin subsets) ===================== */
@font-face{font-family:"Shippori Mincho B1";src:url(fonts/shippori-mincho-b1-800-latin.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Shippori Mincho B1";src:url(fonts/shippori-mincho-b1-700-latin.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url(fonts/zen-kaku-gothic-new-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url(fonts/zen-kaku-gothic-new-500-latin.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url(fonts/zen-kaku-gothic-new-700-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Mincho-fb";src:local("Georgia");size-adjust:103%;ascent-override:88%;descent-override:24%}
@font-face{font-family:"Gothic-fb";src:local("Arial");size-adjust:99%;ascent-override:96%;descent-override:26%}

/* ===================== Tokens ===================== */
:root{
  --jx-paper:#F3EEE4; --jx-paper2:#EBE4D6; --jx-card:#F8F4EC; --jx-ink:#1C1F1E; --jx-ink2:#3A3D3B; --jx-mute:#6B6A63;
  --jx-teal:#0E4D4B; --jx-teal2:#0B3D3B; --jx-coral:#EE6A50; --jx-coral-d:#C94F37; --jx-blush:#F7B9A9; --jx-line:#D6CDBC; --jx-pin:#E60023;
  --jx-serif:"Shippori Mincho B1","Mincho-fb",Georgia,"Times New Roman",serif;
  --jx-sans:"Zen Kaku Gothic New","Gothic-fb",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --jx-wrap:1240px; --jx-gut:24px;
}
@media(max-width:760px){:root{--jx-gut:16px}}

/* ===================== Base + Jannah resets ===================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.jx-lock{overflow:hidden}
body.jx{background:var(--jx-paper)!important;background-image:none!important;color:var(--jx-ink);font:400 17px/1.7 var(--jx-sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.jx .background-overlay,body.jx #tie-container,body.jx #tie-wrapper{background:transparent!important}
body.jx #tie-wrapper{overflow:visible}
body.jx #tie-container{overflow:clip}
body.jx.boxed-layout #tie-wrapper,body.jx.framed-layout #tie-wrapper{max-width:none!important;width:auto!important;margin:0!important;box-shadow:none!important;border:0!important}
body.jx,body.jx button,body.jx input,body.jx select,body.jx textarea{font-family:var(--jx-sans)}
body.jx h1,body.jx h2,body.jx h3,body.jx h4,body.jx h5,body.jx h6,body.jx .the-global-title,body.jx .post-title{font-family:var(--jx-serif);color:var(--jx-ink);letter-spacing:-.01em}
body.jx a{color:inherit}
.jx img{max-width:100%;height:auto}
.jx-top *,.jx-foot *,.jx-wrap *{box-sizing:border-box}
.jx-wrap{max-width:var(--jx-wrap);margin:0 auto;padding:0 var(--jx-gut)}
body.jx-full #content.site-content{max-width:none;width:auto;padding:0;margin:0}
body.jx-full #main-content-row{display:block;margin:0}
body.jx .container-wrapper{background:transparent;border:0;box-shadow:none}
body.jx .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
body.jx #theme-header,body.jx #footer-widgets-container,body.jx .site-info,body.jx .side-aside,body.jx #go-to-top,body.jx #breadcrumb,body.jx .post-cat-wrap,body.jx .single-post-meta{display:none!important}

/* ===================== Small parts ===================== */
.jx-kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px/1.3 var(--jx-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--jx-teal)}
.jx-kicker:before{content:"";width:28px;height:2px;background:var(--jx-coral);flex:none}
.jx-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid var(--jx-ink);border-radius:99px;background:transparent;color:var(--jx-ink)!important;font:500 13px/1 var(--jx-sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jx-btn:hover{background:var(--jx-ink);color:var(--jx-paper)!important}
.jx-btn.co{background:var(--jx-teal);border-color:var(--jx-teal);color:var(--jx-paper)!important}
.jx-btn.co:hover{background:var(--jx-teal2)}
.jx-btn.cr{background:var(--jx-coral);border-color:var(--jx-coral);color:#fff!important}
.jx-btn.cr:hover{background:var(--jx-coral-d);border-color:var(--jx-coral-d)}
.jx-btn svg{width:15px;height:15px;flex:none}
.jx-crumbs{font:400 12px/1.5 var(--jx-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--jx-mute);margin:0 0 12px}
.jx-crumbs a{text-decoration:none!important}.jx-crumbs a:hover{color:var(--jx-teal)}
.jx-crumbs b{color:var(--jx-teal);font-weight:500}
.jx-num{font:800 40px/1 var(--jx-serif);color:transparent;-webkit-text-stroke:1.2px var(--jx-teal)}

/* ===================== Header ===================== */
.jx-top{position:relative;z-index:50;background:var(--jx-paper);border-bottom:1px solid var(--jx-line)}
.jx-mast{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.jx-logo{display:flex;align-items:center;color:var(--jx-ink)!important;text-decoration:none!important;flex:none}
.jx-logo svg{display:block;height:36px;width:auto}
.jx-nav ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.jx-nav li{position:relative;list-style:none}
.jx-nav li>a{display:block;padding:26px 13px;font:500 14px/24px var(--jx-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--jx-ink)!important;text-decoration:none!important}
.jx-nav li>a:hover,.jx-nav li.on>a{color:var(--jx-teal)!important;box-shadow:inset 0 -2px var(--jx-coral)}
.jx-sub{display:none;position:absolute;left:0;top:100%;min-width:240px;padding:10px 0;background:var(--jx-card);border:1px solid var(--jx-line);border-top:2px solid var(--jx-teal);box-shadow:0 18px 30px rgba(28,31,30,.08)}
.jx-nav li:hover .jx-sub,.jx-nav li:focus-within .jx-sub{display:block}
.jx-sub a{display:flex;justify-content:space-between;gap:16px;padding:8px 18px;font:400 15px/1.35 var(--jx-sans);color:var(--jx-ink)!important;text-decoration:none!important}
.jx-sub a:hover{color:var(--jx-coral-d)!important;background:var(--jx-paper)}
.jx-sub small{color:var(--jx-mute);font-size:12px}
.jx-tools{display:flex;align-items:center;gap:10px}
.jx-ico{width:40px;height:40px;border-radius:50%;border:1px solid var(--jx-line);display:grid;place-items:center;color:var(--jx-ink)!important;background:transparent}
.jx-ico svg{width:17px;height:17px}
.jx-ico:hover{border-color:var(--jx-ink)}
.jx-burger{display:none}
.jx-search{display:none;border-top:1px solid var(--jx-line);background:var(--jx-card);padding:14px 0}
.jx-search.open{display:block}
.jx-sform{display:flex;align-items:center;gap:10px;border:1px solid var(--jx-line);background:#fff;border-radius:99px;padding:0 16px;max-width:640px}
.jx-sform svg{width:18px;height:18px;color:var(--jx-mute);flex:none}
.jx-sform input{flex:1;border:0!important;background:transparent!important;padding:12px 0!important;font:400 16px var(--jx-sans)!important;outline:0;box-shadow:none!important}
.jx-drawer{display:none}

/* ===================== Home ===================== */
.jx-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;padding:44px 0 32px;align-items:start}
.jx-lead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;text-decoration:none!important;color:var(--jx-ink)!important}
.jx-lead .jx-ph img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.jx-lead h2{font:800 clamp(30px,3.3vw,46px)/1.06 var(--jx-serif)!important;letter-spacing:-.02em;margin:14px 0 16px;text-wrap:balance}
.jx-lead .d{display:block;color:var(--jx-mute);margin:0 0 18px;font-size:16px}
.jx-lead:hover h2{color:var(--jx-teal)}
.jx-list{border-top:2px solid var(--jx-ink)}
.jx-list h3{font:700 13px/1 var(--jx-sans)!important;letter-spacing:.2em;text-transform:uppercase;margin:16px 0 4px}
.jx-li{display:grid;grid-template-columns:64px minmax(0,1fr) 72px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--jx-line);text-decoration:none!important;color:var(--jx-ink)!important}
.jx-li .jx-num{font-size:40px}
.jx-list .jx-li:first-of-type .jx-num{color:var(--jx-coral);-webkit-text-stroke:0}
.jx-li small{display:block;color:var(--jx-mute);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.jx-li b{display:block;font:700 17px/1.3 var(--jx-serif)}
.jx-li:hover b{color:var(--jx-teal)}
.jx-li-ph img{display:block;width:72px;height:90px;object-fit:cover}
.jx-hubs{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0;border-top:1px solid var(--jx-line);border-bottom:1px solid var(--jx-line)}
.jx-hubs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--jx-line);border-radius:99px;background:var(--jx-card);font:400 14px/1.2 var(--jx-sans);color:var(--jx-ink)!important;text-decoration:none!important;white-space:nowrap}
.jx-hubs a span{color:var(--jx-coral-d);font-size:12px}
.jx-hubs a:hover,.jx-hubs a.on{border-color:var(--jx-teal);color:var(--jx-teal)!important}
.jx-hubs a.on{background:#fff}
.jx-sec{padding:52px 0 8px}
.jx-sech{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:2px solid var(--jx-ink);margin-bottom:28px}
.jx-sech h2{font:800 clamp(30px,4vw,52px)/1.02 var(--jx-serif)!important;letter-spacing:-.02em;margin:0 0 12px!important}
.jx-sech h2 em{font-style:normal;color:var(--jx-coral)}
.jx-sech a{font:500 13px/1 var(--jx-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--jx-teal)!important;text-decoration:none!important;white-space:nowrap}
.jx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.jx-grid.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.jx-card{display:block;position:relative;text-decoration:none!important;color:var(--jx-ink)!important}
.jx-card .jx-ph{display:block;position:relative;background:var(--jx-paper2)}
.jx-card .jx-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.jx-vt{position:absolute;left:-12px;top:14px;writing-mode:vertical-rl;background:var(--jx-paper);padding:10px 4px;font:500 11px/1 var(--jx-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--jx-teal)}
.jx-tx{display:block}
.jx-card h3{font:700 21px/1.25 var(--jx-serif)!important;margin:16px 0 8px!important;text-wrap:pretty}
.jx-card p{margin:0;color:var(--jx-mute);font-size:15px;line-height:1.6}
.jx-meta{display:block;margin-top:12px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--jx-mute)}
.jx-card:hover h3{color:var(--jx-teal)}
.g4 .jx-card h3{font-size:18px!important}
.g4 .jx-vt{display:none}
.jx-band{background:var(--jx-teal);color:var(--jx-paper);margin-top:64px;padding:4px 0 56px}
.jx-band .jx-sech{border-color:var(--jx-paper)}
.jx-band .jx-sech h2,.jx-band .jx-card,.jx-band .jx-card h3{color:var(--jx-paper)!important}
.jx-band .jx-sech a{color:var(--jx-blush)!important}
.jx-band .jx-card p,.jx-band .jx-meta{color:#B9CFCB}
.jx-band .jx-vt{background:var(--jx-teal);color:var(--jx-blush)}
.jx-band .jx-card:hover h3{color:var(--jx-blush)!important}
.jx-editor{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:28px;align-items:center;border-top:2px solid var(--jx-ink);border-bottom:1px solid var(--jx-line);padding:28px 0;margin:64px 0 0}
.jx-editor img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.jx-editor h2{font:800 28px/1.1 var(--jx-serif)!important;margin:6px 0!important}
.jx-editor p{margin:0;color:var(--jx-mute)}

/* ===================== Archives ===================== */
.jx-ahead{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:end;padding:44px 0 28px;border-bottom:2px solid var(--jx-ink)}
.jx-ahead h1{font:800 clamp(44px,6.4vw,92px)/.95 var(--jx-serif)!important;letter-spacing:-.03em;margin:8px 0 0!important}
.jx-ahead h1 em{font-style:normal;color:var(--jx-coral)}
.jx-ahead h1 small{font:500 14px var(--jx-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--jx-mute);vertical-align:middle}
.jx-ahead-sm{border-top:2px solid var(--jx-ink);margin-top:40px;padding-top:28px}
.jx-ahead-sm h1{font-size:clamp(32px,4vw,52px)!important}
.jx-intro{margin:0;color:var(--jx-ink2);font-size:17px}
.jx-count{display:block;margin-top:14px;font:700 13px/1 var(--jx-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--jx-teal)}
#jx-archive .jx-hubs{border-top:0}
.jx-agrid{padding-top:36px}
.jx-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.jx-card.wide .jx-tx{align-self:center}
.jx-card.wide h3{font-size:32px!important;line-height:1.1}
.jx-pager{display:flex;justify-content:center;margin:56px 0}
.jx-pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;margin:0 4px;padding:0 14px;border:1px solid var(--jx-line);border-radius:99px;color:var(--jx-ink)!important;text-decoration:none!important;font-size:15px}
.jx-pager .page-numbers.current{background:var(--jx-ink);color:var(--jx-paper)!important;border-color:var(--jx-ink)}
.jx-pager .page-numbers:hover{border-color:var(--jx-ink)}
.jx-empty{padding:40px 0;color:var(--jx-mute)}
.jx-seo{border-top:2px solid var(--jx-ink);margin-top:40px;padding:36px 0 8px}
.jx-seo>h2{font:800 32px/1.15 var(--jx-serif)!important;margin:0 0 16px!important}
.jx-seo-body{columns:2;column-gap:56px;color:var(--jx-ink2)}
.jx-seo-body>*{break-inside:avoid}
.jx-seo-body h3{font:700 20px/1.3 var(--jx-serif)!important;margin:0 0 6px!important;padding-top:14px}
.jx-seo-body p{margin:0 0 12px}
.jx-seo-body details{border-bottom:1px solid var(--jx-line);padding:12px 0;break-inside:avoid}
.jx-seo-body summary{font:700 17px/1.35 var(--jx-serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}
.jx-seo-body summary::-webkit-details-marker{display:none}
.jx-seo-body summary:after{content:"+";color:var(--jx-coral);font-size:22px;line-height:1}
.jx-seo-body details[open] summary:after{content:"–"}
.jx-seo-body details p{margin:8px 0 0}

/* ===================== Single post (Jannah markup, restyled) ===================== */
body.jx.single-post #content.site-content{max-width:var(--jx-wrap);padding:0 var(--jx-gut);margin:0 auto}
body.jx.single-post #main-content-row{display:flex;gap:64px;align-items:flex-start;margin:0}
body.jx.single-post .main-content.tie-col-md-8{flex:1;min-width:0;width:auto;max-width:760px;float:none;padding:0;margin:0}
body.jx #the-post.post-content,body.jx #the-post{padding:0;background:transparent;border:0;box-shadow:none}
body.jx #the-post .entry-header-outer{padding:40px 0 0;margin:0;border:0;background:transparent}
body.jx .entry-header{padding:0}
body.jx.single-post .entry-header .post-title,body.jx #the-post .entry-header .post-title{font:800 clamp(34px,4.6vw,58px)/1.05 var(--jx-serif)!important;letter-spacing:-.02em!important;color:var(--jx-ink)!important;margin:6px 0 0;text-wrap:balance}
body.jx .jx-dek,body.jx .entry-header .entry-sub-title{font:400 20px/1.55 var(--jx-sans);color:var(--jx-ink2);margin:16px 0 0}
.jx-by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:20px 0 0;padding:12px 0;border-top:1px solid var(--jx-line);border-bottom:1px solid var(--jx-line);font-size:14px;color:var(--jx-mute)}
.jx-by img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.jx-by a{text-decoration:none!important}
.jx-by b{color:var(--jx-ink)}
.jx-sp{flex:1}
.jx-cover{margin:24px 0 8px!important}
.jx-cover img{display:block;width:100%;height:auto!important;aspect-ratio:4/5;max-height:min(820px,88vh);object-fit:cover}
/* Jannah prints its typography option inline (#the-post .entry-content p{font-size:…}): outrank it */
body.jx #the-post .entry-content,body.jx #the-post .entry-content p{font-size:19px;line-height:1.8;color:var(--jx-ink)}
body.jx #the-post .entry-content p a:not(.shortc-button),body.jx #the-post .entry-content li a:not(.shortc-button){color:var(--jx-teal)!important;text-decoration:underline;text-decoration-color:var(--jx-coral);text-decoration-thickness:1.5px;text-underline-offset:3px}
body.jx #the-post .entry-content h2{font:800 30px/1.2 var(--jx-serif)!important;letter-spacing:-.01em!important;margin:2em 0 .6em!important;scroll-margin-top:90px}
body.jx #the-post .entry-content h2:before{content:"";display:block;width:36px;height:3px;background:var(--jx-coral);margin-bottom:14px}
body.jx #the-post .entry-content h2.jx-idea:before{content:attr(data-n);width:auto;height:auto;background:none;margin-bottom:8px;font:800 34px/1 var(--jx-serif);color:transparent;-webkit-text-stroke:1.1px var(--jx-teal)}
body.jx #the-post .entry-content h3{font:700 22px/1.3 var(--jx-serif)!important}
body.jx .entry-content figure,body.jx .entry-content .wp-caption{max-width:100%!important;margin:0 auto 24px!important;text-align:center;float:none!important}
body.jx .entry-content img{display:block;margin-left:auto!important;margin-right:auto!important;float:none!important;height:auto}
body.jx .entry-content .alignleft,body.jx .entry-content .alignright,body.jx .entry-content .alignnone{float:none!important;margin-left:auto!important;margin-right:auto!important}
body.jx .entry-content .wp-caption-text,body.jx .entry-content figcaption{font-size:13px!important;color:var(--jx-mute)!important;text-align:center!important;margin-top:8px;padding:0}
body.jx .entry-content [class*="ezoic-pub-ad-placeholder"]{margin-left:auto;margin-right:auto}
body.jx .entry-content ul,body.jx .entry-content ol{padding-left:22px}
body.jx .entry-content li::marker{color:var(--jx-coral)}
body.jx .entry-content blockquote{border:0;border-left:3px solid var(--jx-coral);background:var(--jx-card);padding:16px 22px;font:700 20px/1.5 var(--jx-serif);color:var(--jx-ink)}
body.jx .entry-content blockquote:before{display:none}
.jx-more{border-top:2px solid var(--jx-ink);margin:48px 0 0;padding-top:16px}
.jx-more b{font:700 13px/1 var(--jx-sans);letter-spacing:.18em;text-transform:uppercase}
.jx-more ul{list-style:none!important;margin:12px 0 0!important;padding:0!important;columns:2;column-gap:32px}
.jx-more li{list-style:none!important;break-inside:avoid;border-bottom:1px solid var(--jx-line);padding:9px 0!important;margin:0!important;font:700 16px/1.35 var(--jx-serif)}
.jx-more li:before{display:none!important}
.jx-more li a{color:var(--jx-ink)!important;text-decoration:none!important}
.jx-more li a:before{content:"→ ";color:var(--jx-coral)}
.jx-more li a:hover{color:var(--jx-teal)!important}
body.jx .jx-abox{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;margin:40px 0 0;padding:24px!important;background:var(--jx-card)!important;border:1px solid var(--jx-line)!important;border-radius:0}
body.jx .jx-abox img{width:96px;height:96px;border-radius:50%;object-fit:cover}
body.jx .jx-abox h4{font:800 22px/1.2 var(--jx-serif)!important;margin:6px 0!important}
body.jx .jx-abox h4 a{color:var(--jx-ink)!important;text-decoration:none!important}
body.jx .jx-abox p{margin:0 0 14px;color:var(--jx-ink2);font-size:15px}
body.jx #related-posts .the-global-title,body.jx #comments .the-global-title,body.jx .comment-reply-title{font:800 28px/1.15 var(--jx-serif)!important;border:0!important;padding-bottom:10px;border-bottom:2px solid var(--jx-ink)!important}
body.jx #related-posts .the-global-title:after,body.jx .comment-reply-title:after,body.jx #comments .the-global-title:after{display:none}
body.jx #related-posts .post-title{font:700 17px/1.3 var(--jx-serif)!important}
body.jx #related-posts .post-title a{color:var(--jx-ink);text-decoration:none}
body.jx #related-posts .post-meta{display:none}
body.jx .comment-form input[type=submit],body.jx .comment-form .submit{background:var(--jx-teal);border-radius:99px;font:500 14px var(--jx-sans);letter-spacing:.08em;text-transform:uppercase}
body.jx .comment-form input,body.jx .comment-form textarea{border-radius:2px;background:var(--jx-card);border-color:var(--jx-line)}
/* sidebar */
.jx-side-col{flex:0 0 300px;width:300px!important;max-width:300px;padding:44px 0 0!important;float:none!important;position:relative;z-index:3}
.jx-wid{border-top:2px solid var(--jx-ink);padding-top:14px;margin-bottom:36px}
.jx-wid>b{font:700 13px/1 var(--jx-sans);letter-spacing:.18em;text-transform:uppercase}
.jx-wid .jx-li{grid-template-columns:40px minmax(0,1fr) 54px;gap:12px}
.jx-wid .jx-li .jx-num{font-size:28px}
.jx-wid .jx-li b{font-size:15px}
.jx-wid .jx-li-ph img{width:54px;height:68px}
.jx-me p{font-size:15px;color:var(--jx-ink2);margin:10px 0 14px}
.jx-side-widgets ul,.jx-side-widgets ol{list-style:none!important;margin:0!important;padding:0!important}
.jx-side-widgets li{list-style:none!important;margin:0!important;padding:8px 0!important;border-bottom:1px solid var(--jx-line)}
.jx-side-widgets li:before{display:none!important;content:none!important}

/* ===================== Author + pages ===================== */
.jx-prof{display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:center;padding:48px 0;border-bottom:2px solid var(--jx-ink)}
.jx-pic{position:relative}
.jx-pic>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.jx-pname{font:800 clamp(44px,6vw,84px)/.95 var(--jx-serif)!important;letter-spacing:-.03em;margin:10px 0 18px!important}
.jx-pintro{font-size:18px;color:var(--jx-ink2);max-width:620px;margin:0}
.jx-facts{display:flex;gap:36px;margin:22px 0}
.jx-facts div{font:400 12px/1.3 var(--jx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--jx-mute)}
.jx-facts b{display:block;font:800 36px/1 var(--jx-serif);color:var(--jx-teal);letter-spacing:0;margin-bottom:4px}
.jx-video{position:relative;display:block;width:100%;margin-top:16px;padding:0;border:0;background:var(--jx-ink);cursor:pointer;aspect-ratio:9/16;max-height:520px;overflow:hidden}
.jx-video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.jx-video span{position:absolute;inset:0;display:grid;place-items:center}
.jx-video span svg{width:64px;height:64px;padding:16px;border-radius:50%;background:var(--jx-coral);color:#fff}
.jx-pic iframe{width:100%;aspect-ratio:9/16;max-height:520px;border:0;margin-top:16px}
.jx-pagehead{max-width:760px;margin:0 auto;padding:48px 0 8px}
.jx-pagehead h1{font:800 clamp(40px,5vw,68px)/1 var(--jx-serif)!important;letter-spacing:-.03em;margin:8px 0 20px!important}
.jx-upd{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--jx-mute);border-top:1px solid var(--jx-line);border-bottom:1px solid var(--jx-line);padding:10px 0;margin:0}
.jx-infonav{max-width:760px;margin:0 auto;border-top:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
#jx-page .jx-prof+.jx-infonav{max-width:none}
.jx-doc{max-width:760px;margin:0 auto;padding:28px 0 24px}
.jx-doc-h{font:800 32px/1.15 var(--jx-serif)!important;margin:0 0 12px!important}
body.jx .jx-prose,body.jx .jx-prose p,body.jx .jx-prose li{font-size:18px;line-height:1.8;color:var(--jx-ink2)}
body.jx .jx-prose h2{font:800 26px/1.2 var(--jx-serif)!important;margin:1.6em 0 .4em!important;color:var(--jx-ink)}
body.jx .jx-prose h3{font:700 21px/1.3 var(--jx-serif)!important}
body.jx .jx-prose a{color:var(--jx-teal)!important;text-decoration:underline;text-decoration-color:var(--jx-coral);text-underline-offset:3px}
body.jx .jx-prose input,body.jx .jx-prose textarea{background:var(--jx-card);border:1px solid var(--jx-line);border-radius:2px}
body.jx .jx-prose input[type=submit],body.jx .jx-prose button{background:var(--jx-teal);color:var(--jx-paper);border:0;border-radius:99px;padding:12px 22px;font:500 14px var(--jx-sans);letter-spacing:.08em;text-transform:uppercase}
.jx-404{text-align:center;padding:64px var(--jx-gut) 40px}
.jx-404 .jx-num{font-size:clamp(110px,18vw,180px)}
.jx-404 h1{font:800 clamp(34px,5vw,60px)/1.05 var(--jx-serif)!important;margin:12px 0!important}
.jx-404 p{color:var(--jx-mute)}
.jx-404 .jx-sform{margin:24px auto}
.jx-404 .jx-hubs{justify-content:center;border:0}

/* ===================== Footer ===================== */
.jx-foot{background:var(--jx-ink);color:#CFC8BA;padding:56px 0 24px;margin-top:72px}
.jx-fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.jx-foot .jx-logo{color:var(--jx-paper)!important}
.jx-fabout p{font-size:15px;max-width:360px;margin:16px 0 18px;color:#CFC8BA}
.jx-foot h4{font:700 13px/1.2 var(--jx-sans)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--jx-paper)!important;margin:4px 0 12px!important}
.jx-foot ul{list-style:none;margin:0;padding:0}
.jx-foot li{padding:0;list-style:none}
.jx-foot li a{display:block;padding:6px 0;font-size:16px;color:#E6DFD2!important;text-decoration:none!important}
.jx-foot li.jx-fsub a{padding:3px 0 3px 14px;font-size:14px;color:#AFA899!important}
.jx-foot li a:hover{color:var(--jx-coral)!important}
.jx-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:36px;padding-top:18px!important;border-top:1px solid #3A3D3B;font-size:13px;color:#9E978A}

/* Icon font: same file as Jannah, redeclared with font-display:swap */
@font-face{font-family:'tiefonticon';src:url("../jannah/assets/fonts/tielabs-fonticon/tielabs-fonticon.woff?ciufdj") format("woff"),url("../jannah/assets/fonts/tielabs-fonticon/tielabs-fonticon.ttf?ciufdj") format("truetype");font-weight:normal;font-style:normal;font-display:swap}

/* ===================== Responsive ===================== */
@media(max-width:1180px){
  .jx-nav li>a{padding:26px 9px;font-size:13px}
  .jx-follow{display:none}
}
@media(max-width:1100px){
  body.jx.single-post #main-content-row{display:block}
  body.jx.single-post .main-content.tie-col-md-8{margin:0 auto}
  .jx-side-col{display:none!important}
  .jx-grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jx-fgrid{grid-template-columns:1fr 1fr}
  .jx-fabout{grid-column:1/-1}
}
@media(max-width:900px){
  .jx-nav{display:none}
  .jx-burger{display:grid}
  .jx-follow{display:inline-flex}
  .jx-drawer.open{display:block;position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 64px);overflow-y:auto;background:var(--jx-paper);border-bottom:2px solid var(--jx-ink);padding:6px 0 22px;box-shadow:0 20px 30px rgba(28,31,30,.12)}
  .jx-dsec{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 8px;border-top:1px solid var(--jx-line);font:800 22px/1.2 var(--jx-serif);color:var(--jx-ink)!important;text-decoration:none!important}
  .jx-dsec small{font:400 12px var(--jx-sans);color:var(--jx-mute)}
  .jx-dchips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 14px}
  .jx-dchips a{padding:8px 12px;border:1px solid var(--jx-line);border-radius:99px;background:var(--jx-card);font-size:14px;color:var(--jx-ink)!important;text-decoration:none!important}
  .jx-drawer p{margin:10px 0 0}
  .jx-hero{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
  body.jx{font-size:16px}
  .jx-mast{height:60px;gap:12px}
  .jx-logo svg{height:30px}
  .jx-follow{display:none}
  .jx-ico{width:38px;height:38px}
  .jx-hero{padding:16px 0 24px}
  .jx-lead{grid-template-columns:1fr;gap:16px}
  .jx-lead h2{font-size:30px!important}
  .jx-li{grid-template-columns:48px minmax(0,1fr) 60px;gap:12px}
  .jx-li .jx-num{font-size:32px}
  .jx-li-ph img{width:60px;height:75px}
  .jx-hubs{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--jx-gut)*-1);padding:14px var(--jx-gut);scrollbar-width:none}
  .jx-hubs::-webkit-scrollbar{display:none}
  .jx-sec{padding-top:40px}
  .jx-sech h2{font-size:30px!important}
  .jx-grid,.jx-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .jx-card h3,.g4 .jx-card h3{font-size:17px!important;margin:12px 0 4px!important}
  .jx-card p,.jx-vt{display:none}
  .jx-meta{margin-top:6px;font-size:10.5px}
  .jx-card.wide{grid-column:1/-1;grid-template-columns:1fr;gap:0}
  .jx-card.wide h3{font-size:25px!important}
  .jx-card.wide p{display:block}
  .jx-band{margin-top:48px;padding-bottom:40px}
  .jx-editor{grid-template-columns:72px minmax(0,1fr);gap:16px}
  .jx-editor img{width:72px;height:72px}
  .jx-editor h2{font-size:22px!important}
  .jx-editor .jx-btns{grid-column:1/-1}
  .jx-ahead{grid-template-columns:1fr;gap:14px;padding-top:22px}
  .jx-ahead h1{font-size:46px!important}
  .jx-seo-body{columns:1}
  body.jx #the-post .entry-header-outer{padding-top:18px}
  body.jx.single-post .entry-header .post-title,body.jx #the-post .entry-header .post-title{font-size:32px!important}
  body.jx .jx-dek{font-size:17px}
  .jx-cover{margin:18px calc(var(--jx-gut)*-1) 8px!important}
  body.jx #the-post .entry-content,body.jx #the-post .entry-content p{font-size:18px}
  body.jx #the-post .entry-content h2{font-size:25px!important}
  .jx-more ul{columns:1}
  body.jx .jx-abox{grid-template-columns:64px minmax(0,1fr);padding:18px!important}
  body.jx .jx-abox img{width:64px;height:64px}
  .jx-prof{grid-template-columns:1fr;gap:22px;padding:24px 0}
  .jx-pic{max-width:280px}
  .jx-facts{gap:22px}
  .jx-facts b{font-size:28px}
  .jx-pagehead{padding-top:26px}
  .jx-fgrid{grid-template-columns:1fr 1fr;gap:24px}
  .jx-foot li a{padding:9px 0}
}