:root {
  --fon-red:#e31e24;
  --fon-dark:#101820;
  --fon-ink:#172033;
  --fon-muted:#667085;
  --fon-line:#e7e9ee;
  --fon-soft:#f5f7fa;
  --fon-radius:8px;
  --fon-shell:1280px;
}
body.freeone-news-theme{background:#fff;color:var(--fon-ink)}
.freeone-news-theme .hero-section{display:none}
.freeone-news-theme .site-main{padding-top:0}
.fon-shell,.fon-article-shell{width:min(var(--fon-shell),calc(100% - 40px));margin:auto}
.fon-home{padding:0 0 70px}
.fon-ticker{display:flex;gap:18px;align-items:center;border-top:1px solid var(--fon-line);border-bottom:1px solid var(--fon-line);padding:11px 16px;margin:0 0 34px;font-size:13px}
.fon-ticker strong,.fon-kicker{background:var(--fon-red);color:#fff!important;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.fon-page-heading{margin:0 0 24px}.fon-page-heading p,.fon-archive__header>span{color:var(--fon-red);text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:12px}.fon-page-heading h1,.fon-archive__header h1{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:.2em 0}
.fon-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:30px}
.fon-hero-side{display:grid;gap:16px}.fon-hero-side .fon-card{display:grid;grid-template-columns:132px 1fr;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--fon-line)}
.fon-card{min-width:0}.fon-card__media{display:block;overflow:hidden;border-radius:var(--fon-radius);background:var(--fon-soft);aspect-ratio:16/10}.fon-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.fon-card:hover img{transform:scale(1.035)}
.fon-card__meta{display:flex;align-items:center;gap:8px;margin-top:12px}.fon-card__title{margin:9px 0 8px;line-height:1.14;letter-spacing:-.025em}.fon-card__title a{text-decoration:none;color:var(--fon-ink)}.fon-card__title a:hover{color:var(--fon-red)}
.fon-card--hero .fon-card__title{font-size:clamp(31px,4vw,56px);line-height:1.02}.fon-card--compact .fon-card__media{aspect-ratio:1}.fon-card--compact .fon-card__meta{margin-top:0}.fon-card--compact .fon-card__title{font-size:18px}.fon-card--compact .fon-card__excerpt{display:none}
.fon-card__excerpt{color:#4d5968;font-size:16px}.fon-card__date{color:var(--fon-muted);font-size:12px}.fon-quality{display:inline-flex;background:#111827;color:#fff;border-radius:100px;padding:3px 7px;font-size:10px;font-weight:800}
.fon-section{margin-top:58px}.fon-section__header{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid var(--fon-dark);padding-bottom:10px;margin-bottom:24px}.fon-section__header h2{margin:0;font-size:clamp(27px,3vw,40px);letter-spacing:-.04em}.fon-section__header a{color:var(--fon-red);font-weight:800;text-decoration:none;font-size:13px}
.fon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.fon-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))}.fon-list{display:grid;gap:14px}.fon-list .fon-card{display:grid;grid-template-columns:150px 1fr;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--fon-line)}.fon-list .fon-card__media{aspect-ratio:4/3}.fon-list .fon-card__meta{margin-top:0}.fon-list .fon-card__title{font-size:19px}.fon-list .fon-card__excerpt{display:none}
.fon-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.fon-empty,.fon-hero-placeholder{background:linear-gradient(135deg,#101820,#222f3f);color:#fff;border-radius:12px;padding:50px}.fon-hero-placeholder{min-height:390px;display:flex;flex-direction:column;justify-content:end}.fon-hero-placeholder span{color:#ff6267;font-weight:800}.fon-hero-placeholder h2{color:#fff;font-size:clamp(32px,4vw,56px);margin:.3em 0;max-width:760px}
.fon-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:48px;background:var(--fon-dark);color:#fff;border-radius:12px}.fon-cta h2{color:#fff;margin:.2em 0;font-size:clamp(28px,3vw,42px)}.fon-cta span{color:#ff6267;font-size:12px;font-weight:800;letter-spacing:.08em}.fon-button{background:var(--fon-red);color:#fff!important;padding:14px 22px;border-radius:5px;text-decoration:none;font-weight:800;white-space:nowrap}
.fon-single{padding:45px 0 80px}.fon-article-shell{max-width:1180px}.fon-article__header{max-width:920px;margin:0 auto 28px}.fon-article__header h1{font-size:clamp(40px,5.7vw,76px);line-height:1;letter-spacing:-.055em;margin:20px 0}.fon-article__lead{font-size:22px;color:#475467}.fon-byline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--fon-muted);font-size:13px}.fon-article__hero img{width:100%;border-radius:12px}.fon-article__layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:60px;justify-content:center;margin-top:40px}.fon-article__content{font-size:19px;line-height:1.8}.fon-article__content h2{font-size:34px;margin-top:1.5em}.fon-article__content h3{font-size:27px}.fon-article__content img{border-radius:8px}.fon-sticky-box{position:sticky;top:110px;background:var(--fon-soft);padding:24px;border-radius:10px;border-top:4px solid var(--fon-red)}
.fon-archive{padding:45px 0 80px}.fon-archive__header{margin-bottom:34px;border-bottom:1px solid var(--fon-line);padding-bottom:24px}.fon-pagination{margin-top:45px}.fon-pagination .nav-links{display:flex;gap:8px}.fon-pagination .page-numbers{padding:8px 13px;border:1px solid var(--fon-line);text-decoration:none}.fon-pagination .current{background:var(--fon-red);color:#fff}
@media(max-width:1000px){.fon-hero-grid{grid-template-columns:1fr}.fon-grid,.fon-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}.fon-article__layout{grid-template-columns:1fr}.fon-article__aside{display:none}}
@media(max-width:700px){.fon-shell,.fon-article-shell{width:min(100% - 28px,var(--fon-shell))}.fon-ticker{align-items:flex-start;flex-direction:column;gap:7px}.fon-grid,.fon-grid--archive,.fon-columns{grid-template-columns:1fr}.fon-hero-side .fon-card,.fon-list .fon-card{grid-template-columns:105px 1fr}.fon-cta{align-items:flex-start;flex-direction:column;padding:32px 24px}.fon-section{margin-top:42px}.fon-article__header h1{font-size:42px}.fon-article__lead{font-size:19px}.fon-article__content{font-size:17px}}
/* Trending bar */
.fon-trending {
    border-bottom: 1px solid #e7eaf0;
    background: #f7f8fa;
}

.fon-trending__inner {
    display: flex;
    align-items: center;
    min-height: 46px;
    gap: 22px;
}

.fon-trending__label {
    flex: 0 0 auto;
    color: #e31e24;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fon-trending__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fon-trending__menu li {
    margin: 0;
}

.fon-trending__menu a {
    color: #172235;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.fon-trending__menu a:hover {
    color: #e31e24;
}

@media (max-width: 768px) {
    .fon-trending {
        overflow-x: auto;
    }

    .fon-trending__inner {
        width: max-content;
        min-width: 100%;
        padding-right: 18px;
        padding-left: 18px;
        flex-wrap: nowrap;
    }

    .fon-trending__menu {
        flex-wrap: nowrap;
        gap: 18px;
    }
}

/* =========================================================
   FREEONE PROFESSIONAL FOOTER
   ========================================================= */

#footer {
    display: none !important;
}

.fon-footer {
    margin-top: 80px;
    color: #d7dde7;
    background:
        radial-gradient(circle at 10% 0%, rgba(227, 30, 36, .13), transparent 34%),
        #101824;
}

.fon-footer__grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(160px, 1fr));
    gap: 54px;
    padding-top: 72px;
    padding-bottom: 62px;
}

