/* 鈹€鈹€鈹€ CSS Variables 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
:root {
    --primary:    #1e40af;
    --primary-lt: #eff6ff;
    --text:       #1e293b;
    --muted:      #64748b;
    --border:     #e2e8f0;
    --bg:         #f8fafc;
    --header-bg:  #0f1f3d;
    --footer-bg:  #0f1f3d;
    --radius:     .75rem;
    --surface:    #ffffff;
    --hero-bg:    linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
    --font-main:  "Trebuchet MS", "Segoe UI", sans-serif;
    --font-head:  Georgia, "Times New Roman", serif;
}

.theme-atlas-blue { --primary:#1e40af; --primary-lt:#dbeafe; --text:#172033; --muted:#64748b; --bg:#f7faff; --header-bg:#102447; --footer-bg:#102447; --hero-bg:linear-gradient(135deg,#dbeafe 0%,#ffffff 70%); }
.theme-export-emerald { --primary:#047857; --primary-lt:#d1fae5; --text:#123026; --muted:#607269; --bg:#f5fbf7; --header-bg:#063f32; --footer-bg:#063f32; --hero-bg:radial-gradient(circle at 15% 20%,#d1fae5 0,transparent 34%),linear-gradient(135deg,#ffffff 0%,#f0fdf4 100%); }
.theme-graphite-gold { --primary:#b7791f; --primary-lt:#fef3c7; --text:#1f2933; --muted:#6b7280; --bg:#f7f4ed; --header-bg:#18181b; --footer-bg:#18181b; --hero-bg:linear-gradient(135deg,#27272a 0%,#3f3f46 48%,#f8f1dc 49%,#fffaf0 100%); }
.theme-solar-orange { --primary:#ea580c; --primary-lt:#ffedd5; --text:#2b2118; --muted:#76675a; --bg:#fff8f1; --header-bg:#7c2d12; --footer-bg:#7c2d12; --hero-bg:radial-gradient(circle at 85% 10%,#fed7aa 0,transparent 30%),linear-gradient(135deg,#fff7ed 0%,#ffffff 100%); }
.theme-ocean-cyan { --primary:#0891b2; --primary-lt:#cffafe; --text:#14313a; --muted:#5b7280; --bg:#f2fbfd; --header-bg:#083344; --footer-bg:#083344; --hero-bg:linear-gradient(135deg,#cffafe 0%,#f8feff 70%); }
.theme-wine-premium { --primary:#9f1239; --primary-lt:#ffe4e6; --text:#2b1720; --muted:#7a5964; --bg:#fff8f8; --header-bg:#4c0519; --footer-bg:#4c0519; --hero-bg:linear-gradient(135deg,#fff1f2 0%,#ffffff 62%,#fdf2f8 100%); }
.theme-slate-minimal { --primary:#334155; --primary-lt:#e2e8f0; --text:#0f172a; --muted:#64748b; --bg:#f8fafc; --header-bg:#111827; --footer-bg:#111827; --radius:.35rem; --hero-bg:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%); }
.theme-indigo-saas { --primary:#4f46e5; --primary-lt:#e0e7ff; --text:#1e1b4b; --muted:#6366a2; --bg:#f7f7ff; --header-bg:#312e81; --footer-bg:#312e81; --hero-bg:radial-gradient(circle at 20% 0,#ddd6fe 0,transparent 34%),linear-gradient(135deg,#eef2ff 0%,#ffffff 100%); }
.theme-sand-logistics { --primary:#b45309; --primary-lt:#fef3c7; --text:#2f2a1f; --muted:#7c6f5d; --bg:#fbf7ef; --header-bg:#1f2937; --footer-bg:#1f2937; --hero-bg:linear-gradient(135deg,#fef3c7 0%,#fffaf0 55%,#ffffff 100%); }
.theme-red-manufacturing { --primary:#dc2626; --primary-lt:#fee2e2; --text:#251515; --muted:#725f5f; --bg:#fff7f7; --header-bg:#7f1d1d; --footer-bg:#7f1d1d; --hero-bg:linear-gradient(135deg,#fee2e2 0%,#ffffff 68%); }
.theme-crimson-tech { --primary:#dc2626; --primary-lt:#fee2e2; --text:#221214; --muted:#725c60; --bg:#fff7f8; --header-bg:#450a0a; --footer-bg:#450a0a; --hero-bg:radial-gradient(circle at 85% 10%,#fecaca 0,transparent 30%),linear-gradient(135deg,#fff1f2 0%,#ffffff 70%); }
.theme-teal-health { --primary:#0f766e; --primary-lt:#ccfbf1; --text:#123330; --muted:#5f7672; --bg:#f3fbfa; --header-bg:#134e4a; --footer-bg:#134e4a; --hero-bg:linear-gradient(135deg,#ccfbf1 0%,#ffffff 68%); }
.theme-midnight-finance { --primary:#d97706; --primary-lt:#fef3c7; --text:#111827; --muted:#6b7280; --bg:#f7f5ef; --header-bg:#020617; --footer-bg:#020617; --hero-bg:linear-gradient(135deg,#020617 0%,#1e293b 55%,#fef3c7 56%,#fffaf0 100%); }
.theme-copper-industrial { --primary:#c2410c; --primary-lt:#ffedd5; --text:#29201b; --muted:#78685f; --bg:#fbf6f1; --header-bg:#431407; --footer-bg:#431407; --hero-bg:radial-gradient(circle at 12% 18%,#fed7aa 0,transparent 34%),linear-gradient(135deg,#fff7ed 0%,#ffffff 100%); }
.theme-sage-organic { --primary:#4d7c0f; --primary-lt:#ecfccb; --text:#26331f; --muted:#69765e; --bg:#f8fbf2; --header-bg:#365314; --footer-bg:#365314; --hero-bg:linear-gradient(135deg,#ecfccb 0%,#ffffff 70%); }
.theme-purple-agency { --primary:#9333ea; --primary-lt:#f3e8ff; --text:#2e174b; --muted:#755d8a; --bg:#fbf7ff; --header-bg:#581c87; --footer-bg:#581c87; --hero-bg:radial-gradient(circle at 20% 0,#e9d5ff 0,transparent 36%),linear-gradient(135deg,#faf5ff 0%,#ffffff 100%); }
.theme-arctic-clean { --primary:#0284c7; --primary-lt:#e0f2fe; --text:#102a3a; --muted:#64788a; --bg:#f8fcff; --header-bg:#0f172a; --footer-bg:#0f172a; --hero-bg:linear-gradient(180deg,#ffffff 0%,#e0f2fe 100%); }
.theme-amber-energy { --primary:#f59e0b; --primary-lt:#fef3c7; --text:#2f2414; --muted:#77684f; --bg:#fff9ed; --header-bg:#78350f; --footer-bg:#78350f; --hero-bg:radial-gradient(circle at 80% 12%,#fde68a 0,transparent 32%),linear-gradient(135deg,#fffbeb 0%,#ffffff 100%); }
.theme-rose-fashion { --primary:#e11d48; --primary-lt:#ffe4e6; --text:#351923; --muted:#86616c; --bg:#fff8fa; --header-bg:#881337; --footer-bg:#881337; --hero-bg:linear-gradient(135deg,#fff1f2 0%,#ffffff 62%,#ffe4e6 100%); }
.theme-steel-logistics { --primary:#2563eb; --primary-lt:#dbeafe; --text:#172033; --muted:#66758a; --bg:#f5f8fc; --header-bg:#1e293b; --footer-bg:#1e293b; --hero-bg:linear-gradient(135deg,#e2e8f0 0%,#ffffff 55%,#dbeafe 100%); }

/* 鈹€鈹€鈹€ Base 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: var(--font-main);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text);
    background:
        radial-gradient(circle at 9% 8%, color-mix(in srgb, var(--primary-lt) 78%, transparent), transparent 28rem),
        radial-gradient(circle at 92% 18%, rgba(255,255,255,.78), transparent 24rem),
        linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 78%, #ffffff));
    margin: 0;
    position: relative;
    overflow-x: hidden;
}

body::before,
body::after {
    content: "";
    position: fixed;
    z-index: -1;
    pointer-events: none;
    border-radius: 999px;
}
body::before {
    inset: 0;
    border-radius: 0;
    background-image: var(--front-wallpaper);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: var(--front-wallpaper-opacity, .08);
    z-index: 0;
}
body::after {
    width: 42rem;
    height: 42rem;
    right: -20rem;
    top: 34rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--primary) 14%, transparent), transparent 70%);
    opacity: .45;
}
.timezone-bar,
.site-header,
.site-top-banner,
.site-main,
.site-footer,
.back-to-top,
.regional-contact-fab,
.site-music-player {
    position: relative;
    z-index: 1;
}
.site-header,
.back-to-top,
.regional-contact-fab,
.site-music-player {
    position: fixed;
}
.site-header { position: sticky; }

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    body {
        background:
            radial-gradient(circle at 9% 8%, var(--primary-lt), transparent 28rem),
            linear-gradient(180deg, var(--bg), #ffffff);
    }
    body::before {
        background-image: var(--front-wallpaper);
    }
    body::after {
        background: radial-gradient(circle, rgba(30,64,175,.12), transparent 70%);
    }
    .site-header {
        background: linear-gradient(135deg, var(--header-bg), var(--header-bg));
    }
    .site-footer {
        background: linear-gradient(135deg, var(--footer-bg), #0b1220);
    }
    .article-card {
        border-color: var(--border);
    }
    .article-card::before {
        background: linear-gradient(90deg, var(--primary), var(--primary-lt));
    }
}

a { color: var(--primary); }
a:hover { color: #1e3a8a; }

img, video { max-width: 100%; height: auto; }
.image-protection-on img {
    -webkit-user-drag: none;
    user-select: none;
}

h1, h2, h3, .navbar-brand, .page-title {
    font-family: var(--font-head);
}

/* 鈹€鈹€鈹€ Header 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.site-header {
    background:
        radial-gradient(circle at 12% 0, rgba(255,255,255,.16), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--header-bg) 88%, #000 12%), var(--header-bg));
    padding: .75rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
}

.site-header .navbar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -.01em;
}
.site-header .navbar-brand:hover { color: #93c5fd; }

.site-header .nav-link {
    color: rgba(255,255,255,.8);
    font-size: .9rem;
}
.site-header .nav-link:hover { color: #fff; }
.site-search-dropdown { width: min(340px, calc(100vw - 2rem)); }
.site-search-dropdown .form-control { min-width: 0; }

/* 鈹€鈹€鈹€ Main 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.site-main {
    min-height: calc(100vh - 140px);
    padding: 2.5rem 0 4rem;
    position: relative;
}
.site-main::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 190px;
    pointer-events: none;
    background:
        linear-gradient(135deg, transparent 0 44%, color-mix(in srgb, var(--primary-lt) 54%, transparent) 44% 45%, transparent 45%),
        radial-gradient(circle at 50% 0, rgba(255,255,255,.72), transparent 58%);
    opacity: .58;
}

/* 鈹€鈹€鈹€ Home hero 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.home-hero {
    border-bottom: 1px solid var(--border);
    margin-bottom: 2rem;
    background:
        radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--primary) 24%, transparent), transparent 18rem),
        linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.96)),
        var(--hero-bg);
    border-radius: calc(var(--radius) * 1.4);
    padding: 2.25rem;
    box-shadow: 0 22px 70px rgba(15,31,61,.11);
    position: relative;
    overflow: hidden;
}
.home-hero::before {
    content:"";
    position:absolute;
    left:-4rem;
    top:-5rem;
    width:17rem;
    height:17rem;
    border-radius:50%;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, transparent), transparent),
        radial-gradient(circle, rgba(255,255,255,.55), transparent 62%);
    pointer-events:none;
}
.home-hero::after {
    content:"";
    position:absolute;
    right:-4rem;
    bottom:-5rem;
    width:16rem;
    height:16rem;
    border-radius:42%;
    border:2rem solid color-mix(in srgb, var(--primary-lt) 72%, transparent);
    transform:rotate(18deg);
    pointer-events:none;
}
.home-hero h1,
.home-hero .lead,
.home-hero p {
    position: relative;
    z-index: 1;
}

/* 鈹€鈹€鈹€ Page article 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.page-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--text);
    margin-bottom: .75rem;
}

.page-meta { margin-top: .5rem; }

.content-section {
    margin-bottom: 2rem;
    position: relative;
}
.content-section h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .75rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid var(--primary-lt);
    position: relative;
}
.content-section h2::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: .4rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 22%, #ffffff));
}
.content-section h3 { font-size: 1.1rem; font-weight: 600; }

.content-body p { margin-bottom: 1rem; }
.content-body ul, .content-body ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.content-body li { margin-bottom: .3rem; }
.content-body strong { font-weight: 600; color: var(--text); }
.content-body a { text-decoration: underline; text-underline-offset: 2px; }
.content-body blockquote {
    margin: 1.2rem 0;
    padding: 1rem 1.15rem;
    border-left: 5px solid var(--primary);
    background: linear-gradient(135deg, var(--primary-lt), #fff);
    border-radius: 0 var(--radius) var(--radius) 0;
    color: var(--text);
    font-weight: 600;
    box-shadow: 0 12px 26px rgba(15,31,61,.06);
}
.content-body h2,
.content-body h3 {
    margin-top: 1.4rem;
    color: var(--text);
}
.content-body img,
.content-body video {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: clamp(220px, 42vw, 480px);
    margin: 1.15rem auto;
    border-radius: calc(var(--radius) * 1.05);
    object-fit: contain;
    background: #f8fafc;
    box-shadow: 0 12px 30px rgba(15,31,61,.08);
}
.page-article > header::after,
.content-body::after {
    content: "";
    display: block;
    clear: both;
}
.content-body figure {
    max-width: 100%;
    margin: 1.25rem 0;
}
.content-body > img,
.content-body > video,
.content-body p > img:only-child,
.content-body p > video:only-child {
    width: min(31%, 320px) !important;
    min-width: 220px;
    float: right;
    clear: right;
    margin: .35rem 0 1rem 1.25rem;
    height: auto !important;
    max-height: none;
}

.site-top-banner {
    width: 100%;
    margin: 0;
    padding: .9rem 0 0;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.72));
}
.site-top-banner-frame {
    position: relative;
    overflow: hidden;
    height: var(--site-top-banner-height, 280px);
    border-radius: calc(var(--radius) * 1.1);
    border: 1px solid var(--border);
    box-shadow: 0 18px 42px rgba(15,31,61,.11);
    background: #0f172a;
}
.site-top-banner img,
.site-top-banner-slide {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.site-top-banner-video { object-fit: var(--site-top-banner-video-fit, cover) !important; background: #0f172a; }
.site-top-banner-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .85s ease, transform 4s ease;
    transform: scale(1.035);
}
.site-top-banner-slide.is-active {
    opacity: 1;
    transform: scale(1);
}
.site-top-banner-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: clamp(1rem, 4vw, 3.2rem);
    color: var(--site-top-banner-overlay-color, #fff);
    font-size: var(--site-top-banner-overlay-size, 34px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.02em;
    text-shadow: 0 8px 28px rgba(0,0,0,.45);
    background: linear-gradient(90deg, rgba(15,23,42,.44), rgba(15,23,42,.08));
    pointer-events: none;
}
.site-top-banner-frame.text-center .site-top-banner-overlay { justify-content: center; text-align: center; }
.site-top-banner-frame.text-right .site-top-banner-overlay { justify-content: flex-end; text-align: right; }
.site-top-banner-frame.text-left .site-top-banner-overlay { justify-content: flex-start; text-align: left; }
.site-top-banner-single .site-top-banner-slide {
    position: relative;
    opacity: 1;
    transform: none;
}

.article-featured-image,
.article-card-featured {
    display: block;
    overflow: hidden;
    background: #f8fafc;
}
.article-featured-image {
    width: min(31%, 320px);
    min-width: 220px;
    float: right;
    clear: right;
    margin: .25rem 0 1rem 1.25rem;
    border-radius: calc(var(--radius) * 1.1);
    border: 1px solid var(--border);
    box-shadow: 0 16px 36px rgba(15,31,61,.10);
}
.article-card-featured {
    width: 100%;
}
.article-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.article-card-featured img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: transform .35s ease;
}
.article-card:hover .article-card-featured img { transform: scale(1.035); }

.article-media-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0;
    align-items: flex-start;
    justify-content: flex-end;
}
.article-media-set {
    display: block;
    clear: both;
}
.article-media {
    width: min(31%, 320px) !important;
    max-width: min(31%, 320px) !important;
    min-width: 220px;
    margin: .35rem 0 1rem 1.25rem;
    float: right;
    clear: right;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease;
}
.article-media:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(15,31,61,.12);
}
.article-media img,
.article-media video {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
    background: #f8fafc;
}
.article-media figcaption {
    display: none !important;
}
.article-media-auto {
    width: min(31%, 320px) !important;
    max-width: min(31%, 320px) !important;
    min-width: 220px;
    float: right;
    clear: right;
    margin: .35rem 0 1rem 1.25rem;
    box-shadow: 0 18px 38px rgba(15,31,61,.12);
}
.article-media-auto img {
    min-height: 0;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.article-media-grid .article-media {
    flex: 0 1 min(31%, 320px) !important;
    min-width: 220px;
    float: none;
    clear: none;
    margin: 0;
}
.article-media-grid .article-media img,
.article-media-grid .article-media video {
    height: auto;
    aspect-ratio: 4 / 3;
}
.article-media.media-quarter,
.article-media-grid .article-media.media-quarter { width: min(24%, 240px) !important; max-width: min(24%, 240px) !important; flex-basis: min(24%, 240px) !important; min-width: 180px; }
.article-media.media-third,
.article-media-grid .article-media.media-third { width: min(31%, 320px) !important; max-width: min(31%, 320px) !important; flex-basis: min(31%, 320px) !important; min-width: 220px; }
.article-media.media-half,
.article-media-grid .article-media.media-half { width: min(48%, 480px) !important; max-width: min(48%, 480px) !important; flex-basis: min(48%, 480px) !important; min-width: 260px; }
.article-media.media-wide,
.article-media-grid .article-media.media-wide { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; float: none; clear: both; margin: 1.1rem 0; }
.article-media.media-left { float: left; clear: left; margin: .35rem 1.25rem 1rem 0; }
.article-media.media-center { float: none; clear: both; margin: 1.1rem auto; }

/* 鈹€鈹€鈹€ Table 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.table-wrap { overflow-x: auto; margin: 1rem 0; }
.data-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.data-table td, .data-table th {
    padding: .5rem .75rem;
    border: 1px solid var(--border);
    text-align: left;
}
.data-table tr:nth-child(even) td { background: var(--bg); }

/* 鈹€鈹€鈹€ FAQ 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.faq-section .accordion-button {
    font-weight: 600;
    font-size: .95rem;
    background: #fff;
}
.faq-section .accordion-button:not(.collapsed) {
    background: var(--primary-lt);
    color: var(--primary);
    box-shadow: none;
}
.faq-section .accordion-item { border-radius: var(--radius) !important; overflow: hidden; }

/* 鈹€鈹€鈹€ Sidebar 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.page-sidebar .card { border-radius: var(--radius); }

/* 鈹€鈹€鈹€ Breadcrumb 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.breadcrumb { font-size: .85rem; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--muted); }

/* 鈹€鈹€鈹€ Footer 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.site-footer {
    background:
        radial-gradient(circle at 10% 0, rgba(255,255,255,.12), transparent 20rem),
        linear-gradient(135deg, var(--footer-bg), color-mix(in srgb, var(--footer-bg) 72%, #000));
    color: rgba(255,255,255,.6);
    padding: 2rem 0;
    font-size: .875rem;
}
.site-footer a { color: rgba(255,255,255,.6); }
.site-footer a:hover { color: #fff; }
.site-footer .fw-semibold { color: rgba(255,255,255,.9); }

/* 鈹€鈹€鈹€ Responsive 鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€鈹€ */
.theme-graphite-gold .home-hero,
.theme-graphite-gold .home-hero h1,
.theme-graphite-gold .home-hero .lead {
    color: #fff;
}

