/* =============================================================================
    couponzania.com company pages: About, Contact, Media Kit, Brand Guidelines,
    Press and Editorial. Moved out of the theme's czania-pages.css together with
    their templates (see sites/couponzania/mu-plugins/couponzania-site.php).
    Loaded after czania-pages (the generic page rules it builds on) on those pages only.
   ============================================================================= */

/* ---------------------------------------------------------------------------
   About Page — futuristic-minimal pass 2026-09-12: same 9-section structure
   as the compact restructure, entirely different visual language. No emoji
   anywhere (numbered index marks + the sitewide monoline #icon-* sprite
   instead); hairline-divided lists replace boxed cards where a box added
   nothing; dark sections (hero/CTA) get a restrained dot-grid + radial glow
   instead of a flat gradient. #how-we-validate and #regions anchor IDs are
   still linked from front-page.php, inc/shortcodes.php and page-mediakit.php.
   --------------------------------------------------------------------------- */

/* The About page uses the site tokens (radius, navy, buttons, FAQ, step numbers) like every other page; it had
   its own 18/22px radii, three numbering styles and its own FAQ until 2026-09-24. */
.czania-about {
    --cz-about-ink: var(--cz-navy);
}

/* Hero — stats folded in; dot-grid + radial glow, not a flat gradient wall */
.czania-about-hero {
    position: relative;
    overflow: hidden;
    background: var(--cz-about-ink);
    color: var(--cz-on-dark);
    text-align: center;
    padding: 76px 0 0;
}
.czania-about-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 28px 28px;
    -webkit-mask-image: radial-gradient(ellipse 60% 90% at 50% 0%, #000 40%, transparent 80%);
            mask-image: radial-gradient(ellipse 60% 90% at 50% 0%, #000 40%, transparent 80%);
}
.czania-about-hero::after {
    content: '';
    position: absolute;
    top: -220px;
    left: 50%;
    transform: translateX(-50%);
    width: 760px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--cz-blue-rgb),.35) 0%, rgba(var(--cz-blue-rgb),0) 70%);
    filter: blur(10px);
}
.czania-about-hero__inner { position: relative; max-width: 740px; margin: 0 auto; padding-bottom: 40px; }
.czania-about-hero__eyebrow {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--cz-blue) 45%, #fff);
    margin-bottom: 20px;
}
.czania-about-hero__title {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.01em;
    margin-bottom: 18px;
    color: var(--cz-on-dark);
    text-wrap: balance;
}
.czania-about-hero__subtitle {
    font-size: 17px;
    color: var(--cz-on-dark-muted);
    line-height: 1.65;
    max-width: 600px;
    margin: 0 auto;
}
/* Press links under the subtitle: found without scrolling. */
.czania-about-hero__press {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px;
    margin: 22px auto 0; font-size: 13px; color: var(--cz-on-dark-muted);
}
.czania-about-hero__press a {
    padding: 5px 12px; border: 1px solid var(--cz-on-dark-line); border-radius: var(--cz-radius-pill);
    background: var(--cz-on-dark-fill); color: var(--cz-on-dark); font-weight: 600; text-decoration: none;
    transition: border-color .15s, background .15s;
}
.czania-about-hero__press a:hover { border-color: var(--cz-on-dark-muted); color: var(--cz-on-dark); }
.czania-about-hero__stats {
    position: relative;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--cz-on-dark-line);
}
.czania-about-hero__stat {
    flex: 1;
    max-width: 230px;
    text-align: center;
    padding: 26px 12px;
    border-right: 1px solid var(--cz-on-dark-line);
}
.czania-about-hero__stat:last-child { border-right: none; }
.czania-about-hero__stat-val {
    display: block;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 6px;
    background: linear-gradient(135deg, #fff 30%, #8fc1fb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.czania-about-hero__stat-label {
    font-size: 12px;
    color: var(--cz-on-dark-muted);
    letter-spacing: .03em;
}

/* Anchor nav */
.czania-about-nav {
    background: var(--cz-surface);
    border-bottom: 1px solid var(--cz-border);
    position: sticky;
    top: var(--cz-header-h, 64px);
    z-index: 100;
}
.czania-about-nav__inner {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.czania-about-nav__inner::-webkit-scrollbar { display: none; }
.czania-about-nav__inner a {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--cz-text-muted);
    text-decoration: none;
    padding: 14px 18px;
    border-bottom: 2px solid transparent;
    transition: color .15s, border-color .15s;
    white-space: nowrap;
}
.czania-about-nav__inner a:hover {
    color: var(--cz-link);
    border-bottom-color: var(--cz-blue);
}

/* Common section — generous rhythm, not a height target */
.czania-about-section {
    padding: 64px 0;
}
.czania-about-section--tint {
    background: var(--cz-bg-2);
}
.czania-about-section__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--cz-link);
    margin-bottom: 14px;
}
.czania-about-section__title {
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    color: var(--cz-text);
    margin-bottom: 14px;
    line-height: 1.2;
    letter-spacing: -.01em;
}
.czania-about-section__subtitle {
    font-size: 15.5px;
    color: var(--cz-text-muted);
    max-width: 640px;
    margin-bottom: 40px;
    line-height: 1.65;
}
.czania-about-subhead {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--cz-text-muted);
    margin: 0 0 20px;
}

/* The Standard — comparison checklist + verification list, side by side,
   hairline dividers instead of boxed cards */
.czania-about-standard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
}
.czania-about-check-list,
.czania-about-verify-list { display: flex; flex-direction: column; }
.czania-about-check-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--cz-border);
}
.czania-about-check-row:first-child { padding-top: 0; }
.czania-about-check-row:last-child { border-bottom: none; }
.czania-about-check-row svg { flex-shrink: 0; margin-top: 3px; color: var(--cz-link); }
.czania-about-check-row strong {
    display: block;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--cz-text);
    margin-bottom: 2px;
}
.czania-about-check-row span {
    font-size: 13px;
    color: var(--cz-text-muted);
    line-height: 1.5;
}
.czania-about-verify-row {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--cz-border);
}
.czania-about-verify-row:first-child { padding-top: 0; }
.czania-about-verify-row:last-child { border-bottom: none; }
/* One numbered marker for every list on the page (verification steps, how to use, sourcing, commitments):
   the same badge as the site's how-to steps (.czania-howto__num). */
.czania-about-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--cz-blue-lt);
    color: var(--cz-link);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}
.czania-about-verify-row h4 {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--cz-text);
    margin: 0 0 3px;
}
.czania-about-verify-row p {
    font-size: 13px;
    color: var(--cz-text-muted);
    margin: 0;
    line-height: 1.5;
}

/* How to use: a stepper joined by a line, with the page's numbered markers */
.czania-about-stepper {
    display: flex;
    align-items: flex-start;
}
.czania-about-stepper__step {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 10px;
}
.czania-about-stepper__step::before {
    content: '';
    position: absolute;
    top: 13px;
    left: -50%;
    width: 100%;
    height: 1px;
    background: var(--cz-border);
    z-index: 0;
}
.czania-about-stepper__step:first-child::before { display: none; }
.czania-about-stepper__num {
    position: relative;
    z-index: 1;
    margin: 0 auto 14px;
    box-shadow: 0 0 0 6px var(--cz-bg-2); /* gap in the joining line, in the tinted section's colour */
}
.czania-about-stepper__step p {
    font-size: 13px;
    font-weight: 600;
    color: var(--cz-text);
    margin: 0;
    line-height: 1.4;
}

/* Shared indexed-row list — used by Coverage's sourcing rows and by the
   trust-commitments list below. A numbered mark replaces an icon. */