.fon-footer__logo {
    display: inline-block;
    margin-bottom: 22px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.045em;
    text-decoration: none;
}

.fon-footer__logo span {
    color: #e31e24;
}

.fon-footer__description {
    max-width: 410px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.55;
}

.fon-footer__editorial,
.fon-footer__ai-note {
    max-width: 390px;
    color: #9da8b8;
    font-size: 14px;
    line-height: 1.7;
}

.fon-footer__contact {
    display: inline-flex;
    align-items: center;
    min-height: 43px;
    margin-top: 12px;
    padding: 0 19px;
    color: #ffffff;
    background: #e31e24;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.fon-footer__contact:hover {
    color: #ffffff;
    background: #c8171d;
    transform: translateY(-2px);
}

.fon-footer__column h2 {
    position: relative;
    margin: 0 0 24px;
    padding-bottom: 13px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.fon-footer__column h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 3px;
    background: #e31e24;
}

.fon-footer__links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fon-footer__links li {
    margin: 0 0 11px;
}

.fon-footer__links a {
    color: #bac3d0;
    font-size: 14px;
    text-decoration: none;
    transition: color .18s ease, padding-left .18s ease;
}

.fon-footer__links a:hover {
    padding-left: 4px;
    color: #ffffff;
}

.fon-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .15);
}