.theme-slate-minimal .site-header,
.theme-slate-minimal .home-hero,
.theme-slate-minimal .article-media,
.theme-slate-minimal .page-sidebar .card {
    box-shadow: none;
}

.theme-red-manufacturing .content-section h2 {
    border-bottom: 0;
    border-left: 4px solid var(--primary);
    padding-left: .75rem;
}

.theme-wine-premium .page-title,
.theme-graphite-gold .page-title {
    letter-spacing: -.02em;
}

.article-style { --article-accent:var(--primary); --article-soft:var(--primary-lt); --article-line:3px; --article-card:rgba(255,255,255,.92); position:relative; padding:clamp(1rem, 2.5vw, 1.9rem); border-radius:calc(var(--radius) * 1.45); overflow:hidden; box-shadow:0 24px 80px rgba(15,31,61,.075); }
.article-style::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:var(--article-bg, transparent), linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)); }
.article-style::after { content:""; position:absolute; right:-70px; top:-70px; width:210px; height:210px; border-radius:42px; border:24px solid var(--article-soft); opacity:.62; transform:rotate(20deg); pointer-events:none; }
.article-style-badge { display:inline-flex; align-items:center; gap:.45rem; color:var(--article-accent); background:var(--article-soft); border-radius:999px; padding:.3rem .75rem; font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; margin-bottom:.85rem; }
.article-style .page-title { position:relative; }
.article-style .page-title::after { content:""; display:block; width:86px; height:var(--article-line); margin-top:.7rem; border-radius:999px; background:var(--article-accent); }
.article-style .content-section { background:var(--article-card); border:1px solid rgba(148,163,184,.25); border-radius:calc(var(--radius) * 1.08); padding:clamp(1rem, 2vw, 1.35rem); box-shadow:0 14px 38px rgba(15,31,61,.07); position:relative; backdrop-filter:blur(8px); }
.article-style .content-section h2 { border-bottom:0; display:flex; gap:.55rem; align-items:center; }
.article-style .content-section h2::before { content:""; width:.7rem; height:.7rem; border-radius:50%; background:var(--article-accent); box-shadow:0 0 0 6px var(--article-soft); flex:0 0 auto; }
.article-style-blueprint { --article-accent:#2563eb; --article-soft:#dbeafe; --article-bg:linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(37,99,235,.08) 1px,transparent 1px); background-size:28px 28px; }
.article-style-citrus { --article-accent:#f97316; --article-soft:#ffedd5; --article-line:7px; }
.article-style-citrus .page-title::after { width:140px; transform:skewX(-18deg); }
.article-style-citrus .content-section { border-top:6px solid var(--article-accent); }
.article-style-emerald-card { --article-accent:#059669; --article-soft:#d1fae5; --article-card:#f7fffb; }
.article-style-emerald-card .content-section { box-shadow:0 16px 34px rgba(5,150,105,.10); }
.article-style-mono-report { --article-accent:#334155; --article-soft:#e2e8f0; --article-card:#fbfdff; }
.article-style-mono-report .content-section { border-left:5px solid var(--article-accent); }
.article-style-coral-wave { --article-accent:#f43f5e; --article-soft:#ffe4e6; --article-bg:radial-gradient(circle at 85% 8%,rgba(244,63,94,.16),transparent 28%); }
.article-style-indigo-deck { --article-accent:#4f46e5; --article-soft:#e0e7ff; --article-card:#f8f9ff; }
.article-style-indigo-deck .content-section { border-radius:1.25rem; }
.article-style-indigo-deck .content-section:nth-of-type(even) { transform:translateX(12px); }
.article-style-gold-ribbon { --article-accent:#b45309; --article-soft:#fef3c7; }
.article-style-gold-ribbon .content-section h2::before { border-radius:.15rem; transform:rotate(45deg); }
.article-style-cyan-grid { --article-accent:#0891b2; --article-soft:#cffafe; --article-bg:linear-gradient(135deg,rgba(8,145,178,.12),transparent 45%); }
.article-style-cyan-grid .content-section { background-image:linear-gradient(90deg,rgba(8,145,178,.06) 1px,transparent 1px); background-size:18px 18px; }
.article-style-rose-editorial { --article-accent:#be123c; --article-soft:#ffe4e6; --article-card:#fffafb; }
.article-style-rose-editorial .page-title { font-style:italic; }
.article-style-slate-brief { --article-accent:#475569; --article-soft:#f1f5f9; --article-card:#ffffff; }
.article-style-slate-brief .content-section { box-shadow:none; border-style:dashed; }
.article-style-forest-note { --article-accent:#15803d; --article-soft:#dcfce7; --article-bg:linear-gradient(180deg,rgba(21,128,61,.08),transparent); }
.article-style-violet-glow { --article-accent:#7c3aed; --article-soft:#ede9fe; --article-bg:radial-gradient(circle at 20% 0,rgba(124,58,237,.18),transparent 30%); }
.article-style-amber-step { --article-accent:#d97706; --article-soft:#fef3c7; counter-reset:section; }
.article-style-amber-step .content-section h2::before { counter-increment:section; content:counter(section); width:1.6rem; height:1.6rem; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; }
.article-style-steel-angle { --article-accent:#64748b; --article-soft:#e2e8f0; }
.article-style-steel-angle .content-section { clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%); }
.article-style-mint-soft { --article-accent:#10b981; --article-soft:#d1fae5; --article-card:#fbfffd; }
.article-style-navy-sidebar { --article-accent:#1d4ed8; --article-soft:#dbeafe; }
.article-style-navy-sidebar .content-section { border-left:7px solid #1e3a8a; }
.article-style-sunset-band { --article-accent:#ea580c; --article-soft:#fed7aa; --article-bg:linear-gradient(120deg,rgba(234,88,12,.13),rgba(236,72,153,.08),transparent 55%); }
.article-style-aqua-bubble { --article-accent:#06b6d4; --article-soft:#cffafe; --article-bg:radial-gradient(circle at 92% 18%,rgba(6,182,212,.18),transparent 14%),radial-gradient(circle at 8% 80%,rgba(6,182,212,.12),transparent 18%); }
.article-style-graphite-focus { --article-accent:#111827; --article-soft:#e5e7eb; --article-card:#fafafa; }
.article-style-graphite-focus .page-title::after { width:46px; height:8px; }
.article-style-lime-sketch { --article-accent:#65a30d; --article-soft:#ecfccb; }
.article-style-lime-sketch .content-section { border:2px solid var(--article-accent); box-shadow:8px 8px 0 var(--article-soft); }
.article-style-crimson-impact { --article-accent:#dc2626; --article-soft:#fee2e2; --article-bg:linear-gradient(135deg,rgba(220,38,38,.12),transparent 45%); }
.article-style-crimson-impact .content-section { border-top:7px solid var(--article-accent); }
.article-style-teal-card { --article-accent:#0f766e; --article-soft:#ccfbf1; --article-card:#f2fffc; }
.article-style-teal-card .content-section { box-shadow:0 16px 34px rgba(15,118,110,.12); }
.article-style-midnight-pro { --article-accent:#f59e0b; --article-soft:#fef3c7; --article-card:#111827; color:#f8fafc; --article-bg:linear-gradient(135deg,#0f172a,#1f2937); }
.article-style-midnight-pro .content-section, .article-style-midnight-pro .content-section h2, .article-style-midnight-pro .page-title { color:#f8fafc; }
.article-style-copper-bold { --article-accent:#c2410c; --article-soft:#ffedd5; --article-bg:radial-gradient(circle at 12% 18%,rgba(194,65,12,.18),transparent 30%); }
.article-style-copper-bold .content-section h2::before { border-radius:.2rem; transform:rotate(15deg); }
.article-style-sage-soft { --article-accent:#4d7c0f; --article-soft:#ecfccb; --article-card:#fbfff5; }
.article-style-purple-glow { --article-accent:#9333ea; --article-soft:#f3e8ff; --article-bg:radial-gradient(circle at 20% 0,rgba(147,51,234,.20),transparent 32%); }
.article-style-arctic-doc { --article-accent:#0284c7; --article-soft:#e0f2fe; --article-card:#fbfdff; }
.article-style-arctic-doc .content-section { box-shadow:none; border:1px solid #bae6fd; }
.article-style-amber-warm { --article-accent:#f59e0b; --article-soft:#fef3c7; --article-bg:linear-gradient(120deg,rgba(245,158,11,.16),transparent 52%); }
.article-style-rose-card { --article-accent:#e11d48; --article-soft:#ffe4e6; --article-card:#fff7fa; }
.article-style-steel-sharp { --article-accent:#2563eb; --article-soft:#dbeafe; }
.article-style-steel-sharp .content-section { clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%); }
.article-style-ocean-deep { --article-accent:#0369a1; --article-soft:#dbeafe; --article-bg:linear-gradient(180deg,rgba(3,105,161,.16),transparent); }
.article-style-forest-rich { --article-accent:#166534; --article-soft:#dcfce7; --article-card:#f7fff9; }
.article-style-gold-luxury { --article-accent:#b7791f; --article-soft:#fef3c7; --article-card:#fffaf0; }
.article-style-gold-luxury .page-title { letter-spacing:-.03em; }
.article-style-neon-tech { --article-accent:#22d3ee; --article-soft:#cffafe; --article-card:#0f172a; color:#e0f2fe; --article-bg:linear-gradient(135deg,#020617,#0f172a); }
.article-style-neon-tech .content-section, .article-style-neon-tech .content-section h2, .article-style-neon-tech .page-title { color:#e0f2fe; }
.article-style-paper-clean { --article-accent:#64748b; --article-soft:#f1f5f9; --article-card:#fff; }
.article-style-paper-clean .content-section { box-shadow:0 1px 0 rgba(15,31,61,.08); }
.article-style-brick-bold { --article-accent:#b91c1c; --article-soft:#fee2e2; }
.article-style-brick-bold .content-section { border:2px solid var(--article-accent); }
.article-style-sky-fresh { --article-accent:#0ea5e9; --article-soft:#e0f2fe; --article-bg:radial-gradient(circle at 80% 0,rgba(14,165,233,.20),transparent 30%); }
.article-style-charcoal-pro { --article-accent:#111827; --article-soft:#e5e7eb; --article-card:#f9fafb; }
.article-style-jade-minimal { --article-accent:#059669; --article-soft:#d1fae5; }
.article-style-jade-minimal .content-section { box-shadow:none; border-left:4px solid var(--article-accent); }
.article-style-fire-bold { --article-accent:#ea580c; --article-soft:#ffedd5; --article-bg:linear-gradient(135deg,rgba(234,88,12,.18),rgba(220,38,38,.08),transparent 58%); }
.article-style-fire-bold .page-title::after { height:10px; width:120px; }

.generation-profile-box {
    border: 1px solid var(--border);
    background: linear-gradient(135deg, var(--article-soft, var(--primary-lt)), #fff);
    border-radius: var(--radius);
    padding: .8rem 1rem;
    margin: 1rem 0 1.25rem;
    color: var(--muted);
    font-size: .86rem;
}

.static-page-content {
    background: linear-gradient(180deg,#fff 0%,rgba(248,250,252,.86) 100%);
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * 1.4);
    padding: 2rem;
    box-shadow: 0 18px 45px rgba(15,31,61,.06);
}
.static-page-content .page-title::after {
    content:"";
    display:block;
    width:96px;
    height:5px;
    border-radius:999px;
    background:var(--primary);
    margin-top:.75rem;
}
.static-page-content .content-section {
    border: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}
.static-page-content .content-section h2 {
    border-bottom: 1px solid var(--border);
}

@media (max-width: 768px) {
    .page-title { font-size: 1.5rem; }
    .site-main { padding: 1.5rem 0 3rem; }
    .home-hero { padding: 1.35rem; border-radius: 1rem; }
    .article-style { padding: 1rem; border-radius: 1rem; }
    .content-section { margin-bottom: 1.2rem; }
    .article-style .content-section { padding: 1rem; }
    .site-header .navbar { align-items: flex-start; }
    .site-header .navbar-collapse { padding-top: .8rem; }
    .related-bottom-grid { grid-template-columns: 1fr; }
    .article-media,
    .article-media.media-quarter,
    .article-media.media-third,
    .article-media.media-half,
    .article-media.media-wide,
    .article-media-grid .article-media,
    .article-featured-image,
    .content-body > img,
    .content-body > video,
    .content-body p > img:only-child,
    .content-body p > video:only-child {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
        float: none;
        clear: both;
        margin: 1rem 0;
    }
    .site-top-banner { padding-top: .65rem; }
    .site-top-banner img { height: min(var(--site-top-banner-height, 240px), 260px); }
    .site-music-player {
        left: .5rem;
        right: auto;
        bottom: .55rem;
        width: 52px;
        min-height: 24px;
        padding: .16rem .22rem;
    }
    .back-to-top { bottom: 3.7rem; right: .9rem; }
    .article-media img,
    .article-media video,
    .content-body img,
    .content-body video {
        height: auto;
        max-height: 320px;
    }
    .article-style-indigo-deck .content-section:nth-of-type(even) { transform:none; }
}

/* ─── v1.9.14 Enhancements ─────────────────────────────────────────────── */

/* Smoother header with backdrop blur */
.site-header {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: var(--header-bg);
    background:
        radial-gradient(circle at 12% 0, rgba(255,255,255,.16), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--header-bg) 88%, #000 12%), color-mix(in srgb, var(--header-bg) 94%, transparent));
}

/* Reading progress bar */
#reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--primary), #60a5fa);
    z-index: 9999;
    transition: width .1s linear;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    box-shadow: 0 4px 14px rgba(30,64,175,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s, transform .25s;
    text-decoration: none;
    z-index: 500;
}
.back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.back-to-top:hover { background: #1e3a8a; color: #fff; }

.site-music-player {
    position: fixed;
    left: .55rem;
    bottom: .55rem;
    z-index: 9998;
    display: flex;
    align-items: center;
    gap: .14rem;
    width: 39px;
    min-height: 18px;
    padding: .1rem .13rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    background:
        radial-gradient(circle at 20% 10%, rgba(255,255,255,.34), transparent 1.4rem),
        linear-gradient(135deg, rgba(14,165,233,.78), rgba(99,102,241,.72) 48%, rgba(236,72,153,.68));
    opacity: .6;
    color: #fff;
    box-shadow: 0 8px 22px rgba(37,99,235,.24), 0 0 0 1px rgba(255,255,255,.08) inset;
    backdrop-filter: blur(12px) saturate(1.2);
    -webkit-backdrop-filter: blur(12px) saturate(1.2);
    transition: width .22s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}
.site-music-player:hover,
.site-music-player:focus-within {
    width: min(108px, calc(100vw - 1rem));
    opacity: .9;
    box-shadow: 0 12px 28px rgba(37,99,235,.3), 0 0 0 1px rgba(255,255,255,.16) inset;
}
.site-music-player.autoplay-blocked { animation: none; }
.site-music-toggle {
    position: relative;
    width: .88rem;
    height: .88rem;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff, #dbeafe 45%, #fce7f3);
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: .52rem;
    box-shadow: 0 2px 7px rgba(15,23,42,.18), 0 0 0 1px rgba(255,255,255,.18);
    transition: transform .18s ease, color .18s ease;
}
.site-music-player.is-playing .site-music-toggle {
    color: #db2777;
}
.site-music-player.is-playing .site-music-toggle::after {
    content: "";
    position: absolute;
    right: -.05rem;
    top: -.05rem;
    width: .22rem;
    height: .22rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(255,255,255,.7), 0 0 10px rgba(34,197,94,.85);
}
.site-music-toggle:hover,
.site-music-toggle:focus {
    transform: scale(1.06);
}
.site-music-meta {
    width: 0;
    min-width: 0;
    flex: 0 0 auto;
    opacity: 0;
    overflow: hidden;
    transition: width .22s ease, opacity .18s ease;
}
.site-music-player:hover .site-music-meta,
.site-music-player:focus-within .site-music-meta {
    width: 64px;
    opacity: 1;
}
.site-music-volume {
    width: 64px;
    height: 8px;
    accent-color: #fdf2f8;
    cursor: pointer;
}

@media (max-width: 768px) {
    .site-music-player {
        left: .45rem;
        right: auto;
        bottom: .45rem;
        width: 36px;
        min-height: 18px;
        padding: .1rem .12rem;
    }
    .site-music-player:hover,
    .site-music-player:focus-within {
        width: min(104px, calc(100vw - 1rem));
    }
    .site-music-toggle { width: .84rem; height: .84rem; font-size: .5rem; }
    .site-music-player:hover .site-music-meta,
    .site-music-player:focus-within .site-music-meta,
    .site-music-volume { width: 60px; }
    .back-to-top { bottom: 3.7rem; right: .9rem; }
}

/* Estimated reading time badge */
.reading-time-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: var(--primary-lt);
    color: var(--primary);
    border-radius: 999px;
    padding: .2rem .7rem;
    font-size: .78rem;
    font-weight: 600;
}

/* Tag pills */
.tag-pill {
    display: inline-block;
    background: var(--primary-lt);
    color: var(--primary);
    border-radius: 999px;
    padding: .18rem .65rem;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s, color .15s;
    border: 1px solid transparent;
}
.tag-pill:hover {
    background: var(--primary);
    color: #fff;
    text-decoration: none;
}

/* Improved breadcrumb */
.breadcrumb {
    font-size: .82rem;
    background: transparent;
    padding: 0;
    margin-bottom: .75rem;
}
.breadcrumb-item a { color: var(--muted); text-decoration: none; }
.breadcrumb-item a:hover { color: var(--primary); }
.breadcrumb-item.active { color: var(--muted); }

/* Home page article cards */
.article-card {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background:
        linear-gradient(var(--surface), var(--surface)) padding-box,
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 30%, transparent), rgba(255,255,255,.25), color-mix(in srgb, var(--primary-lt) 80%, transparent)) border-box;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s, border-color .2s;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.article-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 25%, #ffffff), var(--primary-lt));
    opacity: .78;
}
.article-card:hover {
    box-shadow: 0 8px 28px rgba(15,31,61,.12);
    transform: translateY(-4px);
}
.article-card-body { padding: 1.1rem 1.25rem; flex: 1; display: flex; flex-direction: column; }
.article-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    line-height: 1.35;
    margin-bottom: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-card-title:hover { color: var(--primary); }
.article-card-excerpt {
    color: var(--muted);
    font-size: .875rem;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.article-card-meta { font-size: .78rem; color: var(--muted); margin-top: .75rem; }

/* Blog archive */
.blog-archive-hero {
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--radius) * 1.55);
    padding: clamp(1.35rem, 4vw, 2.4rem);
    background:
        radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 16rem),
        linear-gradient(135deg, color-mix(in srgb, var(--primary-lt) 74%, #fff), #fff);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--border));
    box-shadow: 0 22px 62px rgba(15,31,61,.08);
}
.blog-archive-hero::after {
    content: "";
    position: absolute;
    right: -44px;
    top: -48px;
    width: 180px;
    height: 180px;
    border: 24px solid color-mix(in srgb, var(--primary) 14%, transparent);
    border-radius: 42px;
    transform: rotate(18deg);
    pointer-events: none;
}
.blog-archive-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    color: var(--primary);
    background: rgba(255,255,255,.72);
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: 999px;
    padding: .28rem .72rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.blog-archive-count {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin-top: 1rem;
    color: var(--muted);
    font-size: .88rem;
    font-weight: 700;
}
.blog-archive-count span { color: var(--primary); }
.blog-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.blog-archive-card { min-height: 100%; }
.blog-archive-card .article-card-title {
    font-size: 1.08rem;
    -webkit-line-clamp: 3;
}
.blog-archive-card .article-card-excerpt { -webkit-line-clamp: 4; }
.blog-archive-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: .65rem;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 650;
}
.blog-archive-read {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--primary);
    font-weight: 800;
    text-decoration: none;
}
.blog-archive-read:hover { text-decoration: underline; }
.blog-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .9rem;
    margin: 2rem 0 .5rem;
    padding: .85rem;
    border-radius: 1rem;
    background: rgba(255,255,255,.82);
    border: 1px solid var(--border);
    box-shadow: 0 12px 30px rgba(15,31,61,.06);
}
.blog-page-link,
.blog-page-numbers a,
.blog-page-numbers span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: #fff;
    color: var(--text);
    text-decoration: none;
    font-size: .86rem;
    font-weight: 750;
    padding: 0 .75rem;
}
.blog-page-link { gap: .35rem; }
.blog-page-link:hover,
.blog-page-numbers a:hover,
.blog-page-numbers .active {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}
.blog-page-link.disabled {
    opacity: .45;
    pointer-events: none;
}
.blog-page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
}

/* Sidebar improvements */
.sidebar-widget {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
}
.sidebar-widget-title {
    font-size: .85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--muted);
    margin-bottom: .75rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--border);
}
.sidebar-related-link {
    display: block;
    color: var(--text);
    text-decoration: none;
    font-size: .875rem;
    padding: .35rem 0;
    border-bottom: 1px solid var(--border);
    transition: color .14s;
    line-height: 1.35;
}
.sidebar-related-link:last-child { border-bottom: 0; }
.sidebar-related-link:hover { color: var(--primary); }

.related-bottom {
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * 1.15);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.88));
    box-shadow: 0 18px 45px rgba(15,31,61,.07);
}
.related-bottom-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.related-bottom-card {
    display: block;
    padding: .75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: #fff;
    color: var(--text);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.related-bottom-card:hover {
    color: var(--primary);
    border-color: var(--primary-lt);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15,31,61,.11);
}
.related-bottom-title {
    display: block;
    font-weight: 800;
    line-height: 1.28;
}
.related-bottom-date {
    color: var(--muted);
    font-size: .78rem;
}

/* Disclaimer box */
.disclaimer-box {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: var(--radius);
    padding: .9rem 1.1rem;
    font-size: .82rem;
    color: #92400e;
    margin-top: 2rem;
}
.disclaimer-box strong { color: #78350f; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Print */
@media print {
    .site-header, .site-footer, .page-sidebar, .back-to-top, .site-music-player, #reading-progress { display: none !important; }
    .site-main { padding: 0; }
    body { font-size: 11pt; }
}

/* ============================================================
   NEW WEBSITE THEMES (v1.9.15)
   ============================================================ */
.theme-crimson-tech { --primary:#c0392b; --primary-lt:#fde8e8; --text:#1a1a2e; --muted:#6b7280; --bg:#f9f9fb; --header-bg:#1a1a2e; --footer-bg:#1a1a2e; --hero-bg:linear-gradient(135deg,#fde8e8 0%,#ffffff 60%,#f0f0f8 100%); }
.theme-teal-health { --primary:#0d9488; --primary-lt:#ccfbf1; --text:#134e4a; --muted:#5b7c7a; --bg:#f0fdfb; --header-bg:#0f766e; --footer-bg:#0f766e; --hero-bg:linear-gradient(135deg,#ccfbf1 0%,#f0fdfb 100%); }
.theme-midnight-finance { --primary:#b7791f; --primary-lt:#fef3c7; --text:#0f172a; --muted:#64748b; --bg:#f8f9fa; --header-bg:#0f172a; --footer-bg:#0f172a; --hero-bg:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#fef3c7 100%); }
.theme-copper-industrial { --primary:#b45309; --primary-lt:#fef3c7; --text:#1c1917; --muted:#78716c; --bg:#fafaf9; --header-bg:#292524; --footer-bg:#292524; --hero-bg:linear-gradient(135deg,#fef3c7 0%,#fff7ed 55%,#ffffff 100%); }
.theme-sage-organic { --primary:#4d7c5f; --primary-lt:#d1fae5; --text:#1a2e1f; --muted:#6b7c6e; --bg:#f7faf8; --header-bg:#2d4a38; --footer-bg:#2d4a38; --hero-bg:radial-gradient(circle at 20% 50%,#d1fae5 0,transparent 40%),linear-gradient(135deg,#f0fdf4 0%,#fafff7 100%); }
.theme-purple-agency { --primary:#7c3aed; --primary-lt:#ede9fe; --text:#1e1b4b; --muted:#6d6a8a; --bg:#faf9ff; --header-bg:#4c1d95; --footer-bg:#4c1d95; --hero-bg:linear-gradient(135deg,#ede9fe 0%,#faf9ff 60%,#fce7f3 100%); }
.theme-arctic-clean { --primary:#0369a1; --primary-lt:#e0f2fe; --text:#0c1a26; --muted:#64748b; --bg:#f8fbff; --header-bg:#0c4a6e; --footer-bg:#0c4a6e; --radius:.25rem; --hero-bg:linear-gradient(180deg,#e0f2fe 0%,#f8fbff 100%); }
.theme-amber-energy { --primary:#d97706; --primary-lt:#fef3c7; --text:#1c1917; --muted:#78716c; --bg:#fffbf0; --header-bg:#1c1917; --footer-bg:#1c1917; --hero-bg:radial-gradient(circle at 80% 20%,#fef3c7 0,transparent 35%),linear-gradient(135deg,#fffbf0 0%,#ffffff 100%); }
.theme-rose-fashion { --primary:#be185d; --primary-lt:#fce7f3; --text:#1f0a14; --muted:#7c5a6a; --bg:#fff8fb; --header-bg:#831843; --footer-bg:#831843; --hero-bg:linear-gradient(135deg,#fce7f3 0%,#fff8fb 60%,#fdf4ff 100%); }
.theme-steel-logistics { --primary:#1e40af; --primary-lt:#dbeafe; --text:#0f172a; --muted:#475569; --bg:#f8fafc; --header-bg:#1e3a5f; --footer-bg:#1e3a5f; --hero-bg:linear-gradient(135deg,#dbeafe 0%,#f8fafc 100%); }

/* Theme-specific hero text overrides */
.theme-midnight-finance .home-hero,
.theme-midnight-finance .home-hero h1,
.theme-midnight-finance .home-hero .lead { color:#fff; }
.theme-midnight-finance .home-hero { background:var(--hero-bg); }

/* ============================================================
   NEW ARTICLE STYLES (v1.9.15)
   ============================================================ */
.article-style-crimson-impact { --article-accent:#c0392b; --article-soft:#fde8e8; }
.article-style-crimson-impact .content-section { border-top:4px solid var(--article-accent); }
.article-style-crimson-impact .page-title { color:var(--article-accent); }

.article-style-teal-card { --article-accent:#0d9488; --article-soft:#ccfbf1; --article-card:#f0fdfb; }
.article-style-teal-card .content-section { border-radius:1rem; box-shadow:0 4px 18px rgba(13,148,136,.10); }

.article-style-midnight-pro { --article-accent:#6366f1; --article-soft:#e0e7ff; --article-card:#1e1b4b; }
.article-style-midnight-pro .content-section { background:var(--article-card); color:#e2e8f0; border-radius:.75rem; }
.article-style-midnight-pro .content-section h2 { color:#a5b4fc; }

.article-style-copper-bold { --article-accent:#b45309; --article-soft:#fef3c7; }
.article-style-copper-bold .content-section h2 { border-bottom:3px solid var(--article-accent); padding-bottom:.4rem; }
.article-style-copper-bold .content-section h2::before { background:var(--article-accent); }

.article-style-sage-soft { --article-accent:#4d7c5f; --article-soft:#d1fae5; --article-card:#f7faf8; }
.article-style-sage-soft .content-section { border-left:4px solid var(--article-accent); background:var(--article-card); }

.article-style-purple-glow { --article-accent:#7c3aed; --article-soft:#ede9fe; }
.article-style-purple-glow .content-section { box-shadow:0 0 0 1px rgba(124,58,237,.15), 0 8px 24px rgba(124,58,237,.08); border-radius:1rem; }
.article-style-purple-glow .page-title { background:linear-gradient(135deg,#7c3aed,#be185d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.article-style-arctic-doc { --article-accent:#0369a1; --article-soft:#e0f2fe; --article-card:#f8fbff; }
.article-style-arctic-doc .content-section { font-family:'Courier New',monospace; font-size:.93rem; border:1px solid #e0f2fe; }

.article-style-amber-warm { --article-accent:#d97706; --article-soft:#fef3c7; }
.article-style-amber-warm .content-section { background:linear-gradient(135deg,#fffbf0 0%,#ffffff 100%); }
.article-style-amber-warm .content-section h2::before { background:var(--article-accent); }

.article-style-rose-card { --article-accent:#be185d; --article-soft:#fce7f3; --article-card:#fff8fb; }
.article-style-rose-card .content-section { border-radius:1.25rem; box-shadow:0 4px 20px rgba(190,24,93,.08); }
.article-style-rose-card .page-title { font-style:italic; color:var(--article-accent); }

.article-style-steel-sharp { --article-accent:#1e40af; --article-soft:#dbeafe; }
.article-style-steel-sharp .content-section { border-left:5px solid var(--article-accent); border-radius:0 .5rem .5rem 0; }

.article-style-ocean-deep { --article-accent:#0369a1; --article-soft:#bae6fd; --article-bg:linear-gradient(180deg,rgba(3,105,161,.06) 0%,transparent 100%); }
.article-style-ocean-deep .content-section { background:var(--article-bg); }

.article-style-forest-rich { --article-accent:#166534; --article-soft:#bbf7d0; --article-card:#f7fdf9; }
.article-style-forest-rich .content-section { border-top:3px solid var(--article-accent); background:var(--article-card); }

.article-style-gold-luxury { --article-accent:#92400e; --article-soft:#fef3c7; }
.article-style-gold-luxury .page-title { color:var(--article-accent); letter-spacing:.05em; }
.article-style-gold-luxury .content-section { border-bottom:1px solid #fef3c7; }

.article-style-neon-tech { --article-accent:#06b6d4; --article-soft:#cffafe; --article-card:#0f172a; }
.article-style-neon-tech .content-section { background:var(--article-card); color:#e2e8f0; border:1px solid rgba(6,182,212,.3); border-radius:.75rem; }
.article-style-neon-tech .content-section h2 { color:#67e8f9; }

.article-style-paper-clean { --article-accent:#374151; --article-soft:#f3f4f6; --article-card:#fffef5; }
.article-style-paper-clean .content-section { background:var(--article-card); border:1px solid #e5e7eb; font-family:Georgia,serif; }

.article-style-brick-bold { --article-accent:#dc2626; --article-soft:#fee2e2; }
.article-style-brick-bold .content-section h2 { text-transform:uppercase; letter-spacing:.08em; font-size:1rem; }
.article-style-brick-bold .content-section { border-left:6px solid var(--article-accent); }

.article-style-sky-fresh { --article-accent:#0284c7; --article-soft:#e0f2fe; --article-bg:linear-gradient(135deg,#f0f9ff 0%,#ffffff 100%); }
.article-style-sky-fresh .content-section { background:var(--article-bg); border-radius:1rem; }

.article-style-charcoal-pro { --article-accent:#374151; --article-soft:#e5e7eb; --article-card:#f9fafb; }
.article-style-charcoal-pro .content-section { border-top:2px solid var(--article-accent); background:var(--article-card); }
.article-style-charcoal-pro .page-title { color:#111827; font-weight:800; }

.article-style-jade-minimal { --article-accent:#065f46; --article-soft:#d1fae5; }
.article-style-jade-minimal .content-section { padding:1.5rem 0; border-bottom:1px solid #d1fae5; box-shadow:none; }

.article-style-fire-bold { --article-accent:#ea580c; --article-soft:#ffedd5; }
.article-style-fire-bold .page-title { color:var(--article-accent); font-weight:900; }
.article-style-fire-bold .content-section { border-top:4px solid var(--article-accent); }
.article-style-fire-bold .content-section h2::before { background:linear-gradient(135deg,#ea580c,#dc2626); }

/* v1.9.81: stronger site-template structural differentiation. */
.theme-atlas-blue .home-hero,.theme-steel-logistics .home-hero{border-radius:.35rem;background-size:26px 26px;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px),var(--hero-bg);}
.theme-export-emerald .home-hero,.theme-sage-organic .home-hero,.theme-teal-health .home-hero{border-radius:3.5rem .8rem 3.5rem .8rem;}.theme-export-emerald .article-card,.theme-sage-organic .article-card,.theme-teal-health .article-card{border-radius:2rem .55rem 2rem .55rem;}
.theme-graphite-gold .site-header,.theme-midnight-finance .site-header{border-bottom:1px solid color-mix(in srgb,var(--primary) 65%,#111827);}.theme-graphite-gold .home-hero,.theme-midnight-finance .home-hero{border-radius:0;clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%);}.theme-graphite-gold .article-card,.theme-midnight-finance .article-card{border-radius:.2rem;border-top:3px solid var(--primary);}
.theme-solar-orange .home-hero,.theme-amber-energy .home-hero,.theme-copper-industrial .home-hero,.theme-red-manufacturing .home-hero{border-radius:0;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));}.theme-solar-orange .content-section,.theme-amber-energy .content-section,.theme-copper-industrial .content-section,.theme-red-manufacturing .content-section{border-radius:.15rem;border-left:6px solid var(--primary);}
.theme-slate-minimal .home-hero,.theme-arctic-clean .home-hero{box-shadow:none;border-radius:0;border-top:1px solid var(--border);border-bottom:4px solid var(--primary);background:#fff;}.theme-slate-minimal .article-card,.theme-arctic-clean .article-card{box-shadow:none;border-radius:0;border-width:0 0 1px;}
.theme-indigo-saas .home-hero,.theme-purple-agency .home-hero,.theme-ocean-cyan .home-hero{border-radius:3rem .65rem 3rem .65rem;isolation:isolate;}.theme-indigo-saas .home-hero::after,.theme-purple-agency .home-hero::after,.theme-ocean-cyan .home-hero::after{content:"";position:absolute;right:-4%;top:-28%;width:42%;height:145%;border:38px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:50%;z-index:-1;}
.theme-wine-premium .home-hero,.theme-rose-fashion .home-hero{border-radius:0 6rem 0 6rem;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));}.theme-wine-premium .article-card-title,.theme-rose-fashion .article-card-title{font-family:Georgia,serif;font-style:italic;}

/* Article families vary rhythm and geometry while preserving readability. */
.article-style-indigo-deck .content-section:nth-of-type(odd),.article-style-amber-step .content-section:nth-of-type(odd){margin-right:6%;}.article-style-indigo-deck .content-section:nth-of-type(even),.article-style-amber-step .content-section:nth-of-type(even){margin-left:6%;}
.article-style-rose-editorial .content-body>p:first-child::first-letter,.article-style-gold-luxury .content-body>p:first-child::first-letter{float:left;font:700 3.5rem/2.8rem Georgia,serif;color:var(--article-accent);padding-right:.45rem;}
.article-style-blueprint .content-section,.article-style-cyan-grid .content-section,.article-style-arctic-doc .content-section{background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:22px 22px;}
.article-style-coral-wave .content-section:nth-of-type(even),.article-style-aqua-bubble .content-section:nth-of-type(even),.article-style-sunset-band .content-section:nth-of-type(even){border-radius:3rem .7rem 3rem .7rem;}
.article-style-steel-angle .content-section,.article-style-steel-sharp .content-section,.article-style-brick-bold .content-section{border-radius:0;}

/* ── Social Share Bar ─────────────────────────────────────────────────────── */
.social-share-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: .85rem 1.1rem;
    background: #f8fafc;
    border-radius: .75rem;
    border: 1px solid #e2e8f0;
}
.social-share-bar .share-label {
    font-size: .78rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-right: .3rem;
}
.share-btn {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .28rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .15s, transform .1s;
    color: #fff !important;
}
.share-btn:hover { opacity: .88; transform: translateY(-1px); }
.share-twitter  { background: #000; }
.share-linkedin { background: #0a66c2; }
.share-facebook { background: #1877f2; }
.share-copy     { background: #64748b; cursor: pointer; border: none; }

/* ── Prev / Next Pagination ───────────────────────────────────────────────── */
.article-pagination {
    display: flex;
    gap: 1rem;
    margin: 0 auto;
    max-width: 900px;
    padding: 0 1rem;
}
.pagination-prev, .pagination-next {
    flex: 1;
    min-width: 0;
}
.pagination-next { text-align: right; }
.pagination-prev a, .pagination-next a {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .85rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    text-decoration: none;
    background: #fff;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.pagination-prev a:hover, .pagination-next a:hover {
    border-color: var(--accent, #3b82f6);
    box-shadow: 0 4px 16px rgba(59,130,246,.1);
    transform: translateY(-2px);
}
.pagination-next a { align-items: flex-end; }
.pagination-dir {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--accent, #3b82f6);
}
.pagination-title {
    font-size: .88rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 576px) {
    .article-pagination { flex-direction: column; }
    .pagination-next { text-align: left; }
    .pagination-next a { align-items: flex-start; }
    .blog-pagination {
        flex-direction: column;
        align-items: stretch;
    }
    .blog-page-link {
        width: 100%;
    }
    .blog-page-numbers {
        order: -1;
    }
}

/* Bold but readable visual diversity layer */
.home-hero,
.site-top-banner,
.article-card,
.content-section {
    position: relative;
}

.home-hero {
    overflow: hidden;
    isolation: isolate;
}

.home-hero::before {
    border-radius: 34% 66% 54% 46% / 44% 38% 62% 56%;
}

.home-hero .btn {
    box-shadow: 0 14px 30px color-mix(in srgb, var(--primary) 22%, transparent);
}

.theme-atlas-blue .home-hero,
.theme-steel-logistics .home-hero {
    background-image:
        linear-gradient(135deg, rgba(30,64,175,.08) 1px, transparent 1px),
        var(--hero-bg);
    background-size: 24px 24px, auto;
}

.theme-export-emerald .home-hero,
.theme-sage-organic .home-hero,
.theme-teal-health .home-hero {
    background-image:
        radial-gradient(circle at 16% 28%, rgba(255,255,255,.82) 0 9px, transparent 10px),
        radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 18rem),
        var(--hero-bg);
}

.theme-graphite-gold .home-hero,
.theme-midnight-finance .home-hero {
    background-image:
        linear-gradient(120deg, rgba(255,255,255,.10) 0 1px, transparent 1px),
        radial-gradient(circle at 82% 18%, rgba(251,191,36,.22), transparent 16rem),
        var(--hero-bg);
    background-size: 42px 42px, auto, auto;
}

.theme-solar-orange .home-hero,
.theme-amber-energy .home-hero,
.theme-copper-industrial .home-hero {
    background-image:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.88), transparent 12rem),
        linear-gradient(135deg, color-mix(in srgb, var(--primary-lt) 60%, transparent), transparent 55%),
        var(--hero-bg);
}

.theme-ocean-cyan .home-hero,
.theme-arctic-clean .home-hero {
    background-image:
        linear-gradient(135deg, transparent 0 44%, rgba(255,255,255,.46) 44% 45%, transparent 45%),
        radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 15rem),
        var(--hero-bg);
}

.theme-wine-premium .home-hero,
.theme-rose-fashion .home-hero,
.theme-crimson-tech .home-hero,
.theme-red-manufacturing .home-hero {
    background-image:
        radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 16rem),
        linear-gradient(110deg, transparent 0 58%, rgba(255,255,255,.58) 58% 60%, transparent 60%),
        var(--hero-bg);
}

.theme-slate-minimal .home-hero {
    background-image:
        linear-gradient(90deg, rgba(15,23,42,.055) 1px, transparent 1px),
        linear-gradient(180deg, #ffffff, #f8fafc);
    background-size: 30px 30px, auto;
}

.theme-indigo-saas .home-hero,
.theme-purple-agency .home-hero {
    background-image:
        radial-gradient(circle at 18% 0, color-mix(in srgb, var(--primary) 18%, transparent), transparent 18rem),
        radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--primary-lt) 80%, transparent), transparent 16rem),
        var(--hero-bg);
}

.theme-sand-logistics .home-hero {
    background-image:
        linear-gradient(135deg, rgba(180,83,9,.10) 25%, transparent 25% 50%, rgba(180,83,9,.08) 50% 75%, transparent 75%),
        var(--hero-bg);
    background-size: 34px 34px, auto;
}

.article-style {
    --article-deco-opacity: .58;
}

.article-style::before {
    background:
        var(--article-bg, transparent),
        radial-gradient(circle at 94% 10%, color-mix(in srgb, var(--article-soft) 75%, transparent), transparent 14rem),
        linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.62));
}

.article-style::after {
    opacity: var(--article-deco-opacity);
}

.article-style .page-title {
    max-width: 920px;
}

.article-style .page-title::before {
    content: "";
    display: inline-block;
    width: .72em;
    height: .72em;
    margin-right: .38rem;
    border-radius: 28% 72% 64% 36% / 42% 34% 66% 58%;
    background: var(--article-accent);
    box-shadow: 0 0 0 .34rem var(--article-soft);
    vertical-align: .02em;
}

.article-style .content-section::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 46px;
    height: 9px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--article-accent), transparent);
    opacity: .18;
    pointer-events: none;
}

.article-style .content-section h2 {
    padding-right: 3.2rem;
}

.article-style-blueprint,
.article-style-cyan-grid,
.article-style-arctic-doc {
    background-image:
        linear-gradient(90deg, color-mix(in srgb, var(--article-accent) 8%, transparent) 1px, transparent 1px),
        linear-gradient(0deg, color-mix(in srgb, var(--article-accent) 8%, transparent) 1px, transparent 1px);
    background-size: 26px 26px;
}

.article-style-coral-wave,
.article-style-sunset-band,
.article-style-ocean-deep,
.article-style-aqua-bubble {
    --article-bg:
        radial-gradient(circle at 92% 15%, color-mix(in srgb, var(--article-accent) 16%, transparent), transparent 14rem),
        radial-gradient(circle at 8% 80%, color-mix(in srgb, var(--article-soft) 70%, transparent), transparent 12rem);
}

.article-style-gold-ribbon .content-section,
.article-style-gold-luxury .content-section,
.article-style-amber-step .content-section,
.article-style-amber-warm .content-section {
    border-top: 4px solid color-mix(in srgb, var(--article-accent) 80%, #fff);
}

.article-style-mono-report .content-section,
.article-style-slate-brief .content-section,
.article-style-paper-clean .content-section,
.article-style-charcoal-pro .content-section {
    background-image: linear-gradient(180deg, transparent 95%, rgba(15,23,42,.06) 95%);
    background-size: 100% 1.65rem;
}

.article-style-violet-glow,
.article-style-purple-glow,
.article-style-neon-tech,
.article-style-midnight-pro {
    --article-deco-opacity: .38;
}

.article-style-lime-sketch .content-section,
.article-style-brick-bold .content-section,
.article-style-steel-sharp .content-section,
.article-style-steel-angle .content-section {
    box-shadow: 10px 10px 0 color-mix(in srgb, var(--article-soft) 72%, transparent);
}

.article-style-jade-minimal .content-section,
.article-style-mint-soft .content-section,
.article-style-sage-soft .content-section,
.article-style-forest-note .content-section,
.article-style-forest-rich .content-section {
    border-left: 5px solid var(--article-accent);
}

.article-style-fire-bold .page-title::before,
.article-style-crimson-impact .page-title::before,
.article-style-brick-bold .page-title::before {
    border-radius: 50% 50% 50% 0;
    transform: rotate(-12deg);
}

/* Architecture audit responsive hardening */
img,
video,
iframe {
    max-width: 100%;
}

.content-body iframe,
.content-body embed,
.content-body object {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.site-main .container {
    max-width: min(1180px, calc(100vw - 2rem));
}

.article-style,
.content-section,
.article-card,
.home-hero {
    contain: layout paint;
}

.article-media img,
.article-media video,
.article-featured-image img,
.article-card-featured img {
    user-select: none;
}

/* Product store */
.store-hero,
.product-detail {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 88% 0%, rgba(14, 165, 233, .16), transparent 18rem),
        radial-gradient(circle at 6% 100%, rgba(245, 158, 11, .12), transparent 14rem),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.store-hero {
    padding: clamp(1.4rem, 4vw, 3rem);
}
.store-kicker,
.product-category,
.section-eyebrow {
    color: #2563eb;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.store-count {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.1rem;
    color: #475569;
    font-weight: 700;
}
.store-count span {
    color: #94a3b8;
    font-weight: 600;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}
.product-card {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .07);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.product-card:hover {
    border-color: rgba(37, 99, 235, .35);
    box-shadow: 0 18px 48px rgba(37, 99, 235, .14);
    transform: translateY(-3px);
}
.product-card-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .09), rgba(20, 184, 166, .08)),
        #f8fafc;
    color: #94a3b8;
    font-size: 2.4rem;
}
.product-card-media img,
.product-main-image img,
.product-gallery-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-card-media em {
    position: absolute;
    left: .8rem;
    top: .8rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: #fff;
    padding: .25rem .65rem;
    font-size: .7rem;
    font-style: normal;
    font-weight: 800;
}
.product-card-body {
    padding: 1rem;
}
.product-card-title {
    margin: .25rem 0 .55rem;
    font-size: 1.08rem;
    line-height: 1.25;
}
.product-card-title a {
    color: #0f172a;
}
.product-card-body p {
    color: #64748b;
    font-size: .92rem;
}
.product-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .9rem;
}
.product-card-foot strong {
    color: #0f766e;
}
.product-card-foot a {
    font-weight: 800;
}
.product-detail {
    padding: clamp(1rem, 3vw, 2rem);
}
.product-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
}
.product-gallery-panel,
.product-summary-card,
.product-description {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 1.2rem;
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .06);
}
.product-main-image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 1.2rem 1.2rem .2rem .2rem;
    background: linear-gradient(135deg, #eff6ff, #f8fafc);
    color: #94a3b8;
    font-size: 3.5rem;
}
.product-gallery-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .45rem;
    padding: .75rem;
}
.product-gallery-strip img {
    aspect-ratio: 1 / 1;
    border-radius: .7rem;
    border: 1px solid rgba(148, 163, 184, .25);
}
.product-summary-card {
    padding: clamp(1rem, 3vw, 1.7rem);
}
.product-meta-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: 1rem 0;
}
.product-meta-list span {
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    padding: .3rem .7rem;
    font-size: .82rem;
    font-weight: 700;
}
.product-detail-price {
    margin: 1.1rem 0;
    color: #0f766e;
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    font-weight: 900;
}
.product-detail-price small {
    margin-left: .5rem;
    color: #94a3b8;
    font-size: 1rem;
    text-decoration: line-through;
}
.product-cta {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #14b8a6);
    color: #fff;
    padding: .85rem 1.25rem;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .24);
}
.product-cta:hover {
    color: #fff;
    transform: translateY(-1px);
}
.product-description {
    margin-top: 1.25rem;
    padding: clamp(1rem, 3vw, 1.7rem);
}

.contact-page-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
}
.contact-copy,
.contact-form-card {
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(37, 99, 235, .12), transparent 14rem),
        rgba(255,255,255,.9);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
    padding: clamp(1rem, 3vw, 2rem);
}
.contact-richtext {
    color: #475569;
}
.contact-form-card {
    position: sticky;
    top: 1rem;
}
.contact-hp {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

@media (max-width: 991px) {
    .site-header .navbar-nav {
        padding: .85rem 0 0;
        gap: .25rem;
    }
    .site-top-banner img {
        height: min(var(--site-top-banner-height, 220px), 38vw);
    }
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product-detail-grid {
        grid-template-columns: 1fr;
    }
    .contact-page-shell {
        grid-template-columns: 1fr;
    }
    .contact-form-card {
        position: static;
    }
}

@media (max-width: 767px) {
    .site-main .container {
        max-width: calc(100vw - 1rem);
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .article-style {
        padding: .9rem;
        border-radius: 1rem;
    }
    .article-style::after {
        width: 120px;
        height: 120px;
        right: -55px;
        top: -55px;
        border-width: 16px;
    }
    .article-featured-image,
    .article-media,
    .article-media-auto,
    .article-media.media-quarter,
    .article-media.media-third,
    .article-media.media-half,
    .article-media-grid .article-media,
    .article-media-grid .article-media.media-quarter,
    .article-media-grid .article-media.media-third,
    .article-media-grid .article-media.media-half {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
        margin: 1rem 0 !important;
    }
    .article-media-grid {
        display: block;
    }
    .site-music-player {
        transform: scale(.86);
        transform-origin: left bottom;
        left: .45rem;
        bottom: .45rem;
    }
    .timezone-bar .container {
        justify-content: center !important;
        font-size: .72rem;
    }
    .product-grid {
        grid-template-columns: 1fr;
    }
    .product-gallery-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* ═══════════════════════════════════════════════════════════════
   v1.9.58 UI ENHANCEMENTS
   ═══════════════════════════════════════════════════════════════ */

/* ── Search Page (E1) ─────────────────────────────────────────── */
.search-results-page { padding: 2rem 0; }
.search-results-page .search-hero {
    background: linear-gradient(135deg, #0f1f3d, #1d4ed8);
    border-radius: 1.25rem;
    padding: 2.5rem 2rem;
    color: #fff;
    margin-bottom: 2rem;
}
.search-results-page .search-hero h1 { font-size: 1.75rem; font-weight: 800; margin-bottom: .5rem; }
.search-results-page .search-bar-wrap { position: relative; max-width: 560px; }
.search-results-page .search-bar-wrap input {
    border-radius: 2rem;
    padding: .65rem 3rem .65rem 1.2rem;
    font-size: 1rem;
    border: none;
    box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
.search-results-page .search-bar-wrap button {
    position: absolute; right: .4rem; top: 50%; transform: translateY(-50%);
    border-radius: 50%; width: 2.1rem; height: 2.1rem;
    display: inline-flex; align-items: center; justify-content: center;
    border: none; background: #2563eb; color: #fff; font-size: .95rem;
}
.search-result-card {
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem 1.4rem;
    background: #fff;
    transition: box-shadow .18s, transform .18s;
    margin-bottom: 1rem;
}
.search-result-card:hover { box-shadow: 0 12px 32px rgba(15,31,61,.1); transform: translateY(-2px); }
.search-result-card .result-type {
    display: inline-block;
    font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    padding: .18rem .55rem; border-radius: 999px;
    background: #eff6ff; color: #1d4ed8; margin-bottom: .4rem;
}
.search-result-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: .3rem; }
.search-result-card h3 a { color: #0f1f3d; text-decoration: none; }
.search-result-card h3 a:hover { color: #2563eb; }
.search-result-card .result-excerpt { color: #64748b; font-size: .9rem; line-height: 1.6; }
.search-result-card .result-meta { font-size: .78rem; color: #94a3b8; margin-top: .5rem; }
.search-no-results { text-align: center; padding: 4rem 1rem; color: #94a3b8; }
.search-no-results i { font-size: 3rem; display: block; margin-bottom: 1rem; }

/* ── Tag Archive Page (E2) ────────────────────────────────────── */
.tag-archive-page { padding: 2rem 0; }
.tag-archive-hero {
    background: linear-gradient(135deg, #0f1f3d 0%, #1e3a5f 100%);
    border-radius: 1.25rem;
    padding: 2rem 2rem;
    color: #fff;
    margin-bottom: 2rem;
}
.tag-archive-hero .tag-badge-lg {
    display: inline-flex; align-items: center; gap: .4rem;
    background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px; padding: .35rem .9rem; font-size: .85rem; font-weight: 700;
    margin-bottom: .75rem;
}
.tag-archive-hero h1 { font-size: 1.6rem; font-weight: 800; margin-bottom: .25rem; }

/* ── Tag Pills (clickable, E2) ───────────────────────────────── */
.tag-pill-link {
    display: inline-flex; align-items: center; gap: .25rem;
    background: #eff6ff; color: #1d4ed8;
    border: 1px solid #bfdbfe; border-radius: 999px;
    padding: .22rem .65rem; font-size: .78rem; font-weight: 600;
    text-decoration: none; transition: background .15s, color .15s;
    margin: .15rem;
}
.tag-pill-link:hover { background: #2563eb; color: #fff; border-color: #2563eb; }
.tag-pill-link i { font-size: .7rem; }

/* ── SEO Score Panel (E3) ─────────────────────────────────────── */
.seo-score-ring {
    width: 72px; height: 72px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem; font-weight: 800; flex-shrink: 0;
    border: 4px solid;
}
.seo-score-ring.score-good   { border-color: #22c55e; color: #16a34a; background: #f0fdf4; }
.seo-score-ring.score-ok     { border-color: #f59e0b; color: #d97706; background: #fffbeb; }
.seo-score-ring.score-poor   { border-color: #ef4444; color: #dc2626; background: #fef2f2; }
.seo-check-item { display: flex; align-items: flex-start; gap: .55rem; padding: .35rem 0; font-size: .82rem; }
.seo-check-item i { flex-shrink: 0; margin-top: .1rem; }

/* ── Related Products (E4) ───────────────────────────────────── */
.related-products-section { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e2e8f0; }
.related-products-section h2 { font-size: 1.3rem; font-weight: 800; margin-bottom: 1.25rem; }
.related-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.25rem;
}
.related-product-card {
    border: 1px solid #e2e8f0; border-radius: 1rem; overflow: hidden;
    background: #fff; transition: box-shadow .18s, transform .18s;
    text-decoration: none; color: inherit; display: flex; flex-direction: column;
}
.related-product-card:hover { box-shadow: 0 12px 30px rgba(15,31,61,.1); transform: translateY(-3px); }
.related-product-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.related-product-card .rpc-body { padding: .9rem 1rem; flex: 1; display: flex; flex-direction: column; gap: .3rem; }
.related-product-card .rpc-name { font-weight: 700; font-size: .95rem; color: #0f1f3d; line-height: 1.35; }
.related-product-card .rpc-price { font-size: .85rem; color: #2563eb; font-weight: 700; }
.related-product-card .rpc-btn {
    margin: .5rem 1rem .9rem; padding: .4rem; text-align: center;
    background: #eff6ff; color: #1d4ed8; border-radius: .6rem;
    font-size: .8rem; font-weight: 700; transition: background .15s;
}
.related-product-card:hover .rpc-btn { background: #2563eb; color: #fff; }

/* ── Contact Form Enhancements (E9) ──────────────────────────── */
.contact-page-shell .contact-form-card {
    border-radius: 1.25rem;
    box-shadow: 0 20px 55px rgba(15,31,61,.1);
    padding: 2rem;
    background: #fff;
}
.contact-page-shell .contact-form-card .btn-primary {
    border-radius: .75rem;
    padding: .75rem;
    font-weight: 700;
    font-size: 1rem;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border: none;
    box-shadow: 0 6px 20px rgba(37,99,235,.35);
    transition: box-shadow .18s, transform .18s;
}
.contact-page-shell .contact-form-card .btn-primary:hover {
    box-shadow: 0 10px 28px rgba(37,99,235,.45);
    transform: translateY(-1px);
}

/* ── Language Switcher (E10) ─────────────────────────────────── */
.lang-switcher-toggle {
    display: inline-flex; align-items: center; gap: .3rem;
    font-size: .85rem; font-weight: 600;
}

/* ── General Frontend Card Improvements ──────────────────────── */
.blog-card, .store-card {
    transition: box-shadow .2s, transform .2s;
}
.blog-card:hover, .store-card:hover {
    box-shadow: 0 16px 40px rgba(15,31,61,.12) !important;
    transform: translateY(-3px);
}

/* ── Article Page Improvements ───────────────────────────────── */
.article-header { margin-bottom: 2rem; }
.article-header .article-title { font-size: 2rem; font-weight: 800; line-height: 1.25; }
.article-meta-bar {
    display: flex; flex-wrap: wrap; align-items: center; gap: .75rem;
    padding: .75rem 0; border-top: 1px solid #f1f5f9; border-bottom: 1px solid #f1f5f9;
    margin: 1rem 0 1.5rem;
    font-size: .85rem; color: #64748b;
}
.article-meta-bar .meta-item { display: flex; align-items: center; gap: .3rem; }

/* ── Reading Progress Bar ─────────────────────────────────────── */
#reading-progress {
    position: fixed; top: 0; left: 0; height: 3px; width: 0;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    z-index: 9999; transition: width .1s linear;
}

/* ── Breadcrumb Improvements ─────────────────────────────────── */
.breadcrumb { font-size: .85rem; }
.breadcrumb-item + .breadcrumb-item::before { color: #94a3b8; }
.breadcrumb-item a { color: #2563eb; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }

/* ── Pagination Improvements ─────────────────────────────────── */
.pagination .page-link {
    border-radius: .6rem !important;
    margin: 0 .15rem;
    border-color: #e2e8f0;
    color: #1d4ed8;
    font-weight: 600;
    transition: background .15s, color .15s;
}
.pagination .page-item.active .page-link {
    background: #2563eb; border-color: #2563eb;
}
.pagination .page-link:hover { background: #eff6ff; }

/* ── Footer Improvements ─────────────────────────────────────── */
.site-footer {
    background: linear-gradient(180deg, #0f1f3d, #0a1628);
    color: rgba(255,255,255,.75);
    padding: 3rem 0 1.5rem;
}
.site-footer a { color: rgba(255,255,255,.65); text-decoration: none; transition: color .15s; }
.site-footer a:hover { color: #fff; }
.site-footer .footer-brand { font-size: 1.25rem; font-weight: 800; color: #fff; margin-bottom: .5rem; }
.site-footer .footer-tagline { font-size: .85rem; color: rgba(255,255,255,.5); }
.site-footer .footer-section-title { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: .75rem; }
.site-footer .footer-links { list-style: none; padding: 0; margin: 0; }
.site-footer .footer-links li { margin-bottom: .4rem; }
.site-footer .footer-bottom {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 1.25rem; margin-top: 2rem;
    font-size: .8rem; color: rgba(255,255,255,.4);
}

/* ── Responsive additions for new features ───────────────────── */
@media (max-width: 576px) {
    .related-products-grid { grid-template-columns: 1fr 1fr; }
    .search-results-page .search-hero { padding: 1.5rem 1rem; }
    .article-header .article-title { font-size: 1.5rem; }
    .contact-page-shell .contact-form-card { padding: 1.25rem; }
}
.site-top-banner-link {
    position:absolute;
    right:1rem;
    bottom:1rem;
    z-index:5;
    display:none;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.65);
    border-radius:999px;
    color:#fff;
    background:rgba(15,23,42,.68);
    box-shadow:0 10px 26px rgba(15,23,42,.24);
    backdrop-filter:blur(8px);
    text-decoration:none;
}
.site-top-banner-link.is-active { display:flex; }
.site-top-banner-link:hover,
.site-top-banner-link:focus-visible { color:#fff; background:var(--primary); transform:translateY(-2px); }

.industry-news-hero {
    background:
        radial-gradient(circle at 90% 12%, rgba(14, 165, 233, .16), transparent 30%),
        linear-gradient(135deg, rgba(240, 249, 255, .95), rgba(236, 253, 245, .9));
}
.industry-news-card {
    border-top: 4px solid rgba(14, 165, 233, .55);
}
.industry-news-source-note {
    margin: .75rem 0;
    padding: .55rem .75rem;
    border-radius: .8rem;
    background: rgba(15, 118, 110, .08);
    color: #0f766e;
    font-size: .82rem;
}

/* v1.9.66: final layout guards for rich-text media and responsive pages. */
.page-article,
.static-page-content,
.article-style,
.content-body {
    max-width: 100%;
}
.content-body iframe,
.content-body table,
.content-body pre {
    max-width: 100%;
}
.content-body iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: var(--radius);
}
.content-body img:not(.site-top-banner-slide),
.content-body video {
    max-width: min(31%, 320px) !important;
    width: auto !important;
    min-width: 190px;
}
.content-body .article-media img,
.content-body .article-media video,
.content-body figure.article-media img,
.content-body figure.article-media video {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0;
}
.content-body .media-quarter img,
.content-body .media-quarter video,
.content-body .media-third img,
.content-body .media-third video,
.content-body .media-half img,
.content-body .media-half video,
.content-body .media-wide img,
.content-body .media-wide video {
    max-width: 100% !important;
    width: 100% !important;
}
.related-bottom-grid,
.blog-archive-grid,
.product-grid,
.related-products-grid {
    min-width: 0;
}
@media (max-width: 991px) {
    .site-main { padding-top: 1.4rem; }
    .site-top-banner-frame { height: min(var(--site-top-banner-height, 280px), 260px); }
    .page-title { font-size: clamp(1.55rem, 4vw, 2rem); }
    .article-style { padding: 1rem; }
}
@media (max-width: 767px) {
    .content-body > img,
    .content-body > video,
    .content-body p > img:only-child,
    .content-body p > video:only-child,
    .content-body img:not(.site-top-banner-slide),
    .content-body video,
    .article-featured-image,
    .article-media,
    .article-media-auto,
    .article-media-grid .article-media {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 1rem 0 !important;
        flex-basis: 100% !important;
    }
    .article-media-grid { display: block; }
    .site-header { position: sticky; }
    .site-top-banner-overlay {
        font-size: min(var(--site-top-banner-overlay-size, 34px), 26px);
        padding: 1.2rem;
    }
}

/* Independent manually curated Featured Articles archive. */
.featured-archive-hero{position:relative;overflow:hidden;padding:clamp(1.6rem,4vw,3.4rem);border-radius:1.5rem;color:#fff;background:linear-gradient(125deg,#072f36 0%,#0f766e 52%,#0ea5a8 100%);box-shadow:0 24px 55px rgba(15,118,110,.2)}
.featured-archive-hero:after{content:"";position:absolute;width:18rem;height:18rem;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-5rem;top:-10rem;box-shadow:0 0 0 3rem rgba(255,255,255,.04),0 0 0 7rem rgba(255,255,255,.025)}
.featured-archive-hero .lead{color:rgba(255,255,255,.82);border:0;padding:0;max-width:760px}.featured-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#fde68a;margin-bottom:.6rem}
.featured-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.featured-card{display:grid;grid-template-columns:4.2rem 1fr;min-width:0;overflow:hidden;border:1px solid rgba(15,118,110,.16);border-radius:1.2rem;background:linear-gradient(145deg,#fff,#f0fdfa);box-shadow:0 12px 30px rgba(15,23,42,.06)}
.featured-card-index{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f766e,#115e59);color:rgba(255,255,255,.78);font-size:1.15rem;font-weight:900;letter-spacing:.04em}.featured-card-body{padding:1.25rem}.featured-card-meta{display:flex;gap:.8rem;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.featured-card h2{font-size:1.18rem;line-height:1.35;margin:.55rem 0}.featured-card h2 a{color:#0f3443;text-decoration:none}.featured-card p{color:#526474;font-size:.9rem;margin-bottom:.8rem}.featured-read{color:#0f766e;text-decoration:none;font-size:.82rem;font-weight:800}
@media(max-width:767px){.featured-archive-grid{grid-template-columns:1fr}.featured-card{grid-template-columns:3.2rem 1fr}.featured-card-body{padding:1rem}.featured-archive-hero{border-radius:1rem}}

/* v1.9.91: wider reading canvas, clearer hierarchy, and device-safe layout. */
@media (min-width: 1400px) {
    .site-main > .container,
    .site-top-banner > .container,
    .site-header > .container,
    .site-footer > .container { max-width: 1480px; }
}
.page-article {
    position: relative;
    min-width: 0;
}
.page-article > header {
    padding-bottom: .4rem;
    border-bottom: 1px solid color-mix(in srgb, var(--primary-lt) 62%, var(--border));
}
.content-section,
.faq-section,
.related-bottom {
    content-visibility: auto;
    contain-intrinsic-size: 1px 420px;
}
.content-body {
    font-size: clamp(.98rem, .94rem + .12vw, 1.08rem);
    line-height: 1.78;
    overflow-wrap: anywhere;
}
.content-body table {
    width: 100%;
    border-collapse: collapse;
}
.content-body th,
.content-body td {
    padding: .65rem .75rem;
    border: 1px solid var(--border);
}
.article-card,
.product-card,
.featured-card,
.related-bottom-card {
    isolation: isolate;
}
.article-card:focus-within,
.product-card:focus-within,
.featured-card:focus-within {
    outline: 3px solid color-mix(in srgb, var(--primary) 28%, transparent);
    outline-offset: 3px;
}
.timezone-bar .container {
    scrollbar-width: thin;
}

@media (max-width: 991px) {
    .site-header .navbar-collapse {
        margin-top: .7rem;
        padding: .7rem;
        border-radius: .85rem;
        background: rgba(2, 6, 23, .28);
        backdrop-filter: blur(10px);
    }
    .site-header .nav-link { padding: .62rem .7rem; }
    .timezone-bar .container {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        justify-content: flex-start !important;
        padding-bottom: .18rem;
    }
    .timezone-bar .container > span { flex: 0 0 auto; }
}
@media (max-width: 767px) {
    .site-main > .container { padding-inline: 1rem; }
    .site-main .row.g-5 { --bs-gutter-x: 0; }
    .content-body .cms-rich-media {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 1rem 0 !important;
    }
    .site-main { padding-bottom: 2.5rem; }
    .home-hero { padding: 1.45rem; border-radius: 1rem; }
    .page-article > header { margin-bottom: 1.2rem !important; }
    .article-meta-bar { gap: .5rem; font-size: .78rem; }
    .social-share-bar { align-items: stretch; }
    .social-share-bar .share-btn { flex: 1 1 calc(50% - .5rem); justify-content: center; }
    .blog-pagination { gap: .7rem; }
    .blog-page-numbers { order: 3; flex-basis: 100%; justify-content: center; }
    .site-top-banner-frame { border-radius: .8rem; }
}
@media (max-width: 420px) {
    .page-title { font-size: 1.45rem; }
    .content-body { font-size: .96rem; line-height: 1.7; }
    .related-products-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    .page-article > header { border-color: var(--border); }
    .article-card:focus-within,
    .product-card:focus-within,
    .featured-card:focus-within { outline-color: var(--primary-lt); }
}

/* v1.10.2: local-assets, mobile, weak-network, and Africa/Middle East guards. */
html[dir="rtl"] body {
    direction: rtl;
    font-family: Tahoma, "Segoe UI", sans-serif;
    text-align: right;
}
html[dir="rtl"] .site-header .navbar-nav {
    margin-right: auto !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .content-body,
html[dir="rtl"] .contact-form-card {
    text-align: right;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: var(--bs-breadcrumb-item-padding-x);
    padding-right: 0;
}
html[dir="rtl"] .content-body {
    line-height: 1.9;
}

.regional-contact-fab {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1035;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    width: var(--contact-fab-width, 46px);
    height: var(--contact-fab-height, 46px);
    min-width: 32px;
    min-height: 32px;
    padding: 0 .55rem;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #087d55, #22c55e);
    box-shadow: 0 12px 28px rgba(6,95,70,.28);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 800;
}
.regional-contact-fab.position-left-bottom { left:.55rem; right:auto; bottom:.55rem; }
.regional-contact-fab.position-right-bottom { right:.75rem; left:auto; bottom:.75rem; }
.regional-contact-fab.position-left-middle { left:.55rem; right:auto; top:50%; bottom:auto; transform:translateY(-50%); }
.regional-contact-fab.position-right-middle { right:.55rem; left:auto; top:50%; bottom:auto; transform:translateY(-50%); }
.regional-contact-fab.position-left-middle:hover,
.regional-contact-fab.position-left-middle:focus-visible,
.regional-contact-fab.position-right-middle:hover,
.regional-contact-fab.position-right-middle:focus-visible { transform:translateY(calc(-50% - 2px)); }
.site-music-player.contact-left-offset { left:calc(.55rem + var(--contact-fab-width, 46px) + .5rem); }
.regional-contact-fab:hover,
.regional-contact-fab:focus-visible {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(6,95,70,.34);
}
.regional-contact-fab .bi { font-size:clamp(1rem,calc(var(--contact-fab-height, 46px) * .42),2.5rem); flex:0 0 auto; }
.regional-contact-fab span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.site-header .navbar-toggler {
    min-width: 44px;
    min-height: 44px;
    border-color: rgba(255,255,255,.42);
    color: #fff;
}
.site-header .navbar-toggler-icon { filter: invert(1) grayscale(1) brightness(2); }
.site-header .dropdown-menu {
    border: 1px solid rgba(15,31,61,.12);
    box-shadow: 0 14px 36px rgba(15,31,61,.16);
}

.content-body table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.content-body img,
.content-body video,
.article-featured-image {
    object-fit: contain;
}

html.is-data-saver body::before,
html.is-data-saver body::after,
html.is-data-saver .site-main::before {
    display: none !important;
}
html.is-data-saver .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
html.is-data-saver .site-top-banner-video { display: none !important; }
html.is-data-saver .site-top-banner-frame:has(.site-top-banner-video:only-child) {
    background: linear-gradient(135deg, var(--header-bg), var(--primary));
}
html.is-data-saver .article-card,
html.is-data-saver .product-card,
html.is-data-saver .blog-card,
html.is-data-saver .store-card {
    transition: none !important;
}
html.is-data-saver .article-card:hover,
html.is-data-saver .product-card:hover,
html.is-data-saver .blog-card:hover,
html.is-data-saver .store-card:hover {
    transform: none !important;
}
.site-music-player.data-saver-paused { opacity: .58; }

@media (max-width: 991px) {
    .site-header .navbar { align-items: center; }
    .site-header .navbar-collapse {
        width: 100%;
        max-height: min(72vh, 560px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .site-header .navbar-nav { padding-top: .35rem; }
    .site-header .nav-link,
    .site-header .dropdown-item {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .site-header .dropdown-menu {
        position: static !important;
        transform: none !important;
        margin: .2rem 0 .4rem;
        border-radius: .7rem;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .site-header { padding: .45rem 0; }
    .site-header .navbar-brand {
        max-width: calc(100vw - 92px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .timezone-bar .container { gap: .85rem !important; }
    .site-top-banner-frame { min-height: 120px; }
    .content-body table {
        display: block;
        width: 100%;
    }
    .regional-contact-fab {
        min-width: 36px;
        min-height: 36px;
        padding:0 .25rem;
        justify-content: center;
    }
    .regional-contact-fab span { display: none; }
    .regional-contact-fab .bi { font-size: 1.2rem; }
    .site-music-player.contact-left-offset { left:calc(.45rem + var(--contact-fab-width, 46px) + .4rem); }
    .back-to-top { right: .65rem; bottom: 3.65rem; }
}

@media (prefers-reduced-data: reduce) {
    body::before,
    body::after,
    .site-main::before { display: none !important; }
    .site-top-banner-video { display: none !important; }
}

html.is-reduced-motion *,
html.is-reduced-motion *::before,
html.is-reduced-motion *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
}

/* Private VIP channel: isolated visual language and browser-level deterrence. */
.vip-shell { max-width:1120px; margin:0 auto; }
.vip-hero,.vip-article-header { padding:clamp(1.5rem,4vw,3.5rem); border-radius:1.6rem; color:#fff; background:radial-gradient(circle at 86% 18%,rgba(56,189,248,.34),transparent 24%),linear-gradient(135deg,#071426,#173f63 58%,#0f766e); box-shadow:0 26px 70px rgba(7,20,38,.22); margin-bottom:1.5rem; position:relative; overflow:hidden; }
.vip-hero::after,.vip-article-header::after { content:""; position:absolute; right:-70px; bottom:-100px; width:260px; height:260px; border:28px solid rgba(255,255,255,.09); border-radius:50%; }
.vip-hero h1,.vip-article-header h1 { color:#fff; margin:.55rem 0; font-size:clamp(2rem,5vw,4rem); }
.vip-hero p,.vip-article-header p { max-width:740px; color:rgba(255,255,255,.72); margin:0; }
.vip-kicker,.vip-article-header>span { display:inline-flex; gap:.45rem; align-items:center; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#99f6e4; }
.vip-unlock-card { max-width:620px; margin:3rem auto; padding:2rem; border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border)); border-radius:1.25rem; background:rgba(255,255,255,.94); box-shadow:0 24px 64px rgba(15,31,61,.12); }
.vip-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; }
.vip-card { display:flex; gap:1rem; padding:1.25rem; border:1px solid var(--border); border-radius:1.15rem; background:rgba(255,255,255,.92); box-shadow:0 14px 36px rgba(15,31,61,.07); }
.vip-card h2 { font-size:1.08rem; margin:0 0 .4rem; }.vip-card p { color:var(--muted); font-size:.88rem; margin:0 0 .5rem; }.vip-card span { color:var(--primary); font-size:.72rem; font-weight:700; }
.vip-card-icon { flex:0 0 44px; height:44px; display:grid; place-items:center; color:#fff; border-radius:.85rem; background:linear-gradient(135deg,var(--primary),#0f766e); }
.vip-back { display:inline-flex; align-items:center; gap:.4rem; margin-bottom:1rem; text-decoration:none; font-weight:700; }
.vip-article-content { padding:clamp(1rem,3vw,2.4rem); background:rgba(255,255,255,.96); border:1px solid var(--border); border-radius:1.35rem; box-shadow:0 18px 48px rgba(15,31,61,.08); }
.vip-article-content img,.vip-article-content video { max-width:100%; height:auto; border-radius:.8rem; }
.vip-media-section { margin-top:2rem; }.vip-media-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.8rem; }
.vip-media-card { min-height:120px; padding:1rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.4rem; text-align:center; border:1px solid var(--border); border-radius:1rem; background:#fff; text-decoration:none; }.vip-media-card i{font-size:1.6rem}.vip-media-card small{color:var(--muted)}
.vip-media-viewer { padding:1.25rem; border-radius:1.25rem; background:#071426; color:#fff; text-align:center; }.vip-media-viewer h1{color:#fff}.vip-media-viewer img,.vip-media-viewer video{display:block;max-width:100%;max-height:76vh;margin:auto;border-radius:.8rem;user-select:none;-webkit-user-drag:none}
.vip-empty { grid-column:1/-1; padding:3rem; text-align:center; color:var(--muted); border:1px dashed var(--border); border-radius:1rem; }
.vip-protected-content { user-select:none; -webkit-user-select:none; }
@media(max-width:767px){.vip-hero,.vip-article-header{border-radius:1rem}.vip-unlock-card{padding:1.25rem;margin:1.5rem auto}.vip-grid{grid-template-columns:1fr}}

/* Shared archive/home introduction modules. These overrides deliberately sit
   after legacy context styles so one setting changes every archive reliably. */
.cms-archive-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: var(--archive-hero-height, 220px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 3.25rem) !important;
    border: 1px solid rgba(15, 23, 42, .1);
    box-shadow: 0 20px 54px rgba(15, 23, 42, .11);
}
.cms-archive-hero > * { position: relative; z-index: 2; }
.cms-archive-hero::before,
.cms-archive-hero::after { content: ""; position: absolute; pointer-events: none; z-index: 0; }
.cms-archive-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 850; }

.cms-archive-hero.hero-style-soft-geometry {
    color: #2f2a23;
    border-radius: 1.6rem;
    background: linear-gradient(125deg, #fff7d6 0%, #fffaf0 44%, #fff 100%);
}
.cms-archive-hero.hero-style-soft-geometry::before { width: 15rem; height: 15rem; left: -8rem; top: -8rem; border-radius: 50%; background: rgba(217,119,6,.08); }
.cms-archive-hero.hero-style-soft-geometry::after { width: 15rem; height: 9rem; right: -3rem; top: -4rem; border: 24px solid rgba(217,119,6,.12); border-radius: 2.5rem; transform: rotate(18deg); }
.cms-archive-hero.hero-style-soft-geometry .cms-archive-kicker { color: #b45309; }

.cms-archive-hero.hero-style-ocean-wave {
    color: #fff;
    border: 0;
    border-radius: 3rem .8rem 3rem .8rem;
    background: radial-gradient(circle at 88% 18%, rgba(103,232,249,.28), transparent 24%), linear-gradient(125deg, #063b4a, #087d8d 58%, #06a6b5);
}
.cms-archive-hero.hero-style-ocean-wave::before { left: -7%; right: -7%; height: 7rem; bottom: -5rem; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; box-shadow: 0 -1.4rem 0 rgba(255,255,255,.05), 0 -2.8rem 0 rgba(255,255,255,.035); }
.cms-archive-hero.hero-style-ocean-wave::after { width: 11rem; height: 11rem; right: 7%; top: -6rem; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }

.cms-archive-hero.hero-style-graphite-line {
    color: #fff;
    border-radius: .2rem;
    border: 0;
    border-left: .5rem solid #d4a94f;
    background: linear-gradient(112deg, #111827 0%, #232b38 72%, #9a6b1d 72%, #d4a94f 100%);
}
.cms-archive-hero.hero-style-graphite-line::before { left: 2.4rem; right: 22%; bottom: 1.3rem; height: 1px; background: linear-gradient(90deg,#d4a94f,transparent); }
.cms-archive-hero.hero-style-graphite-line::after { width: 9rem; height: 9rem; right: 4%; top: 50%; transform: translateY(-50%) rotate(45deg); border: 1px solid rgba(255,255,255,.22); border-radius: .6rem; }
.cms-archive-hero.hero-style-graphite-line .cms-archive-kicker { color: #f7d98f; }

.cms-archive-hero.hero-style-sand-arc {
    color: #493721;
    border-color: rgba(180,83,9,.16);
    border-radius: 0 5rem 0 5rem;
    background: linear-gradient(130deg, #fff4d0, #fffaf0 56%, #fff);
}
.cms-archive-hero.hero-style-sand-arc::before { width: 17rem; height: 17rem; right: -5rem; top: -9rem; border: 26px solid rgba(217,119,6,.11); border-radius: 50%; box-shadow: 0 0 0 2.7rem rgba(217,119,6,.035); }
.cms-archive-hero.hero-style-sand-arc::after { width: 5rem; height: 140%; left: 8%; top: -20%; background: linear-gradient(180deg,transparent,rgba(255,255,255,.7),transparent); transform: rotate(18deg); }
.cms-archive-hero.hero-style-sand-arc .cms-archive-kicker { color: #b45309; }

.cms-archive-hero.hero-style-blueprint {
    color: #fff;
    border: 1px solid rgba(147,197,253,.45);
    border-radius: .3rem;
    background-color: #123a72;
    background-image: linear-gradient(rgba(191,219,254,.1) 1px,transparent 1px), linear-gradient(90deg,rgba(191,219,254,.1) 1px,transparent 1px), linear-gradient(130deg,#102f5b,#1858a5);
    background-size: 24px 24px,24px 24px,auto;
}
.cms-archive-hero.hero-style-blueprint::before { width: 12rem; height: 7rem; right: 5%; top: 18%; border: 1px solid rgba(255,255,255,.35); }
.cms-archive-hero.hero-style-blueprint::after { width: 8rem; height: 8rem; right: 9%; top: 9%; border: 1px dashed rgba(255,255,255,.35); border-radius: 50%; }
.cms-archive-hero.hero-style-blueprint .cms-archive-kicker { color: #bfdbfe; }

.cms-archive-hero.hero-style-forest-depth {
    color: #fff;
    border: 0;
    border-radius: 2.2rem .5rem 2.2rem .5rem;
    background: radial-gradient(ellipse at 88% 112%, #4d7c0f 0 31%, transparent 32%), radial-gradient(ellipse at 68% 115%, #2f6b3f 0 42%, transparent 43%), linear-gradient(130deg,#0f3527,#256b4c);
}
.cms-archive-hero.hero-style-forest-depth::before { width: 18rem; height: 18rem; right: -3rem; top: -13rem; border: 1px solid rgba(220,252,231,.25); border-radius: 50%; box-shadow: 0 0 0 2.5rem rgba(220,252,231,.035); }
.cms-archive-hero.hero-style-forest-depth::after { left: 2.2rem; bottom: 1.35rem; width: 8rem; height: .2rem; background: linear-gradient(90deg,#bef264,transparent); border-radius: 1rem; }
.cms-archive-hero.hero-style-forest-depth .cms-archive-kicker { color: #d9f99d; }

.cms-archive-hero.hero-style-ocean-wave h1,
.cms-archive-hero.hero-style-graphite-line h1,
.cms-archive-hero.hero-style-blueprint h1,
.cms-archive-hero.hero-style-forest-depth h1,
.cms-archive-hero.hero-style-ocean-wave .lead,
.cms-archive-hero.hero-style-graphite-line .lead,
.cms-archive-hero.hero-style-blueprint .lead,
.cms-archive-hero.hero-style-forest-depth .lead { color: inherit !important; }
@media (max-width: 767px) {
    .cms-archive-hero { min-height: min(var(--archive-hero-height,220px), 240px); padding: 1.35rem !important; border-radius: 1rem !important; }
    .cms-archive-hero::before,.cms-archive-hero::after { opacity: .65; }
}