@import url("palette.css");

@font-face {
    font-family: "Smoke Brand Digits";
    src: url("fonts/thmanyahsans-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0030-0039;
}
@font-face {
    font-family: "Smoke Brand Text";
    src: url("fonts/Arsenica-Arabic-Antiqua-Demibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
:root {
    color-scheme: dark;
    --font-sans: "Smoke Brand Digits", "Smoke Brand Text";
    --font-serif: var(--font-sans);
    --gh-font-heading: var(--font-sans);
    --gh-font-body: var(--font-sans);
    --brand-color: var(--seharadar-radar);
    --ghost-accent-color: var(--seharadar-radar);
    --primary-text-color: var(--seharadar-text);
    --secondary-text-color: var(--seharadar-muted);
    --white-color: var(--seharadar-night);
    --lighter-gray-color: var(--seharadar-surface);
    --light-gray-color: var(--seharadar-sweep);
    --mid-gray-color: var(--seharadar-range);
    --dark-gray-color: var(--seharadar-muted);
    --darker-gray-color: var(--seharadar-text);
    --black-color: var(--seharadar-text);
    --color-primary-text: var(--seharadar-text);
    --color-secondary-text: var(--seharadar-muted);
    --color-white: var(--seharadar-night);
    --color-lighter-gray: var(--seharadar-surface);
    --color-light-gray: var(--seharadar-sweep);
    --color-mid-gray: var(--seharadar-range);
    --color-dark-gray: var(--seharadar-muted);
    --color-darker-gray: var(--seharadar-text);
    --color-black: var(--seharadar-text);
    --container-width: 1240px;
    --gap: 40px;
    --navbar-height: 72px;
}
body { background: var(--seharadar-night); color: var(--seharadar-text); font-synthesis: none; }
body, body * { font-family: var(--font-sans) !important; font-weight: 600 !important; }
html { scrollbar-color: var(--seharadar-range) var(--seharadar-night); scroll-padding-top: 92px; }
body { accent-color: var(--seharadar-radar); caret-color: var(--seharadar-radar); }
::selection { background: var(--seharadar-sweep); color: var(--seharadar-text); }
a { text-underline-offset: .3em; }
button, input, select, textarea { color: inherit; }
a:hover { color: var(--seharadar-pulse); }
:focus-visible, .feed:focus-within { outline: 2px solid var(--seharadar-radar); outline-offset: 4px; }
.newsroom-skip, .gh-dropdown { background: var(--seharadar-surface); color: var(--seharadar-text); }
.gh-dropdown a { color: var(--seharadar-text) !important; }
#gh-head { position: sticky; top: 0; z-index: 90; height: 72px; background: var(--seharadar-night); color: var(--seharadar-text); border-bottom: 1px solid var(--seharadar-sweep); }
#gh-head .gh-head-inner { max-width: 1240px; margin-inline: auto; }
#gh-head .gh-head-logo, #gh-head .nav a, #gh-head .gh-burger { color: var(--seharadar-text); }
#gh-head .gh-burger::before, #gh-head .gh-burger::after { background: currentColor; }
.gh-head-logo { min-width: 0; }
.smoke-branding-wordmark { display: inline-flex; align-items: center; gap: 10px; font-size: 2.2rem; line-height: 1.5; }
.smoke-branding-wordmark img { width: 40px; height: 40px; flex: none; }
.smoke-branding-wordmark span { overflow-wrap: anywhere; }
#gh-head .smoke-branding-upload { width: 116px; height: auto; max-height: 48px; object-fit: contain; }
.gh-head .nav a, .gh-foot .nav a { display: inline-flex; align-items: center; min-height: 44px; }
.gh-foot { background: var(--seharadar-night); color: var(--seharadar-muted); border-top: 1px solid var(--seharadar-sweep); white-space: normal; }
.gh-foot .gh-foot-inner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 24px; padding-block: 30px; }
.smoke-branding-footer { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; container-type: inline-size; width: 100%; }
.smoke-branding-footer-logo { display: block; max-width: 100%; }
.smoke-branding-lockup { display: block; width: 240px; height: auto; }
.gh-foot .smoke-branding-upload { display: block; width: 144px; height: auto; max-width: 100%; }
.smoke-branding-compact { display: none; }
.smoke-branding-footer .gh-copyright { margin: 7px 0 12px; color: var(--seharadar-muted); font-size: 1.4rem; line-height: 1.5; }
.smoke-branding-social { display: flex; justify-content: center; gap: 4px; }
.gh-foot .smoke-branding-social a { display: inline-grid; place-items: center; width: 44px; height: 44px; color: var(--seharadar-text); }
.smoke-branding-social .icon { width: 20px; height: 20px; fill: currentColor; }
.gh-foot-menu { grid-column: 1; grid-row: 1; }
.gh-powered-by { grid-column: 3; grid-row: 1; text-align: end; }
.gh-content { color: var(--seharadar-text); }
.gh-content a { color: var(--seharadar-radar); }
.gh-content :is(table, thead, tbody, tr, th, td) { color: var(--seharadar-text); border-color: var(--seharadar-sweep); }
.gh-content table:not(.gist table) :is(th, td) { background: var(--seharadar-surface); background-image: none; }
.gh-content :is(.epinews-toc, .epinews-highlights, nav[aria-label]) { background: var(--seharadar-surface); color: var(--seharadar-text); border-color: var(--seharadar-sweep); }
@container (max-width: 239px) {
    .smoke-branding-lockup { display: none; }
    .smoke-branding-compact { display: inline-flex; }
}
@media (max-width: 767px) {
    :root { --gap: 20px; }
    #gh-head .gh-head-brand { height: 72px; }
    #gh-head .smoke-branding-upload { width: 96px; }
    .smoke-branding-wordmark { font-size: 1.9rem; }
    .smoke-branding-wordmark img { width: 34px; height: 34px; }
    .is-head-open #gh-head { height: 100dvh; overflow-y: auto; }
}
@media (max-width: 700px) {
    .gh-foot .gh-foot-inner { grid-template-columns: 1fr; justify-items: center; gap: 10px; text-align: center; }
    .smoke-branding-footer, .gh-foot-menu, .gh-powered-by { grid-column: 1; grid-row: auto; text-align: center; }
}