.fon-footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    gap: 30px;
}

.fon-footer__bottom p {
    margin: 0;
    color: #8f9aaa;
    font-size: 13px;
}

.fon-footer__bottom strong {
    color: #ffffff;
}

.fon-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.fon-footer__legal a {
    color: #aeb8c6;
    font-size: 13px;
    text-decoration: none;
}

.fon-footer__legal a:hover {
    color: #ffffff;
}

@media (max-width: 1050px) {
    .fon-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 690px) {
    .fon-footer {
        margin-top: 55px;
    }

    .fon-footer__grid {
        grid-template-columns: 1fr;
        gap: 38px;
        padding-top: 50px;
        padding-bottom: 45px;
    }

    .fon-footer__bottom-inner {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .fon-footer__legal {
        gap: 15px;
    }
}

/* =========================================================
   FREEONE SINGLE ARTICLE
   ========================================================= */

.fon-single {
    background: #ffffff;
}

.fon-shell--article {
    max-width: 960px;
}

.fon-article__header {
    padding-top: 58px;
    padding-bottom: 35px;
}

.fon-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
    color: #77808e;
    font-size: 13px;
}

.fon-breadcrumb a {
    color: #586273;
    text-decoration: none;
}

.fon-breadcrumb a:hover {
    color: #e31e24;
}

.fon-article__category,
.fon-card-category {
    display: inline-block;
    color: #e31e24;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
    text-decoration: none;
    text-transform: uppercase;
}

.fon-article__title {
    max-width: 960px;
    margin: 14px 0 19px;
    color: #121b29;
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 900;
    line-height: .99;
    letter-spacing: -.052em;
}

.fon-article__subtitle {
    max-width: 850px;
    margin: 0 0 24px;
    color: #515b69;
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.5;
}

.fon-article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: #788291;
    font-size: 13px;
}

.fon-article__meta a {
    color: #182334;
    font-weight: 800;
    text-decoration: none;
}

.fon-quality-badge {
    padding: 4px 8px;
    color: #136d3c;
    background: #e6f7ed;
    border-radius: 4px;
    font-weight: 800;
}

.fon-article__hero {
    margin-bottom: 45px;
}

.fon-article__hero-image {
    display: block;
    width: 100%;
    max-height: 720px;
    object-fit: cover;
    border-radius: 7px;
}

.fon-article__hero figcaption {
    margin-top: 9px;
    color: #7a8492;
    font-size: 12px;
}

.fon-single__layout {
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(260px, 330px);
    justify-content: center;
    gap: 70px;
}