.czania-about-index-list { display: flex; flex-direction: column; margin-bottom: 56px; }
.czania-about-index-row {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 16px;
    padding: 22px 0;
    border-bottom: 1px solid var(--cz-border);
}
.czania-about-index-row:first-child { padding-top: 0; }
.czania-about-index-row:last-child { border-bottom: none; }
.czania-about-index-row h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--cz-text);
    margin: 0 0 4px;
}
.czania-about-index-row p {
    font-size: 13.5px;
    color: var(--cz-text-muted);
    margin: 0;
    line-height: 1.55;
    max-width: 62ch;
}
.czania-about-index-row__meta {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--cz-text-muted);
    margin-top: 8px !important;
}

/* Categories — airy cards, no icon; type carries it */
.czania-about-cats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.czania-about-cat {
    background: var(--cz-surface);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 20px;
    text-decoration: none;
    color: inherit;
    display: block;
    transition: border-color .15s;
}
.czania-about-cat:hover { border-color: var(--cz-blue); }
.czania-about-cats--three { grid-template-columns: repeat(3, 1fr); }
.czania-about-cat h3 { transition: color .15s; }
.czania-about-cat:hover h3 { color: var(--cz-link); }
.czania-about-press-contact { margin: 20px 0 0; font-size: 14px; color: var(--cz-text-muted); }
.czania-about-press-contact a { font-weight: 600; color: var(--cz-link); text-decoration: none; }
.czania-about-press-contact a:hover { text-decoration: underline; }
.czania-about-cat h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--cz-text);
    margin: 0 0 4px;
}
.czania-about-cat p {
    font-size: 12.5px;
    color: var(--cz-text-muted);
    margin: 0;
}

/* Mission & Vision — indexed, no icons */
.czania-about-mv-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
}
.czania-about-mv-item__idx {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--cz-link);
    margin-bottom: 14px;
}
.czania-about-mv-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--cz-text);
    margin: 0 0 10px;
    line-height: 1.3;
}
.czania-about-mv-item p {
    font-size: 14px;
    color: var(--cz-text-muted);
    line-height: 1.65;
    margin: 0;
}

/* Founder — avatar/links sidebar + wide bio column */
.czania-about-founder {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 48px;
}
.czania-about-founder__side {
    border-right: 1px solid var(--cz-border);
    padding-right: 40px;
}
.czania-about-founder__avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin-bottom: 16px;
}
.czania-about-founder__name {
    font-size: 19px;
    font-weight: 700;
    color: var(--cz-text);
    margin-bottom: 3px;
}
.czania-about-founder__title {
    font-size: 13px;
    color: var(--cz-text-muted);
    margin-bottom: 20px;
}
.czania-about-founder__skills {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 24px;
}
.czania-about-founder__skills span {
    font-size: 12.5px;
    color: var(--cz-text-2);
    padding-bottom: 9px;
    border-bottom: 1px solid var(--cz-border);
}
.czania-about-founder__skills span:last-child { border-bottom: none; padding-bottom: 0; }
.czania-about-founder__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.czania-about-founder__links a {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--cz-link);
    text-decoration: none;
}
.czania-about-founder__links a:hover { text-decoration: underline; }
.czania-about-founder__main p {
    font-size: 14.5px;
    color: var(--cz-text-2);
    line-height: 1.7;
    margin: 0 0 14px;
    max-width: 62ch;
}
.czania-about-founder__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--cz-border);
}
.czania-about-founder__stats div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.czania-about-founder__stats strong {
    font-size: 19px;
    font-weight: 700;
    color: var(--cz-link);
}
.czania-about-founder__stats span {
    font-size: 11.5px;
    color: var(--cz-text-muted);
    line-height: 1.4;
}

/* Team cards under the founder: photo (or initials), role, bio, the categories each person looks after */
.czania-about-team__intro { font-size: 14.5px; color: var(--cz-text-2); line-height: 1.7; max-width: 62ch; margin: 0 0 28px; }
.czania-about-team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.czania-about-team__card {
    background: var(--cz-surface);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 24px;
    scroll-margin-top: 96px;
}
.czania-about-team__card:target { border-color: var(--cz-link); }
.czania-about-team__photo {
    width: 76px; height: 76px; border-radius: 50%;
    object-fit: cover; display: block; margin-bottom: 14px;
}
.czania-about-team__photo--initials {
    display: flex; align-items: center; justify-content: center;
    background: var(--cz-bg-2); color: var(--cz-text-2);
    font-size: 22px; font-weight: 700;
}
.czania-about-team__name { font-size: 17px; font-weight: 700; color: var(--cz-text); margin-bottom: 2px; }
.czania-about-team__role { font-size: 13px; color: var(--cz-text-muted); margin-bottom: 12px; }
.czania-about-team__bio { font-size: 14px; color: var(--cz-text-2); line-height: 1.65; margin: 0 0 14px; }
.czania-about-team__cats-label { font-size: 12px; font-weight: 600; color: var(--cz-text-muted); margin-bottom: 6px; }
.czania-about-team__cats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.czania-about-team__cats a {
    display: inline-block; font-size: 12px; color: var(--cz-link); text-decoration: none;
    border: 1px solid var(--cz-border); border-radius: var(--cz-radius-pill); padding: 3px 10px;
}
.czania-about-team__cats a:hover { border-color: var(--cz-link); }

/* Global coverage + trust commitments — a real table, not flag pills */
.czania-about-regions-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px;
    margin-bottom: 56px;
}
.czania-about-region-row {
    display: flex;
    justify-content: space-between;
    padding: 13px 0;
    border-bottom: 1px solid var(--cz-border);
    font-size: 13.5px;
}
.czania-about-region-row strong { font-weight: 600; color: var(--cz-text); }
.czania-about-region-row span { color: var(--cz-text-muted); font-variant-numeric: tabular-nums; }
.czania-about-trust-more {
    display: inline-block;
    margin-top: 24px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--cz-link);
    text-decoration: none;
}
.czania-about-trust-more:hover { text-decoration: underline; }

/* FAQ: the site-wide accordion (.czania-faq__list and friends in czania.css), only narrowed here. */
.czania-about-faq { max-width: 800px; }

/* CTA: same dark glow as the hero. Buttons match the site buttons (.czania-btn): 42px, 10px corners, 14px. */
.czania-about-cta {
    position: relative;
    overflow: hidden;
    background: var(--cz-about-ink);
    padding: 68px 0;
    text-align: center;
}
.czania-about-cta::before {
    content: '';
    position: absolute;
    top: -180px;
    left: 50%;
    transform: translateX(-50%);
    width: 620px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--cz-blue-rgb),.32) 0%, transparent 70%);
}
.czania-about-cta__inner { position: relative; max-width: 560px; margin: 0 auto; }
.czania-about-cta h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--cz-on-dark);
    margin-bottom: 12px;
    letter-spacing: -.01em;
}
.czania-about-cta p {
    font-size: 15px;
    color: var(--cz-on-dark-muted);
    margin-bottom: 26px;
    line-height: 1.6;
}
.czania-about-cta__btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.czania-about-cta__btn {
    display: inline-flex;
    align-items: center;
    height: 42px;
    background: var(--cz-on-dark);
    color: var(--cz-navy);
    font-size: 14px;
    font-weight: 600;
    padding: 0 22px;
    border-radius: var(--cz-radius);
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}
.czania-about-cta__btn--ghost {
    background: transparent;
    color: var(--cz-on-dark);
    border: 1px solid var(--cz-on-dark-muted);
}
.czania-about-cta__btn--ghost:hover {
    border-color: var(--cz-on-dark);
    background: var(--cz-on-dark-fill);
}
.czania-about-cta__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

