@font-face{font-family:"Thmanyah Sans";src:url("/learn/_next/static/media/92845549c2793110-s.p.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/learn/_next/static/media/6d49ede7c13002e4-s.p.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/learn/_next/static/media/236b1eaf23b201e7-s.p.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/learn/_next/static/media/152f1a07768efb51-s.p.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/learn/_next/static/media/f819a431fe84d1ae-s.p.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{color-scheme:dark;--ink:#f5f5f3;--ink-soft:#a1a7a4;--paper:#050505;--surface:#111313;--surface-soft:#1a1c1b;--line:#292b2a;--brand:#00bd78;--brand-dark:#09291f;--accent:#00bd78;--radius:14px;--shadow:0 18px 48px rgba(0,0,0,.38)}
html,body{background:var(--paper);color:var(--ink);font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif}
body{font-size:15px;line-height:1.7}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
::selection{color:#03110a;background:var(--brand)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.site-header{background:rgba(5,5,5,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.utility-bar{display:none}
.header-shell{min-height:76px}
.brand{gap:0;direction:rtl;white-space:nowrap;align-items:baseline}
.brand-logo{display:none!important}
.brand:before{content:"كيف عربي";color:var(--ink);font-family:"Thmanyah Sans",sans-serif;font-size:24px;font-weight:900;line-height:1.15}
.brand:after{content:"؟";color:var(--brand);font-family:"Thmanyah Sans",sans-serif;font-size:29px;font-weight:900;line-height:1}
.brand-footer:before{font-size:24px}
.brand-footer:after{font-size:29px}
.header-search,.hero-search-box,.mobile-menu nav{background:var(--surface);border-color:var(--line);box-shadow:none}
.header-search>svg,.hero-search-box>svg{color:var(--ink-soft)}
.header-search input,.hero-search-box input,.search-panel>input{color:var(--ink);background:transparent}
.header-search input::placeholder,.hero-search-box input::placeholder,.search-panel>input::placeholder{color:#7e8581}
.header-search button,.hero-search-box button,.button-primary{color:#03110a;background:var(--brand);box-shadow:none}
.header-search button:hover,.hero-search-box button:hover,.button-primary:hover{background:#13d48e}
.desktop-nav{background:#050505;border-top:1px solid var(--line)}
.desktop-nav-inner{color:var(--ink-soft)}
.desktop-nav a:hover,.header-link:hover,.utility-inner a:hover{color:var(--brand)}
.mobile-menu nav a:hover{color:var(--brand);background:var(--surface-soft)}
.eyebrow,.section-heading>a,.breadcrumbs a,.article-byline a{color:var(--brand)}
.topic-card,.post-card,.pagination>a,.pagination>span:not(.pagination-item),.pagination-item a,.post-neighbors a,.search-panel>input,.search-results article,.sitemap-links a,.mobile-menu nav{color:var(--ink);background:var(--surface);border-color:var(--line)}
.topic-card:hover,.post-card:hover,.sitemap-links a:hover{border-color:rgba(0,189,120,.55);box-shadow:0 18px 48px rgba(0,0,0,.38)}
.topic-icon{color:#03110a;background:var(--brand)}
.topic-card p,.card-excerpt,.search-results article div>p:last-child,.article-deck,.article-byline,.breadcrumbs,.card-meta,.footer-grid p{color:var(--ink-soft)}
.trending-section{background:#090a09;border-color:var(--line)}
.card-media,.article-hero-image,.search-thumb{background:var(--surface-soft)}
.card-placeholder{color:var(--brand);background:linear-gradient(135deg,#09291f,#111313)}
.help-inner{color:var(--ink);background:var(--surface);border:1px solid var(--line)}
.help-inner .eyebrow{color:var(--brand)}
.help-inner p:last-child{color:var(--ink-soft)}
.pagination-item strong{color:#03110a;background:var(--brand);border-color:var(--brand)}
.pagination>span[aria-disabled=true]{color:#7e8581}
.article-content{color:var(--ink);font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif}
.article-content a{color:var(--brand);text-decoration-color:rgba(0,189,120,.45)}
.article-content blockquote{color:var(--ink-soft);background:var(--surface);border-inline-start-color:var(--brand)}
.article-content pre{color:#e9f4ef;background:var(--surface);border:1px solid var(--line)}
.article-content :not(pre)>code{color:#7ce4b9;background:#09291f;border-radius:5px;padding:.12em .35em}
.article-content table{color:var(--ink)}
.article-content td,.article-content th{border-color:var(--line)}
.site-footer{color:var(--ink);background:#050505;border-top:1px solid var(--line)}
.footer-grid h2,.brand-footer,.footer-grid nav a:hover{color:var(--ink)}
.footer-grid p,.footer-grid nav{color:var(--ink-soft)}
.footer-bottom{color:#7e8581;border-top-color:var(--line)}
::placeholder{color:#7e8581}
@media(max-width:680px){.header-shell{min-height:66px}.brand:before{font-size:21px}.brand:after{font-size:25px}.brand-footer:before{font-size:22px}.brand-footer:after{font-size:26px}}