.fon-share-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    padding-bottom: 22px;
    margin-bottom: 29px;
    border-bottom: 1px solid #e5e8ed;
    font-size: 13px;
    font-weight: 800;
}

.fon-share-bar a {
    color: #536071;
    text-decoration: none;
}

.fon-share-bar a:hover {
    color: #e31e24;
}

.fon-article__content {
    color: #202a38;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.82;
}

.fon-article__content > p:first-of-type::first-letter {
    float: left;
    margin: 9px 9px 0 0;
    color: #e31e24;
    font-family: Arial, sans-serif;
    font-size: 74px;
    font-weight: 900;
    line-height: .72;
}

.fon-article__content h2 {
    margin-top: 48px;
    margin-bottom: 18px;
    color: #121b29;
    font-family: Arial, sans-serif;
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.fon-article__content h3 {
    margin-top: 38px;
    color: #172235;
    font-family: Arial, sans-serif;
    font-size: 27px;
}

.fon-article__content a {
    color: #c61920;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.fon-article__content blockquote {
    margin: 40px 0;
    padding: 25px 28px;
    color: #263243;
    background: #f6f7f9;
    border-left: 5px solid #e31e24;
    font-size: 22px;
    font-style: italic;
}

.fon-article__content img {
    border-radius: 6px;
}

.fon-source-box {
    margin-top: 48px;
    padding: 25px 27px;
    background: #f6f7f9;
    border: 1px solid #e3e7ec;
    border-radius: 6px;
}

.fon-source-box h2 {
    margin: 0 0 12px;
    font-size: 18px;
}

.fon-source-box p {
    margin: 8px 0;
    color: #5f6977;
    font-size: 14px;
    line-height: 1.65;
}

.fon-article__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 35px;
}

.fon-article__tags a {
    padding: 7px 11px;
    color: #4e5968;
    background: #f2f4f7;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
}

.fon-single__sidebar {
    position: relative;
}

.fon-sidebar-card {
    margin-bottom: 28px;
    padding: 25px;
    border: 1px solid #e4e7eb;
    border-radius: 6px;
}

.fon-sidebar-card h2 {
    margin: 0 0 19px;
    padding-bottom: 12px;
    border-bottom: 3px solid #172235;
    font-size: 22px;
}

.fon-sidebar-news {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: news;
}

.fon-sidebar-news li {
    position: relative;
    padding: 0 0 17px 35px;
    margin-bottom: 17px;
    border-bottom: 1px solid #e7e9ed;
    counter-increment: news;
}

.fon-sidebar-news li::before {
    content: counter(news);
    position: absolute;
    top: -3px;
    left: 0;
    color: #e31e24;
    font-size: 23px;
    font-weight: 900;
}

.fon-sidebar-news a {
    color: #1c2736;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.38;
    text-decoration: none;
}

.fon-sidebar-card--dark {
    color: #dce2eb;
    background: #111b29;
    border: none;
}

.fon-sidebar-card--dark h2 {
    color: #ffffff;
    border: none;
}

.fon-sidebar-card--dark a {
    color: #ffffff;
    font-weight: 800;
}

.fon-sidebar-kicker {
    color: #f0494f;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fon-related {
    margin-top: 75px;
    padding-top: 40px;
    padding-bottom: 30px;
    border-top: 1px solid #e2e5e9;
}

.fon-section-title {
    margin-bottom: 28px;
    border-bottom: 3px solid #172235;
}

.fon-section-title h2 {
    display: inline-block;
    margin: 0 0 -3px;
    padding-bottom: 12px;
    border-bottom: 3px solid #e31e24;
    font-size: 31px;
}

.fon-related__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

.fon-related-card__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #edf0f3;
    border-radius: 5px;
}

.fon-related-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.fon-related-card:hover img {
    transform: scale(1.04);
}

.fon-related-card__body {
    padding-top: 14px;
}

.fon-related-card h3 {
    margin: 8px 0;
    font-size: 19px;
    line-height: 1.25;
}

