:root {
	--fa-bg: #f5f7fb;
	--fa-surface: #ffffff;
	--fa-surface-alt: #f1f6fb;
	--fa-text: #0f2342;
	--fa-muted: #5f748d;
	--fa-border: rgba(15, 35, 66, 0.1);
	--fa-navy: #102b52;
	--fa-navy-soft: #173a6e;
	--fa-gold: #caa65c;
	--fa-green: #15926d;
	--fa-red: #dc5f66;
	--fa-shadow: 0 18px 48px rgba(16, 43, 82, 0.08);
	--fa-radius: 24px;
	--fa-container: 1240px;
}

*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Cairo", Tahoma, Arial, sans-serif; background: radial-gradient(circle at top right, rgba(202,166,92,.08), transparent 24%), radial-gradient(circle at top left, rgba(21,146,109,.06), transparent 28%), linear-gradient(180deg, #f9fbfd 0%, #f4f7fb 100%); color: var(--fa-text); line-height: 1.8; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
.container { width: min(var(--fa-container), calc(100% - 32px)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.site-header { position: sticky; top: 0; z-index: 20; padding: 14px 0; background: rgba(245,247,251,.88); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(15,35,66,.06); }
.header-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 102px; padding: 16px 18px; border-radius: 30px; background: rgba(255,255,255,.9); box-shadow: var(--fa-shadow); overflow: visible; }
.site-brand { display: flex; align-items: center; gap: 12px; }
.brand-wrap--floating { position: absolute; top: 50%; right: 24px; left: auto; z-index: 3; transform: translateY(-50%); width: 196px; }
.site-brand--floating { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 12px; }
.site-brand__logo { display: inline-flex; }
.site-brand__image { width: 96px; height: 96px; border-radius: 24px; object-fit: contain; background: #fff; color: #fff; display: block; box-shadow: 0 16px 34px rgba(16,43,82,.16); border: 1px solid rgba(15,35,66,.08); padding: 8px; }
.site-brand__mark { width: 96px; height: 96px; border-radius: 24px; object-fit: contain; background: #fff; color: #fff; display: grid; place-items: center; font-weight: 800; box-shadow: 0 16px 34px rgba(16,43,82,.16); border: 1px solid rgba(15,35,66,.08); padding: 8px; }
.site-brand__text { display: flex; align-items: center; line-height: 1; text-align: right; min-width: 0; max-width: 88px; overflow: hidden; }
.site-brand__text strong { display: inline-block; font-size: 1.1rem; font-weight: 800; white-space: nowrap; color: var(--fa-navy); overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; letter-spacing: .01em; }
.site-brand__text small, .section-heading p, .entry-meta, .post-card p, .hero-story p, .newsletter-cta p, .footer-about p, .disclaimer, .empty-state p { color: var(--fa-muted); }
.menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; list-style: none; padding: 0; margin: 0; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.menu::-webkit-scrollbar { display: none; }
.menu a { padding: 10px 14px; border-radius: 999px; font-weight: 700; }
.menu a:hover, .current-menu-item > a, .current_page_item > a { background: rgba(16,43,82,.06); color: var(--fa-navy); }
.main-nav { margin-right: 216px; min-width: 0; }
.header-actions { display: flex; align-items: center; gap: 12px; padding-right: 0; flex-shrink: 0; }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--fa-border); border-radius: 14px; background: #fff; cursor: pointer; color: var(--fa-navy); }
.menu-toggle svg { width: 20px; height: 20px; fill: currentColor; }
.button, button, input, textarea { font: inherit; }
.button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 14px; border: 1px solid transparent; font-weight: 800; transition: transform 160ms ease, opacity 160ms ease; }
.button:hover, button:hover { transform: translateY(-1px); }
.button--primary { background: linear-gradient(135deg, var(--fa-navy), var(--fa-green)); color: #fff; }
.button--secondary { background: #fff; color: var(--fa-navy); border-color: var(--fa-border); }
.search-form { display: flex; gap: 10px; padding: 14px; border-radius: 20px; background: #fff; box-shadow: var(--fa-shadow); }
.search-field { flex: 1; padding: 14px 16px; border: 1px solid var(--fa-border); border-radius: 14px; background: var(--fa-surface-alt); }
.site-main { padding-bottom: 48px; }
.section-heading { margin-bottom: 20px; }
.section-heading--split { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.section-heading--split > div { max-width: 760px; }
.section-heading span, .eyebrow, .entry-taxonomy, .feature-label { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(16,43,82,.05); color: var(--fa-navy-soft); font-size: .88rem; font-weight: 700; }
.section-heading h1, .section-heading h2, .single-header h1, .page-header h1, .error-card h1 { margin: 12px 0 8px; line-height: 1.16; font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 800; }
.ad-slot { display: grid; place-items: center; min-height: 110px; margin: 18px 0 28px; border: 1px dashed rgba(202,166,92,.6); border-radius: 20px; background: linear-gradient(180deg, rgba(202,166,92,.07), rgba(255,255,255,.9)); color: var(--fa-navy-soft); text-align: center; }
.ad-slot--sidebar { min-height: 250px; margin: 0; }
.updates-bar { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 16px; margin-bottom: 28px; padding: 20px; border-radius: 26px; background: linear-gradient(135deg, #ffffff 0%, #eef5ff 100%); box-shadow: var(--fa-shadow); border: 1px solid rgba(15,35,66,.06); }
.updates-bar__intro { display: grid; align-content: center; gap: 8px; }
.updates-bar__eyebrow { display: inline-flex; width: fit-content; align-items: center; padding: 7px 12px; border-radius: 999px; background: rgba(16,43,82,.06); color: var(--fa-navy-soft); font-size: .82rem; font-weight: 700; }
.updates-bar__intro h2 { margin: 0; font-size: clamp(1.3rem, 2vw, 1.8rem); }
.updates-bar__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.updates-card { padding: 18px; border-radius: 20px; background: rgba(255,255,255,.88); border: 1px solid var(--fa-border); box-shadow: 0 10px 24px rgba(16,43,82,.06); }
.updates-card h3 { margin: 10px 0 8px; font-size: 1rem; line-height: 1.45; }
.updates-card h3 a { color: inherit; text-decoration: none; }
.updates-card h3 a:hover { color: var(--fa-blue); }
.homepage-hero, .homepage-signal, .homepage-analysis, .homepage-news, .homepage-education, .homepage-pairs, .newsletter-cta, .archive-shell, .page-shell, .single-shell, .error-shell { padding-top: 26px; }
.homepage-education { padding-bottom: 14px; }
.hero-layout, .news-layout, .content-with-sidebar { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr); gap: 22px; }
.hero-side-grid, .news-layout__list, .card-grid, .sidebar { display: grid; gap: 18px; }
.hero-story, .post-card, .signal-feature, .education-card, .pair-card, .newsletter-cta, .single-article, .page-article, .widget, .error-card, .archive-header, .list-card, .hero-feature-card { border: 1px solid var(--fa-border); border-radius: var(--fa-radius); background: var(--fa-surface); box-shadow: var(--fa-shadow); }
.hero-story, .post-card, .single-article, .page-article, .archive-header, .list-card, .education-card, .hero-feature-card { overflow: hidden; }
.hero-banner { direction: ltr; display: grid; grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr); align-items: center; gap: 32px; min-height: 500px; padding: 0 38px; border-radius: 34px; background: linear-gradient(135deg, #f7fbff 0%, #e7f2fb 48%, #dcecf8 100%); box-shadow: 0 24px 60px rgba(16,43,82,.12); overflow: hidden; position: relative; }
.hero-banner::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(18,55,96,.08) 1px, transparent 1px), linear-gradient(120deg, rgba(255,255,255,.42), rgba(255,255,255,0)); background-size: 16px 16px, 100% 100%; opacity: .55; pointer-events: none; }
.hero-banner::after { content: ""; position: absolute; inset: auto -60px -120px auto; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(27,132,255,.18), transparent 68%); pointer-events: none; }
.hero-banner > * { position: relative; z-index: 1; }
.hero-banner__photo { display: flex; align-items: center; justify-content: center; align-self: stretch; padding-top: 18px; min-height: 100%; position: relative; background: radial-gradient(circle at 38% 36%, rgba(22,128,255,.16), transparent 28%), radial-gradient(circle at 28% 78%, rgba(16,43,82,.12), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0)); border-radius: 28px; }
.hero-banner__photo::before { content: ""; position: absolute; inset: 18px 24px 0 24px; border-radius: 24px; background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.04)); pointer-events: none; }
.hero-banner__photo img { width: 100%; max-width: 390px; height: auto; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 22px 28px rgba(16,43,82,.14)); animation: hero-photo-rise .9s ease-out .08s both; }
.hero-banner__content { direction: rtl; text-align: right; display: grid; align-content: center; gap: 10px; padding-block: 34px; }
.hero-banner__content h1 { margin: 0; color: var(--fa-navy); font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.05; font-weight: 800; animation: hero-copy-slide .72s ease-out both; }
.hero-banner__content p { margin: 4px 0 0; color: #29486f; font-size: .94rem; line-height: 1.8; max-width: 42ch; animation: hero-copy-slide .72s ease-out .12s both; }
.hero-banner__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; justify-content: flex-start; animation: hero-copy-slide .72s ease-out .22s both; }
.hero-banner__button { min-width: 210px; min-height: 58px; border-radius: 999px; font-size: 1rem; font-weight: 800; }
.hero-banner__button.button--primary { background: linear-gradient(135deg, #0f5fd1, #1680ff); color: #fff; box-shadow: 0 18px 32px rgba(22,128,255,.22); }
.hero-banner__button--light { background: rgba(255,255,255,.9); border-color: rgba(16,43,82,.08); color: #182c48; }
@keyframes hero-copy-slide {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-photo-rise {
	from { opacity: 0; transform: translateY(28px) scale(.97); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
	.hero-banner__photo img,
	.hero-banner__content h1,
	.hero-banner__content p,
	.hero-banner__actions { animation: none; }
}
.hero-story__thumb img, .post-card__thumb img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.hero-story__content, .post-card__body, .list-card, .education-card, .archive-header, .page-article, .single-article, .hero-feature-card { padding: 22px; }
.hero-story h2, .post-card h3, .list-card h3, .education-card h3, .hero-feature-card h2, .hero-feature-card h3 { margin: 10px 0; line-height: 1.25; }
.education-card h3 a { color: inherit; text-decoration: none; }
.education-card h3 a:hover { color: var(--fa-blue); }
.entry-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .9rem; }
.entry-taxonomy { margin-bottom: 10px; }
.card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid--four, .pair-grid, .hero-feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.analysis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.analysis-grid .post-card { height: 100%; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.analysis-grid .post-card:first-child { transform: translateY(-2px); box-shadow: 0 24px 44px rgba(16,43,82,.14); }
.analysis-grid .post-card:first-child .post-card__thumb img { aspect-ratio: 16 / 9; }
.analysis-grid .post-card:first-child .post-card__body { padding: 22px; }
.analysis-grid .post-card:first-child h3 { font-size: 1.25rem; }
.news-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.news-column { padding: 22px; border: 1px solid var(--fa-border); border-radius: 26px; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: var(--fa-shadow); }
.news-column__title { margin: 0 0 18px; font-size: 1.35rem; color: var(--fa-navy); }
.news-column__items { display: grid; gap: 14px; }
.news-column .list-card { padding: 16px 18px; border: 1px solid rgba(16,43,82,.08); border-radius: 20px; background: #fff; box-shadow: none; }
.news-column .list-card h4 { margin: 8px 0 6px; font-size: 1rem; line-height: 1.4; }
.signal-feature { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; padding: 22px; }
.signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.signal-card { padding: 22px; border: 1px solid var(--fa-border); border-radius: 24px; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 14px 30px rgba(16,43,82,.07); }
.signal-card h3 { margin: 8px 0 16px; line-height: 1.25; font-size: 1.2rem; }
.signal-card .signal-box { margin: 0; }
.signal-card__link { display: inline-flex; margin-top: 16px; color: var(--fa-navy-soft); font-weight: 800; }
.disclaimer--signals { margin-top: 16px; }
.feature-list { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.feature-list li { position: relative; padding-right: 18px; color: var(--fa-muted); }
.feature-list li::before { content: ""; position: absolute; right: 0; top: .78em; width: 7px; height: 7px; border-radius: 50%; background: var(--fa-green); }
.signal-box { margin: 18px 0; padding: 18px; border-radius: 20px; background: linear-gradient(180deg, #0f2342 0%, #16355f 100%); color: #fff; }
.signal-box__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.signal-box__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.signal-box__grid div { padding: 14px; border-radius: 16px; background: rgba(255,255,255,.08); }
.signal-box__grid span { display: block; font-size: .88rem; color: rgba(255,255,255,.78); }
.signal-box__grid strong { display: block; margin-top: 6px; font-size: 1.05rem; }
.signal-pill { padding: 6px 12px; border-radius: 999px; font-weight: 700; }
.signal-pill--buy { background: rgba(21,146,109,.14); color: #9af0d2; }
.signal-pill--sell { background: rgba(220,95,102,.16); color: #ffd4d7; }
.list-card + .list-card { margin-top: 14px; }
.pair-card { padding: 20px; text-align: center; background: linear-gradient(180deg, #fff 0%, #f5f8fc 100%); }
.pair-card strong { display: block; font-size: 1.2rem; color: var(--fa-navy); }
.pair-card span { color: var(--fa-muted); font-size: .95rem; }
.pairs-shell { padding: 28px; border: 1px solid var(--fa-border); border-radius: 30px; background: linear-gradient(135deg, #fbfdff 0%, #f1f7fd 100%); box-shadow: var(--fa-shadow); }
.newsletter-cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 18px; padding: 28px; background: linear-gradient(135deg, #0f2342, #173a6e); color: #fff; }
.homepage-education + .newsletter-cta { margin-top: 10px; }
.newsletter-cta .eyebrow, .feature-primary .feature-label { background: rgba(255,255,255,.12); color: #fff; }
.newsletter-cta__copy h2 { margin: 12px 0 10px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.newsletter-cta__actions { display: grid; align-content: center; gap: 14px; }
.newsletter-form { background: transparent; box-shadow: none; padding: 0; }
.newsletter-form .search-field, .newsletter-form input { flex: 1; padding: 14px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.1); color: #fff; }
.newsletter-form input::placeholder { color: rgba(255,255,255,.72); }
.site-footer { padding: 44px 0 30px; border-top: 1px solid rgba(15,35,66,.08); background: linear-gradient(180deg, rgba(255,255,255,.55), #fff); }
.footer-card { padding: 28px; border-radius: 30px; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(237,245,255,.92)); box-shadow: var(--fa-shadow); border: 1px solid rgba(15,35,66,.06); }
.footer-grid { display: grid; grid-template-columns: 1.2fr .95fr .95fr; gap: 28px; align-items: start; }
.footer-eyebrow { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; background: rgba(16,43,82,.06); color: var(--fa-navy-soft); font-size: .82rem; font-weight: 700; }
.footer-about h2, .footer-links h3, .footer-social h3 { margin: 14px 0 12px; }
.footer-about h2 { font-size: clamp(1.5rem, 2vw, 2rem); }
.footer-about p, .footer-social__text { max-width: 34rem; line-height: 1.9; }
.menu--footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; }
.menu--footer li { margin: 0; }
.menu--footer a { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border-radius: 16px; background: rgba(255,255,255,.76); border: 1px solid var(--fa-border); font-weight: 700; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.menu--footer a::after { content: "‹"; font-size: 1.1rem; color: var(--fa-muted); }
.menu--footer a:hover { transform: translateY(-1px); border-color: rgba(16,43,82,.16); background: #fff; }
.social-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.social-list a { display: inline-flex; align-items: center; justify-content: center; min-width: 98px; padding: 10px 14px; border: 1px solid var(--fa-border); border-radius: 999px; background: rgba(255,255,255,.82); font-weight: 700; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.social-list a:hover { transform: translateY(-1px); border-color: rgba(16,43,82,.16); background: #fff; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(15,35,66,.08); color: var(--fa-muted); font-size: .95rem; }
.archive-header, .page-article, .single-article, .error-card { padding: 26px; }
.single-header { margin-bottom: 18px; }
.featured-media img { width: 100%; border-radius: 18px; }
.toc-box { margin: 22px 0; padding: 18px; border: 1px solid var(--fa-border); border-radius: 18px; background: var(--fa-surface-alt); }
.share-bar, .author-box, .related-posts { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--fa-border); }
.share-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.author-box__content { display: flex; gap: 14px; align-items: flex-start; }
.widget { padding: 20px; }
.widget-title { margin-top: 0; }
.feature-primary { background: linear-gradient(135deg, var(--fa-navy), var(--fa-navy-soft)); color: #fff; }
.feature-primary h2, .feature-primary h3, .feature-primary p, .feature-primary .feature-values span { color: #fff; }
.feature-values { display: flex; align-items: baseline; gap: 10px; margin-top: 18px; }
.feature-values strong { font-size: 1.7rem; }
.hero-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-pills span { padding: 10px 14px; border-radius: 999px; background: rgba(16,43,82,.06); font-weight: 700; color: var(--fa-navy); }
.homepage-analysis .post-card,
.homepage-news .list-card { background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.homepage-signal--compact .section-heading h2 { font-size: clamp(1.4rem, 2vw, 2rem); white-space: nowrap; }
.homepage-analysis .post-card { transition: transform 180ms ease, box-shadow 180ms ease; }
.homepage-analysis .post-card:hover,
.homepage-news .list-card:hover,
.pair-card:hover { transform: translateY(-4px); box-shadow: 0 22px 38px rgba(16,43,82,.12); }
.homepage-news .list-card { padding: 20px 22px; }
.empty-state { padding: 24px; border: 1px dashed var(--fa-border); border-radius: 22px; background: #fff; }
.error-card { max-width: 720px; margin-inline: auto; text-align: center; }
.error-card .search-form { margin: 20px 0; }
@media (max-width: 1100px) { .header-shell, .hero-layout, .news-layout, .content-with-sidebar, .signal-feature, .newsletter-cta, .footer-grid, .hero-banner, .section-heading--split { grid-template-columns: 1fr; } .section-heading--split { display: grid; } .card-grid--three, .card-grid--four, .hero-feature-grid, .pair-grid, .signals-grid, .news-columns, .analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .signal-box__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .header-shell { min-height: 96px; } .brand-wrap--floating { width: 176px; } .main-nav { margin-right: 186px; } .menu a { padding-inline: 11px; font-size: .95rem; } .site-brand__text strong { font-size: 1rem; } .hero-banner { min-height: auto; padding-top: 30px; } .hero-banner__content { padding-top: 0; } .hero-banner__content h2, .hero-banner__content p { max-width: none; } .hero-banner__photo { padding-top: 0; } .hero-banner__photo img { max-width: 300px; } }
@media (max-width: 900px) { .header-shell { gap: 12px; min-height: 88px; } .brand-wrap--floating { width: 154px; } .main-nav { margin-right: 162px; } .site-brand__image, .site-brand__mark { width: 82px; height: 82px; border-radius: 22px; } .site-brand__text { max-width: 60px; } .site-brand__text strong { font-size: .94rem; } .button--primary { padding: 11px 14px; font-size: .94rem; } .menu a { padding-inline: 9px; font-size: .92rem; } }
@media (max-width: 980px) { .container { width: min(var(--fa-container), calc(100% - 20px)); } .card-grid--three, .card-grid--four, .hero-feature-grid, .pair-grid, .signal-box__grid, .signals-grid, .analysis-grid, .news-columns, .updates-bar__items { grid-template-columns: 1fr; } .footer-bottom, .share-bar { flex-direction: column; align-items: flex-start; } .search-form { flex-direction: column; } .updates-bar { grid-template-columns: 1fr; } .header-shell { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; min-height: auto; padding: 14px; } .brand-wrap--floating { position: static; top: auto; right: auto; left: auto; transform: none; width: auto; order: 1; flex: 1 1 auto; min-width: 0; } .site-brand--floating { justify-content: flex-start; } .site-brand__mark, .site-brand__image { width: 68px; height: 68px; border-radius: 20px; } .site-brand__text { display: flex; max-width: 110px; } .site-brand__text strong { font-size: .98rem; } .header-actions { order: 2; display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin-right: 0; padding-right: 0; flex: 0 0 auto; width: auto; } .header-actions .button--primary { display: none; } .menu-toggle { display: inline-flex; align-items: center; justify-content: center; } .main-nav { display: none; order: 3; margin-right: 0; width: 100%; } .main-nav.is-open { display: block; } .menu { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 6px; overflow: visible; white-space: normal; padding: 12px; border-radius: 20px; background: #fff; box-shadow: var(--fa-shadow); } .menu a { display: block; width: 100%; padding: 12px 14px; font-size: .95rem; text-align: right; } .hero-banner { padding: 22px 20px 0; gap: 14px; } .hero-banner__content { padding-block: 0; } .hero-banner__content h1 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .hero-banner__content h2 { font-size: clamp(1.25rem, 5.8vw, 1.8rem); max-width: none; } .hero-banner__content p { font-size: .95rem; max-width: none; } .hero-banner__actions { flex-direction: column; } .hero-banner__button { width: 100%; min-width: 0; min-height: 54px; } .hero-banner__photo img { max-width: 250px; } .homepage-signal--compact .section-heading h2 { white-space: normal; } }
@media (max-width: 640px) { .header-shell { padding: 12px; border-radius: 24px; } .site-brand--floating { gap: 10px; } .site-brand__mark, .site-brand__image { width: 60px; height: 60px; border-radius: 18px; } .site-brand__text { max-width: 92px; } .site-brand__text strong { font-size: .9rem; } .menu-toggle { width: 44px; height: 44px; } .menu a { padding: 10px 12px; font-size: .9rem; } .footer-card { padding: 22px 18px; border-radius: 24px; } .menu--footer { grid-template-columns: 1fr; } .social-list a { min-width: 0; flex: 1 1 calc(50% - 10px); } .footer-bottom { font-size: .88rem; } }