/* About page responsive */
@media (max-width: 1024px) {
    .czania-about-cats { grid-template-columns: repeat(3, 1fr); }
    .czania-about-founder { grid-template-columns: 1fr; }
    .czania-about-founder > * { min-width: 0; }
    .czania-about-founder__side {
        border-right: none;
        border-bottom: 1px solid var(--cz-border);
        padding-right: 0;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .czania-about-founder__skills { flex-direction: row; flex-wrap: wrap; gap: 14px; }
    .czania-about-founder__skills span { border-bottom: none; padding-bottom: 0; }
    .czania-about-founder__links { flex-direction: row; flex-wrap: wrap; gap: 16px; }
    .czania-about-team { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .czania-about-hero { padding-top: 52px; }
    .czania-about-section { padding: 44px 0; }
    .czania-about-standard-grid,
    .czania-about-mv-grid { grid-template-columns: 1fr; gap: 32px; }
    .czania-about-cats { grid-template-columns: repeat(2, 1fr); }
    .czania-about-cats--three { grid-template-columns: 1fr; }
    .czania-about-regions-table { grid-template-columns: 1fr; }
    .czania-about-team { grid-template-columns: 1fr; }
    .czania-about-stepper { flex-wrap: wrap; }
    .czania-about-stepper__step { flex: 0 0 33.33%; margin-bottom: 20px; }
}
@media (max-width: 480px) {
    .czania-about-founder__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .czania-about-hero__stats { flex-wrap: wrap; }
    .czania-about-hero__stat { flex: 0 0 50%; max-width: none; }
    .czania-about-hero__stat:nth-child(2) { border-right: none; }
    .czania-about-stepper__step { flex: 0 0 50%; }
}

/* ---------------------------------------------------------------------------
   Contact Page
   --------------------------------------------------------------------------- */

.czania-contact-hero {
    position: relative;
    background: linear-gradient(135deg, var(--cz-navy) 0%, var(--cz-navy-2) 100%);
    overflow: hidden;
    padding: 56px 0 52px;
}

.czania-contact-hero__glow {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--cz-blue-rgb),.2) 0%, transparent 65%);
    pointer-events: none;
}

.czania-contact-hero__inner { position: relative; z-index: 2; }

.czania-contact-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #60a5fa;
    margin-bottom: 14px;
}

.czania-contact-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96,165,250,.25);
    flex-shrink: 0;
}

.czania-contact-hero__title {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    color: var(--cz-on-dark);
    line-height: 1.15;
    margin-bottom: 12px;
    letter-spacing: -.02em;
}

.czania-contact-hero__sub {
    font-size: 15px;
    font-weight: 400;
    color: var(--cz-on-dark-muted);
    margin-bottom: 32px;
    max-width: 480px;
    line-height: 1.7;
}

.czania-contact-stats {
    display: flex;
    align-items: center;
    gap: 24px;
}

.czania-contact-stat {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.czania-contact-stat__num {
    font-size: 18px;
    font-weight: 700;
    color: var(--cz-on-dark);
    line-height: 1;
}

.czania-contact-stat__label {
    font-size: 11px;
    color: var(--cz-on-dark-muted);
    font-weight: 400;
}

.czania-contact-stat-divider {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,.15);
    flex-shrink: 0;
}

/* Grid */
.czania-contact-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    padding-top: 36px;
    padding-bottom: 60px;
}

.czania-contact-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Card */
.czania-contact-card {
    background: var(--cz-bg);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 24px;
    box-shadow: var(--cz-shadow);
    transition: box-shadow .25s, transform .25s, border-color .25s;
}

.czania-contact-card:hover {
    box-shadow: var(--cz-shadow-lg);
    transform: translateY(-2px);
    border-color: var(--cz-blue-lt);
}

.czania-contact-card__top {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 12px;
}

.czania-contact-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--cz-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.czania-contact-icon--blue  { background: var(--cz-blue-lt);  color: var(--cz-link); }
.czania-contact-icon--green { background: var(--cz-green-lt); color: var(--cz-green-text); }
.czania-contact-icon--dark  { background: var(--cz-bg-2);     color: var(--cz-text); }

.czania-contact-card__tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--cz-text-muted);
    margin-bottom: 4px;
}

.czania-contact-card__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--cz-text);
    line-height: 1.25;
    margin: 0;
}

.czania-contact-card__desc {
    font-size: 13px;
    color: var(--cz-text-2);
    line-height: 1.7;
    margin-bottom: 16px;
    font-weight: 400;
}

/* Email row */
.czania-contact-email-row {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 13px;
    border-radius: var(--cz-radius);
    text-decoration: none;
    border: 1px solid var(--cz-border);
    background: var(--cz-bg-2);
    transition: border-color .2s, background .2s;
    margin-bottom: 10px;
}

.czania-contact-email-row:hover {
    border-color: var(--cz-blue);
    background: var(--cz-blue-lt);
}

.czania-contact-email-icon {
    width: 32px;
    height: 32px;
    border-radius: var(--cz-radius-sm);
    background: var(--cz-bg-2);
    color: var(--cz-text);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.czania-contact-email-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.czania-contact-email-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--cz-text-muted);
    text-transform: uppercase;
    letter-spacing: .07em;
}

.czania-contact-email-addr {
    font-size: 13px;
    font-weight: 500;
    color: var(--cz-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.czania-contact-arrow {
    color: var(--cz-text-muted);
    flex-shrink: 0;
    transition: transform .2s;
}

.czania-contact-email-row:hover .czania-contact-arrow { transform: translateX(3px); }

.czania-contact-response-note {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--cz-text-muted);
    margin: 0;
}

.czania-contact-green-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--cz-green);
    flex-shrink: 0;
}

/* Hours */
.czania-contact-hours {
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    overflow: hidden;
}

.czania-contact-hours__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 13px;
    border-bottom: 1px solid var(--cz-border);
    font-size: 13px;
}

.czania-contact-hours__row:last-child { border-bottom: none; }
.czania-contact-hours__day    { color: var(--cz-text); font-weight: 500; }
.czania-contact-hours__open   { color: var(--cz-green-text); font-weight: 600; font-size: 12.5px; }
.czania-contact-hours__closed { color: var(--cz-text-muted); font-weight: 500; font-size: 12.5px; }

/* Affiliate networks */
.czania-contact-networks {
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px;
}

.czania-contact-network {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 13px;
    border-bottom: 1px solid var(--cz-border);
    transition: background .15s;
}

.czania-contact-network:last-child { border-bottom: none; }
.czania-contact-network:hover { background: var(--cz-bg-2); }

.czania-contact-network__left {
    display: flex;
    align-items: center;
    gap: 9px;
}

.czania-contact-network__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.czania-contact-network__name {
    font-size: 13px;
    font-weight: 500;
    color: var(--cz-text);
}

.czania-contact-network__id {
    font-family: 'Courier New', monospace;
    font-size: 11.5px;
    color: var(--cz-text-muted);
    background: var(--cz-bg-2);
    padding: 2px 7px;
    border-radius: var(--cz-radius-sm);
    border: 1px solid var(--cz-border);
}