.fon-related-card h3 a {
    color: #172235;
    text-decoration: none;
}

.fon-related-card time {
    color: #7d8794;
    font-size: 12px;
}

@media (min-width: 1000px) {
    .fon-single__sidebar > * {
        position: sticky;
        top: 110px;
    }
}

@media (max-width: 1024px) {
    .fon-single__layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .fon-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 690px) {
    .fon-article__header {
        padding-top: 35px;
    }

    .fon-article__title {
        font-size: 39px;
    }

    .fon-article__hero {
        width: 100%;
    }

    .fon-article__hero-image {
        border-radius: 0;
    }

    .fon-single__layout {
        padding-right: 18px;
        padding-left: 18px;
    }

    .fon-article__content {
        font-size: 18px;
        line-height: 1.75;
    }

    .fon-article__content h2 {
        font-size: 29px;
    }

    .fon-related__grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   FREEONE CATEGORY ARCHIVES
   ========================================================= */

.fon-category-page {
    background: #ffffff;
}

.fon-category-hero {
    padding: 56px 0 48px;
    color: #ffffff;
    background:
        radial-gradient(circle at 90% 0%, rgba(227, 30, 36, .22), transparent 32%),
        #111b29;
}

.fon-category-hero .fon-breadcrumb {
    margin-bottom: 25px;
    color: #aab4c2;
}

.fon-category-hero .fon-breadcrumb a {
    color: #d9dfe7;
}

.fon-category-hero__kicker {
    color: #f04b51;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.fon-category-hero h1 {
    margin: 10px 0 14px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 72px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.fon-category-hero p {
    max-width: 760px;
    margin: 0;
    color: #bec7d3;
    font-size: 18px;
    line-height: 1.65;
}

.fon-category-featured {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
    gap: 42px;
    align-items: center;
    margin-top: 56px;
    margin-bottom: 65px;
    padding-bottom: 54px;
    border-bottom: 1px solid #e3e6ea;
}

.fon-category-featured__image {
    display: block;
    overflow: hidden;
    min-height: 440px;
    background: #eef1f4;
    border-radius: 7px;
}

.fon-category-featured__image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
    transition: transform .35s ease;
}

.fon-category-featured:hover img {
    transform: scale(1.035);
}

.fon-category-featured__content h2 {
    margin: 13px 0 18px;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1.03;
    letter-spacing: -.04em;
}

.fon-category-featured__content h2 a {
    color: #152030;
    text-decoration: none;
}

.fon-category-featured__content p {
    margin: 0 0 20px;
    color: #5c6674;
    font-size: 18px;
    line-height: 1.65;
}

.fon-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #7b8491;
    font-size: 12px;
}

.fon-category-latest {
    padding-bottom: 30px;
}

.fon-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px 28px;
}

.fon-archive-card {
    min-width: 0;
}

.fon-archive-card__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 15px;
    background: #edf0f3;
    border-radius: 5px;
}

.fon-archive-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.fon-archive-card:hover img {
    transform: scale(1.04);
}

.fon-archive-card__body h2 {
    margin: 8px 0 12px;
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: -.022em;
}

.fon-archive-card__body h2 a {
    color: #182334;
    text-decoration: none;
}

.fon-archive-card__body h2 a:hover {
    color: #e31e24;
}

.fon-archive-card__body p {
    margin: 0 0 16px;
    color: #626c79;
    font-size: 15px;
    line-height: 1.62;
}

.fon-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 60px;
}

.fon-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    min-height: 43px;
    padding: 0 13px;
    color: #263142;
    background: #f1f3f6;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.fon-pagination .page-numbers:hover,
.fon-pagination .page-numbers.current {
    color: #ffffff;
    background: #e31e24;
}

.fon-empty-state {
    margin-top: 45px;
    padding: 70px 35px;
    text-align: center;
    background: #f5f6f8;
    border-radius: 7px;
}

