/* Coyeb Article Layout — ported from the Crypto Ledger theme (cryptoinfrastructure.io), scoped to .cyb */
.cyb{--a:#2F4BFF;--ink:#0D1117;--ink-2:#2A303A;--ink-3:#3A414C;--muted:#575E69;--paper:#F3F4F1;--card:#FFFFFF;--soft:#F7F8F5;--line:#DADDD6;--line-2:#ECEEE9;--hover:#E6E8E3;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r:16px;--wrap:1280px}
.cyb{width:100%;flex:0 0 100%;max-width:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;border-radius:0}
.cyb *,.cyb *::before,.cyb *::after{box-sizing:border-box}
.cyb img,.cyb svg{max-width:100%;height:auto}
.cyb a{color:var(--ink);text-decoration:none}
.cyb a:hover{color:var(--a)}
.cyb :focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:4px}
.cyb button{font:inherit}
#tie-body .cyb h1,#tie-body .cyb h2,#tie-body .cyb h3,#tie-body .cyb h4,#tie-body .cyb .ci-h1{font-family:var(--sans)!important;color:var(--ink);text-transform:none}
.cyb .wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.cyb .mono{font-family:var(--mono);letter-spacing:.02em}
.cyb .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.cyb .eyebrow-ink{color:var(--ink)}
.cyb .link-accent{font-size:14px;font-weight:600;color:var(--a)}
.cyb .link-accent:hover{text-decoration:underline}
.cyb .pill{align-self:flex-start;display:inline-block;font-size:13px;font-weight:600;color:var(--a);background:color-mix(in srgb,var(--a) 10%,#fff);padding:6px 10px;border-radius:6px}
.cyb .ci-progress{position:sticky;top:0;z-index:20;height:3px;background:var(--hover)}
.admin-bar .cyb .ci-progress{top:32px}
.cyb .ci-progress span{display:block;height:3px;width:0;background:var(--a);transition:width .1s linear}
.cyb .ci-sec{padding:96px 0 0}
.cyb .ci-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.cyb .ci-sec-text{max-width:640px}
.cyb .ci-h1{margin:0;font-size:68px;line-height:1.02;letter-spacing:-.035em;font-weight:600}
.cyb .ci-h1-art{font-size:58px;line-height:1.04}
.cyb .ci-h2{margin:10px 0;font-size:40px;line-height:1.1;letter-spacing:-.025em;font-weight:600}
.cyb .ci-h2-sm{font-size:34px}
.cyb .ci-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cyb .ci-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);margin:0}
.cyb .ci-cover{display:block;position:relative;background:var(--ink);overflow:hidden;height:100%}
.cyb .ci-cover-grid{display:block;width:100%;height:100%;position:absolute;inset:0;padding:24px}
.cyb .ci-cover-grid rect.off{fill:rgba(255,255,255,.06)}
.cyb .ci-cover-grid rect.off.hi{fill:rgba(255,255,255,.14)}
.cyb .ci-cover-grid rect.on{fill:var(--a)}
.cyb .ci-cover-label{position:absolute;left:18px;bottom:16px;font-size:11.5px;color:#fff;letter-spacing:.1em;background:var(--ink);padding:5px 9px;border-radius:6px;z-index:1}
.cyb .ci-cover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cyb .ci-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cyb .ci-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0}
.cyb .ci-card:hover{border-color:#BFC3BA}
.cyb .ci-card-link{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.cyb .ci-card-link:hover{color:var(--ink)}
.cyb .ci-card .ci-cover{height:160px;flex:0 0 auto}
.cyb .ci-card-body{padding:20px;display:flex;flex-direction:column;gap:10px}
.cyb .ci-card-cat{font-size:13px;font-weight:600;color:var(--a)}
.cyb .ci-card-title{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.cyb .ci-card-link:hover .ci-card-title{color:var(--a)}
.cyb .ci-card-meta{font-size:12px;color:var(--muted)}
.cyb .ci-crumbs{font-size:12.5px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.cyb .ci-crumbs a{color:var(--muted)}
.cyb .ci-crumbs a:hover{color:var(--a)}
.cyb .ci-crumbs [aria-current]{color:var(--ink)}
.cyb .ci-article{margin:0;padding:0;background:none;box-shadow:none}
.cyb .ci-art-head{padding:40px 0}
.cyb .ci-art-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:end}
.cyb .ci-art-intro{display:flex;flex-direction:column;gap:20px}
.cyb .ci-art-dek{margin:0;font-family:var(--serif);font-size:21px;line-height:1.55;color:var(--ink-3);max-width:720px}
.cyb .ci-bylines{display:flex;gap:28px;flex-wrap:wrap;align-items:center;padding-top:4px}
.cyb .ci-by{display:flex;align-items:center;gap:10px}
.cyb .ci-ava{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}
.cyb .ci-ava-light{background:var(--hover);color:var(--ink)}
.cyb .ci-ava-lg{width:56px;height:56px;font-size:14px}
.cyb .ci-by-tx{display:flex;flex-direction:column;font-size:14px;line-height:1.35}
.cyb .ci-by-tx>span{color:var(--muted)}
.cyb .ci-by-tx a,.cyb .ci-by-tx strong{font-weight:600}
.cyb .ci-entry-id{font-size:13px;font-weight:500}
.cyb .ci-facts{margin:0}
.cyb .ci-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line-2);font-size:14px}
.cyb .ci-facts>div:last-child{border-bottom:0}
.cyb .ci-facts dt{color:var(--muted);font-weight:400}
.cyb .ci-facts dd{margin:0;font-size:13px;text-align:right}
.cyb .ci-art-cover{height:260px;border-radius:20px;overflow:hidden;position:relative;margin:0;background:var(--ink)}
.cyb .ci-art-cover .ci-cover{position:absolute;inset:0}
.cyb .ci-art-cover.has-img{height:auto;max-height:520px}
.cyb .ci-art-cover.has-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.cyb .ci-art-cover .ci-cover-label{left:28px;bottom:24px;font-size:12px}
.cyb .ci-art-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start;padding-top:56px;padding-bottom:24px}
.cyb .ci-art-body:not(:has(.ci-toc-col)){grid-template-columns:minmax(0,1fr)}
.cyb .ci-sticky{position:sticky;top:110px}
.admin-bar .cyb .ci-sticky{top:142px}
.cyb .ci-toc{display:flex;flex-direction:column;margin-top:14px}
.cyb .ci-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:9px 0 9px 12px;font-size:14px;line-height:1.4;color:var(--ink-3);border-left:2px solid var(--line)}
.cyb .ci-toc a .mono{font-size:12px;color:var(--muted)}
.cyb .ci-toc a:hover{color:var(--ink);border-left-color:var(--ink)}
.cyb .ci-toc a.is-on{color:var(--ink);font-weight:600;border-left-color:var(--a)}
.cyb .ci-share{margin-top:24px;display:flex;gap:8px}
.cyb .ci-sq{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;padding:0}
.cyb .ci-sq:hover{border-color:var(--ink);color:var(--ink)}
.cyb .ci-sq.is-copied{border-color:#0B5D43;color:#0B5D43}
.cyb .ci-related{border-top:1px solid var(--line);margin-top:48px;padding:72px 0 96px}
.cyb .ci-prose{max-width:760px;min-width:0}
.cyb .ci-prose>*{margin-top:0}
.cyb .ci-prose p,.cyb .ci-prose li{font-family:var(--serif);font-size:19px;line-height:1.7;color:#1F252E}
.cyb .ci-prose p{margin:0 0 22px}
.cyb .ci-prose ul,.cyb .ci-prose ol{margin:0 0 22px;padding-left:24px}
.cyb .ci-prose ul{list-style:disc}.cyb .ci-prose ol{list-style:decimal}
.cyb .ci-prose li{margin-bottom:8px}
.cyb .ci-prose h2{font-size:30px;line-height:1.2;letter-spacing:-.02em;font-weight:600;margin:56px 0 18px;scroll-margin-top:120px}
.cyb .ci-prose h3{font-size:22px;line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:36px 0 12px;scroll-margin-top:120px}
.cyb .ci-prose a{color:var(--a);text-decoration:underline;text-underline-offset:3px}
.cyb .ci-prose strong{font-weight:600}
.cyb .ci-prose code{font-family:var(--mono);font-size:.84em;background:#ECEEE9;padding:2px 6px;border-radius:5px}
.cyb .ci-prose blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--a);background:none}
.cyb .ci-prose blockquote p{font-size:21px;font-style:italic}
.cyb .ci-prose figure{margin:32px 0}
.cyb .ci-prose img{border-radius:12px}
.cyb .ci-prose figcaption{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-top:10px}
.cyb .ci-prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.cyb .ci-prose .wp-block-table{margin:0 0 26px;border:1px solid var(--line);border-radius:14px;overflow-x:auto;background:#fff}
.cyb .ci-prose table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:15px;min-width:560px;border:0}
.cyb .ci-prose th{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:500;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--soft)}
.cyb .ci-prose td{padding:14px;border:0;border-bottom:1px solid var(--line-2);vertical-align:top;line-height:1.45;color:var(--ink-2)}
.cyb .ci-prose tr:last-child td{border-bottom:0}
.cyb .ci-prose td:first-child{font-weight:600;color:var(--ink)}
.cyb .ci-prose .is-style-ci-short-answer,.cyb .ci-prose .cp-tldr{background:var(--ink);color:#fff;border-radius:var(--r);padding:28px 30px;margin:0 0 28px}
.cyb .ci-prose .is-style-ci-short-answer::before{content:"The short answer";display:block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9DB0FF;margin-bottom:12px}
.cyb .ci-prose .is-style-ci-short-answer p,.cyb .ci-prose .is-style-ci-short-answer li,.cyb .ci-prose .cp-tldr p{color:#fff}
.cyb .ci-prose .is-style-ci-short-answer p:last-child,.cyb .ci-prose .cp-tldr p:last-child{margin-bottom:0}
.cyb .ci-prose .is-style-ci-short-answer a,.cyb .ci-prose .cp-tldr a{color:#B9C5FF}
.cyb .ci-prose .cp-tldr-label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9DB0FF;margin-bottom:12px}
.cyb .ci-prose .is-style-ci-takeaways,.cyb .ci-prose .takeaways{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;margin:0 0 28px}
.cyb .ci-prose .is-style-ci-takeaways::before{content:"Key takeaways";display:block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.cyb .ci-prose .is-style-ci-takeaways>h2,.cyb .ci-prose .is-style-ci-takeaways>h3{display:none}
.cyb .ci-prose .takeaways>h2:first-child{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 12px;line-height:1.4}
.cyb .ci-prose .is-style-ci-takeaways li,.cyb .ci-prose .is-style-ci-takeaways p,.cyb .ci-prose .takeaways li{font-family:var(--sans);font-size:17px;line-height:1.55}
.cyb .ci-prose .is-style-ci-takeaways ul,.cyb .ci-prose .takeaways ul{margin:0}
.cyb .ci-prose .is-style-ci-note,.cyb .ci-prose .cp-note{background:#FFF6DB;border:1px solid #F0DC9C;border-radius:14px;padding:18px 22px;margin:32px 0}
.cyb .ci-prose .is-style-ci-note p,.cyb .ci-prose .cp-note{font-family:var(--sans);font-size:15px;line-height:1.55;color:#4A3700}
.cyb .ci-prose .is-style-ci-note p{margin:0}
.cyb .ci-prose .is-style-ci-sources{border-top:1px solid var(--line);padding-top:24px;padding-left:22px;margin-top:40px}
.cyb .ci-prose .is-style-ci-sources::before{content:"Sources";display:block;margin:0 0 12px -22px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cyb .ci-prose .is-style-ci-sources li{font-family:var(--sans);font-size:15px;line-height:1.5}
.cyb .ci-prose .wp-block-details,.cyb .ci-prose details{border-top:1px solid var(--line);margin:0;padding:0}
.cyb .ci-prose details:last-of-type{border-bottom:1px solid var(--line)}
.cyb .ci-prose summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;min-height:44px;font-family:var(--sans);font-size:18px;font-weight:600}
.cyb .ci-prose summary::-webkit-details-marker{display:none}
.cyb .ci-prose summary::after{content:"+";font-size:22px;color:var(--muted);transition:transform .15s;flex:0 0 auto}
.cyb .ci-prose details[open]>summary::after{transform:rotate(45deg)}
.cyb .ci-prose details>:not(summary){margin-bottom:20px}
.cyb .ci-author{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;gap:18px;align-items:flex-start;margin-top:48px}
.cyb .ci-author p{margin:0}
.cyb .ci-author .ci-author-name{font-family:var(--sans);font-weight:600;font-size:17px;margin-bottom:6px}
.cyb .ci-author .ci-author-bio{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--ink-3);margin-bottom:6px}
.cyb .ci-author .ci-author-link{font-family:var(--sans);font-size:14px;font-weight:600;text-decoration:none}
.cyb .cyb-comments{margin-top:48px}
.cyb .cyb-comments p,.cyb .cyb-comments li{font-family:var(--sans);font-size:16px}
@media (max-width:1180px){.cyb .ci-art-body,.cyb .ci-art-body:not(:has(.ci-toc-col)){grid-template-columns:minmax(0,1fr)}.cyb .ci-toc-col{display:none}.cyb .ci-sticky{position:static}}
@media (max-width:960px){.cyb .wrap{padding:0 20px}.cyb .ci-art-grid{grid-template-columns:minmax(0,1fr)}.cyb .ci-h1{font-size:44px}.cyb .ci-h1-art{font-size:38px}.cyb .ci-h2{font-size:30px}.cyb .ci-h2-sm{font-size:28px}.cyb .ci-sec{padding-top:64px}.cyb .ci-cards{grid-template-columns:minmax(0,1fr)}.cyb .ci-art-cover{height:180px;border-radius:14px}.cyb .ci-prose p,.cyb .ci-prose li{font-size:18px}.cyb .ci-prose h2{font-size:26px;margin-top:44px}}
@media (max-width:782px){.admin-bar .cyb .ci-progress{top:46px}}
@media print{.cyb .ci-toc-col,.cyb .ci-related,.cyb .ci-art-cover,.cyb .ci-progress{display:none!important}.cyb .ci-art-body{display:block}}
/* Jannah wrappers: let the article use the full content width */
body.cyb-layout #content.site-content{padding-top:0}
body.cyb-layout #main-content-row{margin:0}

/* ---------- Homepage ---------- */
.cyb .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.cyb .eyebrow-dot{display:flex;align-items:center;gap:10px}
.cyb .eyebrow-dot::before{content:"";width:8px;height:8px;background:var(--a);border-radius:2px}
.cyb-home{padding-bottom:0}
.cyb .cyb-hero{padding:48px 0 0}
.cyb .cyb-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:stretch}
.cyb .cyb-lead{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.cyb .cyb-lead-media{display:block;position:relative;aspect-ratio:16/9}
.cyb .cyb-lead-media .ci-cover{position:absolute;inset:0}
.cyb .cyb-lead-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:14px}
#tie-body .cyb .cyb-lead-title{margin:0;font-size:40px;line-height:1.08;letter-spacing:-.03em;font-weight:600}
.cyb .cyb-lead-title a:hover{color:var(--a)}
.cyb .cyb-lead-dek{margin:0;font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-3)}
.cyb .cyb-lead-meta{margin:0;font-size:12.5px;color:var(--muted)}
.cyb .cyb-side{display:flex;flex-direction:column}
.cyb .cyb-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cyb .cyb-side-list li{border-bottom:1px solid var(--line-2);margin:0}
.cyb .cyb-side-list li:last-child{border-bottom:0}
.cyb .cyb-side-list a{display:flex;gap:16px;padding:18px 20px;align-items:flex-start}
.cyb .cyb-side-list a:hover .cyb-side-title{color:var(--a)}
.cyb .cyb-num{font-size:22px;font-weight:500;color:#B5BAB0;line-height:1;min-width:30px}
.cyb .cyb-side-tx{display:flex;flex-direction:column;gap:6px}
.cyb .cyb-side-title{font-size:16px;font-weight:600;line-height:1.35;color:var(--ink)}
.cyb .cyb-chips{display:flex;gap:8px;flex-wrap:wrap}
.cyb .cyb-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink-2)}
.cyb .cyb-chip:hover{border-color:var(--a);color:var(--a)}
.cyb-home .ci-cards{row-gap:24px}
.cyb .cyb-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cyb .cyb-topic{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;min-height:44px}
.cyb .cyb-topic:hover{border-color:var(--ink)}
.cyb .cyb-topic-tx{display:flex;flex-direction:column;gap:4px}
.cyb .cyb-topic strong{font-size:18px;font-weight:600;color:var(--ink)}
.cyb .cyb-topic .mono{font-size:12px;color:var(--muted)}
.cyb .cyb-arrow{font-size:20px;color:var(--ink)}
.cyb .cyb-cta{background:var(--ink);color:#fff;margin-top:96px;padding:72px 0}
.cyb .cyb-cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cyb .cyb-cta-text{max-width:680px}
#tie-body .cyb .cyb-cta .ci-h2{color:#fff;margin:12px 0}
.cyb .cyb-cta-eyebrow{color:#D4F53C}
.cyb .cyb-cta-tx{margin:0;color:#C9CED6;font-size:17px;line-height:1.55}
.cyb .cyb-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.cyb .cyb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font-weight:600;font-size:15px}
.cyb .cyb-btn-lime{background:#D4F53C;color:var(--ink)}
.cyb .cyb-btn-lime:hover{background:#C2E52A;color:var(--ink)}
.cyb .cyb-btn-ghost{border:1px solid #4A515D;color:#fff}
.cyb .cyb-btn-ghost:hover{border-color:#fff;color:#fff}
@media (max-width:1100px){.cyb .cyb-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:960px){#tie-body .cyb .cyb-lead-title{font-size:30px}.cyb .cyb-lead-body{padding:22px}.cyb .cyb-cta{margin-top:64px;padding:56px 0}}

/* ---------- Site header + main menu (sitewide) ---------- */
#tie-body #theme-header{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none;border-bottom:1px solid #DADDD6}
#tie-body #theme-header #logo .logo-text,#tie-body #theme-header #logo a{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.03em;color:#0D1117}
#tie-body #theme-header #logo{margin-top:22px;margin-bottom:18px}
#tie-body #main-nav,#tie-body #main-nav .main-menu-wrapper,#tie-body .main-nav-wrapper,#tie-body #theme-header.main-nav-dark #main-nav{background:#fff!important;border:0;box-shadow:none}
#tie-body #main-nav{border-top:1px solid #ECEEE9!important;line-height:56px;min-height:56px}
#tie-body #main-nav .main-menu > ul > li > a{font-family:"Instrument Sans",system-ui,sans-serif;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#2A303A!important;padding:0 14px;position:relative}
#tie-body #main-nav .main-menu > ul > li:first-child > a{padding-left:0}
#tie-body #main-nav .main-menu > ul > li:not(.menu-item-has-children) > a::before{display:none}
#tie-body #main-nav .main-menu > ul > li.menu-item-has-children > a::before{border-top-color:#575E69!important;color:#575E69!important}
#tie-body #main-nav .main-menu > ul > li,#tie-body #main-nav .main-menu > ul > li.tie-current-menu,#tie-body #main-nav .main-menu > ul > li.current-menu-item,#tie-body #main-nav .main-menu > ul > li.current-menu-parent,#tie-body #main-nav .main-menu > ul > li.current-menu-ancestor{border:0!important}
#tie-body #main-nav .main-menu > ul > li > a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#2F4BFF;transform:scaleX(0);transition:transform .15s;border:0;width:auto;top:auto}
#tie-body #main-nav .main-menu > ul > li:first-child > a::after{left:0}
#tie-body #main-nav .main-menu > ul > li:hover > a,#tie-body #main-nav .main-menu > ul > li.current-menu-item > a,#tie-body #main-nav .main-menu > ul > li.current-menu-ancestor > a,#tie-body #main-nav .main-menu > ul > li.current-menu-parent > a{background:transparent!important;color:#0D1117!important}
#tie-body #main-nav .main-menu > ul > li:hover > a::after,#tie-body #main-nav .main-menu > ul > li.current-menu-item > a::after,#tie-body #main-nav .main-menu > ul > li.current-menu-ancestor > a::after,#tie-body #main-nav .main-menu > ul > li.current-menu-parent > a::after{transform:scaleX(1)}
#tie-body #main-nav .menu-item-has-children > a{padding-right:28px}
#tie-body #main-nav .menu-item-has-children > a .menu-tiny-label,#tie-body #main-nav .main-menu > ul > .menu-item-has-children > a:before{color:#575E69}
#tie-body #main-nav .main-menu .sub-menu,#tie-body #main-nav .main-menu .menu-sub-content{background:#fff!important;border:1px solid #DADDD6;border-radius:12px;box-shadow:0 12px 32px rgba(13,17,23,.10);padding:8px;min-width:240px;border-top:1px solid #DADDD6}
#tie-body #main-nav .main-menu .sub-menu li a{font-family:"Instrument Sans",system-ui,sans-serif;font-size:14.5px;font-weight:500;color:#2A303A!important;line-height:1.4;padding:10px 12px;border-radius:8px;text-transform:none}
#tie-body #main-nav .main-menu .sub-menu li a:hover,#tie-body #main-nav .main-menu .sub-menu li.current-menu-item a{background:#F3F4F1!important;color:#2F4BFF!important}
#tie-body #main-nav .main-menu > ul > li:last-child > a{margin-left:10px;padding:0 18px;line-height:40px;display:inline-block;background:#0D1117!important;color:#fff!important;border-radius:10px;vertical-align:middle}
#tie-body #main-nav .main-menu > ul > li:last-child > a::after{display:none}
#tie-body #main-nav .main-menu > ul > li:last-child:hover > a{background:#2F4BFF!important;color:#fff!important}
#tie-body #main-nav .components a,#tie-body #main-nav .components .tie-icon{color:#2A303A!important}
#tie-body #footer-nav, #tie-body .site-footer{font-family:"Instrument Sans",system-ui,sans-serif}

/* Mobile off-canvas menu */
#tie-body .side-aside.normal-side,#tie-body .side-aside.dark-skin{background:#0D1117!important;background-image:none!important}
#tie-body #mobile-menu a,#tie-body #mobile-menu li{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;font-size:17px;color:#fff}
#tie-body #mobile-menu .sub-menu a{font-size:15px;color:#C9CED6}
#tie-body #mobile-menu li{border-color:rgba(255,255,255,.08)!important}
#tie-body #mobile-menu a:hover,#tie-body #mobile-menu .current-menu-item > a{color:#D4F53C}

/* Header logo image (Jannah logo section is license-locked, so it is set here) */
#tie-body #logo.text-logo .logo-text{display:block;width:136px;height:40px;background:url(/wp-content/uploads/2026/10/coyeb-logo.png) left center/contain no-repeat;color:transparent!important;font-size:0!important;line-height:0!important;overflow:hidden}
@media (max-width:991px){#tie-body #logo.text-logo .logo-text{width:116px;height:34px}}

/* ---------- Archives, pages, 404 ---------- */
.cyb .cyb-arch-head{padding:48px 0 40px}
.cyb .cyb-arch-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end}
.cyb .cyb-arch-intro{display:flex;flex-direction:column;gap:16px;max-width:820px}
.cyb .cyb-arch-facts .ci-facts>div:first-child{border-top:0}
.cyb .cyb-arch-body{padding:0 0 8px}
.cyb .cyb-feature{margin:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.cyb .cyb-feature-link{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);color:var(--ink)}
.cyb .cyb-feature-media{position:relative;min-height:320px;display:block}
.cyb .cyb-feature-media .ci-cover{position:absolute;inset:0}
.cyb .cyb-feature-body{padding:32px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.cyb .cyb-feature-title{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.03em}
.cyb .cyb-feature-link:hover .cyb-feature-title{color:var(--a)}
.cyb .cyb-feature-dek{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--ink-3)}
.cyb .cyb-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:40px 0 0;font-size:14px}
.cyb .cyb-pager a,.cyb .cyb-pager span{min-width:44px;height:44px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.cyb .cyb-pager .current{background:var(--ink);border-color:var(--ink);color:#fff}
.cyb .cyb-pager a:hover{border-color:var(--ink)}
.cyb .cyb-pager .dots{border:0;background:none}
.cyb .cyb-chips-wide{margin-top:20px}
.cyb .cyb-chip .mono{font-size:12px;color:var(--muted);margin-left:6px}
.cyb .cyb-search{display:flex;gap:8px;flex-wrap:wrap;max-width:560px;margin-top:4px}
.cyb .cyb-search input{flex:1 1 260px;height:52px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:0 16px;font:16px var(--sans);color:var(--ink)}
.cyb .cyb-search input:focus{outline:2px solid var(--a);outline-offset:1px}
.cyb .cyb-search button{height:52px;padding:0 22px;border-radius:12px;border:0;background:var(--ink);color:#fff;font:600 15px var(--sans);cursor:pointer}
.cyb .cyb-search button:hover{background:var(--a)}
.cyb .cyb-empty{padding:32px}
.cyb .cyb-empty p{margin:0;color:var(--ink-3)}
.cyb .cyb-empty .cyb-empty-title{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:8px}
.cyb-page .ci-art-head{padding-bottom:16px}
.cyb .cyb-page-body{max-width:760px;padding:16px 0 24px}
.cyb .cyb-page-body input:not([type=submit]):not([type=checkbox]):not([type=radio]),.cyb .cyb-page-body textarea,.cyb .cyb-page-body select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:16px var(--sans);background:#fff}
.cyb .cyb-page-body input[type=submit],.cyb .cyb-page-body button{min-height:48px;padding:0 22px;border-radius:10px;border:0;background:var(--ink);color:#fff;font:600 15px var(--sans);cursor:pointer}
.cyb .cyb-404 .cyb-arch-head .wrap{display:flex;flex-direction:column;gap:16px}
.cyb-404 .ci-cards{margin-top:16px}
@media (max-width:960px){.cyb .cyb-arch-grid{grid-template-columns:minmax(0,1fr);gap:24px}.cyb .cyb-feature-link{grid-template-columns:minmax(0,1fr)}.cyb .cyb-feature-media{min-height:200px}.cyb .cyb-feature-body{padding:22px}.cyb .cyb-feature-title{font-size:26px}}

/* ---------- Footer (sitewide) ---------- */
#tie-body #footer{background:#0D1117!important;font-family:"Instrument Sans",system-ui,sans-serif;margin-top:0;border-top:0}
#tie-body #footer .site-info,#tie-body .site-info{background:#0D1117!important;border-top:1px solid #23292F;font-family:"Instrument Sans",system-ui,sans-serif}
#tie-body .site-info,#tie-body .site-info .copyright-text{color:#AEB4BE!important;font-size:14px}
#tie-body .site-info a,#tie-body #footer a{color:#E6E8E3!important}
#tie-body .site-info a:hover,#tie-body #footer a:hover{color:#D4F53C!important}
#tie-body .site-info .social-icons a{opacity:.8}
body.cyb-layout #content.site-content{background:transparent}

/* ---------- v1.5: full-width layout + one-row header (match approved mockup) ---------- */
#tie-body{background:#FFFFFF!important}
#tie-body.boxed-layout #tie-wrapper,#tie-body.boxed-layout .fixed-nav,#tie-body #tie-wrapper{max-width:none!important;width:100%!important;box-shadow:none!important;margin:0!important;background:#FFFFFF}
#tie-body .background-overlay{background:none!important}
.cyb{background:#FFFFFF}
.cyb .ci-card,.cyb .cyb-lead,.cyb .cyb-feature,.cyb .ci-panel,.cyb .cyb-topic,.cyb .ci-author{background:#FFFFFF}
.cyb .cyb-topic{background:#F7F8F5;border-color:#ECEEE9}
.cyb .ci-related{background:#F7F8F5}
@media (min-width:992px){
  #tie-body #theme-header{display:flex;align-items:center;gap:32px;max-width:1280px;margin:0 auto;padding:0 32px;background:#fff;border-bottom:0;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax 0 -100vmax);position:relative;z-index:30}
  #tie-body #theme-header::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:0;height:1px;background:#ECEEE9}
  #tie-body #theme-header .header-container{flex:0 0 auto;width:auto;max-width:none;padding:0;margin:0}
  #tie-body #theme-header .logo-row,#tie-body #theme-header .logo-wrapper{margin:0;width:auto}
  #tie-body #theme-header .logo-container{width:auto;max-width:none;padding:0;float:none}
  #tie-body #theme-header #logo{margin:0!important;padding:18px 0}
  #tie-body #theme-header .main-nav-wrapper{flex:1 1 auto;height:auto!important;min-width:0}
  #tie-body #main-nav,#tie-body #main-nav.fixed-nav{position:static!important;border-top:0!important;transform:none!important;top:auto!important;width:auto!important;box-shadow:none!important;line-height:76px;min-height:76px}
  #tie-body #main-nav .container{max-width:none;width:auto;padding:0}
  #tie-body #main-nav .main-menu-wrapper,#tie-body #main-nav #menu-components-wrap{display:flex;justify-content:flex-end;width:100%}
  #tie-body #main-nav .main-menu{float:none}
  #tie-body #main-nav .main-menu > ul > li:first-child > a{padding-left:14px}
  #tie-body #main-nav .main-menu > ul > li:first-child > a::after{left:14px}
}
/* In-depth reads (homepage) */
.cyb .cyb-deep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cyb .cyb-deep-card{border-radius:18px;padding:28px;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;color:var(--ink)}
.cyb .cyb-deep-card:nth-child(1){background:var(--ink);color:#fff}
.cyb .cyb-deep-card:nth-child(2){background:#E9EDFF}
.cyb .cyb-deep-card:nth-child(3){background:#EEF8D4}
.cyb .cyb-deep-card .eyebrow{color:inherit;opacity:.75}
.cyb .cyb-deep-card:nth-child(1) .eyebrow{color:#D4F53C;opacity:1}
.cyb .cyb-deep-title{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.cyb .cyb-deep-card:hover .cyb-deep-title{text-decoration:underline;text-underline-offset:4px}
.cyb .cyb-deep-meta{font-size:12.5px;opacity:.75}
@media (max-width:960px){.cyb .cyb-deep{grid-template-columns:minmax(0,1fr)}.cyb .cyb-deep-card{min-height:200px}}

#tie-body #main-nav .main-menu > ul > li.menu-item-has-children > a{padding-right:30px!important}
#tie-body #main-nav .main-menu > ul > li.menu-item-has-children > a::before{right:12px!important;left:auto!important}
#tie-body #main-nav .main-menu > ul > li.menu-item-has-children > a::after{right:30px}

/* ---------- Footer v2 ---------- */
#tie-body #footer,#tie-body .site-footer > .site-info,#tie-body #footer-instagram{display:none!important}
.cyb-footer{background:#0D1117;color:#fff;font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cyb-footer *{box-sizing:border-box}
.cyb-footer-in{max-width:1280px;margin:0 auto;padding:64px 32px 56px;display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:40px}
.cyb-footer-brand{display:flex;flex-direction:column;gap:18px}
.cyb-footer .cyb-footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.cyb-footer-logo span{font-size:32px;font-weight:600;letter-spacing:-1.2px;line-height:1}
.cyb-footer-brand p{margin:0;color:#AEB4BE;font-size:15px;line-height:1.6;max-width:340px}
.cyb-footer-social{display:flex;gap:10px}
.cyb-footer-social a{width:44px;height:44px;border-radius:10px;border:1px solid #3A414C;display:inline-flex;align-items:center;justify-content:center;color:#E6E8E3!important}
.cyb-footer-social a:hover{border-color:#D4F53C;color:#D4F53C!important}
.cyb-footer-col{display:flex;flex-direction:column;gap:12px;font-size:15px}
.cyb-footer .cyb-footer-h{margin:0 0 6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#8B929C}
.cyb-footer-col a{color:#C9CED6!important;text-decoration:none;line-height:1.4}
.cyb-footer-col a:hover{color:#D4F53C!important}
.cyb-footer-bar{border-top:1px solid #23292F}
.cyb-footer-bar-in{max-width:1280px;margin:0 auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:#8B929C}
.cyb-footer-legal{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.cyb-footer-legal a{color:#8B929C!important;text-decoration:none}
.cyb-footer-legal a:hover{color:#D4F53C!important}
.cyb-footer .cyb-top{height:36px;padding:0 14px;border-radius:8px;border:1px solid #3A414C;color:#E6E8E3!important;display:inline-flex;align-items:center;gap:6px}
@media (max-width:1024px){.cyb-footer-in{grid-template-columns:repeat(2,minmax(0,1fr))}.cyb-footer-brand{grid-column:1/-1}}
@media (max-width:560px){.cyb-footer-in{padding:40px 20px;gap:28px 16px}.cyb-footer-bar-in{padding:18px 20px;flex-direction:column;align-items:flex-start}.cyb-footer-legal{gap:16px}}