/* Social links */
.czania-contact-socials {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.czania-contact-social {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border-radius: var(--cz-radius);
    border: 1px solid var(--cz-border);
    text-decoration: none;
    transition: border-color .2s, box-shadow .2s, transform .2s;
    background: var(--cz-bg);
}

.czania-contact-social:hover {
    border-color: var(--cz-blue);
    box-shadow: 0 2px 10px rgba(var(--cz-blue-rgb),.1);
    transform: translateX(3px);
    color: var(--cz-text);
}

.czania-contact-social__icon {
    width: 28px;
    height: 28px;
    border-radius: var(--cz-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.czania-contact-social__name {
    font-size: 13px;
    font-weight: 500;
    color: var(--cz-text);
    flex: 1;
}

.czania-contact-social__handle {
    font-size: 12px;
    color: var(--cz-text-muted);
}

/* Contact responsive */
@media (max-width: 768px) {
    .czania-contact-hero { padding: 40px 0 36px; }
}
@media (max-width: 680px) {
    .czania-contact-body { grid-template-columns: 1fr; gap: 16px; padding-top: 28px; }
    .czania-contact-stats { gap: 16px; }
    .czania-contact-stat__num { font-size: 16px; }
}

/* ── Homepage intro text ───────────────────────────────────────────────── */
.czania-hp-intro {
    padding: 0 0 32px;
}
.czania-hp-intro__text {
    font-size: 14px;
    color: var(--cz-text-2);
    line-height: 1.7;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

/* ==========================================================================
   Media Kit  —  .czania-mk-*
   Rebuilt 2026-07 as a "rate card" dossier: sticky numbered doc-outline rail,
   monospace numerals on every real figure (stat/price/date), left-aligned
   numbered section heads instead of centered ones. See docs/design-system.md.
   ========================================================================== */
.czania-mk { --mk-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace; }
.czania-mk-num { font-family: var(--mk-mono); font-variant-numeric: tabular-nums; }

/* Shell: sticky doc-outline rail + main content column */
.czania-mk-shell { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 232px minmax(0,1fr); }
.czania-mk-shell > main { min-width: 0; }
.czania-mk-rail {
    position: sticky; top: var(--cz-header-h, 64px); align-self: start;
    max-height: calc(100vh - var(--cz-header-h, 64px));
    padding: 28px 18px; display: flex; flex-direction: column; gap: 22px;
    border-right: 1px solid var(--cz-border);
}
.czania-mk-rail__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cz-text-muted); }
.czania-mk-rail nav { display: flex; flex-direction: column; gap: 1px; overflow-y: auto; flex: 1; }
.czania-mk-rail nav a {
    display: flex; align-items: baseline; gap: 10px; padding: 8px 10px;
    border-radius: var(--cz-radius-sm); text-decoration: none; font-size: 13px;
    color: var(--cz-text-2); transition: background .15s, color .15s;
}
.czania-mk-rail nav a:hover { background: var(--cz-bg-2); color: var(--cz-text); }
.czania-mk-rail nav a.is-active { background: var(--cz-blue-lt); color: var(--cz-link); font-weight: 600; }
.czania-mk-rail nav a i { font-family: var(--mk-mono); font-style: normal; font-size: 10.5px; color: var(--cz-text-muted); width: 16px; flex-shrink: 0; }
.czania-mk-rail nav a.is-active i { color: var(--cz-link); }
.czania-mk-rail__cta { display: flex; flex-direction: column; gap: 8px; }
/* The rail sits on the page's light background, not the hero's dark gradient
   .czania-mk-btn--primary was designed for (white bg + blue text, invisible
   against white) — scoped override so the rail's primary button is actually
   visible. Shared by every page using this rail, not just page-branding.php. */
.czania-mk-rail__cta .czania-mk-btn--primary { background: var(--cz-blue); color: var(--cz-on-primary); }
.czania-mk-rail__cta .czania-mk-btn--primary:hover { background: var(--cz-blue-dk); }
@media (max-width: 1024px) {
    .czania-mk-shell { grid-template-columns: 1fr; }
    /* Grid/flex items default to min-width:auto, which lets a child's
       intrinsic content width (11 nav links in a row) push past its own
       container instead of shrinking to it — the nav's own overflow-x:auto
       below can't do its job until the rail itself is capped to the
       viewport, so min-width:0 has to go on every link in this chain. */
    .czania-mk-rail { position: static; max-height: none; min-width: 0; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 12px 16px; border-right: none; border-bottom: 1px solid var(--cz-border); }
    .czania-mk-rail__eyebrow, .czania-mk-rail__cta { display: none; }
    .czania-mk-rail nav { min-width: 0; flex-direction: row; overflow-x: auto; }
    .czania-mk-rail nav a { white-space: nowrap; }
}

/* Hero */
.czania-mk-hero {
    background: linear-gradient(135deg, var(--cz-navy) 0%, var(--cz-navy-2) 60%, var(--cz-blue) 100%);
    padding: 56px 0 0;
    color: var(--cz-on-dark);
    position: relative;
    overflow: hidden;
}
.czania-mk-hero__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; flex-wrap: wrap; }
.czania-mk-hero__eyebrow {
    font-family: var(--mk-mono);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #7fb2f2;
    margin: 0 0 16px;
}
.czania-mk-hero__title {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 700;
    line-height: 1.18;
    margin: 0 0 18px;
    max-width: 620px;
}
.czania-mk-hero__subtitle {
    font-size: 1.05rem;
    color: var(--cz-on-dark-2);
    max-width: 480px;
    margin: 0;
    line-height: 1.6;
}
.czania-mk-hero__doc { flex-shrink: 0; min-width: 220px; border: 1px solid var(--cz-on-dark-line); border-radius: var(--cz-radius); padding: 15px 18px; background: rgba(255,255,255,.04); }
.czania-mk-hero__doc-row { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; border-bottom: 1px solid var(--cz-on-dark-line); font-size: 11.5px; }
.czania-mk-hero__doc-row:last-child { border-bottom: none; }
.czania-mk-hero__doc-row span:first-child { color: var(--cz-on-dark-muted); text-transform: uppercase; letter-spacing: .05em; }
.czania-mk-hero__doc-row span:last-child { font-family: var(--mk-mono); color: var(--cz-on-dark); }
.czania-mk-hero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin: 26px 0 0; }
/* On the Media Kit page this row is followed by .czania-mk-figs, whose own
   margin/content gives the hero real bottom breathing room. page-branding.php
   has no trailing figs block, so its actions row is the hero's last child —
   without this, the buttons sit flush against the hero's bottom edge (padding
   is top-only: 56px 0 0). Scoped to :last-child so the Media Kit hero, where
   this row isn't last, is unaffected. */
.czania-mk-hero__actions:last-child { margin-bottom: 40px; }

/* Buttons */
.czania-mk-btn {
    display: inline-flex; align-items: center;
    padding: 11px 26px;
    border-radius: var(--cz-radius);
    font-size: .95rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
}
.czania-mk-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.15); }
.czania-mk-btn--primary  { background: var(--cz-on-dark); color: var(--cz-blue-dk); }
.czania-mk-btn--outline  { border: 2px solid rgba(255,255,255,.5); color: var(--cz-on-dark); }
.czania-mk-btn--white    { background: var(--cz-on-dark); color: var(--cz-blue-dk); }
.czania-mk-btn--outline-white { border: 2px solid rgba(255,255,255,.5); color: var(--cz-on-dark); }

/* Hero figures strip (was a separate blue .czania-mk-stats band; folded into
   the hero so real live numbers read as part of the same dossier "cover"). */