.fon-empty-state__label {
    color: #e31e24;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fon-empty-state h2 {
    margin: 12px 0;
    color: #172235;
    font-size: clamp(28px, 4vw, 44px);
}

.fon-empty-state p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #65707e;
}

.fon-empty-state a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 19px;
    color: #ffffff;
    background: #e31e24;
    border-radius: 4px;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .fon-category-featured {
        grid-template-columns: 1fr;
    }

    .fon-archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 690px) {
    .fon-category-hero {
        padding: 38px 0 34px;
    }

    .fon-category-featured {
        gap: 25px;
        margin-top: 35px;
        margin-bottom: 42px;
    }

    .fon-category-featured__image,
    .fon-category-featured__image img {
        min-height: 260px;
    }

    .fon-category-featured__content h2 {
        font-size: 35px;
    }

    .fon-archive-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
}

/* =========================================================
   SEARCH AND GENERIC ARCHIVES
   ========================================================= */

.fon-search-page,
.fon-archive-page {
    background: #ffffff;
}

.fon-search-hero,
.fon-archive-hero {
    padding: 52px 0 48px;
    color: #ffffff;
    background:
        radial-gradient(circle at 85% 0%, rgba(227, 30, 36, .22), transparent 32%),
        #111b29;
}

.fon-search-hero .fon-breadcrumb,
.fon-archive-hero .fon-breadcrumb {
    color: #aeb7c4;
}

.fon-search-hero .fon-breadcrumb a,
.fon-archive-hero .fon-breadcrumb a {
    color: #e0e5eb;
}

.fon-search-hero__kicker,
.fon-archive-hero__kicker {
    color: #f04b51;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.fon-search-hero h1,
.fon-archive-hero h1 {
    margin: 10px 0 18px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.05;
    letter-spacing: -.045em;
}

.fon-archive-hero__description {
    max-width: 760px;
    color: #bec6d1;
    font-size: 17px;
    line-height: 1.65;
}

.fon-search-form {
    display: flex;
    max-width: 740px;
    margin-top: 28px;
}

.fon-search-form input {
    flex: 1;
    min-width: 0;
    height: 52px;
    padding: 0 18px;
    color: #1b2635;
    background: #ffffff;
    border: none;
    border-radius: 5px 0 0 5px;
    font-size: 15px;
}

.fon-search-form button {
    min-width: 110px;
    height: 52px;
    padding: 0 22px;
    color: #ffffff;
    background: #e31e24;
    border: none;
    border-radius: 0 5px 5px 0;
    font-weight: 850;
    cursor: pointer;
}

.fon-search-form button:hover {
    background: #c8171d;
}

.fon-search-content,
.fon-archive-content {
    padding-top: 54px;
    padding-bottom: 30px;
}

.fon-search-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 30px;
}

.fon-search-card {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e6ea;
}

.fon-search-card__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #edf0f3;
    border-radius: 5px;
}

.fon-search-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.fon-search-card:hover img {
    transform: scale(1.04);
}

.fon-search-card__body h2 {
    margin: 8px 0 11px;
    font-size: 23px;
    line-height: 1.18;
}

.fon-search-card__body h2 a {
    color: #182334;
    text-decoration: none;
}

.fon-search-card__body h2 a:hover {
    color: #e31e24;
}

.fon-search-card__body p {
    margin: 0 0 13px;
    color: #626c79;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 1024px) {
    .fon-search-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 690px) {
    .fon-search-hero,
    .fon-archive-hero {
        padding: 38px 0 35px;
    }

    .fon-search-form {
        flex-direction: column;
        gap: 10px;
    }

    .fon-search-form input,
    .fon-search-form button {
        width: 100%;
        border-radius: 5px;
    }

    .fon-search-card {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 15px;
    }

    .fon-search-card__body h2 {
        font-size: 19px;
    }

    .fon-search-card__body p {
        display: none;
    }
}