.czania-mk-figs { position: relative; margin-top: 40px; background: rgba(255,255,255,.05); border: 1px solid var(--cz-on-dark-line); border-radius: var(--cz-radius) var(--cz-radius) 0 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.czania-mk-fig { padding: 22px clamp(14px,2vw,26px); border-right: 1px solid var(--cz-on-dark-line); }
.czania-mk-fig:last-child { border-right: none; }
.czania-mk-fig__tag { display: inline-flex; align-items: center; gap: 5px; font-size: 9.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #6cd39a; margin-bottom: 10px; }
.czania-mk-fig__tag .czania-mk-dot { width: 5px; height: 5px; border-radius: 50%; background: #6cd39a; }
.czania-mk-fig__val { font-family: var(--mk-mono); font-size: 1.6rem; font-weight: 600; color: var(--cz-on-dark); line-height: 1; }
.czania-mk-fig__label { display: block; margin-top: 6px; font-size: .75rem; color: var(--cz-on-dark-muted); }

/* Sections */
.czania-mk-section        { padding: 64px clamp(20px,4vw,56px); scroll-margin-top: calc(var(--cz-header-h) + 16px); border-bottom: 1px solid var(--cz-border); }
.czania-mk-section--alt   { background: var(--cz-bg-2); }
.czania-mk-section__head  { display: flex; align-items: baseline; gap: 13px; margin-bottom: 6px; }
.czania-mk-section__idx   { font-family: var(--mk-mono); font-size: .8rem; font-weight: 600; color: var(--cz-link); }
.czania-mk-section__title { font-size: 1.6rem; font-weight: 700; text-align: left; margin: 0; }
.czania-mk-section__sub   { text-align: left; color: var(--cz-text-2); max-width: 620px; margin: 6px 0 36px; line-height: 1.6; }
.czania-mk-section__sub a { color: var(--cz-link); text-decoration: none; }
.czania-mk-section__sub a:hover { text-decoration: underline; }

/* Validation timeline (horizontal stepper, vertical on mobile) */
.czania-mk-timeline { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
.czania-mk-timeline__track { position: absolute; top: 17px; left: 4%; right: 4%; height: 2px; background: var(--cz-border); z-index: 0; }
.czania-mk-timeline__step { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; }
.czania-mk-timeline__n { width: 34px; height: 34px; border-radius: 50%; background: var(--cz-blue); color: var(--cz-on-primary); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .8rem; box-shadow: 0 0 0 5px var(--cz-bg-2); font-family: var(--mk-mono); }
.czania-mk-section--alt .czania-mk-timeline__n { box-shadow: 0 0 0 5px var(--cz-bg); }
.czania-mk-timeline__step strong { font-size: .84rem; font-weight: 600; }
.czania-mk-timeline__step p { font-size: .74rem; color: var(--cz-text-2); margin: 0; line-height: 1.5; }
@media (max-width: 900px) {
    .czania-mk-timeline { grid-template-columns: 1fr; gap: 22px; }
    .czania-mk-timeline__track { top: 0; bottom: 0; left: 17px; right: auto; width: 2px; height: auto; }
    .czania-mk-timeline__step { display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 16px; row-gap: 4px; }
    .czania-mk-timeline__n { grid-row: 1/3; align-self: start; }
    .czania-mk-timeline__step strong, .czania-mk-timeline__step p { grid-column: 2; }
}

/* Regions map (currency/eligibility coverage, real About-page data — not traffic) */
.czania-mk-geo { position: relative; border: 1px solid var(--cz-border); border-radius: var(--cz-radius); background: var(--cz-bg); padding: 14px; }
.czania-mk-geo canvas { width: 100%; height: auto; display: block; cursor: crosshair; border-radius: var(--cz-radius-sm); }
.czania-mk-geo__tip { position: absolute; pointer-events: none; background: var(--cz-navy); color: var(--cz-on-dark); font-size: 12px; padding: 8px 11px; border-radius: 7px; transform: translate(-50%,-125%); opacity: 0; transition: opacity .1s ease; white-space: nowrap; z-index: 5; box-shadow: var(--cz-shadow-lg); }
.czania-mk-geo__tip.is-visible { opacity: 1; }
.czania-mk-geo__tip b { font-weight: 600; }
.czania-mk-geo__tip small { display: block; color: var(--cz-on-dark-muted); font-family: var(--mk-mono); margin-top: 1px; }
.czania-mk-geo__legend { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.czania-mk-geo__chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--cz-border); border-radius: 20px; font-size: 12px; background: var(--cz-bg); }
.czania-mk-geo__code { font-family: var(--mk-mono); font-size: 11px; font-weight: 700; color: var(--cz-link); background: var(--cz-blue-lt); padding: 2px 5px; border-radius: 4px; letter-spacing: .02em; }
.czania-mk-geo__chip span { font-family: var(--mk-mono); color: var(--cz-text-muted); }
.czania-mk-geo__chip.is-more { color: var(--cz-text-muted); border-style: dashed; }
.czania-mk-geo__note { font-size: .78rem; color: var(--cz-text-muted); margin: 14px 0 0; }

/* Pillars */
.czania-mk-pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.czania-mk-pillar {
    background: var(--cz-bg);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 28px 22px;
}
.czania-mk-pillar__icon { font-size: 1.8rem; margin-bottom: 12px; }
.czania-mk-pillar h3    { font-size: 1rem; font-weight: 600; margin: 0 0 8px; }
.czania-mk-pillar p     { font-size: .88rem; color: var(--cz-text-2); margin: 0; line-height: 1.55; }

/* Audience */
.czania-mk-audience { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.czania-mk-audience__col-title { font-size: 1rem; font-weight: 600; margin: 0 0 20px; }

.czania-mk-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.czania-mk-bar-row__label { font-size: .85rem; width: 130px; flex-shrink: 0; }
.czania-mk-bar-row__track { display: block; flex: 1; height: 8px; background: var(--cz-border); border-radius: 4px; overflow: hidden; }
.czania-mk-bar-row__fill  { display: block; height: 100%; border-radius: 4px; transition: width .6s ease; }
.czania-mk-bar-row__pct   { font-family: var(--mk-mono); font-size: .82rem; font-weight: 600; color: var(--cz-text-2); width: 36px; text-align: right; }

.czania-mk-cat-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cz-border); }
.czania-mk-cat-row:last-child { border-bottom: none; }
.czania-mk-cat-row__rank { font-family: var(--mk-mono); width: 24px; height: 24px; background: var(--cz-blue); color: var(--cz-on-primary); border-radius: 50%; font-size: .75rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.czania-mk-cat-row__name { flex: 1; font-size: .9rem; }
.czania-mk-cat-row__pct  { font-family: var(--mk-mono); font-size: .88rem; font-weight: 600; color: var(--cz-text-2); }
.czania-mk-audience__note { font-size: .78rem; color: var(--cz-text-muted); margin: 10px 0 0; }

/* Placement position wireframes — schematic diagram of where each placement
   sits on the real page, so an advertiser can see what they're buying at a
   glance rather than inferring it from the note text alone. */
.czania-mk-wire { border: 1px solid var(--cz-border); border-radius: 8px; background: var(--cz-bg-2); padding: 9px; display: flex; flex-direction: column; gap: 5px; margin-top: 14px; }
.czania-mk-wire__header { height: 9px; border-radius: 3px; background: var(--cz-border); }
.czania-mk-wire__zone { height: 12px; border-radius: 3px; background: var(--cz-border); }
.czania-mk-wire__zone--hit { background: var(--accent, var(--cz-blue)); }
.czania-mk-wire__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.czania-mk-wire__grid--2 { grid-template-columns: repeat(2, 1fr); }
.czania-mk-wire__cell { height: 20px; border-radius: 3px; background: var(--cz-border); }
.czania-mk-wire__cell--hit { background: var(--accent, var(--cz-blue)); }
.czania-mk-wire__cap { font-size: 9.5px; color: var(--cz-text-muted); margin: 3px 0 0; text-align: center; }

/* ROI assurance banner */
.czania-mk-roi {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: var(--cz-green-lt);
    border: 1px solid var(--cz-green);
    border-radius: var(--cz-radius);
    padding: 16px 20px;
    margin: 0 0 24px;
}
.czania-mk-roi__icon { font-size: 1.1rem; line-height: 1.5; flex-shrink: 0; }
.czania-mk-roi p { margin: 0; font-size: .92rem; line-height: 1.6; color: var(--cz-text); }
.czania-mk-roi strong { color: var(--cz-green-text); }

/* Placements */
.czania-mk-placements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.czania-mk-placement {
    background: var(--cz-bg);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 28px 22px;
    position: relative;
    overflow: hidden;
}
.czania-mk-placement__accent {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
}
.czania-mk-placement__badge {
    display: inline-block;
    background: var(--cz-blue);
    color: var(--cz-on-primary);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 12px;
}
.czania-mk-placement__shot {
    margin: 8px 0 14px;
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius-sm);
    overflow: hidden;
    background: var(--cz-bg-2);
    aspect-ratio: 16 / 9;
}
.czania-mk-placement__shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.czania-mk-placement__name  { font-size: 1rem; font-weight: 600; margin: 8px 0 4px; }
.czania-mk-placement__size  { font-size: .78rem; color: var(--cz-text-muted); margin: 0 0 14px; font-family: var(--mk-mono); }
.czania-mk-placement__price { font-family: var(--mk-mono); font-size: 1.9rem; font-weight: 700; color: var(--cz-link); margin: 0 0 8px; }
.czania-mk-placement__price span { font-size: .9rem; font-weight: 400; color: var(--cz-text-2); }
.czania-mk-placement__note  { font-size: .83rem; color: var(--cz-text-2); margin: 0; line-height: 1.5; }

/* Networks */
.czania-mk-networks { text-align: center; }
.czania-mk-networks__grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 16px; }
.czania-mk-network-tag {
    padding: 7px 18px;
    background: var(--cz-blue-lt);
    color: var(--cz-link);
    border-radius: 20px;
    font-size: .85rem;
    font-weight: 500;
}
.czania-mk-networks__note { font-size: .85rem; color: var(--cz-text-muted); }

/* Events */
.czania-mk-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.czania-mk-event {
    background: var(--cz-bg);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 18px;
}
.czania-mk-event__name { font-size: .95rem; font-weight: 600; margin-bottom: 6px; }
.czania-mk-event__name a { color: inherit; text-decoration: none; }
.czania-mk-event__name a:hover { color: var(--cz-link); text-decoration: underline; }
.czania-mk-event__meta { display: flex; flex-direction: column; gap: 2px; font-size: .78rem; color: var(--cz-text-muted); }
.czania-mk-event__level {
    display: inline-block;
    color: var(--cz-on-dark);
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 10px;
}

/* Month chart — real 12-month sale_event density, same numbers as [couponzania_calendar]'s Shopping Trends */
.czania-mk-monthchart { border: 1px solid var(--cz-border); border-radius: var(--cz-radius); background: var(--cz-bg); padding: 26px 22px 14px; }
.czania-mk-monthchart__bars { display: grid; grid-template-columns: repeat(12, 1fr); align-items: end; gap: 8px; height: 130px; }
.czania-mk-mbar { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.czania-mk-mbar__val { font-family: var(--mk-mono); font-size: 10.5px; color: var(--cz-text-muted); margin-bottom: 4px; }
.czania-mk-mbar__fill { width: 100%; background: var(--cz-bg-2); border-radius: 4px 4px 0 0; transition: height .3s ease; }
.czania-mk-mbar--now .czania-mk-mbar__fill { background: var(--cz-blue); }
.czania-mk-mbar--now .czania-mk-mbar__val { color: var(--cz-link); font-weight: 600; }
.czania-mk-mbar__label { margin-top: 8px; font-size: 11px; color: var(--cz-text-muted); font-family: var(--mk-mono); }
.czania-mk-mbar--now .czania-mk-mbar__label { color: var(--cz-text); font-weight: 600; }
.czania-mk-trends { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 16px; }
.czania-mk-trend { background: var(--cz-bg); border: 1px solid var(--cz-border); border-radius: var(--cz-radius); padding: 16px 18px; display: flex; flex-direction: column; gap: 3px; }
.czania-mk-trend__label { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--cz-text-muted); font-weight: 600; }
.czania-mk-trend__val { font-size: .95rem; font-weight: 600; color: var(--cz-link); }
.czania-mk-trend__sub { font-family: var(--mk-mono); font-size: 12px; color: var(--cz-text-2); }

/* Process + Specs */
.czania-mk-process-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.czania-mk-step { display: flex; gap: 16px; margin-bottom: 24px; }
.czania-mk-step__num {
    width: 36px; height: 36px;
    background: var(--cz-blue);
    color: var(--cz-on-primary);
    border-radius: 50%;
    font-size: .9rem;
    font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.czania-mk-step strong { display: block; font-size: .95rem; margin-bottom: 4px; }
.czania-mk-step p { font-size: .85rem; color: var(--cz-text-2); margin: 0; line-height: 1.5; }

.czania-mk-specs__table { width: 100%; border-collapse: collapse; }
.czania-mk-specs__table th,
.czania-mk-specs__table td { padding: 12px 14px; border-bottom: 1px solid var(--cz-border); font-size: .88rem; text-align: left; }
.czania-mk-specs__table th { color: var(--cz-text-2); font-weight: 500; width: 40%; }
.czania-mk-specs__table td { font-weight: 500; }
.czania-mk-specs__table tr:last-child th,
.czania-mk-specs__table tr:last-child td { border-bottom: none; }

/* Brand Safety */
.czania-mk-safety { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.czania-mk-safety-item { display: flex; gap: 14px; }
.czania-mk-safety-item__icon { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }
.czania-mk-safety-item strong { display: block; font-size: .9rem; margin-bottom: 4px; }
.czania-mk-safety-item p { font-size: .83rem; color: var(--cz-text-2); margin: 0; line-height: 1.5; }

/* FAQ */
.czania-mk-faq-wrap { max-width: 720px; margin: 0 auto; }
.czania-mk-faqs { display: flex; flex-direction: column; gap: 6px; }
.czania-mk-faq {
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius-sm);
    overflow: hidden;
}
.czania-mk-faq__q {
    padding: 15px 18px;
    font-size: .93rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.czania-mk-faq__q::after { content: '+'; font-size: 1.2rem; color: var(--cz-link); }
.czania-mk-faq[open] .czania-mk-faq__q::after { content: '−'; }
.czania-mk-faq__a { padding: 0 18px 15px; font-size: .87rem; color: var(--cz-text-2); margin: 0; line-height: 1.6; }

/* CTA */
.czania-mk-cta {
    background: linear-gradient(135deg, var(--cz-navy), var(--cz-navy-2));
    padding: 72px 0;
    text-align: center;
    color: var(--cz-on-dark);
}
.czania-mk-cta h2 { font-size: 1.8rem; font-weight: 700; margin: 0 0 12px; }
.czania-mk-cta p  { color: var(--cz-on-dark-2); margin: 0 0 28px; font-size: 1rem; }
.czania-mk-cta__contacts { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* Mobile sticky CTA — only shown once the rail's own CTA scrolls out of the flow */
.czania-mk-mcta { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--cz-bg); border-top: 1px solid var(--cz-border); padding: 10px 14px; box-shadow: 0 -8px 20px rgba(0,0,0,.08); }
.czania-mk-mcta a { display: block; text-align: center; background: var(--cz-blue); color: var(--cz-on-primary); padding: 12px; border-radius: var(--cz-radius-sm); font-size: .9rem; font-weight: 600; text-decoration: none; }

/* Responsive */
@media (max-width: 1024px) {
    .czania-mk-pillars        { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-placements     { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-events         { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-safety         { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-process-wrap   { grid-template-columns: 1fr; gap: 40px; }
    .czania-mk-mcta           { display: block; }
    .czania-mk               { padding-bottom: 64px; }
}
@media (max-width: 768px) {
    .czania-mk-audience        { grid-template-columns: 1fr; }
    .czania-mk-pillars         { grid-template-columns: 1fr; }
    .czania-mk-placements      { grid-template-columns: 1fr; }
    .czania-mk-events          { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-safety          { grid-template-columns: 1fr; }
    .czania-mk-hero__top       { flex-direction: column; }
    .czania-mk-hero__doc       { width: 100%; }
    /* 12 columns can't fit a phone screen legibly — scroll horizontally
       instead of squeezing bars/labels into illegible slivers. */
    .czania-mk-monthchart      { overflow-x: auto; }
    .czania-mk-monthchart__bars { width: 640px; }
}
@media (max-width: 480px) {
    .czania-mk-events          { grid-template-columns: 1fr; }
    .czania-mk-figs            { grid-template-columns: repeat(2, 1fr); }
    .czania-mk-fig:nth-child(2) { border-right: none; }
    .czania-mk-section         { padding: 48px 20px; }
    .czania-mk-hero            { padding: 40px 0 0; }
}

/* ---------------------------------------------------------------------------
   Branding page (page-branding.php) — reuses the .czania-mk-* shell/hero/
   section/button classes above (same page family, same audience). Only the
   genuinely new content types below get their own classes.
   --------------------------------------------------------------------------- */
.czania-brand-swatches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.czania-brand-swatch {
    display: flex; align-items: center; gap: 14px;
    padding: 14px; border: 1px solid var(--cz-border); border-radius: var(--cz-radius);
    background: var(--cz-bg); cursor: pointer; text-align: left; font-family: inherit;
    transition: box-shadow .15s, transform .15s;
}
.czania-brand-swatch:hover { box-shadow: var(--cz-shadow); transform: translateY(-1px); }
.czania-brand-swatch__chip { width: 40px; height: 40px; border-radius: var(--cz-radius-sm); flex-shrink: 0; border: 1px solid rgba(0,0,0,.08); }
.czania-brand-swatch__meta { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.czania-brand-swatch__meta strong { font-size: .84rem; font-weight: 600; color: var(--cz-text); }
.czania-brand-swatch__hex { font-size: .78rem; color: var(--cz-link); font-weight: 600; }
.czania-brand-swatch__role { font-size: .72rem; color: var(--cz-text-muted); }

.czania-brand-type { display: flex; align-items: center; gap: 20px; padding: 22px; border: 1px solid var(--cz-border); border-radius: var(--cz-radius); background: var(--cz-bg); margin-bottom: 18px; }
.czania-brand-type__glyph { font-size: 3rem; font-weight: 700; line-height: 1; color: var(--cz-link); }
.czania-brand-type__info { display: flex; flex-direction: column; gap: 4px; }
.czania-brand-type__info strong { font-size: 1rem; }
.czania-brand-type__info span { font-size: .78rem; color: var(--cz-text-muted); }
.czania-brand-type-weights { display: flex; flex-direction: column; gap: 10px; }
.czania-brand-type-weight { display: flex; align-items: baseline; gap: 18px; padding: 14px 18px; border: 1px solid var(--cz-border); border-radius: var(--cz-radius-sm); background: var(--cz-bg); flex-wrap: wrap; }
.czania-brand-type-weight__label { font-size: .78rem; color: var(--cz-text-muted); font-weight: 600; flex-shrink: 0; width: 130px; }
.czania-brand-type-weight__sample { font-size: 1.05rem; color: var(--cz-text); }

.czania-brand-logo-card { padding: 48px; border: 1px solid var(--cz-border); border-radius: var(--cz-radius); background: var(--cz-bg); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.czania-brand-logo-card img { max-width: 100%; height: auto; }

.czania-brand-dos-donts { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.czania-brand-dos-donts__col h3 { font-size: 1rem; margin: 0 0 14px; }
.czania-brand-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.czania-brand-list li { position: relative; padding-left: 26px; font-size: .88rem; color: var(--cz-text-2); line-height: 1.5; }
.czania-brand-list li::before { position: absolute; left: 0; top: 0; font-weight: 700; }
.czania-brand-list--yes li::before { content: "\2713"; color: var(--cz-green-text); }
.czania-brand-list--no li::before { content: "\2715"; color: var(--cz-red-text); }

.czania-brand-download { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; border: 1px solid var(--cz-border); border-radius: var(--cz-radius); background: var(--cz-bg); flex-wrap: wrap; }
.czania-brand-download__contents { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.czania-brand-download__contents li { font-size: .86rem; color: var(--cz-text-2); padding-left: 20px; position: relative; }
.czania-brand-download__contents li::before { content: "\2022"; position: absolute; left: 4px; color: var(--cz-link); }
.czania-brand-download .czania-mk-btn--primary { background: var(--cz-blue); color: var(--cz-on-primary); }

@media (max-width: 900px) {
    .czania-brand-swatches   { grid-template-columns: repeat(2, 1fr); }
    .czania-brand-dos-donts  { grid-template-columns: 1fr; }
    .czania-brand-download   { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
    .czania-brand-swatches   { grid-template-columns: 1fr; }
    .czania-brand-type       { flex-direction: column; text-align: center; }
    .czania-brand-type-weight__label { width: auto; }
}


/* Press page */
.czania-press-list { display: flex; flex-direction: column; gap: 16px; margin: 32px 0; }
.czania-press-item {
    background: var(--cz-bg);
    border: 1px solid var(--cz-border);
    border-radius: var(--cz-radius);
    padding: 20px 24px;
}
.czania-press-item__date { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--cz-link); margin-bottom: 8px; }
.czania-press-item__headline { font-size: 17px; font-weight: 700; color: var(--cz-text); margin: 0 0 6px; line-height: 1.4; }
.czania-press-item__desc { font-size: 14px; color: var(--cz-text-2); margin: 0 0 16px; line-height: 1.6; }
.czania-press-item__outlets { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 16px; border-top: 1px solid var(--cz-border); }
.czania-press-item__outlets-label { font-size: 12px; font-weight: 600; color: var(--cz-text-muted); }
.czania-press-outlet {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 16px;
    background: var(--cz-bg-2);
    border-radius: var(--cz-radius-sm);
    text-decoration: none;
    transition: background .15s, transform .15s;
}
.czania-press-outlet:hover { background: var(--cz-blue-lt); transform: translateY(-1px); }
.czania-press-outlet__name { font-size: 13px; font-weight: 600; color: var(--cz-text); }
.czania-press-outlet:hover .czania-press-outlet__name { color: var(--cz-link); }
.czania-press-outlet__logo { max-height: 28px; max-width: 130px; width: auto; height: auto; object-fit: contain; }
.czania-press-contact-note { font-size: 14px; color: var(--cz-text-2); margin-top: 32px; }
.czania-press-contact-note a { color: var(--cz-link); font-weight: 600; }
/* Editorial TOC */
.czania-editorial-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 28px; padding: 0; list-style: none; }
.czania-editorial-toc a {
    display: inline-block; padding: 6px 14px;
    background: var(--cz-blue-lt); color: var(--cz-link);
    border: 1px solid var(--cz-blue-line); border-radius: 20px;
    font-size: 13px; font-weight: 600; text-decoration: none;
    transition: background .15s, color .15s;
}
.czania-editorial-toc a:hover { background: var(--cz-blue); color: var(--cz-on-primary); border-color: var(--cz-blue); }

/* Editorial section groups */
.czania-editorial-group { position: relative; margin-top: 52px; padding-top: 32px; border-top: 2px solid var(--cz-border); }
.czania-editorial-group::before {
    content: attr(data-label);
    position: absolute; top: -11px; left: 0;
    background: var(--cz-surface); padding-right: 12px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--cz-text-muted);
}
.czania-editorial-group h2:first-of-type { margin-top: 0; }

/* Do Not Publish card */
.czania-do-not-pub { display: flex; flex-direction: column; gap: 10px; margin: 16px 0 28px; padding: 20px 24px; background: var(--cz-red-lt); border: 1px solid rgba(var(--cz-red-rgb), .25); border-radius: var(--cz-radius); }
.czania-do-not-pub__item { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--cz-text-2); line-height: 1.5; }
.czania-do-not-pub__icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-width: 20px; background: #fee2e2; color: var(--cz-red-text); border-radius: 50%; font-size: 11px; font-weight: 700; margin-top: 2px; }

/* Team category cards */
.czania-team-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0 28px; }
.czania-team-card { background: var(--cz-bg-2); border: 1px solid var(--cz-border); border-radius: var(--cz-radius); padding: 20px; }
.czania-team-card__label { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--cz-link); margin-bottom: 6px; }
.czania-team-card__title { display: block; font-size: 15px; font-weight: 700; color: var(--cz-text); margin-bottom: 10px; }
.czania-team-card__body { font-size: 13px; color: var(--cz-text-2); line-height: 1.65; margin: 0; }
@media (max-width: 600px) {
    .czania-team-cards { grid-template-columns: 1fr; }
    .czania-editorial-toc a { font-size: 12px; padding: 5px 11px; }
}

.czania-author-card__reviewed { font-size: 12px; color: var(--cz-text-muted); margin: 0 0 10px; }

/* Editorial stats bar */
.czania-editorial-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 28px 0 36px; }
.czania-editorial-stats__item { background: var(--cz-blue-lt); border-radius: var(--cz-radius); padding: 20px 16px; text-align: center; }
.czania-editorial-stats__number { display: block; font-size: 28px; font-weight: 700; color: var(--cz-link); line-height: 1.1; margin-bottom: 6px; }
.czania-editorial-stats__label { display: block; font-size: 12px; color: var(--cz-text-2); line-height: 1.4; }
@media (max-width: 640px) { .czania-editorial-stats { grid-template-columns: repeat(2, 1fr); } }

/* Verification step cards */
.czania-verify-steps { display: flex; flex-direction: column; gap: 12px; margin: 20px 0 28px; }
.czania-verify-steps__item { display: flex; gap: 16px; align-items: flex-start; background: var(--cz-bg-2); border: 1px solid var(--cz-border); border-radius: var(--cz-radius-sm); padding: 16px 20px; }
.czania-verify-steps__num { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; background: var(--cz-blue); color: var(--cz-on-primary); border-radius: 50%; font-size: 14px; font-weight: 700; }
.czania-verify-steps__item strong { display: block; font-size: 14px; font-weight: 700; margin-bottom: 4px; color: var(--cz-text); }
.czania-verify-steps__item p { margin: 0; font-size: 14px; color: var(--cz-text-2); line-height: 1.55; }

/* Author card */
.czania-author-card { display: flex; gap: 20px; align-items: flex-start; background: var(--cz-bg-2); border: 1px solid var(--cz-border); border-radius: var(--cz-radius); padding: 24px; margin: 24px 0 32px; }
.czania-author-card__photo { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--cz-border); }
.czania-author-card__name { display: block; font-size: 16px; font-weight: 700; color: var(--cz-text); margin-bottom: 2px; }
.czania-author-card__title { display: block; font-size: 13px; color: var(--cz-text-muted); margin-bottom: 10px; }
.czania-author-card__bio { font-size: 14px; color: var(--cz-text-2); line-height: 1.65; margin: 0 0 14px; }
.czania-author-card__links { display: flex; gap: 14px; flex-wrap: wrap; }
.czania-author-card__links a { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--cz-link); text-decoration: none; }
.czania-author-card__links a:hover { text-decoration: underline; }
.czania-eeat__link { color: inherit; text-decoration: none; border-bottom: 1px dotted currentColor; }
.czania-eeat__link:hover { border-bottom-style: solid; }
@media (max-width: 520px) {
    .czania-author-card { flex-direction: column; align-items: center; text-align: center; }
    .czania-author-card__links { justify-content: center; }
}

/* Author card — featured variant (larger photo) */
.czania-author-card--featured .czania-author-card__photo { width: 100px; height: 100px; }

/* Expertise tags */
.czania-expertise-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 14px; }
.czania-expertise-tag { display: inline-block; padding: 3px 10px; background: var(--cz-blue-lt); color: var(--cz-link); border-radius: 20px; font-size: 12px; font-weight: 500; }

/* Editorial note */
.czania-editorial-note { font-size: 13px; color: var(--cz-text-2); border-left: 3px solid var(--cz-border); padding-left: 14px; margin: 20px 0 0; }

/* Stats bar — 3-column layout for 6 stats */
.czania-editorial-stats { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 640px) { .czania-editorial-stats { grid-template-columns: repeat(2, 1fr); } }

/* Affiliate network credentials grid */
.czania-network-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 20px 0 24px; }
.czania-network-card { background: var(--cz-bg-2); border: 1px solid var(--cz-border); border-radius: var(--cz-radius); padding: 18px; }
.czania-network-card__name { display: block; font-size: 15px; font-weight: 700; color: var(--cz-text); margin-bottom: 6px; }
.czania-network-card__tag { display: inline-block; padding: 2px 8px; background: var(--cz-green-lt); color: var(--cz-green-text); border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; }
.czania-network-card__desc { font-size: 13px; color: var(--cz-text-2); line-height: 1.55; margin: 0; }
@media (max-width: 700px) { .czania-network-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .czania-network-grid { grid-template-columns: 1fr; } }

/* Additional networks compact list */
.czania-network-more { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 24px; }
.czania-network-more__tag { display: inline-block; padding: 5px 12px; background: var(--cz-surface); border: 1px solid var(--cz-blue-line); border-radius: 20px; font-size: 12px; font-weight: 600; color: var(--cz-text-2); }

/* Credentials callout box */
.czania-credentials-callout { background: var(--cz-blue-lt); border-left: 4px solid var(--cz-blue); border-radius: var(--cz-radius-sm); padding: 16px 20px; margin: 4px 0 0; font-size: 14px; color: var(--cz-text-2); line-height: 1.65; }

.czania-credentials-callout strong { color: var(--cz-link); }

/* How to Use a Coupon: the key to the coloured offer labels (chip styles come from czania.css) */
.czania-page-content .czania-label-key { list-style: none; padding: 0; margin: 12px 0 28px; display: grid; gap: 10px; }
.czania-page-content .czania-label-key__item { margin: 0; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; align-items: baseline; font-size: 15px; }
.czania-label-key__item > .czania-deal__label { justify-self: start; }
@media (max-width: 520px) { .czania-page-content .czania-label-key__item { grid-template-columns: 1fr; gap: 4px; } }