/* =========================================================
   MUSTA KA PINOY - REFACTORED COMPLETE CSS
   Updated: 2026-04-28
   Notes:
   - Advertise template now uses mkp-ads-template-main/content.
   - Removed legacy mkp-ads-template wrapper rules.
   - Removed superseded duplicate footer, community-life, and old CF7 spacing blocks.
   ========================================================= */

:root {
    --mkp-ivory: #fffdf8;
    --mkp-cream: #faf7f0;
    --mkp-soft-blue: #edf6ff;
    --mkp-soft-green: #eef8f0;
    --mkp-soft-gold: #fff6da;
    --mkp-blue: #1d4ed8;
    --mkp-blue-soft: #60a5fa;
    --mkp-blue-deep: #163b8c;
    --mkp-red: #dc2626;
    --mkp-red-soft: #ef4444;
    --mkp-gold: #eab308;
    --mkp-gold-soft: #facc15;
    --mkp-navy: #0f172a;
    --mkp-ink: #142033;
    --mkp-text: #334155;
    --mkp-muted: #64748b;
    --mkp-line: rgba(15, 23, 42, .08);
    --mkp-line-strong: rgba(15, 23, 42, .14);
    --mkp-white: #ffffff;
    --mkp-shadow-soft: 0 18px 40px rgba(15, 23, 42, .06);
    --mkp-shadow-medium: 0 24px 60px rgba(15, 23, 42, .08);
    --mkp-shadow-strong: 0 30px 70px rgba(15, 23, 42, .10);
}

html,
body {
    overflow-x: hidden;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

body:has(.mkp-home),
body:has(.mkp-homepage-template) {
    overflow-x: hidden;
}

body:has(.mkp-home) .wp-site-blocks,
body:has(.mkp-homepage-template) .wp-site-blocks {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body:has(.mkp-home) main,
body:has(.mkp-homepage-template) main,
body .mkp-homepage-template {
    width: 100vw;
    max-width: 100vw;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
}

body:has(.mkp-home) .wp-block-post-title {
    display: none !important;
}

body:has(.mkp-home) main > *:first-child,
body:has(.mkp-homepage-template) main > *:first-child,
body .mkp-homepage-template > .wp-block-post-content,
body .mkp-homepage-template .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body:has(.mkp-home) header,
body:has(.mkp-homepage-template) header,
body .wp-site-blocks > header {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .05);
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(10px);
}

body:has(.mkp-home) header .wp-block-group,
body:has(.mkp-homepage-template) header .wp-block-group {
    padding-bottom: 5px !important;
}

body .wp-site-blocks > header a {
    color: var(--mkp-ink);
}

.mkp-home {
    width: 100vw;
    max-width: 100vw;
    margin-top: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
    overflow-x: hidden;
}

.mkp-home a {
    text-decoration: none;
}

.mkp-home > .wp-block-group,
.mkp-home > .wp-block-cover,
.mkp-home > .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.mkp-section,
.mkp-ad-strip,
.mkp-trending-row,
.mkp-story-cta,
.mkp-hero-wall,
.mkp-about-teaser,
.mkp-social-section {
    padding-left: clamp(20px, 5vw, 84px);
    padding-right: clamp(20px, 5vw, 84px);
}

.mkp-featured-section > *,
.mkp-latest-section > *,
.mkp-issue-section > *,
.mkp-spotlight-section > *,
.mkp-media-section > *,
.mkp-advertise-section > *,
.mkp-about-teaser > *,
.mkp-social-section > *,
.mkp-hero-wall > *,
.mkp-story-cta > *,
.mkp-trending-row > *,
.mkp-ad-strip > * {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.mkp-section {
    padding-top: clamp(72px, 8vw, 118px);
    padding-bottom: clamp(72px, 8vw, 118px);
}

.mkp-eyebrow,
.mkp-eyebrow-dark,
.mkp-eyebrow-light {
    margin-bottom: 14px;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-eyebrow {
    color: var(--mkp-blue-deep);
}

.mkp-eyebrow-dark {
    color: var(--mkp-red);
}

.mkp-eyebrow-light {
    color: var(--mkp-gold);
}

.mkp-section-title {
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(2.3rem, 5vw, 4.6rem);
    line-height: .96;
    letter-spacing: -0.05em;
    font-weight: 700;
}

.mkp-section-intro {
    max-width: 760px;
    margin: 0 auto 44px;
    color: var(--mkp-text);
    font-size: 1.08rem;
    line-height: 1.8;
}

.mkp-body-large {
    font-size: clamp(1.05rem, 1.6vw, 1.22rem);
    line-height: 1.85;
    color: var(--mkp-text);
}

.mkp-meta {
    color: var(--mkp-muted);
    font-size: .92rem;
    font-weight: 700;
}

.mkp-hero {
    position: relative;
    overflow: hidden;
    min-height: 700px;
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(250, 204, 21, .24), transparent 24%),
        radial-gradient(circle at 86% 14%, rgba(96, 165, 250, .18), transparent 28%),
        radial-gradient(circle at 78% 82%, rgba(29, 78, 216, .08), transparent 30%),
        linear-gradient(135deg, #fffefb 0%, #f7fbff 42%, #faf7f0 100%);
    color: var(--mkp-ink);
    border-bottom: 1px solid rgba(15, 23, 42, .05);
}

.mkp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(15, 23, 42, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .15;
}

.mkp-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -140px;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(29,78,216,.10), rgba(220,38,38,.06));
    filter: blur(6px);
}

.mkp-hero .wp-block-cover__background {
    display: none !important;
}

.mkp-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 52px 20px;
}

.mkp-hero-title {
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(3.6rem, 9vw, 8.4rem);
    line-height: .88;
    letter-spacing: -0.065em;
    font-weight: 700;
}

.mkp-hero-subtitle {
    max-width: 820px;
    margin-inline: auto;
    color: #1f3557;
    font-size: clamp(1.35rem, 3vw, 2.3rem);
    font-weight: 600;
    line-height: 1.2;
}

.mkp-hero-copy {
    max-width: 780px;
    margin-inline: auto;
    color: var(--mkp-text);
    font-size: clamp(1rem, 1.7vw, 1.14rem);
    line-height: 1.85;
}

.mkp-global-cue {
    max-width: 760px;
    margin: 18px auto 0;
    color: var(--mkp-blue-deep);
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.mkp-hero-buttons {
    margin-top: 34px;
}

.mkp-btn-primary .wp-block-button__link,
.mkp-btn-light .wp-block-button__link,
.mkp-btn-outline .wp-block-button__link,
.mkp-btn-light-outline .wp-block-button__link,
.mkp-btn-outline-dark .wp-block-button__link {
    border-radius: 999px;
    padding: 14px 26px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.mkp-btn-primary .wp-block-button__link {
    background: var(--mkp-blue);
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(29, 78, 216, .18);
}

.mkp-btn-primary .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: var(--mkp-blue-deep);
    color: #ffffff;
    box-shadow: 0 22px 44px rgba(29, 78, 216, .24);
}

.mkp-btn-light .wp-block-button__link {
    background: #ffffff;
    color: var(--mkp-navy);
    border: 1px solid rgba(15, 23, 42, .08);
}

.mkp-btn-light .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-btn-outline .wp-block-button__link {
    border: 1.5px solid rgba(29, 78, 216, .24);
    color: var(--mkp-blue-deep);
    background: rgba(255,255,255,.72);
}

.mkp-btn-light-outline .wp-block-button__link {
    border: 1.5px solid rgba(15, 23, 42, .14);
    color: var(--mkp-navy);
    background: rgba(255,255,255,.35);
}

.mkp-btn-outline-dark .wp-block-button__link {
    border: 1.5px solid rgba(220, 38, 38, .22);
    color: var(--mkp-red);
    background: rgba(255,255,255,.72);
}

.mkp-featured-section {
    background: var(--mkp-ivory);
}

.mkp-featured-grid {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
    align-items: center;
    gap: clamp(34px, 6vw, 82px);
}

.mkp-featured-grid > .wp-block-column {
    flex-basis: auto !important;
    width: 100%;
}

.mkp-image-placeholder {
    min-height: 500px;
    display: grid;
    place-items: center;
    border-radius: 34px;
    border: 1px solid rgba(15, 23, 42, .06);
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.82), transparent 22%),
        linear-gradient(140deg, #edf6ff, #eef8f0 55%, #fff6da 100%);
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-image-label {
    color: rgba(20,32,51,.62);
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mkp-ad-strip {
    padding-top: 22px;
    padding-bottom: 22px;
    background: #fffdf7;
    border-top: 1px solid rgba(15, 23, 42, .06);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
    color: var(--mkp-muted);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mkp-latest-section {
    width: 100vw;
    max-width: 100vw;
    background: #ffffff;
}

.mkp-latest-section > .mkp-eyebrow-dark,
.mkp-latest-section > .mkp-section-title,
.mkp-latest-section > .mkp-section-intro,
.mkp-latest-section > .mkp-query,
.mkp-latest-section > .mkp-latest-buttons {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.mkp-latest-section .mkp-query {
    display: block;
    width: 100% !important;
    max-width: 1320px !important;
}

.mkp-latest-section .wp-block-post-template,
.mkp-latest-section ul.wp-block-post-template,
.mkp-latest-section .mkp-query .wp-block-post-template,
.mkp-latest-section .mkp-query ul.wp-block-post-template {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none !important;
}

.mkp-latest-section .wp-block-post-template > li,
.mkp-latest-section ul.wp-block-post-template > li,
.mkp-latest-section .wp-block-post,
.mkp-latest-section li.wp-block-post {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.mkp-latest-section .mkp-post-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.mkp-latest-section .mkp-post-card * {
    max-width: 100%;
}

.mkp-post-card {
    height: 100%;
    padding: 18px;
    border: 1px solid var(--mkp-line);
    border-radius: 26px;
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mkp-post-card:hover {
    transform: translateY(-5px);
    border-color: rgba(29, 78, 216, .12);
    box-shadow: var(--mkp-shadow-medium);
}

.mkp-post-image img {
    width: 100%;
    border-radius: 20px;
}

.mkp-post-category {
    margin-top: 16px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mkp-post-category a {
    color: var(--mkp-red);
}

.mkp-post-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.38rem;
    line-height: 1.18;
    font-weight: 700;
}

.mkp-post-title a {
    color: var(--mkp-navy);
}

.mkp-post-excerpt {
    color: var(--mkp-text);
    line-height: 1.72;
}

.mkp-post-excerpt a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
}

.mkp-latest-buttons {
    margin-top: 44px;
}

.mkp-trending-row {
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(90deg, #f6faff, #fffef8, #f6fbf7);
    color: var(--mkp-navy);
    border-top: 1px solid rgba(15, 23, 42, .05);
    border-bottom: 1px solid rgba(15, 23, 42, .05);
}

.mkp-trending-label {
    margin-bottom: 8px;
    color: var(--mkp-blue-deep);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-trending-links {
    margin-top: 0;
    margin-bottom: 0;
    font-size: clamp(.95rem, 1.7vw, 1.06rem);
    font-weight: 700;
    line-height: 1.85;
}

.mkp-trending-links a {
    color: var(--mkp-red);
    text-decoration: none;
}

.mkp-trending-links a:hover {
    color: var(--mkp-blue-deep);
}

.mkp-trending-links span {
    display: inline-block;
    margin: 0 10px;
    color: rgba(15,23,42,.28);
}

.mkp-story-cta {
    padding-top: clamp(74px, 9vw, 124px);
    padding-bottom: clamp(74px, 9vw, 124px);
    background:
        radial-gradient(circle at 14% 18%, rgba(255,255,255,.78), transparent 24%),
        radial-gradient(circle at 84% 20%, rgba(234,179,8,.14), transparent 24%),
        linear-gradient(135deg, #f7fbff, #f5faf6 54%, #fffaf0);
    color: var(--mkp-navy);
    border-top: 1px solid rgba(15, 23, 42, .05);
    border-bottom: 1px solid rgba(15, 23, 42, .05);
}

.mkp-cta-title {
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(2.6rem, 6vw, 5.2rem);
    line-height: .97;
    letter-spacing: -0.055em;
    font-weight: 700;
}

.mkp-cta-copy {
    max-width: 760px;
    margin-inline: auto;
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 2vw, 1.24rem);
    line-height: 1.8;
}

.mkp-quote {
    margin-top: 26px;
    margin-bottom: 28px;
    color: var(--mkp-red);
    font-size: clamp(1.28rem, 3vw, 2rem);
    font-weight: 700;
    font-style: italic;
    line-height: 1.45;
}

.mkp-contact-line {
    margin-top: 24px;
    color: var(--mkp-blue-deep);
    font-weight: 700;
}

.mkp-contact-line a {
    color: var(--mkp-blue-deep);
    text-decoration: underline;
}

.mkp-issue-section {
    background: var(--mkp-cream);
}

.mkp-issue-layout {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    gap: clamp(30px, 6vw, 72px);
}

.mkp-magazine-cover {
    min-height: 560px;
    display: grid;
    place-items: center;
    border-radius: 30px;
    border: 1px solid rgba(15, 23, 42, .06);
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.78), transparent 22%),
        linear-gradient(160deg, #eaf3ff 0%, #eef8f0 46%, #fff3cf 80%, rgba(220,38,38,.10) 100%);
    color: var(--mkp-navy);
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-magazine-cover span {
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 900;
    line-height: .94;
    letter-spacing: -0.05em;
    text-align: center;
    text-transform: uppercase;
}

.mkp-check-list {
    margin: 22px 0 28px;
    padding-left: 1.2em;
    line-height: 1.95;
    color: var(--mkp-text);
}

.mkp-spotlight-section {
    background: #ffffff;
}

.mkp-card-grid {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.mkp-card-grid > .wp-block-column {
    flex-basis: auto !important;
    width: 100%;
}

.mkp-category-card {
    min-height: 300px;
    padding: 28px;
    border-radius: 28px;
    border: 1px solid var(--mkp-line);
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mkp-category-card:hover {
    transform: translateY(-5px);
    border-color: rgba(29, 78, 216, .12);
    box-shadow: var(--mkp-shadow-medium);
}

.mkp-card-icon {
    margin: 0 0 12px;
    font-size: 2.5rem;
}

.mkp-category-card h3 {
    margin-bottom: 10px;
    color: var(--mkp-navy);
    font-size: 1.42rem;
    line-height: 1.18;
}

.mkp-category-card p {
    color: var(--mkp-text);
    line-height: 1.72;
}

.mkp-card-link {
    margin-top: 20px;
    font-weight: 900;
}

.mkp-card-link a {
    color: var(--mkp-blue-deep);
}

.mkp-card-food {
    background: linear-gradient(180deg, #fffefb, #fff7e3);
}

.mkp-card-finds {
    background: linear-gradient(180deg, #fffefb, #f2f8ff);
}

.mkp-card-bulletin {
    background: linear-gradient(180deg, #fffefb, #f2f9f2);
}

.mkp-card-fashion {
    background: linear-gradient(180deg, #fffefb, #fff3f3);
}

.mkp-media-section {
    background: var(--mkp-ivory);
}

.mkp-media-grid {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
    align-items: stretch;
    gap: 24px;
    margin-bottom: 34px;
}

.mkp-media-grid > .wp-block-column {
    flex-basis: auto !important;
    width: 100%;
}

.mkp-video-feature {
    min-height: 460px;
    display: grid;
    align-content: center;
    padding: 40px;
    border-radius: 32px;
    border: 1px solid rgba(15, 23, 42, .06);
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 24%),
        linear-gradient(135deg, #eef6ff, #eef8f0 64%, #fff6da);
    color: var(--mkp-navy);
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-play-icon {
    width: 88px;
    height: 88px;
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--mkp-red);
    font-size: 2rem;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
}

.mkp-small-media-card {
    padding: 28px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid var(--mkp-line);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-small-media-card + .mkp-small-media-card {
    margin-top: 20px;
}

.mkp-small-media-card h3 {
    margin-top: 0;
    color: var(--mkp-navy);
}

.mkp-small-media-card p {
    color: var(--mkp-muted);
}

.mkp-hero-wall {
    padding-top: clamp(76px, 9vw, 126px);
    padding-bottom: clamp(76px, 9vw, 126px);
    background:
        radial-gradient(circle at 16% 20%, rgba(255,255,255,.72), transparent 22%),
        radial-gradient(circle at 84% 18%, rgba(234,179,8,.16), transparent 24%),
        linear-gradient(135deg, #f4f9ff, #f5fbf6);
    color: var(--mkp-navy);
    border-top: 1px solid rgba(15, 23, 42, .05);
    border-bottom: 1px solid rgba(15, 23, 42, .05);
}

.mkp-wall-title {
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(2.4rem, 6vw, 5rem);
    line-height: .98;
    letter-spacing: -0.05em;
    font-weight: 700;
}

.mkp-wall-copy {
    max-width: 760px;
    margin-inline: auto;
    margin-bottom: 44px;
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 2vw, 1.24rem);
    line-height: 1.82;
}

.mkp-people-grid {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 36px;
}

.mkp-people-grid > .wp-block-column {
    flex-basis: auto !important;
    width: 100%;
}

.mkp-person-card {
    min-height: 250px;
    padding: 26px;
    border-radius: 28px;
    background: rgba(255,255,255,.85);
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: var(--mkp-shadow-soft);
    backdrop-filter: blur(8px);
}

.mkp-person-avatar {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f2f8ff, #f6fbf7);
    font-size: 2.2rem;
}

.mkp-person-card h3 {
    margin-bottom: 8px;
    color: var(--mkp-navy);
    font-size: 1.18rem;
}

.mkp-person-card p {
    color: var(--mkp-text);
}

.mkp-advertise-section {
    background: var(--mkp-cream);
}

.mkp-ad-options {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
    margin-bottom: 34px;
}

.mkp-ad-options > .wp-block-column {
    flex-basis: auto !important;
    width: 100%;
}

.mkp-ad-option {
    padding: 28px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-ad-option h3 {
    margin-top: 0;
    color: var(--mkp-navy);
}

.mkp-ad-option p {
    color: var(--mkp-muted);
}

.mkp-about-teaser {
    padding-top: clamp(66px, 8vw, 104px);
    padding-bottom: clamp(66px, 8vw, 104px);
    background:
        radial-gradient(circle at top left, rgba(29,78,216,.06), transparent 24%),
        radial-gradient(circle at bottom right, rgba(234,179,8,.08), transparent 18%),
        linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
}

.mkp-social-section {
    padding-top: clamp(66px, 8vw, 104px);
    padding-bottom: clamp(66px, 8vw, 104px);
    background: #ffffff;
}

.mkp-social-buttons .wp-block-button__link,
.mkp-social-btn .wp-block-button__link {
    border-radius: 999px;
    background: var(--mkp-blue);
    color: #ffffff;
    font-weight: 800;
}

.mkp-social-buttons .wp-block-button__link:hover,
.mkp-social-btn .wp-block-button__link:hover {
    background: var(--mkp-blue-deep);
}

/* =========================================================
   DEFAULT SINGLE POST - PREMIUM MAGAZINE ARTICLE
   Use with template classes: mkp-single-*
   ========================================================= */

.mkp-single-shell {
    width: 100%;
    max-width: 100vw;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

.mkp-single-main-column {
    min-width: 0;
}

.mkp-single-post {
    overflow-x: hidden;
    background: var(--mkp-ivory);
}

.mkp-single-header {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-top: clamp(28px, 4vw, 54px);
    padding-bottom: clamp(28px, 4vw, 54px);
}

.mkp-single-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(234, 179, 8, .16), transparent 25%),
        radial-gradient(circle at 88% 14%, rgba(29, 78, 216, .10), transparent 28%),
        linear-gradient(135deg, #fffefb 0%, #f7fbff 48%, #faf7f0 100%);
    border-radius: 0 0 34px 34px;
}

.mkp-single-header > * {
    position: relative;
    z-index: 1;
}

.mkp-single-category {
    margin-bottom: 16px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .18em;
    line-height: 1.6;
    text-transform: uppercase;
}

.mkp-single-category a {
    color: var(--mkp-red);
    text-decoration: none;
}

.mkp-single-title-row {
    gap: 20px;
    align-items: flex-start;
}

.mkp-single-title {
    max-width: 980px;
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(3rem, 7vw, 6.6rem) !important;
    font-weight: 700;
    line-height: .9;
    letter-spacing: -0.065em;
}

.mkp-single-date {
    min-width: 120px;
    margin-top: 10px;
    color: var(--mkp-muted) !important;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mkp-single-date a {
    color: var(--mkp-muted) !important;
    text-decoration: none;
}

.mkp-single-excerpt {
    max-width: 760px;
    margin-top: 8px;
    color: var(--mkp-text);
    font-size: clamp(1.08rem, 2vw, 1.32rem);
    line-height: 1.75;
}

.mkp-single-excerpt p {
    margin: 0;
}

.mkp-single-featured-image {
    margin-top: clamp(26px, 4vw, 48px);
    margin-bottom: 0;
}

.mkp-single-featured-image img {
    width: 100%;
    border-radius: 34px;
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-single-body-wrap {
    padding-top: clamp(26px, 4vw, 46px);
}

.mkp-single-meta-bar {
    gap: 16px 24px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    color: var(--mkp-muted);
}

.mkp-single-author {
    gap: 10px;
}

.mkp-single-author img {
    box-shadow: 0 10px 22px rgba(15, 23, 42, .10);
}

.mkp-single-author a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
    text-decoration: none;
}

.mkp-single-tags {
    color: var(--mkp-muted);
}

.mkp-single-tags a {
    display: inline-flex;
    margin: 2px 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(29, 78, 216, .07);
    color: var(--mkp-blue-deep);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.mkp-single-ad-strip {
    margin-top: 28px;
}

.mkp-single-ad-strip p {
    margin: 0;
    padding: 18px 24px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: #fffdf7;
    color: var(--mkp-muted);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-single-content-grid {
    align-items: flex-start;
}

.mkp-single-article-column {
    min-width: 0;
}

.mkp-single-content {
    max-width: 780px;
}

.mkp-single-content > *:first-child {
    margin-top: 0;
}

.mkp-single-content p {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-single-content h2 {
    margin-top: 2.2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-single-content h3 {
    margin-top: 2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.mkp-single-content a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mkp-single-content ul,
.mkp-single-content ol {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-single-content blockquote {
    margin: 42px 0;
    padding: 28px 32px;
    border-left: 5px solid var(--mkp-gold);
    border-radius: 0 24px 24px 0;
    background: linear-gradient(135deg, #fffefb, #fff6da);
    color: var(--mkp-navy);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-single-content blockquote p {
    color: var(--mkp-navy);
    font-size: clamp(1.3rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.45;
}

.mkp-single-content figure {
    margin-top: 38px;
    margin-bottom: 38px;
}

.mkp-single-content img {
    border-radius: 26px;
}

.mkp-single-content figcaption {
    margin-top: 12px;
    color: var(--mkp-muted);
    font-size: .9rem;
    text-align: center;
}

.mkp-single-sidebar-column {
    position: sticky;
    top: 28px;
    min-width: 0;
}

.mkp-single-sidebar-card {
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-single-sidebar-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--mkp-navy);
    font-size: 1.35rem;
    line-height: 1.15;
}

.mkp-single-sidebar-card p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-single-story-card {
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .78), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0);
}

.mkp-single-ad-card {
    min-height: 250px;
    display: grid;
    align-content: center;
    border-style: dashed;
    background: #fffdf7;
}

.mkp-single-ad-card p:first-child {
    margin-bottom: 4px;
    color: var(--mkp-blue-deep);
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-single-sidebar-button .wp-block-button__link {
    border-radius: 999px;
    padding: 12px 20px;
    background: var(--mkp-blue);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 16px 32px rgba(29, 78, 216, .18);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.mkp-single-sidebar-button .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: var(--mkp-blue-deep);
    box-shadow: 0 20px 40px rgba(29, 78, 216, .24);
}

.mkp-single-post-nav {
    gap: 20px;
    padding-left: 0;
    padding-right: var(--wp--preset--spacing--50);
    background: linear-gradient(90deg, #f6faff, #fffef8, #f6fbf7);
}

.mkp-single-post-nav a {
    display: inline-flex;
    align-items: center;
    max-width: 520px;
    padding: 18px 22px;
    border: 1px solid var(--mkp-line);
    border-radius: 22px;
    background: #ffffff;
    color: var(--mkp-navy);
    font-weight: 800;
    text-decoration: none;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mkp-single-post-nav a:hover {
    transform: translateY(-3px);
    box-shadow: var(--mkp-shadow-medium);
}

/* =========================================================
   COMMUNITY LIFE SINGLE POST TEMPLATE
   Use with template classes: mkp-community-single-*
   ========================================================= */

.mkp-community-single-shell {
    width: 100%;
    max-width: 100vw;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

.mkp-community-single-main-column {
    min-width: 0;
}

.mkp-community-single-post {
    overflow-x: hidden;
    background: var(--mkp-ivory);
}

.mkp-community-single-header {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-top: clamp(28px, 4vw, 54px);
    padding-bottom: clamp(28px, 4vw, 54px);
}

.mkp-community-single-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(234, 179, 8, .16), transparent 25%),
        radial-gradient(circle at 86% 14%, rgba(29, 78, 216, .10), transparent 28%),
        radial-gradient(circle at 72% 88%, rgba(22, 101, 52, .08), transparent 24%),
        linear-gradient(135deg, #fffefb 0%, #f7fbff 46%, #f8fcf8 100%);
    border-radius: 0 0 34px 34px;
}

.mkp-community-single-header::after {
    content: "";
    position: absolute;
    right: -130px;
    bottom: -150px;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(234,179,8,.12), rgba(29,78,216,.08));
    filter: blur(8px);
    pointer-events: none;
}

.mkp-community-single-header > * {
    position: relative;
    z-index: 1;
}

.mkp-community-single-kicker {
    display: inline-flex;
    margin: 0 0 14px;
    padding: 8px 13px;
    border: 1px solid rgba(29, 78, 216, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: var(--mkp-blue-deep);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.mkp-community-single-category {
    margin-bottom: 16px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .18em;
    line-height: 1.6;
    text-transform: uppercase;
}

.mkp-community-single-category a {
    color: var(--mkp-red);
    text-decoration: none;
}

.mkp-community-single-title-row {
    gap: 20px;
    align-items: flex-start;
}

.mkp-community-single-title {
    max-width: 980px;
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--mkp-navy);
    font-size: clamp(3rem, 7vw, 6.4rem) !important;
    font-weight: 700;
    line-height: .9;
    letter-spacing: -0.065em;
}

.mkp-community-single-date {
    min-width: 120px;
    margin-top: 10px;
    color: var(--mkp-muted) !important;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mkp-community-single-date a {
    color: var(--mkp-muted) !important;
    text-decoration: none;
}

.mkp-community-single-excerpt {
    max-width: 760px;
    margin-top: 8px;
    color: var(--mkp-text);
    font-size: clamp(1.08rem, 2vw, 1.32rem);
    line-height: 1.75;
}

.mkp-community-single-excerpt p {
    margin: 0;
}

.mkp-community-single-featured-image {
    margin-top: clamp(26px, 4vw, 48px);
    margin-bottom: 0;
}

.mkp-community-single-featured-image img {
    width: 100%;
    border-radius: 34px;
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-community-single-body-wrap {
    padding-top: clamp(26px, 4vw, 46px);
}

.mkp-community-single-meta-bar {
    gap: 16px 24px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    color: var(--mkp-muted);
}

.mkp-community-single-author {
    gap: 10px;
}

.mkp-community-single-author img {
    box-shadow: 0 10px 22px rgba(15, 23, 42, .10);
}

.mkp-community-single-author a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
    text-decoration: none;
}

.mkp-community-single-tags {
    color: var(--mkp-muted);
}

.mkp-community-single-tags a {
    display: inline-flex;
    margin: 2px 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(29, 78, 216, .07);
    color: var(--mkp-blue-deep);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.mkp-community-single-message-strip {
    margin-top: 28px;
}

.mkp-community-single-message-strip p {
    margin: 0;
    padding: 18px 24px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background:
        linear-gradient(90deg, #fffdf7, #f7fbff, #f8fcf8);
    color: var(--mkp-muted);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.mkp-community-single-content-grid {
    align-items: flex-start;
}

.mkp-community-single-article-column {
    min-width: 0;
}

.mkp-community-single-intro-card {
    max-width: 820px;
    margin-bottom: 34px;
    padding: 26px 30px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 28px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.78), transparent 24%),
        linear-gradient(135deg, #fffefb 0%, #fff8e8 48%, #f7fbff 100%);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-community-single-card-label {
    margin: 0 0 10px;
    color: var(--mkp-blue-deep);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-community-single-intro-card p:not(.mkp-community-single-card-label) {
    margin-bottom: 0;
    color: var(--mkp-text);
    font-size: 1.04rem;
    line-height: 1.75;
}

.mkp-community-single-content {
    max-width: 820px;
}

.mkp-community-single-content > *:first-child {
    margin-top: 0;
}

.mkp-community-single-content p {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-community-single-content h2 {
    margin-top: 2.2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-community-single-content h3 {
    margin-top: 2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.mkp-community-single-content a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mkp-community-single-content ul,
.mkp-community-single-content ol {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-community-single-content blockquote {
    margin: 42px 0;
    padding: 28px 32px;
    border-left: 5px solid var(--mkp-gold);
    border-radius: 0 24px 24px 0;
    background: linear-gradient(135deg, #fffefb, #fff6da);
    color: var(--mkp-navy);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-community-single-content blockquote p {
    color: var(--mkp-navy);
    font-size: clamp(1.3rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.45;
}

.mkp-community-single-content figure {
    margin-top: 38px;
    margin-bottom: 38px;
}

.mkp-community-single-content img {
    border-radius: 26px;
}

.mkp-community-single-content figcaption {
    margin-top: 12px;
    color: var(--mkp-muted);
    font-size: .9rem;
    text-align: center;
}

.mkp-community-single-sidebar-column {
    position: sticky;
    top: 28px;
    min-width: 0;
}

.mkp-community-single-sidebar-card {
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-community-single-sidebar-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--mkp-navy);
    font-size: 1.35rem;
    line-height: 1.15;
}

.mkp-community-single-sidebar-card p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-community-single-share-card {
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.78), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0);
}

.mkp-community-single-business-card {
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.78), transparent 24%),
        linear-gradient(135deg, #fffefb, #f8fcf8);
}

.mkp-community-single-ad-card {
    min-height: 230px;
    display: grid;
    align-content: center;
    border-style: dashed;
    background: #fffdf7;
}

.mkp-community-single-ad-card p:first-child {
    margin-bottom: 4px;
    color: var(--mkp-blue-deep);
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-community-single-sidebar-link {
    margin-top: 18px;
    font-weight: 900;
}

.mkp-community-single-sidebar-link a {
    color: var(--mkp-blue-deep);
    text-decoration: none;
}

.mkp-community-single-sidebar-link a:hover {
    color: var(--mkp-red);
}

.mkp-community-single-sidebar-button .wp-block-button__link {
    border-radius: 999px;
    padding: 12px 20px;
    background: var(--mkp-blue);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 16px 32px rgba(29, 78, 216, .18);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.mkp-community-single-sidebar-button .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: var(--mkp-blue-deep);
    box-shadow: 0 20px 40px rgba(29, 78, 216, .24);
}

.mkp-community-single-bottom-cta {
    max-width: 980px;
    margin: clamp(34px, 5vw, 62px) auto 0;
    padding: clamp(34px, 5vw, 58px);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 34px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.72), transparent 24%),
        radial-gradient(circle at 86% 20%, rgba(234,179,8,.12), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0 54%, #f8fcf8);
    text-align: center;
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-community-single-bottom-cta h2 {
    max-width: 740px;
    margin: 0 auto 14px;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-community-single-bottom-cta p:not(.mkp-community-single-card-label) {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    color: var(--mkp-text);
    font-size: 1.05rem;
    line-height: 1.8;
}

.mkp-community-single-post-nav {
    gap: 20px;
    padding-left: 0;
    padding-right: var(--wp--preset--spacing--50);
    background: linear-gradient(90deg, #f6faff, #fffef8, #f6fbf7);
}

.mkp-community-single-post-nav a {
    display: inline-flex;
    align-items: center;
    max-width: 520px;
    padding: 18px 22px;
    border: 1px solid var(--mkp-line);
    border-radius: 22px;
    background: #ffffff;
    color: var(--mkp-navy);
    font-weight: 800;
    text-decoration: none;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mkp-community-single-post-nav a:hover {
    transform: translateY(-3px);
    box-shadow: var(--mkp-shadow-medium);
}

.wp-block-navigation .mkp-menu-cta a,
.wp-block-navigation-item.mkp-menu-cta a,
.wp-block-navigation-link.mkp-menu-cta a,
li.mkp-menu-cta a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: var(--mkp-red) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 24px rgba(220,38,38,.18);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wp-block-navigation .mkp-menu-cta a:hover,
.wp-block-navigation-item.mkp-menu-cta a:hover,
.wp-block-navigation-link.mkp-menu-cta a:hover,
li.mkp-menu-cta a:hover {
    background: var(--mkp-blue) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(29,78,216,.22);
}

.wp-block-navigation-link.mkp-menu-cta,
.wp-block-navigation-item.mkp-menu-cta {
    border-radius: 999px;
}

@media (max-width: 1024px) {
    .mkp-latest-section .wp-block-post-template,
    .mkp-latest-section ul.wp-block-post-template,
    .mkp-latest-section .mkp-query .wp-block-post-template,
    .mkp-latest-section .mkp-query ul.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mkp-card-grid,
    .mkp-people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mkp-ad-options {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mkp-featured-grid,
    .mkp-media-grid {
        grid-template-columns: 1fr;
    }

    .mkp-section {
        padding-top: 66px;
        padding-bottom: 66px;
    }

    .mkp-image-placeholder,
    .mkp-magazine-cover,
    .mkp-video-feature {
        min-height: 360px;
    }

    .mkp-single-shell,
    .mkp-community-single-shell {
        display: block !important;
    }

    .mkp-single-left-nav,
    .mkp-single-main-column,
    .mkp-community-single-left-nav,
    .mkp-community-single-main-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .mkp-single-main-column,
    .mkp-community-single-main-column {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .mkp-single-header,
    .mkp-single-body-wrap,
    .mkp-single-post-nav,
    .mkp-community-single-header,
    .mkp-community-single-body-wrap,
    .mkp-community-single-post-nav {
        padding-right: 0 !important;
    }

    .mkp-single-content-grid,
    .mkp-community-single-content-grid {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 42px !important;
    }

    .mkp-single-article-column,
    .mkp-single-sidebar-column,
    .mkp-community-single-article-column,
    .mkp-community-single-sidebar-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .mkp-single-content,
    .mkp-community-single-content,
    .mkp-community-single-intro-card {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }

    .mkp-single-sidebar-column,
    .mkp-community-single-sidebar-column {
        position: static;
        max-width: 860px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 700px) {
    .mkp-section,
    .mkp-ad-strip,
    .mkp-trending-row,
    .mkp-story-cta,
    .mkp-hero-wall,
    .mkp-about-teaser,
    .mkp-social-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mkp-latest-section .wp-block-post-template,
    .mkp-latest-section ul.wp-block-post-template,
    .mkp-latest-section .mkp-query .wp-block-post-template,
    .mkp-latest-section .mkp-query ul.wp-block-post-template,
    .mkp-card-grid,
    .mkp-people-grid,
    .mkp-ad-options {
        grid-template-columns: 1fr !important;
    }

    .mkp-hero {
        min-height: 620px !important;
    }

    .mkp-hero-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mkp-category-card,
    .mkp-post-card,
    .mkp-small-media-card,
    .mkp-ad-option,
    .mkp-person-card {
        border-radius: 22px;
    }

    .mkp-hero-title {
        font-size: clamp(3.1rem, 16vw, 5.1rem);
    }

    .mkp-section-title,
    .mkp-cta-title,
    .mkp-wall-title {
        letter-spacing: -0.038em;
    }

    .mkp-trending-links a,
    .mkp-trending-links span {
        display: inline-block;
        margin-bottom: 6px;
    }

    .mkp-trending-links span {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mkp-single-main-column,
    .mkp-community-single-main-column {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .mkp-single-title,
    .mkp-community-single-title {
        font-size: clamp(2.7rem, 14vw, 4.5rem) !important;
        letter-spacing: -0.055em;
    }

    .mkp-single-featured-image img,
    .mkp-community-single-featured-image img {
        border-radius: 24px;
    }

    .mkp-community-single-message-strip p,
    .mkp-single-ad-strip p {
        font-size: .76rem;
        letter-spacing: .08em;
    }

    .mkp-single-content p,
    .mkp-single-content ul,
    .mkp-single-content ol,
    .mkp-community-single-content p,
    .mkp-community-single-content ul,
    .mkp-community-single-content ol {
        font-size: 1.03rem;
        line-height: 1.82;
    }

    .mkp-single-content blockquote,
    .mkp-community-single-content blockquote {
        padding: 24px;
        border-radius: 0 20px 20px 0;
    }

    .mkp-single-sidebar-card,
    .mkp-community-single-intro-card,
    .mkp-community-single-sidebar-card,
    .mkp-community-single-bottom-cta {
        padding: 24px;
        border-radius: 24px;
    }

    .mkp-single-post-nav,
    .mkp-community-single-post-nav {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .mkp-single-post-nav a,
    .mkp-community-single-post-nav a {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* =========================================================
   SINGLE POST - COMMUNITY LIFE TEMPLATE
   Prefix: mkp-cl-*
   ========================================================= */

body:has(.mkp-cl-single) {
    overflow-x: hidden;
    background: var(--mkp-ivory);
}

body:has(.mkp-cl-single) .wp-site-blocks {
    overflow-x: hidden;
}

body:has(.mkp-cl-single) main.mkp-cl-single,
.mkp-cl-single {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    background:
        linear-gradient(180deg, #fffdf8 0%, #ffffff 44%, #fffdf8 100%);
    color: var(--mkp-ink);
}

.mkp-cl-single .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
}

.mkp-cl-single .wp-block-group,
.mkp-cl-single .wp-block-columns {
    box-sizing: border-box;
}

.mkp-cl-hero,
.mkp-cl-feature-section,
.mkp-cl-body-section,
.mkp-cl-bottom-strip,
.mkp-cl-post-nav {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

.mkp-cl-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(84px, 10vw, 140px) clamp(20px, 5vw, 84px) clamp(78px, 9vw, 122px);
    background:
        radial-gradient(circle at 10% 18%, rgba(234, 179, 8, .18), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(29, 78, 216, .12), transparent 28%),
        radial-gradient(circle at 74% 82%, rgba(34, 197, 94, .10), transparent 26%),
        linear-gradient(135deg, #fffefb 0%, #fff8ed 42%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.mkp-cl-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .18;
}

.mkp-cl-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -150px;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(29, 78, 216, .10), rgba(234, 179, 8, .12));
    filter: blur(8px);
}

.mkp-cl-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.mkp-cl-kicker {
    display: inline-flex;
    margin: 0 auto 18px;
    padding: 9px 15px;
    border: 1px solid rgba(29, 78, 216, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    color: var(--mkp-blue-deep);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .05);
}

.mkp-cl-title {
    max-width: 1080px !important;
    margin: 0 auto 22px;
    color: var(--mkp-navy);
    font-size: clamp(3.2rem, 8vw, 7.2rem);
    font-weight: 700;
    line-height: .9;
    letter-spacing: -0.065em;
}

.mkp-cl-meta-line {
    gap: 10px;
    color: var(--mkp-muted);
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.mkp-cl-meta-line a,
.mkp-cl-category a,
.mkp-cl-author a {
    color: var(--mkp-blue-deep);
    text-decoration: none;
}

.mkp-cl-category {
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mkp-cl-feature-section {
    padding: clamp(52px, 6vw, 84px) clamp(20px, 5vw, 84px);
    background: #ffffff;
}

.mkp-cl-feature-grid {
    width: 100%;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch;
    gap: 28px;
}

.mkp-cl-feature-image-column,
.mkp-cl-feature-note-column {
    min-width: 0;
}

.mkp-cl-featured-image,
.mkp-cl-featured-image img {
    width: 100%;
}

.mkp-cl-featured-image img {
    min-height: 520px;
    object-fit: cover;
    border-radius: 36px;
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-cl-feature-note {
    height: 100%;
    display: grid;
    align-content: center;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid var(--mkp-line);
    border-radius: 36px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.82), transparent 24%),
        linear-gradient(145deg, #ffffff 0%, #fff8e8 54%, #f7fbff 100%);
    box-shadow: var(--mkp-shadow-medium);
}

.mkp-cl-note-label,
.mkp-cl-board-label {
    margin: 0 0 12px;
    color: var(--mkp-red);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mkp-cl-feature-note h2 {
    margin: 0 0 14px;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-cl-feature-note p {
    color: var(--mkp-text);
    line-height: 1.75;
}

.mkp-cl-note-tags {
    gap: 8px;
    margin-top: 22px;
}

.mkp-cl-note-tags p {
    margin: 0;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(29, 78, 216, .07);
    color: var(--mkp-blue-deep);
    font-size: .78rem;
    font-weight: 900;
}

.mkp-cl-body-section {
    padding: clamp(70px, 8vw, 112px) clamp(20px, 5vw, 84px);
    background:
        linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
}

.mkp-cl-body-grid {
    width: 100%;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: flex-start;
    gap: clamp(28px, 4vw, 54px);
}

.mkp-cl-article-column,
.mkp-cl-community-board {
    min-width: 0;
}

.mkp-cl-story-note {
    max-width: 860px !important;
    margin: 0 auto 34px;
    padding: 26px 30px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 28px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.78), transparent 24%),
        linear-gradient(135deg, #fffefb 0%, #fff8e8 48%, #f7fbff 100%);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-cl-story-note p:not(.mkp-cl-note-label) {
    margin-bottom: 0;
    color: var(--mkp-text);
    font-size: 1.04rem;
    line-height: 1.75;
}

.mkp-cl-content {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-cl-content > *:first-child {
    margin-top: 0;
}

.mkp-cl-content p {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.95;
}

.mkp-cl-content h2 {
    margin-top: 2.2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(2.1rem, 4vw, 3.5rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.mkp-cl-content h3 {
    margin-top: 2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.mkp-cl-content ul,
.mkp-cl-content ol {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-cl-content a {
    color: var(--mkp-blue-deep);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mkp-cl-content blockquote {
    margin: 44px 0;
    padding: 30px 34px;
    border-left: 5px solid var(--mkp-gold);
    border-radius: 0 26px 26px 0;
    background: linear-gradient(135deg, #fffefb, #fff6da);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-cl-content blockquote p {
    color: var(--mkp-navy);
    font-size: clamp(1.3rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.45;
}

.mkp-cl-content figure {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mkp-cl-content img {
    border-radius: 28px;
}

.mkp-cl-content figcaption {
    margin-top: 12px;
    color: var(--mkp-muted);
    font-size: .9rem;
    text-align: center;
}

.mkp-cl-community-board {
    position: sticky;
    top: 28px;
}

.mkp-cl-board-card {
    margin-bottom: 22px;
    padding: 24px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-cl-board-highlight {
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.75), transparent 24%),
        linear-gradient(135deg, #fffaf0, #f7fbff);
}

.mkp-cl-board-card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--mkp-navy);
    font-size: 1.32rem;
    line-height: 1.15;
}

.mkp-cl-board-card p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-cl-board-link {
    margin-top: 16px;
    font-weight: 900;
}

.mkp-cl-board-link a {
    color: var(--mkp-blue-deep);
    text-decoration: none;
}

.mkp-cl-board-link a:hover {
    color: var(--mkp-red);
}

.mkp-cl-ad-card {
    min-height: 230px;
    display: grid;
    align-content: center;
    border-style: dashed;
    background: #fffdf7;
}

.mkp-cl-ad-card p:first-child {
    margin-bottom: 4px;
    color: var(--mkp-blue-deep);
    font-size: .88rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-cl-after-story {
    max-width: 860px !important;
    margin: clamp(46px, 6vw, 76px) auto 0;
    padding: clamp(32px, 5vw, 52px);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 34px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.72), transparent 24%),
        radial-gradient(circle at 86% 20%, rgba(234,179,8,.12), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0 54%, #f8fcf8);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-cl-after-story h2 {
    margin: 0 0 14px;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-cl-after-story p {
    color: var(--mkp-text);
    line-height: 1.8;
}

.mkp-cl-bottom-strip {
    padding: clamp(54px, 7vw, 84px) clamp(20px, 5vw, 84px);
    background:
        linear-gradient(90deg, #f6faff, #fffef8, #f8fcf8);
    border-top: 1px solid rgba(15, 23, 42, .06);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.mkp-cl-bottom-grid {
    width: 100%;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 22px;
}

.mkp-cl-bottom-grid .wp-block-column {
    padding: 28px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: rgba(255, 255, 255, .78);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-cl-bottom-grid h3 {
    margin-top: 0;
    color: var(--mkp-navy);
    font-size: 1.35rem;
    line-height: 1.15;
}

.mkp-cl-bottom-grid p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-cl-post-nav {
    gap: 20px;
    padding: clamp(34px, 5vw, 56px) clamp(20px, 5vw, 84px);
    background: #ffffff;
}

.mkp-cl-post-nav a {
    display: inline-flex;
    align-items: center;
    max-width: 520px;
    padding: 18px 22px;
    border: 1px solid var(--mkp-line);
    border-radius: 22px;
    background: #ffffff;
    color: var(--mkp-navy);
    font-weight: 800;
    text-decoration: none;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mkp-cl-post-nav a:hover {
    transform: translateY(-3px);
    box-shadow: var(--mkp-shadow-medium);
}

.mkp-cl-excerpt {
    display: none !important;
}

@media (max-width: 1180px) {
    .mkp-cl-feature-grid,
    .mkp-cl-body-grid,
    .mkp-cl-bottom-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .mkp-cl-feature-grid > .wp-block-column,
    .mkp-cl-body-grid > .wp-block-column,
    .mkp-cl-bottom-grid > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .mkp-cl-community-board {
        position: static;
    }

    .mkp-cl-content,
    .mkp-cl-story-note,
    .mkp-cl-after-story {
        max-width: 900px !important;
    }

    .mkp-cl-featured-image img {
        min-height: 420px;
    }
}

@media (max-width: 700px) {
    .mkp-cl-hero,
    .mkp-cl-feature-section,
    .mkp-cl-body-section,
    .mkp-cl-bottom-strip,
    .mkp-cl-post-nav {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .mkp-cl-title {
        font-size: clamp(2.8rem, 14vw, 4.8rem);
        letter-spacing: -0.055em;
    }

    .mkp-cl-featured-image img {
        min-height: 300px;
        border-radius: 26px;
    }

    .mkp-cl-feature-note,
    .mkp-cl-story-note,
    .mkp-cl-board-card,
    .mkp-cl-after-story,
    .mkp-cl-bottom-grid .wp-block-column {
        padding: 24px;
        border-radius: 24px;
    }

    .mkp-cl-content p,
    .mkp-cl-content ul,
    .mkp-cl-content ol {
        font-size: 1.03rem;
        line-height: 1.84;
    }

    .mkp-cl-content blockquote {
        padding: 24px;
        border-radius: 0 20px 20px 0;
    }

    .mkp-cl-post-nav {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .mkp-cl-post-nav a {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* =========================================================
   SITE FOOTER - PHILIPPINE FLAG SILHOUETTE
   ========================================================= */

.mkp-site-footer {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 20%, rgba(234, 179, 8, .14), transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(29, 78, 216, .16), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #14213d 48%, #251f35 100%);
    color: #ffffff;
}

.mkp-site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .20;
    pointer-events: none;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, .92) 0 18%, transparent 18.2%),
        linear-gradient(180deg, rgba(29, 78, 216, .55) 0 50%, rgba(220, 38, 38, .48) 50% 100%);
}

.mkp-site-footer::after {
    content: "";
    position: absolute;
    left: clamp(28px, 6vw, 96px);
    top: clamp(48px, 7vw, 90px);
    width: clamp(120px, 18vw, 260px);
    height: clamp(120px, 18vw, 260px);
    border-radius: 999px;
    opacity: .12;
    pointer-events: none;
    background:
        radial-gradient(circle, rgba(250, 204, 21, .95) 0 8%, transparent 8.5%),
        conic-gradient(
            from 0deg,
            transparent 0 12deg,
            rgba(250, 204, 21, .9) 12deg 17deg,
            transparent 17deg 42deg,
            rgba(250, 204, 21, .9) 42deg 47deg,
            transparent 47deg 72deg,
            rgba(250, 204, 21, .9) 72deg 77deg,
            transparent 77deg 102deg,
            rgba(250, 204, 21, .9) 102deg 107deg,
            transparent 107deg 132deg,
            rgba(250, 204, 21, .9) 132deg 137deg,
            transparent 137deg 162deg,
            rgba(250, 204, 21, .9) 162deg 167deg,
            transparent 167deg 192deg,
            rgba(250, 204, 21, .9) 192deg 197deg,
            transparent 197deg 222deg,
            rgba(250, 204, 21, .9) 222deg 227deg,
            transparent 227deg 252deg,
            rgba(250, 204, 21, .9) 252deg 257deg,
            transparent 257deg 282deg,
            rgba(250, 204, 21, .9) 282deg 287deg,
            transparent 287deg 312deg,
            rgba(250, 204, 21, .9) 312deg 317deg,
            transparent 317deg 342deg,
            rgba(250, 204, 21, .9) 342deg 347deg,
            transparent 347deg 360deg
        );
}

.mkp-footer-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1320px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(64px, 8vw, 104px) clamp(20px, 5vw, 84px) clamp(46px, 6vw, 72px);
    box-sizing: border-box;
}

.mkp-footer-main-grid {
    align-items: flex-start;
    gap: clamp(34px, 5vw, 76px);
}

.mkp-footer-brand-column,
.mkp-footer-links-column {
    min-width: 0;
}

.mkp-footer-logo {
    margin-bottom: 18px;
}

.mkp-footer-site-title {
    margin-top: 0;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: clamp(2.4rem, 5vw, 4.1rem);
    line-height: .95;
    letter-spacing: -0.055em;
}

.mkp-footer-site-title a {
    color: #ffffff;
    text-decoration: none;
}

.mkp-footer-tagline {
    max-width: 560px;
    margin-top: 0;
    color: rgba(255, 255, 255, .82);
    font-weight: 800;
    line-height: 1.6;
}

.mkp-footer-description {
    max-width: 620px;
    color: rgba(255, 255, 255, .78);
    font-size: 1rem;
    line-height: 1.8;
}

.mkp-footer-buttons {
    margin-top: 28px;
}

.mkp-footer-heading {
    margin-top: 0;
    margin-bottom: 18px;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-footer-nav {
    gap: 12px;
}

.mkp-footer-nav a {
    color: rgba(255, 255, 255, .76) !important;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.mkp-footer-nav a:hover {
    color: #ffffff !important;
    transform: translateX(3px);
}
.mkp-footer-cta-column {
    position: relative;
    z-index: 3;
}

.mkp-footer-cta-card {
    position: relative;
    overflow: hidden;
    margin-top: clamp(-18px, -2vw, -8px);
    padding: clamp(26px, 4vw, 38px);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 32px;
    background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, .18), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .07));
    box-shadow:
        0 28px 70px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.mkp-footer-cta-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 6px;
    background: linear-gradient(90deg, var(--mkp-blue), var(--mkp-gold-soft), var(--mkp-red));
}

.mkp-footer-cta-card .mkp-footer-heading {
    margin-bottom: 14px;
    color: #ffffff;
    font-size: clamp(1.25rem, 2.4vw, 1.5rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: none;
}

.mkp-footer-cta-card p {
    margin-top: 0;
    color: rgba(255, 255, 255, .82);
    font-size: clamp(1.10rem, 1.35vw, 1.25rem);
    line-height: 1.75;
}

.mkp-footer-cta-card p:last-child {
    margin-bottom: 0;
}

.mkp-footer-cta-link {
    margin-top: 22px !important;
}

.mkp-footer-cta-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 5px 35px;
    border-radius: 999px;
    background: var(--mkp-gold-soft);
    color: var(--mkp-navy) !important;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(250, 204, 21, .22);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.mkp-footer-cta-link a:hover {
    background: #fde047;
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(250, 204, 21, .30);
}



.mkp-footer-cta-strip {
    position: relative;
    margin-top: clamp(44px, 6vw, 76px);
    padding: clamp(24px, 4vw, 34px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .14);
    backdrop-filter: blur(10px);
    gap: 24px;
}

.mkp-footer-cta-copy {
    max-width: 820px;
}

.mkp-footer-cta-title {
    margin-top: 0;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: clamp(1.4rem, 3vw, 2.1rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.mkp-footer-cta-copy p {
    margin-top: 0;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1rem;
    line-height: 1.7;
}

.mkp-footer-cta-buttons {
    flex-shrink: 0;
}

.mkp-footer-copyright {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100% !important;
    padding: 16px 20px;
    background: rgba(255, 255, 255, .88);
    color: var(--mkp-navy);
    box-sizing: border-box;
}

.mkp-footer-copyright p {
    margin: 0;
    color: var(--mkp-navy);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .03em;
}

@media (max-width: 1024px) {
    .mkp-footer-main-grid {
        display: grid !important;
        grid-template-columns: 1.35fr 1fr 1fr;
        gap: 34px !important;
    }

    .mkp-footer-main-grid > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .mkp-footer-cta-strip {
        align-items: flex-start !important;
    }

    .mkp-footer-cta-column {
        grid-column: 1 / -1;
    }

    .mkp-footer-cta-card {
        max-width: 760px;
        margin-top: 0;
    }
}

@media (max-width: 760px) {
    .mkp-footer-inner {
        padding: 56px 20px 42px;
    }

    .mkp-footer-main-grid {
        grid-template-columns: 1fr !important;
    }

    .mkp-footer-site-title {
        font-size: clamp(2.4rem, 12vw, 3.3rem);
    }

    .mkp-footer-cta-strip {
        display: grid !important;
        grid-template-columns: 1fr;
        padding: 24px;
        border-radius: 24px;
    }

    .mkp-footer-cta-card {
        max-width: none;
        padding: 24px;
        border-radius: 24px;
    }

    .mkp-footer-cta-link a {
        width: 100%;
        box-sizing: border-box;
    }

    .mkp-footer-cta-buttons {
        width: 100%;
    }

    .mkp-footer-cta-buttons .wp-block-button,
    .mkp-footer-cta-buttons .wp-block-button__link {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .mkp-footer-copyright {
        padding: 14px 18px;
    }
}

/* =========================================================
   ADVERTISE PAGE TEMPLATE + GUTENBERG CONTENT
   Template wrapper: mkp-ads-template-main / mkp-ads-template-content
   Page content classes: mkp-ads-*
   ========================================================= */

body:has(.mkp-ads-template-main),
body:has(.mkp-ads-template),
body:has(.mkp-ads-page) {
    overflow-x: hidden;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

body:has(.mkp-ads-template-main) .wp-site-blocks > header + main,
body:has(.mkp-ads-template-main) main,
body:has(.mkp-ads-template-main) .entry-content,
body:has(.mkp-ads-template-main) .wp-block-post-content,
body:has(.mkp-ads-template) .wp-site-blocks > header + main,
body:has(.mkp-ads-template) main,
body:has(.mkp-ads-template) .entry-content,
body:has(.mkp-ads-template) .wp-block-post-content,
body:has(.mkp-ads-page) .wp-site-blocks > header + main,
body:has(.mkp-ads-page) main,
body:has(.mkp-ads-page) .entry-content,
body:has(.mkp-ads-page) .wp-block-post-content {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
}

body:has(.mkp-ads-template-main) .wp-block-post-title,
body:has(.mkp-ads-template) .wp-block-post-title,
body:has(.mkp-ads-page) .wp-block-post-title {
    display: none !important;
}

.mkp-ads-template-main,
.mkp-ads-template-content,
.mkp-ads-template-content > .wp-block-post-content,
.mkp-ads-template,
.mkp-ads-template,
.mkp-ads-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

.mkp-ads-template-main *,
.mkp-ads-template *,
.mkp-ads-page * {
    box-sizing: border-box;
}

.mkp-ads-page {
    --mkp-ads-primary: var(--mkp-red, #dc2626);
    --mkp-ads-secondary: var(--mkp-blue, #1d4ed8);
    --mkp-ads-secondary-deep: var(--mkp-blue-deep, #163b8c);
    --mkp-ads-gold: var(--mkp-gold-soft, #facc15);
    --mkp-ads-dark: var(--mkp-navy, #0f172a);
    --mkp-ads-text: var(--mkp-text, #334155);
    --mkp-ads-muted: var(--mkp-muted, #64748b);
    --mkp-ads-light: #f8fafc;
    --mkp-ads-border: rgba(15, 23, 42, .10);
    --mkp-ads-shadow: 0 24px 70px rgba(15, 23, 42, .10);
    --mkp-ads-radius: 30px;
    background: var(--mkp-ivory);
    color: var(--mkp-ads-dark);
}

.mkp-ads-template a,
.mkp-ads-page a {
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}

/* Advertise hero */

.mkp-ads-hero {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .32), transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(29, 78, 216, .35), transparent 28%),
        radial-gradient(circle at 78% 84%, rgba(220, 38, 38, .28), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #14213d 46%, #dc2626 100%);
}

.mkp-ads-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: .34;
    pointer-events: none;
}

.mkp-ads-hero > * {
    position: relative;
    z-index: 1;
    width: min(1320px, calc(100vw - 40px));
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(20px, 5vw, 84px);
    padding-right: clamp(20px, 5vw, 84px);
}

.mkp-ads-hero .mkp-eyebrow,
.mkp-ads-template .mkp-ads-kicker,
.mkp-ads-page .mkp-ads-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 1rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mkp-ads-title {
    max-width: 860px;
    margin-top: 0;
    margin-bottom: 1.15rem;
    color: #ffffff;
    font-size: clamp(2.8rem, 6vw, 5.8rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.mkp-ads-lead {
    max-width: 760px;
    margin-top: 0;
    color: rgba(255, 255, 255, .90);
    font-size: clamp(1.12rem, 2vw, 1.42rem);
    line-height: 1.68;
}

.mkp-ads-buttons {
    margin-top: 2rem;
}

.mkp-primary-button .wp-block-button__link,
.mkp-ads-template .mkp-primary-button,
.mkp-ads-page .mkp-primary-button .wp-block-button__link {
    border: 0;
    border-radius: 999px;
    color: #111827;
    background: var(--mkp-ads-gold);
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(250, 204, 21, .28);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.mkp-primary-button .wp-block-button__link:hover,
.mkp-ads-template .mkp-primary-button,
.mkp-ads-page .mkp-primary-button .wp-block-button__link:hover {
    background: #fde047;
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(250, 204, 21, .36);
}

.mkp-secondary-button .wp-block-button__link,
.mkp-ads-template .mkp-secondary-button,
.mkp-ads-page .mkp-secondary-button .wp-block-button__link {
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    font-weight: 900;
    backdrop-filter: blur(10px);
    transition: transform .18s ease, background .18s ease;
}

.mkp-secondary-button .wp-block-button__link:hover,
.mkp-ads-template .mkp-secondary-button,
.mkp-ads-page .mkp-secondary-button .wp-block-button__link:hover {
    background: rgba(255, 255, 255, .20);
    transform: translateY(-2px);
}

/* Advertise content sections */

.mkp-ads-section,
.mkp-ads-section-alt,
.mkp-ads-closing,
.mkp-ads-contact-strip {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: clamp(20px, 5vw, 84px);
    padding-right: clamp(20px, 5vw, 84px);
}

.mkp-ads-section {
    background: #ffffff;
}

.mkp-ads-section-alt {
    background:
        radial-gradient(circle at 12% 20%, rgba(250, 204, 21, .10), transparent 24%),
        var(--mkp-ads-light);
}

.mkp-ads-section > *,
.mkp-ads-section-alt > *,
.mkp-ads-closing > *,
.mkp-ads-contact-strip > * {
    width: 100%;
    max-width: 1320px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-ads-template .mkp-section-title,
.mkp-ads-page .mkp-section-title {
    margin-top: 0;
    color: var(--mkp-ads-dark);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.mkp-ads-template .mkp-section-intro,
.mkp-ads-page .mkp-section-intro {
    max-width: 820px;
    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto;
    color: var(--mkp-ads-muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.mkp-ads-hero-card,
.mkp-info-card,
.mkp-package-card,
.mkp-ads-card {
    border: 1px solid var(--mkp-ads-border);
    border-radius: var(--mkp-ads-radius);
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

.mkp-ads-hero-card {
    padding: clamp(1.4rem, 3vw, 2rem);
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    backdrop-filter: blur(16px);
}

.mkp-ads-hero-card h3,
.mkp-ads-hero-card p,
.mkp-ads-hero-card li {
    color: #ffffff;
}

.mkp-info-card,
.mkp-package-card,
.mkp-ads-card {
    height: 100%;
    padding: clamp(1.25rem, 3vw, 2rem);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mkp-info-card:hover,
.mkp-package-card:hover,
.mkp-ads-card:hover {
    border-color: rgba(220, 38, 38, .24);
    transform: translateY(-4px);
    box-shadow: var(--mkp-ads-shadow);
}

.mkp-info-card h3,
.mkp-package-card h3,
.mkp-ads-card h3 {
    margin-top: 0;
    color: var(--mkp-ads-dark);
    font-size: 1.35rem;
    line-height: 1.25;
}

.mkp-info-card p,
.mkp-package-card p,
.mkp-ads-card p,
.mkp-ads-split p,
.mkp-ads-split li {
    color: var(--mkp-ads-muted);
    line-height: 1.72;
}

.mkp-ads-template .mkp-card-grid,
.mkp-ads-page .mkp-card-grid,
.mkp-ads-template .mkp-package-grid,
.mkp-ads-page .mkp-package-grid,
.mkp-ads-template .mkp-ad-options,
.mkp-ads-page .mkp-ad-options {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 2.25rem;
}

.mkp-ads-template .mkp-card-grid,
.mkp-ads-page .mkp-card-grid > .wp-block-column,
.mkp-ads-template .mkp-package-grid,
.mkp-ads-page .mkp-package-grid > .wp-block-column,
.mkp-ads-template .mkp-ad-options,
.mkp-ads-page .mkp-ad-options > .wp-block-column {
    width: 100% !important;
    flex-basis: auto !important;
}

.mkp-check-list {
    margin: 1.2rem 0 0;
    padding-left: 0;
    list-style: none;
}

.mkp-check-list li {
    position: relative;
    margin-bottom: .8rem;
    padding-left: 1.8rem;
    line-height: 1.6;
}

.mkp-check-list li::before {
    content: "\2713";
    position: absolute;
    top: .12rem;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    color: #111827;
    background: var(--mkp-ads-gold);
    font-size: .75rem;
    font-weight: 900;
    line-height: 1.2rem;
    text-align: center;
}

.mkp-ads-price {
    margin: 1rem 0;
    color: var(--mkp-ads-primary);
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.mkp-ads-note,
.mkp-ads-highlight {
    padding: 1rem 1.15rem;
    border: 1px solid rgba(250, 204, 21, .36);
    border-radius: 20px;
    background: #fff7df;
    color: var(--mkp-ads-dark);
    font-weight: 800;
    line-height: 1.6;
}

.mkp-ads-contact-strip {
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .78), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0);
}

.mkp-ads-contact-strip a {
    color: var(--mkp-ads-secondary-deep);
    font-weight: 900;
}

@media (max-width: 1024px) {
    .mkp-ads-template .mkp-card-grid,
.mkp-ads-page .mkp-card-grid,
    .mkp-ads-template .mkp-package-grid,
.mkp-ads-page .mkp-package-grid,
    .mkp-ads-template .mkp-ad-options,
.mkp-ads-page .mkp-ad-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .mkp-ads-hero,
    .mkp-ads-section,
    .mkp-ads-section-alt,
    .mkp-ads-closing,
    .mkp-ads-contact-strip {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .mkp-ads-template .mkp-card-grid,
.mkp-ads-page .mkp-card-grid,
    .mkp-ads-template .mkp-package-grid,
.mkp-ads-page .mkp-package-grid,
    .mkp-ads-template .mkp-ad-options,
.mkp-ads-page .mkp-ad-options {
        grid-template-columns: 1fr !important;
    }

    .mkp-ads-title {
        font-size: clamp(2.6rem, 13vw, 4.5rem);
    }

    .mkp-info-card,
    .mkp-package-card,
    .mkp-ads-card {
        border-radius: 24px;
    }
}

/* =========================================================
   MUSTA KA PINOY CONTACT PAGE - FIXED FULL WIDTH VERSION
   ========================================================= */

body:has(.mkp-contact-page) {
    overflow-x: hidden;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

body:has(.mkp-contact-page) .wp-site-blocks,
body:has(.mkp-contact-page) main,
body:has(.mkp-contact-page) .entry-content,
body:has(.mkp-contact-page) .wp-block-post-content {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
}

body:has(.mkp-contact-page) .wp-block-post-title {
    display: none !important;
}

.mkp-contact-page,
.mkp-contact-page * {
    box-sizing: border-box;
}

.mkp-contact-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    background: var(--mkp-ivory);
    color: var(--mkp-ink);
}

.mkp-contact-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
}

.mkp-contact-page a {
    color: inherit;
    text-decoration: none;
}

/* HERO */

.mkp-contact-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 520px;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden;
    color: var(--mkp-ink) !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .26), transparent 24%),
        radial-gradient(circle at 88% 20%, rgba(29, 78, 216, .20), transparent 26%),
        radial-gradient(circle at 76% 88%, rgba(220, 38, 38, .14), transparent 28%),
        linear-gradient(135deg, #fffdf8 0%, #edf6ff 42%, #fff6da 100%);
}

.mkp-contact-hero .wp-block-cover__inner-container {
    width: 100% !important;
    max-width: 100% !important;
    color: var(--mkp-ink) !important;
}

.mkp-contact-hero-inner {
    width: 100%;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(78px, 10vw, 138px) clamp(20px, 5vw, 84px);
    text-align: center;
    color: var(--mkp-ink) !important;
}

.mkp-contact-page .mkp-eyebrow,
.mkp-contact-page .mkp-form-kicker,
.mkp-contact-page .mkp-card-kicker {
    margin-bottom: 16px;
    color: var(--mkp-red) !important;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-contact-title {
    max-width: 980px;
    margin: 0 auto 22px;
    color: var(--mkp-navy) !important;
    font-size: clamp(3rem, 7vw, 6.4rem);
    line-height: .94;
    letter-spacing: -0.065em;
}

.mkp-contact-hero-copy {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    color: var(--mkp-text) !important;
    font-size: clamp(1.08rem, 2vw, 1.32rem);
    line-height: 1.8;
}

/* MAIN AREA */

.mkp-contact-main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: clamp(70px, 8vw, 112px) clamp(20px, 5vw, 84px);
    background: var(--mkp-ivory);
}

.mkp-contact-layout {
    width: 100%;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: clamp(30px, 5vw, 70px);
    align-items: flex-start;
}

.mkp-contact-card,
.mkp-contact-form-card {
    width: 100%;
    border: 1px solid var(--mkp-line);
    border-radius: 32px;
    background: rgba(255,255,255,.94);
    color: var(--mkp-ink) !important;
    box-shadow: var(--mkp-shadow-medium);
}

.mkp-contact-card {
    padding: clamp(24px, 4vw, 36px);
    margin-bottom: 24px;
}

.mkp-contact-card h2,
.mkp-contact-card h3,
.mkp-contact-form-card h2 {
    margin-top: 0;
    color: var(--mkp-navy) !important;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.mkp-contact-card p,
.mkp-contact-form-card p,
.mkp-contact-card li {
    color: var(--mkp-text) !important;
    line-height: 1.75;
}

.mkp-contact-email {
    margin-top: 22px;
    font-weight: 900;
    color: var(--mkp-blue-deep) !important;
}

.mkp-contact-email a {
    color: var(--mkp-blue-deep) !important;
    text-decoration: underline;
}

.mkp-contact-list {
    padding-left: 20px;
    margin-bottom: 0;
}

.mkp-contact-list li {
    margin-bottom: 12px;
    font-weight: 700;
}

.mkp-contact-community-card {
    background:
        radial-gradient(circle at 12% 20%, rgba(250,204,21,.22), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fff6da 100%);
}

.mkp-contact-form-card {
    position: relative;
    padding: clamp(28px, 5vw, 52px);
    overflow: hidden;
}

.mkp-contact-form-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 8px;
    background: linear-gradient(90deg, var(--mkp-blue), var(--mkp-gold), var(--mkp-red));
}

.mkp-contact-form-card > * {
    position: relative;
    z-index: 2;
}

/* CONTACT FORM 7 */

.mkp-cf7-form {
    margin-top: 28px;
    color: var(--mkp-ink) !important;
}

.mkp-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mkp-cf7-form label {
    display: block;
    margin-bottom: 18px;
    color: var(--mkp-navy) !important;
    font-size: .9rem;
    font-weight: 900;
}

.mkp-cf7-form input,
.mkp-cf7-form select,
.mkp-cf7-form textarea {
    width: 100%;
    margin-top: 8px;
    padding: 15px 16px;
    border: 1px solid rgba(15,23,42,.14);
    border-radius: 16px;
    background: #ffffff !important;
    color: var(--mkp-ink) !important;
    font-size: 1rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

.mkp-cf7-form input::placeholder,
.mkp-cf7-form textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1;
}

.mkp-cf7-form select {
    appearance: auto;
}

.mkp-cf7-form textarea {
    min-height: 170px;
    resize: vertical;
}

.mkp-cf7-form input:focus,
.mkp-cf7-form select:focus,
.mkp-cf7-form textarea:focus {
    border-color: var(--mkp-blue);
    box-shadow: 0 0 0 4px rgba(29,78,216,.12);
}

.mkp-form-note {
    margin: 6px 0 20px;
    padding: 16px 18px;
    border-radius: 18px;
    background: var(--mkp-soft-gold);
    color: var(--mkp-navy) !important;
    font-weight: 700;
    line-height: 1.6;
}

.mkp-form-acceptance,
.mkp-form-acceptance label {
    color: var(--mkp-text) !important;
    font-size: .95rem;
    line-height: 1.6;
}

.mkp-form-acceptance input {
    width: auto;
    margin-right: 8px;
}

.mkp-cf7-submit,
.wpcf7-submit.mkp-cf7-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 16px 30px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--mkp-blue), var(--mkp-blue-deep)) !important;
    color: #ffffff !important;
    font-size: .95rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 18px 38px rgba(29,78,216,.24);
}

.mkp-cf7-submit:hover,
.wpcf7-submit.mkp-cf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 50px rgba(29,78,216,.30);
}

.wpcf7-not-valid-tip {
    margin-top: 7px;
    color: var(--mkp-red) !important;
    font-size: .86rem;
    font-weight: 800;
}

.wpcf7 form .wpcf7-response-output {
    margin: 22px 0 0;
    padding: 14px 16px;
    border-radius: 16px;
    color: var(--mkp-ink) !important;
    font-weight: 800;
}

/* RESPONSIVE */

@media (max-width: 900px) {
    .mkp-contact-layout {
        display: block !important;
    }

    .mkp-contact-info-column,
    .mkp-contact-form-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .mkp-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 640px) {
    .mkp-contact-main {
        padding-left: 18px;
        padding-right: 18px;
    }

    .mkp-contact-card,
    .mkp-contact-form-card {
        border-radius: 24px;
    }

    .mkp-contact-title {
        font-size: clamp(2.6rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   CONTACT PAGE FINAL OVERRIDES
   Fix template top margin + Contact Form 7 auto spacing
   Merged 2026-04-25
   ========================================================= */

/* Kill the WordPress template margin above main */
body:has(.mkp-contact-page) .wp-site-blocks > main,
body:has(.mkp-contact-page) main.wp-block-group,
body:has(.mkp-contact-page) main.is-layout-constrained,
body:has(.mkp-contact-page) main[style] {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
}

/* Kill block-gap that WordPress adds between header and main */
body:has(.mkp-contact-page) .wp-site-blocks > header + main {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* Kill first block spacing inside main/content */
body:has(.mkp-contact-page) main > :first-child,
body:has(.mkp-contact-page) .wp-block-post-content > :first-child,
body:has(.mkp-contact-page) .entry-content > :first-child {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* Make the contact page itself touch the header */
body:has(.mkp-contact-page) .mkp-contact-page,
body:has(.mkp-contact-page) .mkp-contact-page:first-child,
body:has(.mkp-contact-page) .mkp-contact-hero:first-child {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
}

/* Keep hero tighter */
.mkp-contact-hero {
    min-height: 420px !important;
}

.mkp-contact-hero-inner {
    padding-top: 54px !important;
    padding-bottom: 64px !important;
}

/* =========================================================
   CONTACT FORM 7 CLEAN GRID FIX
   Replaces previous CF7 row/full-row fixes
   ========================================================= */

.mkp-contact-form-card,
.mkp-contact-form-card .wpcf7,
.mkp-contact-form-card form,
.mkp-cf7-form {
    width: 100% !important;
    max-width: 100% !important;
}

.mkp-cf7-form,
.mkp-cf7-form * {
    box-sizing: border-box;
}

/* Remove CF7/theme spacing */
.mkp-cf7-form p,
.mkp-cf7-form br {
    margin: 0 !important;
    padding: 0 !important;
}

.mkp-cf7-form p:empty {
    display: none !important;
}

.mkp-cf7-form br {
    display: none !important;
}

/* Main grid */
.mkp-cf7-form .mkp-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Individual fields */
.mkp-cf7-form .mkp-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width fields */
.mkp-cf7-form .mkp-field-full {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Labels */
.mkp-cf7-form label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mkp-navy) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

/* CF7 generated wrappers */
.mkp-cf7-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Inputs */
.mkp-cf7-form input[type="text"],
.mkp-cf7-form input[type="email"],
.mkp-cf7-form select,
.mkp-cf7-form textarea,
.mkp-cf7-form .wpcf7-text,
.mkp-cf7-form .wpcf7-email,
.mkp-cf7-form .wpcf7-select,
.mkp-cf7-form .wpcf7-textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 7px 0 0 0 !important;
    box-sizing: border-box !important;
}

.mkp-cf7-form textarea,
.mkp-cf7-form .wpcf7-textarea {
    min-height: 130px !important;
    resize: vertical;
}

/* Note and consent */
.mkp-cf7-form .mkp-form-note {
    margin: 2px 0 0 0 !important;
}

.mkp-cf7-form .mkp-form-acceptance {
    margin: 0 !important;
}

.mkp-cf7-form .mkp-form-acceptance label {
    font-weight: 700 !important;
}

/* Submit */
.mkp-cf7-form .mkp-cf7-submit,
.mkp-cf7-form .wpcf7-submit {
    margin-top: 2px !important;
}

/* Mobile */
@media (max-width: 700px) {
    .mkp-cf7-form .mkp-form-grid {
        grid-template-columns: 1fr !important;
        row-gap: 14px !important;
    }

    .mkp-cf7-form .mkp-field-full {
        grid-column: auto !important;
    }
}

/* =========================================================
   ABOUT PAGE TEMPLATE
   ========================================================= */

body:has(.mkp-about) {
    overflow-x: hidden !important;
    background: var(--mkp-ivory) !important;
}

body:has(.mkp-about) .wp-site-blocks > header + main,
body:has(.mkp-about) main,
body:has(.mkp-about) .entry-content,
body:has(.mkp-about) .wp-block-post-content {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
}

body:has(.mkp-about) .wp-block-post-title {
    display: none !important;
}

.mkp-about,
.mkp-about * {
    box-sizing: border-box !important;
}

.mkp-about {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--mkp-ivory) !important;
    color: var(--mkp-ink) !important;
}

.mkp-about a {
    text-decoration: none !important;
}

.mkp-about .mkp-about-hero,
.mkp-about .mkp-about-section,
.mkp-about .mkp-about-closing {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mkp-about .mkp-about-hero {
    position: relative !important;
    min-height: clamp(640px, 82vh, 860px) !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    padding: clamp(88px, 9vw, 142px) clamp(20px, 5vw, 84px) !important;
    color: #ffffff !important;
    overflow: hidden !important;
    background:
        linear-gradient(120deg, rgba(15, 23, 42, .92), rgba(22, 59, 140, .76), rgba(220, 38, 38, .55)),
        url("https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat !important;
}

.mkp-about .mkp-about-hero::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 150px !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--mkp-ivory)) !important;
    pointer-events: none !important;
}

.mkp-about .mkp-about-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(980px, calc(100% - 40px)) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}

.mkp-about .mkp-about-hero h1 {
    margin: 0 0 24px !important;
    color: #ffffff !important;
    font-size: clamp(3.4rem, 8vw, 7.8rem) !important;
    line-height: .9 !important;
    letter-spacing: -0.07em !important;
    font-weight: 800 !important;
}

.mkp-about .mkp-about-hero-lead {
    max-width: 860px !important;
    margin: 0 0 24px !important;
    color: rgba(255,255,255,.94) !important;
    font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.mkp-about .mkp-about-hero-copy {
    max-width: 760px !important;
    margin: 0 0 34px !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
}

.mkp-about .mkp-eyebrow,
.mkp-about .mkp-eyebrow-dark,
.mkp-about .mkp-eyebrow-light {
    display: block !important;
    margin: 0 0 14px !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}

.mkp-about .mkp-eyebrow {
    color: var(--mkp-blue-deep) !important;
}

.mkp-about .mkp-eyebrow-dark {
    color: var(--mkp-red) !important;
}

.mkp-about .mkp-eyebrow-light {
    color: var(--mkp-gold) !important;
}

.mkp-about .mkp-about-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.mkp-about .mkp-about-buttons .wp-block-button {
    margin: 0 !important;
}

.mkp-about .mkp-btn-primary .wp-block-button__link,
.mkp-about .mkp-btn-secondary .wp-block-button__link,
.mkp-about .mkp-btn-secondary-light .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 14px 24px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    border: 0 !important;
}

.mkp-about .mkp-btn-primary .wp-block-button__link {
    color: var(--mkp-navy) !important;
    background: var(--mkp-gold-soft) !important;
    box-shadow: 0 16px 34px rgba(234, 179, 8, .28) !important;
}

.mkp-about .mkp-btn-secondary .wp-block-button__link,
.mkp-about .mkp-btn-secondary-light .wp-block-button__link {
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.44) !important;
    background: rgba(255,255,255,.10) !important;
}

.mkp-about .mkp-about-container {
    width: min(1320px, calc(100% - 40px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-about .mkp-about-narrow {
    width: min(860px, calc(100% - 40px)) !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-about .mkp-about-section {
    padding: clamp(76px, 8vw, 124px) 0 !important;
}

.mkp-about .mkp-about-story {
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, .20), transparent 34%),
        var(--mkp-ivory) !important;
}

.mkp-about .mkp-about-promise,
.mkp-about .mkp-about-pillars {
    background: var(--mkp-cream) !important;
}

.mkp-about .mkp-about-audience {
    background: #ffffff !important;
}

.mkp-about .mkp-about-essay {
    background: linear-gradient(180deg, var(--mkp-ivory), var(--mkp-soft-blue)) !important;
}

.mkp-about .mkp-about-eventsquad {
    color: #ffffff !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(250, 204, 21, .22), transparent 30%),
        linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(22, 59, 140, .94)) !important;
}

.mkp-about .mkp-about-story h2,
.mkp-about .mkp-about-section-head h2,
.mkp-about .mkp-about-eventsquad h2,
.mkp-about .mkp-about-essay h2,
.mkp-about .mkp-about-closing h2 {
    margin: 0 0 24px !important;
    color: var(--mkp-navy) !important;
    font-size: clamp(2.4rem, 5vw, 5rem) !important;
    line-height: .96 !important;
    letter-spacing: -0.055em !important;
    font-weight: 800 !important;
}

.mkp-about .mkp-about-eventsquad h2,
.mkp-about .mkp-about-closing h2 {
    color: #ffffff !important;
}

.mkp-about .mkp-about-story p,
.mkp-about .mkp-about-essay p,
.mkp-about .mkp-about-section-head p,
.mkp-about .mkp-about-copy-panel p,
.mkp-about .mkp-about-closing p {
    color: var(--mkp-text) !important;
    font-size: 1.1rem !important;
    line-height: 1.85 !important;
}

.mkp-about .mkp-about-eventsquad p,
.mkp-about .mkp-about-closing p {
    color: rgba(255,255,255,.88) !important;
}

.mkp-about .mkp-about-section-head {
    max-width: 920px !important;
    margin: 0 auto 48px !important;
    text-align: center !important;
}

.mkp-about .mkp-about-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 !important;
}

.mkp-about .mkp-about-card-grid > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
    margin: 0 !important;
}

.mkp-about .mkp-about-card {
    position: relative !important;
    min-height: 330px !important;
    height: 100% !important;
    padding: 34px !important;
    border: 1px solid var(--mkp-line) !important;
    border-radius: 34px !important;
    background: #ffffff !important;
    box-shadow: var(--mkp-shadow-soft) !important;
    overflow: hidden !important;
}

.mkp-about .mkp-about-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 8px !important;
    background: linear-gradient(90deg, var(--mkp-blue), var(--mkp-red), var(--mkp-gold)) !important;
}

.mkp-about .mkp-about-card-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 0 28px !important;
    border-radius: 18px !important;
    color: var(--mkp-blue-deep) !important;
    background: var(--mkp-soft-gold) !important;
    font-size: 1.4rem !important;
    font-weight: 900 !important;
}

.mkp-about .mkp-about-card h3,
.mkp-about .mkp-about-pillar-grid h3 {
    margin: 0 0 14px !important;
    color: var(--mkp-navy) !important;
    font-size: 1.45rem !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

.mkp-about .mkp-about-card p,
.mkp-about .mkp-about-pillar-grid p {
    margin: 0 !important;
    color: var(--mkp-text) !important;
    line-height: 1.75 !important;
}

.mkp-about .mkp-about-split {
    width: min(1320px, calc(100% - 40px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: .92fr 1.08fr !important;
    gap: clamp(34px, 6vw, 80px) !important;
    align-items: start !important;
}

.mkp-about .mkp-about-split > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
}

.mkp-about .mkp-about-copy-panel {
    padding: clamp(28px, 4vw, 48px) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(12px) !important;
}

.mkp-about .mkp-about-tag-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
}

.mkp-about .mkp-about-tag-grid p {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    border: 1px solid var(--mkp-line) !important;
    border-radius: 999px !important;
    color: var(--mkp-navy) !important;
    background: var(--mkp-cream) !important;
    font-weight: 800 !important;
}

.mkp-about .mkp-about-pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
}

.mkp-about .mkp-about-pillar-grid > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
    margin: 0 !important;
}

.mkp-about .mkp-about-pillar-grid > .wp-block-column > .wp-block-group {
    height: 100% !important;
    padding: 28px !important;
    border: 1px solid var(--mkp-line) !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: var(--mkp-shadow-soft) !important;
}

.mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(1),
.mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(3),
.mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(4),
.mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(5) {
    grid-column: span 2 !important;
}

.mkp-about .mkp-about-closing {
    padding: clamp(90px, 10vw, 150px) clamp(20px, 5vw, 84px) !important;
    color: #ffffff !important;
    background:
        linear-gradient(120deg, rgba(15, 23, 42, .92), rgba(220, 38, 38, .76), rgba(22, 59, 140, .86)),
        url("https://images.unsplash.com/photo-1494674557684-c8f10c6c2b12?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat !important;
}

.mkp-about .mkp-about-closing-inner {
    width: min(980px, calc(100% - 40px)) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.mkp-about .mkp-about-closing .mkp-about-buttons {
    justify-content: center !important;
    margin-top: 34px !important;
}

.mkp-about-eventsquad-buttons {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}

@media (max-width: 1024px) {
    .mkp-about .mkp-about-card-grid,
    .mkp-about .mkp-about-split {
        grid-template-columns: 1fr !important;
    }

    .mkp-about .mkp-about-pillar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mkp-about .mkp-about-pillar-grid > .wp-block-column,
    .mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(1),
    .mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(3),
    .mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(4),
    .mkp-about .mkp-about-pillar-grid > .wp-block-column:nth-child(5) {
        grid-column: span 1 !important;
    }
}

@media (max-width: 700px) {
    .mkp-about .mkp-about-section {
        padding: 66px 0 !important;
    }

    .mkp-about .mkp-about-hero {
        min-height: auto !important;
        padding-top: 86px !important;
        padding-bottom: 118px !important;
    }

    .mkp-about .mkp-about-hero h1 {
        font-size: clamp(3rem, 14vw, 5rem) !important;
    }

    .mkp-about .mkp-about-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .mkp-about .mkp-btn-primary .wp-block-button__link,
    .mkp-about .mkp-btn-secondary .wp-block-button__link,
    .mkp-about .mkp-btn-secondary-light .wp-block-button__link {
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .mkp-about .mkp-about-pillar-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   TELL YOUR MUSTA PINOY PAGE-ONLY STYLES
   ========================================================= */

.mkp-tymp-page {
	--mkp-tymp-ink: #171421;
	--mkp-tymp-muted: #68606f;
	--mkp-tymp-cream: #fff8ec;
	--mkp-tymp-gold: #ffbf3f;
	--mkp-tymp-coral: #ff6b6b;
	--mkp-tymp-pink: #f94f9d;
	--mkp-tymp-blue: #2057d7;
	--mkp-tymp-sky: #dff2ff;
	--mkp-tymp-card: rgba(255,255,255,.86);
	background: linear-gradient(180deg, #fffaf1 0%, #fff 38%, #f7fbff 100%);
	color: var(--mkp-tymp-ink);
	overflow: hidden;
}

.mkp-tymp-page a { text-decoration-thickness: .08em; text-underline-offset: .18em; }

.mkp-tymp-hero,
.mkp-tymp-featured-story,
.mkp-tymp-story-prompts,
.mkp-tymp-latest-section,
.mkp-tymp-editorial-footer {
	padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}

.mkp-tymp-hero {
	position: relative;
	background:
		radial-gradient(circle at 10% 12%, rgba(255,191,63,.38), transparent 28%),
		radial-gradient(circle at 90% 18%, rgba(249,79,157,.22), transparent 24%),
		linear-gradient(135deg, #fff2c7 0%, #ffe8ef 47%, #eaf5ff 100%);
}

.mkp-tymp-hero::after {
	content: "";
	position: absolute;
	inset: auto -4rem -6rem auto;
	width: 22rem;
	height: 22rem;
	border-radius: 999px;
	background: rgba(32,87,215,.16);
	filter: blur(4px);
}

.mkp-tymp-hero-grid,
.mkp-tymp-feature-grid {
	max-width: 1180px;
	margin-inline: auto;
	gap: clamp(2rem, 5vw, 4.5rem);
}

.mkp-tymp-kicker,
.mkp-tymp-section-kicker {
	margin: 0 0 1rem;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--mkp-tymp-blue);
}

.mkp-tymp-title {
	max-width: 11ch;
	font-size: clamp(3.1rem, 8vw, 7.4rem);
	line-height: .88;
	letter-spacing: -.07em;
	margin: 0;
}

.mkp-tymp-lede,
.mkp-tymp-feature-lede,
.mkp-tymp-section-intro {
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	line-height: 1.7;
	color: var(--mkp-tymp-muted);
}

.mkp-tymp-hero-actions { margin-top: 2rem; }
.mkp-tymp-btn-primary .wp-block-button__link,
.mkp-tymp-btn-soft .wp-block-button__link {
	border-radius: 999px;
	padding: .95rem 1.35rem;
	font-weight: 800;
	box-shadow: 0 16px 36px rgba(23,20,33,.16);
}
.mkp-tymp-btn-primary .wp-block-button__link { background: var(--mkp-tymp-ink); color: #fff; }
.mkp-tymp-btn-soft .wp-block-button__link { background: rgba(255,255,255,.7); color: var(--mkp-tymp-ink); }

.mkp-tymp-cover-card {
	position: relative;
	transform: rotate(2deg);
	padding: .8rem;
	border-radius: 2rem;
	background: rgba(255,255,255,.72);
	box-shadow: 0 28px 80px rgba(23,20,33,.2);
	backdrop-filter: blur(12px);
}
.mkp-tymp-cover-image img {
	border-radius: 1.55rem;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	width: 100%;
}
.mkp-tymp-cover-label {
	position: absolute;
	left: 1.6rem;
	bottom: 1.6rem;
	padding: .7rem 1rem;
	border-radius: 999px;
	background: var(--mkp-tymp-gold);
	font-weight: 900;
	box-shadow: 0 10px 26px rgba(23,20,33,.16);
}
.mkp-tymp-cover-label p { margin: 0; }

.mkp-tymp-featured-story {
	background: #fff;
	max-width: 1180px;
	margin-inline: auto;
}
.mkp-tymp-section-title {
	max-width: 930px;
	font-size: clamp(2.2rem, 5vw, 5rem);
	line-height: .98;
	letter-spacing: -.055em;
	margin-top: 0;
}
.mkp-tymp-story-meta {
	border-left: .45rem solid var(--mkp-tymp-coral);
	padding: 1.25rem 1.4rem;
	border-radius: 1.5rem;
	background: var(--mkp-tymp-cream);
}
.mkp-tymp-story-meta p { margin: .35rem 0; }

.mkp-tymp-emotion-strip {
	padding: 1.15rem clamp(1rem, 4vw, 4rem);
	background: var(--mkp-tymp-ink);
	gap: .65rem;
}
.mkp-tymp-emotion-strip p {
	margin: 0;
	padding: .45rem .9rem;
	border-radius: 999px;
	background: rgba(255,255,255,.11);
	color: #fff;
	font-weight: 800;
}

.mkp-tymp-cta-panel {
	margin: clamp(2rem, 5vw, 5rem) clamp(1.25rem, 5vw, 5rem);
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 2.2rem;
	background:
		linear-gradient(135deg, rgba(255,191,63,.95), rgba(255,107,107,.9)),
		#ffbf3f;
	box-shadow: 0 26px 70px rgba(255,107,107,.22);
}
.mkp-tymp-cta-panel h2 {
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 1;
	margin: 0 0 .8rem;
}
.mkp-tymp-cta-panel p { max-width: 760px; font-size: 1.1rem; line-height: 1.65; }

.mkp-tymp-card-grid { gap: 1.2rem; }
.mkp-tymp-prompt-card {
	min-height: 220px;
	padding: 1.6rem;
	border-radius: 1.6rem;
	box-shadow: 0 18px 45px rgba(23,20,33,.08);
}
.mkp-tymp-prompt-card h3 { margin-top: 0; font-size: 1.6rem; }
.mkp-tymp-card-yellow { background: #fff1b8; }
.mkp-tymp-card-pink { background: #ffe3f0; }
.mkp-tymp-card-blue { background: #dff2ff; }

.mkp-tymp-latest-section {
	background: #101225;
	color: #fff;
}
.mkp-tymp-latest-section .mkp-tymp-section-kicker { color: var(--mkp-tymp-gold); }
.mkp-tymp-latest-section .mkp-tymp-section-intro { color: rgba(255,255,255,.72); }
.mkp-tymp-query-loop { max-width: 1180px; margin-inline: auto; }
.mkp-tymp-post-grid { gap: 1.25rem; }
.mkp-tymp-post-card {
	height: 100%;
	padding: .8rem .8rem 1.2rem;
	border-radius: 1.5rem;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.12);
}
.mkp-tymp-post-image img { border-radius: 1rem; }
.mkp-tymp-post-category,
.mkp-tymp-post-excerpt { color: rgba(255,255,255,.72); }
.mkp-tymp-post-title a,
.mkp-tymp-read-more { color: #fff; }

.mkp-tymp-editorial-footer {
	text-align: center;
	background: linear-gradient(180deg, #fff 0%, #fff8ec 100%);
}
.mkp-tymp-editorial-footer h2 {
	font-size: clamp(2rem, 4vw, 4.5rem);
	line-height: 1;
	letter-spacing: -.05em;
	margin-inline: auto;
	max-width: 850px;
}
.mkp-tymp-editorial-footer p {
	max-width: 760px;
	margin-inline: auto;
	font-size: 1.15rem;
	line-height: 1.7;
	color: var(--mkp-tymp-muted);
}

@media (max-width: 781px) {
	.mkp-tymp-title { max-width: 100%; }
	.mkp-tymp-cover-card { transform: none; }
	.mkp-tymp-cta-panel .wp-block-buttons { justify-content: flex-start !important; }
}

/* =========================================================
   SPOTLIGHT STORIES PAGE - PAGE-SPECIFIC CLASSES ONLY
   ========================================================= */

.mkp-spotlight-stories-page-template-main {
	background:
		radial-gradient(circle at 10% 10%, rgba(255, 199, 44, 0.22), transparent 28%),
		radial-gradient(circle at 90% 5%, rgba(239, 68, 68, 0.18), transparent 24%),
		linear-gradient(180deg, #fff9ef 0%, #fffaf3 36%, #f8f0e6 100%);
	color: #26180f;
}

.mkp-spotlight-page {
	--mkp-spotlight-ink: #26180f;
	--mkp-spotlight-muted: #77614d;
	--mkp-spotlight-cream: #fff8ed;
	--mkp-spotlight-paper: #fffdf8;
	--mkp-spotlight-gold: #f5b83d;
	--mkp-spotlight-red: #d9472f;
	--mkp-spotlight-teal: #0e7c7b;
	--mkp-spotlight-plum: #6f2c68;
	--mkp-spotlight-border: rgba(38, 24, 15, 0.12);
	font-family: inherit;
	overflow: hidden;
}

.mkp-spotlight-page a {
	text-decoration-thickness: 0.07em;
	text-underline-offset: 0.18em;
}

.mkp-spotlight-cover {
	position: relative;
	padding: clamp(4rem, 7vw, 7.5rem) clamp(1.25rem, 4vw, 4rem) clamp(3rem, 6vw, 6rem);
	isolation: isolate;
}

.mkp-spotlight-cover::before {
	content: "";
	position: absolute;
	inset: 1.25rem;
	border: 1px solid rgba(38, 24, 15, 0.1);
	border-radius: 2.5rem;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,248,237,0.58)),
		radial-gradient(circle at 78% 18%, rgba(14, 124, 123, 0.16), transparent 32%);
	box-shadow: 0 30px 90px rgba(83, 42, 18, 0.12);
	z-index: -1;
}

.mkp-spotlight-cover-grid {
	max-width: 1240px;
	margin: 0 auto;
	gap: clamp(2rem, 5vw, 5rem);
}

.mkp-spotlight-kicker,
.mkp-spotlight-section-kicker,
.mkp-spotlight-feature-label,
.mkp-spotlight-index-label {
	margin: 0 0 0.85rem;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--mkp-spotlight-red);
}

.mkp-spotlight-title {
	max-width: 11ch;
	margin: 0;
	font-size: clamp(3.1rem, 7vw, 6.7rem);
	line-height: 0.88;
	letter-spacing: -0.08em;
	font-weight: 900;
	color: var(--mkp-spotlight-ink);
}

.mkp-spotlight-lede {
	max-width: 44rem;
	margin: 1.35rem 0 0;
	font-size: clamp(1.05rem, 1.7vw, 1.28rem);
	line-height: 1.75;
	color: var(--mkp-spotlight-muted);
}

.mkp-spotlight-cover-actions,
.mkp-spotlight-submit-actions {
	margin-top: 2rem;
	gap: 0.85rem;
}

.mkp-spotlight-btn-primary .wp-block-button__link,
.mkp-spotlight-btn-secondary .wp-block-button__link {
	border-radius: 999px;
	padding: 0.9rem 1.35rem;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.mkp-spotlight-btn-primary .wp-block-button__link {
	background: #26180f;
	color: #fff8ed;
	box-shadow: 0 14px 36px rgba(38, 24, 15, 0.2);
}

.mkp-spotlight-btn-secondary .wp-block-button__link {
	background: rgba(255, 255, 255, 0.72);
	color: #26180f;
	border: 1px solid rgba(38, 24, 15, 0.14);
}

.mkp-spotlight-feature-card {
	position: relative;
	overflow: hidden;
	border-radius: 2rem;
	background: #1d130c;
	box-shadow: 0 34px 80px rgba(67, 34, 16, 0.26);
}

.mkp-spotlight-feature-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(1.08) contrast(1.04);
	transition: transform 500ms ease;
}

.mkp-spotlight-feature-card:hover .mkp-spotlight-feature-image img {
	transform: scale(1.035);
}

.mkp-spotlight-feature-body {
	position: absolute;
	left: clamp(1rem, 3vw, 2rem);
	right: clamp(1rem, 3vw, 2rem);
	bottom: clamp(1rem, 3vw, 2rem);
	padding: clamp(1.1rem, 2.6vw, 2rem);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 1.45rem;
	background: linear-gradient(135deg, rgba(28, 17, 10, 0.88), rgba(28, 17, 10, 0.62));
	backdrop-filter: blur(16px);
	color: #fffaf3;
}

.mkp-spotlight-feature-label {
	color: #ffd36b;
}

.mkp-spotlight-feature-category,
.mkp-spotlight-feature-category a,
.mkp-spotlight-category-chip,
.mkp-spotlight-category-chip a {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: inherit;
}

.mkp-spotlight-feature-title {
	margin: 0.45rem 0 0;
	font-size: clamp(1.75rem, 3vw, 3rem);
	line-height: 1;
	letter-spacing: -0.04em;
}

.mkp-spotlight-feature-title a,
.mkp-spotlight-category-hero-title a,
.mkp-spotlight-card-title a {
	color: inherit;
	text-decoration: none;
}

.mkp-spotlight-feature-excerpt {
	margin-top: 0.85rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 250, 243, 0.86);
}

.mkp-spotlight-ribbon {
	gap: 0.75rem;
	padding: 1rem clamp(1rem, 4vw, 3rem);
	background: #26180f;
	color: #fff8ed;
}

.mkp-spotlight-ribbon p {
	margin: 0;
	padding: 0.45rem 0.9rem;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	font-size: 0.86rem;
	font-weight: 750;
}

.mkp-spotlight-editor-note,
.mkp-spotlight-section-index,
.mkp-spotlight-submit-panel {
	max-width: 1180px;
	margin: clamp(3rem, 6vw, 6rem) auto 0;
	padding-inline: clamp(1rem, 4vw, 2rem);
}

.mkp-spotlight-editor-note {
	text-align: center;
}

.mkp-spotlight-section-title {
	max-width: 920px;
	margin: 0 auto;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
	font-weight: 900;
	color: var(--mkp-spotlight-ink);
}

.mkp-spotlight-editor-copy {
	max-width: 760px;
	margin: 1rem auto 0;
	font-size: 1.08rem;
	line-height: 1.78;
	color: var(--mkp-spotlight-muted);
}

.mkp-spotlight-section-index {
	gap: 1rem;
}

.mkp-spotlight-index-card {
	position: relative;
	overflow: hidden;
	min-height: 220px;
	padding: 1.35rem;
	border: 1px solid var(--mkp-spotlight-border);
	border-radius: 1.6rem;
	background: #fffdf8;
	box-shadow: 0 18px 44px rgba(90, 50, 23, 0.08);
}

.mkp-spotlight-index-card::after {
	content: "";
	position: absolute;
	right: -3.4rem;
	bottom: -3.4rem;
	width: 8rem;
	height: 8rem;
	border-radius: 999px;
	opacity: 0.18;
}

.mkp-spotlight-index-card-eats::after { background: var(--mkp-spotlight-red); }
.mkp-spotlight-index-card-finds::after { background: var(--mkp-spotlight-teal); }
.mkp-spotlight-index-card-bulletin::after { background: var(--mkp-spotlight-gold); }
.mkp-spotlight-index-card-fashion::after { background: var(--mkp-spotlight-plum); }

.mkp-spotlight-index-card p:not(.mkp-spotlight-index-label) {
	margin: 0;
	line-height: 1.65;
	color: var(--mkp-spotlight-muted);
}

.mkp-spotlight-sections {
	margin-top: clamp(3rem, 7vw, 7rem);
	padding: clamp(3rem, 7vw, 7rem) clamp(1rem, 4vw, 2rem);
	background:
		linear-gradient(180deg, rgba(38, 24, 15, 0.035), rgba(255, 255, 255, 0)),
		#fffaf3;
}

.mkp-spotlight-category-section {
	position: relative;
	max-width: 1180px;
	margin: 0 auto clamp(4rem, 7vw, 7rem);
	padding: clamp(1.1rem, 2vw, 1.8rem);
	border: 1px solid var(--mkp-spotlight-border);
	border-radius: 2.1rem;
	background: rgba(255, 255, 255, 0.64);
	box-shadow: 0 28px 70px rgba(87, 46, 18, 0.08);
}

.mkp-spotlight-category-section:last-child {
	margin-bottom: 0;
}

.mkp-spotlight-category-section > .mkp-spotlight-section-kicker,
.mkp-spotlight-category-section > .mkp-spotlight-section-title {
	text-align: left;
	margin-left: 0;
}

.mkp-spotlight-category-intro {
	max-width: 760px;
	margin: 1rem 0 0;
	font-size: 1.02rem;
	line-height: 1.75;
	color: var(--mkp-spotlight-muted);
}

.mkp-spotlight-category-hero {
	position: relative;
	overflow: hidden;
	margin-top: 1.5rem;
	border-radius: 1.6rem;
	background: #26180f;
	color: #fffaf3;
	box-shadow: 0 24px 56px rgba(38, 24, 15, 0.16);
}

.mkp-spotlight-category-hero-image img {
	width: 100%;
	height: 100%;
	min-height: 340px;
	object-fit: cover;
	opacity: 0.9;
}

.mkp-spotlight-category-hero-copy {
	position: absolute;
	left: clamp(1rem, 3vw, 2rem);
	right: clamp(1rem, 3vw, 2rem);
	bottom: clamp(1rem, 3vw, 2rem);
	max-width: 720px;
	padding: clamp(1rem, 2.4vw, 1.65rem);
	border-radius: 1.25rem;
	background: rgba(38, 24, 15, 0.74);
	backdrop-filter: blur(14px);
}

.mkp-spotlight-category-hero-title {
	margin: 0.35rem 0 0;
	font-size: clamp(1.7rem, 3.2vw, 3.3rem);
	line-height: 1;
	letter-spacing: -0.045em;
}

.mkp-spotlight-category-hero-excerpt {
	margin-top: 0.75rem;
	color: rgba(255, 250, 243, 0.88);
}

.mkp-spotlight-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 1.15rem;
}

.mkp-spotlight-story-card {
	overflow: hidden;
	border: 1px solid var(--mkp-spotlight-border);
	border-radius: 1.3rem;
	background: #fffdf8;
	box-shadow: 0 18px 42px rgba(58, 30, 14, 0.08);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.mkp-spotlight-story-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(58, 30, 14, 0.12);
}

.mkp-spotlight-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mkp-spotlight-card-title,
.mkp-spotlight-card-excerpt {
	padding-inline: 1.1rem;
}

.mkp-spotlight-card-title {
	margin: 1rem 0 0;
	font-size: clamp(1.15rem, 1.8vw, 1.45rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	font-weight: 850;
}

.mkp-spotlight-card-excerpt {
	margin: 0.65rem 0 1.2rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--mkp-spotlight-muted);
}

.mkp-spotlight-submit-panel {
	position: relative;
	overflow: hidden;
	margin-bottom: clamp(4rem, 7vw, 7rem);
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 2rem;
	background:
		radial-gradient(circle at 82% 18%, rgba(245, 184, 61, 0.32), transparent 28%),
		linear-gradient(135deg, #26180f, #4d2118 55%, #7a2b51);
	color: #fff8ed;
	box-shadow: 0 34px 90px rgba(38, 24, 15, 0.22);
}

.mkp-spotlight-submit-panel .mkp-spotlight-section-kicker {
	color: #ffd36b;
}

.mkp-spotlight-submit-title {
	max-width: 900px;
	margin: 0;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
	font-weight: 900;
}

.mkp-spotlight-submit-copy {
	max-width: 720px;
	margin: 1rem 0 0;
	font-size: 1.08rem;
	line-height: 1.75;
	color: rgba(255, 248, 237, 0.82);
}

@media (max-width: 900px) {
	.mkp-spotlight-cover::before {
		inset: 0.7rem;
		border-radius: 1.7rem;
	}

	.mkp-spotlight-title {
		max-width: 100%;
	}

	.mkp-spotlight-feature-body,
	.mkp-spotlight-category-hero-copy {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin: -1.5rem 1rem 1rem;
	}

	.mkp-spotlight-card-grid,
	.mkp-spotlight-section-index {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	.mkp-spotlight-cover {
		padding-top: 3rem;
	}

	.mkp-spotlight-title {
		font-size: clamp(2.8rem, 16vw, 4rem);
	}

	.mkp-spotlight-category-section {
		border-radius: 1.45rem;
	}
}

.mkp-spotlight-sections {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	margin-top: clamp(3rem, 6vw, 6rem);
	padding: clamp(3rem, 7vw, 6.5rem) clamp(1rem, 4vw, 2rem);
	background:
		radial-gradient(circle at 12% 8%, rgba(245, 184, 61, 0.2), transparent 32%),
		radial-gradient(circle at 88% 18%, rgba(217, 71, 47, 0.1), transparent 30%),
		linear-gradient(180deg, #f2dfc9 0%, #ead2b6 48%, #dfc29f 100%);
	color: #26180f;
}

.mkp-spotlight-sections::before {
	content: "";
	position: absolute;
	left: -6%;
	bottom: -6%;
	width: 48%;
	height: 80%;
	background-image: url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1200&q=80");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.13;
	filter: grayscale(1) contrast(1.25) sepia(0.25);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 0;
	border-radius: 999px 999px 0 0;
}

.mkp-spotlight-sections::after {
	content: "";
	position: absolute;
	right: -8%;
	top: 4%;
	width: 42%;
	height: 68%;
	background-image: url("https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1200&q=80");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.1;
	filter: grayscale(1) contrast(1.3) sepia(0.2);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 0;
	border-radius: 999px 0 0 999px;
}

.mkp-spotlight-sections > * {
	position: relative;
	z-index: 1;
}

.mkp-spotlight-sections .mkp-spotlight-category-section,
.mkp-spotlight-sections .mkp-spotlight-story-card,
.mkp-spotlight-sections .mkp-spotlight-category-hero {
	background: #fffdf8;
	color: #26180f;
	border-color: rgba(38, 24, 15, 0.12);
}

.mkp-spotlight-sections .mkp-spotlight-section-title,
.mkp-spotlight-sections .mkp-spotlight-category-hero-title,
.mkp-spotlight-sections .mkp-spotlight-card-title,
.mkp-spotlight-sections > .mkp-spotlight-category-section > .mkp-spotlight-section-title,
.mkp-spotlight-sections > .mkp-spotlight-category-section > .mkp-spotlight-section-kicker,
.mkp-spotlight-sections > .mkp-spotlight-category-section > .mkp-spotlight-category-intro {
	color: #26180f;
}

.mkp-spotlight-sections .mkp-spotlight-category-intro,
.mkp-spotlight-sections .mkp-spotlight-category-hero-excerpt,
.mkp-spotlight-sections .mkp-spotlight-card-excerpt {
	color: #77614d;
}

.mkp-spotlight-sections .mkp-spotlight-section-kicker,
.mkp-spotlight-sections .mkp-spotlight-category-chip,
.mkp-spotlight-sections .mkp-spotlight-category-chip a {
	color: #d9472f;
}

@media (max-width: 781px) {
	.mkp-spotlight-sections::before {
		left: -22%;
		width: 82%;
		height: 46%;
		opacity: 0.09;
	}

	.mkp-spotlight-sections::after {
		right: -28%;
		top: 12%;
		width: 76%;
		height: 42%;
		opacity: 0.075;
	}
}

.mkp-spotlight-submit-panel-light {
	position: relative;
	overflow: hidden;
	max-width: 1080px;
	margin: clamp(3rem, 6vw, 6rem) auto;
	padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 5vw, 4rem);
	border: 1px solid rgba(217, 71, 47, 0.14);
	border-radius: 2.25rem;
	background:
		radial-gradient(circle at 12% 18%, rgba(245, 184, 61, 0.28), transparent 30%),
		radial-gradient(circle at 88% 12%, rgba(14, 124, 123, 0.12), transparent 28%),
		linear-gradient(135deg, #fffdf8 0%, #fff3df 52%, #ffe7d2 100%);
	box-shadow: 0 24px 70px rgba(132, 75, 31, 0.12);
	text-align: center;
	color: #26180f;
}

.mkp-spotlight-submit-panel-light::before {
	content: "";
	position: absolute;
	left: -3rem;
	bottom: -3rem;
	width: 10rem;
	height: 10rem;
	border-radius: 999px;
	background: rgba(245, 184, 61, 0.22);
	pointer-events: none;
}

.mkp-spotlight-submit-panel-light::after {
	content: "";
	position: absolute;
	right: -4rem;
	top: -4rem;
	width: 13rem;
	height: 13rem;
	border-radius: 999px;
	background: rgba(217, 71, 47, 0.1);
	pointer-events: none;
}

.mkp-spotlight-submit-panel-light > * {
	position: relative;
	z-index: 1;
}

.mkp-spotlight-submit-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 1rem;
	padding: 0.45rem 0.9rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	color: #d9472f;
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 8px 22px rgba(132, 75, 31, 0.08);
}

.mkp-spotlight-submit-title {
	max-width: 780px;
	margin: 0 auto;
	color: #26180f;
	font-size: clamp(2rem, 4.8vw, 4.6rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
	font-weight: 900;
}

.mkp-spotlight-submit-copy {
	max-width: 720px;
	margin: 1.1rem auto 0;
	color: #6f5642;
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.75;
}

.mkp-spotlight-submit-prompts {
	gap: 0.65rem;
	margin-top: 1.5rem;
}

.mkp-spotlight-submit-prompts p {
	margin: 0;
	padding: 0.55rem 0.85rem;
	border: 1px solid rgba(38, 24, 15, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.66);
	color: #4d3525;
	font-size: 0.92rem;
	font-weight: 750;
}

.mkp-spotlight-submit-actions {
	margin-top: 1.8rem;
}

.mkp-spotlight-submit-button .wp-block-button__link {
	border-radius: 999px;
	padding: 0.95rem 1.45rem;
	background: #d9472f;
	color: #fffdf8;
	font-weight: 850;
	box-shadow: 0 16px 34px rgba(217, 71, 47, 0.24);
}

.mkp-spotlight-submit-button .wp-block-button__link:hover {
	background: #bd3925;
}

/* =========================================================
   MUSTA KA PINOY - ISSUES + MULTIMEDIA PAGE TEMPLATES
   Drop this near the end of kabayan.css
   ========================================================= */

/* Shared template shells
   --------------------------------------------------------- */
.mkp-issues-template-main,
.mkp-multimedia-template-main {
    width: 100vw;
    max-width: 100vw;
    margin-top: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    color: var(--mkp-ink, #142033);
    background: var(--mkp-ivory, #fffdf8);
}

.mkp-issues-template-main *,
.mkp-multimedia-template-main * {
    box-sizing: border-box;
}

.mkp-issues-template-content,
.mkp-multimedia-template-content {
    width: 100%;
    margin: 0 auto;
}

.mkp-issues-template-content > .wp-block-post-content,
.mkp-multimedia-template-content > .wp-block-post-content {
    margin-top: 0 !important;
}

/* Optional page content wrappers.
   Add these classes to the first Group block inside the page editor:
   - Issues page: mkp-issues-page
   - Multimedia page: mkp-multimedia-page
   --------------------------------------------------------- */
.mkp-issues-page,
.mkp-multimedia-page {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden;
}

.mkp-issues-page a,
.mkp-multimedia-page a {
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
}

/* =========================================================
   ISSUES PAGE
   Based on the attached overview: monthly digital magazine,
   current issue, archive, featured stories, and ad placement.
   ========================================================= */

.mkp-issues-template-main {
    background:
        radial-gradient(circle at 8% 8%, rgba(234, 179, 8, .22), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(29, 78, 216, .16), transparent 26%),
        linear-gradient(180deg, #fff9eb 0%, #fffdf8 42%, #f6f9ff 100%);
}

.mkp-issues-page {
    --mkp-issues-ink: #172033;
    --mkp-issues-muted: #64748b;
    --mkp-issues-blue: #1d4ed8;
    --mkp-issues-red: #dc2626;
    --mkp-issues-gold: #eab308;
    --mkp-issues-paper: #ffffff;
    --mkp-issues-cream: #fff7df;
    --mkp-issues-line: rgba(15, 23, 42, .1);
    --mkp-issues-shadow: 0 24px 70px rgba(15, 23, 42, .10);
    color: var(--mkp-issues-ink);
}

.mkp-issues-hero,
.mkp-issues-current,
.mkp-issues-archive,
.mkp-issues-features,
.mkp-issues-advertise,
.mkp-issues-footer-cta {
    padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 5vw, 5.25rem);
}

.mkp-issues-hero > *,
.mkp-issues-current > *,
.mkp-issues-archive > *,
.mkp-issues-features > *,
.mkp-issues-advertise > *,
.mkp-issues-footer-cta > * {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.mkp-issues-hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(420px, 58vw, 650px);
    display: grid;
    align-items: center;
}

.mkp-issues-hero::before {
    content: "";
    position: absolute;
    inset: 1.25rem;
    z-index: -1;
    border: 1px solid var(--mkp-issues-line);
    border-radius: clamp(1.8rem, 4vw, 3rem);
    background:
        linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,247,223,.72)),
        radial-gradient(circle at 78% 22%, rgba(220, 38, 38, .12), transparent 32%);
    box-shadow: var(--mkp-issues-shadow);
}

.mkp-issues-kicker,
.mkp-issues-section-kicker {
    margin: 0 0 1rem;
    color: var(--mkp-issues-blue);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-issues-title {
    max-width: 10ch;
    margin: 0;
    color: var(--mkp-issues-ink);
    font-size: clamp(3.25rem, 9vw, 8rem);
    line-height: .88;
    letter-spacing: -.075em;
}

.mkp-issues-lede,
.mkp-issues-section-intro,
.mkp-issues-card-copy {
    max-width: 760px;
    color: var(--mkp-issues-muted);
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    line-height: 1.75;
}

.mkp-issues-current {
    background: #ffffff;
}

.mkp-issues-current-grid,
.mkp-issues-ad-grid {
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: stretch;
}

.mkp-issues-cover-card,
.mkp-issues-info-card,
.mkp-issues-feature-card,
.mkp-issues-ad-card {
    height: 100%;
    padding: clamp(1.4rem, 3vw, 2.25rem);
    border: 1px solid var(--mkp-issues-line);
    border-radius: clamp(1.4rem, 3vw, 2rem);
    background: var(--mkp-issues-paper);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .07);
}

.mkp-issues-cover-card {
    background:
        linear-gradient(145deg, rgba(29, 78, 216, .08), rgba(234, 179, 8, .12)),
        #ffffff;
}

.mkp-issues-cover-image img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 1.35rem;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .16);
}

.mkp-issues-card-label,
.mkp-issues-archive-label {
    display: inline-flex;
    margin: 0 0 .9rem;
    padding: .42rem .75rem;
    border-radius: 999px;
    color: #ffffff;
    background: var(--mkp-issues-red);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-issues-card-title,
.mkp-issues-section-title {
    margin-top: 0;
    color: var(--mkp-issues-ink);
    font-size: clamp(2rem, 5vw, 4.6rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.mkp-issues-actions {
    margin-top: 2rem;
}

.mkp-issues-btn-primary .wp-block-button__link,
.mkp-issues-btn-secondary .wp-block-button__link {
    border-radius: 999px;
    padding: .95rem 1.35rem;
    font-weight: 900;
}

.mkp-issues-btn-primary .wp-block-button__link {
    color: #ffffff;
    background: var(--mkp-issues-blue);
    box-shadow: 0 16px 36px rgba(29, 78, 216, .22);
}

.mkp-issues-btn-secondary .wp-block-button__link {
    color: var(--mkp-issues-ink);
    background: var(--mkp-issues-cream);
}

.mkp-issues-archive {
    background: #f8fbff;
}

.mkp-issues-archive-grid,
.mkp-issues-feature-grid {
    gap: 1.25rem;
}

.mkp-issues-archive-card,
.mkp-issues-feature-card {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mkp-issues-archive-card:hover,
.mkp-issues-feature-card:hover {
    border-color: rgba(29, 78, 216, .25);
    transform: translateY(-4px);
    box-shadow: var(--mkp-issues-shadow);
}

.mkp-issues-archive-card h3,
.mkp-issues-feature-card h3,
.mkp-issues-ad-card h3 {
    margin-top: 0;
    color: var(--mkp-issues-ink);
    font-size: 1.35rem;
    line-height: 1.22;
}

.mkp-issues-archive-card p,
.mkp-issues-feature-card p,
.mkp-issues-ad-card p {
    color: var(--mkp-issues-muted);
    line-height: 1.7;
}

.mkp-issues-advertise {
    background: #ffffff;
}

.mkp-issues-ad-card {
    background:
        radial-gradient(circle at top right, rgba(234, 179, 8, .20), transparent 34%),
        linear-gradient(145deg, #172033, #1d4ed8);
    color: #ffffff;
}

.mkp-issues-ad-card h3,
.mkp-issues-ad-card p {
    color: #ffffff;
}

.mkp-issues-footer-cta {
    text-align: center;
    color: #ffffff;
    background:
        radial-gradient(circle at top left, rgba(234, 179, 8, .30), transparent 32%),
        linear-gradient(135deg, #dc2626, #1d4ed8);
}

.mkp-issues-footer-cta h2 {
    max-width: 880px;
    color: #ffffff;
}

.mkp-issues-footer-cta p {
    max-width: 760px;
    color: rgba(255, 255, 255, .88);
}

/* =========================================================
   MUSTA KA PINOY? - Premium Issues Gutenberg Page
   Paste after the main kabayan.css rules.
   This styles the Gutenberg page content rendered by:
   issues-page-template.html -> wp:post-content
   ========================================================= */

body:has(.mkp-issues-magazine-page) .wp-site-blocks {
    background: var(--mkp-ivory, #fffdf8);
}

body:has(.mkp-issues-magazine-page) .wp-block-post-title {
    display: none !important;
}

.mkp-issues-template-main,
.mkp-issues-template-content,
.mkp-issues-template-content > .wp-block-post-content {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mkp-issues-magazine-page {
    --mkp-mag-ink: var(--mkp-navy, #0f172a);
    --mkp-mag-text: var(--mkp-text, #334155);
    --mkp-mag-muted: var(--mkp-muted, #64748b);
    --mkp-mag-blue: var(--mkp-blue, #1d4ed8);
    --mkp-mag-red: var(--mkp-red, #dc2626);
    --mkp-mag-gold: var(--mkp-gold, #eab308);
    --mkp-mag-paper: #ffffff;
    --mkp-mag-cream: #fff7df;
    --mkp-mag-line: rgba(15, 23, 42, .10);
    --mkp-mag-shadow: 0 28px 75px rgba(15, 23, 42, .12);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    color: var(--mkp-mag-ink);
    background:
        radial-gradient(circle at 5% 10%, rgba(250, 204, 21, .15), transparent 24%),
        radial-gradient(circle at 95% 20%, rgba(29, 78, 216, .10), transparent 26%),
        linear-gradient(180deg, #fffdf8 0%, #f8fafc 52%, #fffdf8 100%);
}

.mkp-issues-magazine-page a {
    text-decoration: none;
}

.mkp-issues-premium-hero {
    margin-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.mkp-issues-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, .78) 0%, rgba(15, 23, 42, .56) 44%, rgba(15, 23, 42, .18) 100%),
        radial-gradient(circle at 17% 26%, rgba(250, 204, 21, .30), transparent 24%);
    pointer-events: none;
}

.mkp-issues-premium-hero .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

.mkp-issues-hero-inner,
.mkp-issues-editorial-strip > *,
.mkp-issues-current-feature > *,
.mkp-issues-category-section > *,
.mkp-issues-mid-cover-inner,
.mkp-issues-archive-section > *,
.mkp-issues-sponsor-section > *,
.mkp-issues-bottom-cta > * {
    width: min(1320px, calc(100vw - 40px));
    margin-left: auto;
    margin-right: auto;
}

.mkp-issues-hero-inner {
    max-width: 900px;
    margin-left: clamp(20px, 6vw, 92px);
    margin-right: auto;
    padding-top: clamp(90px, 12vw, 150px);
    padding-bottom: clamp(80px, 10vw, 130px);
}

.mkp-issues-kicker,
.mkp-issues-section-kicker,
.mkp-issues-card-label,
.mkp-issues-category-tag,
.mkp-issues-post-category,
.mkp-issues-ad-slot-label {
    margin: 0 0 14px;
    color: var(--mkp-mag-gold);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-issues-hero-title {
    max-width: 820px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(3.2rem, 8vw, 7.8rem);
    line-height: .88;
    letter-spacing: -.075em;
    font-weight: 800;
    text-wrap: balance;
}

.mkp-issues-hero-lede {
    max-width: 740px;
    margin: 0 0 34px;
    color: rgba(255, 255, 255, .90);
    font-size: clamp(1.08rem, 1.7vw, 1.3rem);
    line-height: 1.8;
}

.mkp-issues-hero-actions .wp-block-button__link,
.mkp-issues-actions .wp-block-button__link,
.mkp-issues-bottom-cta .wp-block-button__link,
.mkp-issues-sponsor-section .wp-block-button__link {
    border-radius: 999px;
    padding: 15px 24px;
    font-weight: 900;
    letter-spacing: .01em;
}

.mkp-issues-btn-light .wp-block-button__link,
.mkp-issues-magazine-page .mkp-btn-primary .wp-block-button__link {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--mkp-mag-red), var(--mkp-mag-blue)) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
}

.mkp-issues-btn-ghost .wp-block-button__link,
.mkp-issues-magazine-page .mkp-btn-outline .wp-block-button__link {
    color: var(--mkp-mag-ink) !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .10);
}

.mkp-issues-hero-actions .mkp-issues-btn-ghost .wp-block-button__link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .38);
    backdrop-filter: blur(10px);
}

.mkp-issues-editorial-strip,
.mkp-issues-current-feature,
.mkp-issues-category-section,
.mkp-issues-archive-section,
.mkp-issues-sponsor-section,
.mkp-issues-bottom-cta {
    padding-left: clamp(20px, 5vw, 84px);
    padding-right: clamp(20px, 5vw, 84px);
}

.mkp-issues-editorial-strip {
    padding-top: clamp(58px, 7vw, 96px);
    padding-bottom: clamp(40px, 6vw, 72px);
}

.mkp-issues-editorial-grid {
    align-items: flex-end !important;
    gap: clamp(32px, 5vw, 90px);
}

.mkp-issues-section-kicker {
    color: var(--mkp-mag-blue);
}

.mkp-issues-section-title {
    margin: 0 0 20px;
    color: var(--mkp-mag-ink);
    font-size: clamp(2.2rem, 4.8vw, 5.1rem);
    line-height: .96;
    letter-spacing: -.06em;
    font-weight: 800;
    text-wrap: balance;
}

.mkp-issues-section-intro,
.mkp-issues-card-copy {
    color: var(--mkp-mag-text);
    font-size: clamp(1.02rem, 1.45vw, 1.16rem);
    line-height: 1.85;
}

.mkp-issues-stat-row {
    gap: 14px;
    margin-top: 28px;
}

.mkp-issues-stat-row p {
    min-width: 150px;
    margin: 0;
    padding: 18px 20px;
    border: 1px solid var(--mkp-mag-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 35px rgba(15, 23, 42, .05);
}

.mkp-issues-stat-row strong,
.mkp-issues-stat-row span {
    display: block;
}

.mkp-issues-stat-row strong {
    color: var(--mkp-mag-red);
    font-size: 1.6rem;
    line-height: 1;
}

.mkp-issues-stat-row span {
    margin-top: 7px;
    color: var(--mkp-mag-muted);
    font-size: .88rem;
    font-weight: 800;
}

.mkp-issues-current-feature {
    padding-top: clamp(34px, 5vw, 70px);
    padding-bottom: clamp(72px, 8vw, 120px);
}

.mkp-issues-current-grid {
    gap: clamp(28px, 4vw, 62px);
    align-items: center !important;
}

.mkp-issues-current-image {
    position: relative;
    margin: 0 !important;
    border-radius: 34px;
    overflow: hidden;
    box-shadow: var(--mkp-mag-shadow);
}

.mkp-issues-current-image::after {
    content: "Featured Issue";
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding: 10px 14px;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(15, 23, 42, .72);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.mkp-issues-current-image img {
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    transition: transform .45s ease;
}

.mkp-issues-current-image:hover img {
    transform: scale(1.035);
}

.mkp-issues-current-card {
    padding: clamp(28px, 4vw, 50px);
    border: 1px solid var(--mkp-mag-line);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(255, 247, 223, .70)),
        var(--mkp-mag-paper);
    box-shadow: var(--mkp-mag-shadow);
}

.mkp-issues-card-label {
    color: var(--mkp-mag-red);
}

.mkp-issues-card-title {
    margin: 0 0 18px;
    color: var(--mkp-mag-ink);
    font-size: clamp(1.9rem, 3.2vw, 3.15rem);
    line-height: 1;
    letter-spacing: -.045em;
    font-weight: 800;
    text-wrap: balance;
}

.mkp-issues-actions {
    margin-top: 28px;
}

.mkp-issues-category-section {
    padding-top: clamp(74px, 8vw, 118px);
    padding-bottom: clamp(76px, 9vw, 132px);
    background:
        radial-gradient(circle at 5% 5%, rgba(220, 38, 38, .08), transparent 24%),
        radial-gradient(circle at 96% 14%, rgba(29, 78, 216, .10), transparent 26%),
        #ffffff;
    border-top: 1px solid rgba(15, 23, 42, .06);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.mkp-issues-section-heading {
    max-width: 940px;
    margin-bottom: clamp(34px, 5vw, 58px);
    text-align: center;
}

.mkp-issues-category-grid {
    gap: 24px;
    margin-bottom: 24px;
}

.mkp-issues-category-grid-second {
    margin-top: 0;
}

.mkp-issues-category-card {
    height: 100%;
    padding: 14px 14px 28px;
    border: 1px solid var(--mkp-mag-line);
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mkp-issues-category-card:hover {
    transform: translateY(-6px);
    border-color: rgba(29, 78, 216, .22);
    box-shadow: var(--mkp-mag-shadow);
}

.mkp-issues-category-card figure {
    margin: 0 0 22px !important;
    overflow: hidden;
    border-radius: 22px;
}

.mkp-issues-category-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .45s ease;
}

.mkp-issues-category-card:hover img {
    transform: scale(1.05);
}

.mkp-issues-category-card .mkp-issues-category-tag,
.mkp-issues-category-card h3,
.mkp-issues-category-card p:not(.mkp-issues-category-tag) {
    margin-left: 10px;
    margin-right: 10px;
}

.mkp-issues-category-card .mkp-issues-category-tag {
    color: var(--mkp-mag-red);
}

.mkp-issues-category-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--mkp-mag-ink);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.mkp-issues-category-card h3 a {
    color: inherit;
}

.mkp-issues-category-card p:not(.mkp-issues-category-tag) {
    color: var(--mkp-mag-text);
    line-height: 1.72;
}

.mkp-issues-mid-cover {
    border-top: 1px solid rgba(255, 255, 255, .20);
    border-bottom: 1px solid rgba(255, 255, 255, .20);
}

.mkp-issues-mid-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, .74), rgba(15, 23, 42, .42)),
        radial-gradient(circle at 80% 20%, rgba(250, 204, 21, .25), transparent 28%);
    pointer-events: none;
}

.mkp-issues-mid-cover .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

.mkp-issues-mid-cover-inner {
    max-width: 760px;
    margin-left: clamp(20px, 6vw, 92px);
    margin-right: auto;
}

.mkp-issues-mid-cover .mkp-issues-section-kicker {
    color: var(--mkp-mag-gold);
}

.mkp-issues-mid-cover h2 {
    max-width: 740px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(2.35rem, 5vw, 5.2rem);
    line-height: .95;
    letter-spacing: -.06em;
    font-weight: 800;
}

.mkp-issues-mid-cover p:not(.mkp-issues-section-kicker) {
    max-width: 650px;
    color: rgba(255, 255, 255, .88);
    font-size: 1.08rem;
    line-height: 1.75;
}

.mkp-issues-archive-section {
    padding-top: clamp(78px, 9vw, 130px);
    padding-bottom: clamp(78px, 9vw, 130px);
    background:
        linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px),
        #fffdf8;
    background-size: 42px 42px;
}

.mkp-issues-archive-query {
    margin-top: clamp(32px, 5vw, 58px);
}

.mkp-issues-query-grid {
    gap: 28px !important;
}

.mkp-issues-post-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--mkp-mag-line);
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mkp-issues-post-card:hover {
    transform: translateY(-6px);
    border-color: rgba(29, 78, 216, .24);
    box-shadow: var(--mkp-mag-shadow);
}

.mkp-issues-post-image {
    margin: 0 !important;
    overflow: hidden;
    background: var(--mkp-mag-cream);
}

.mkp-issues-post-image img {
    width: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.mkp-issues-post-card:hover .mkp-issues-post-image img {
    transform: scale(1.045);
}

.mkp-issues-post-body {
    padding: 24px 24px 28px;
}

.mkp-issues-post-category {
    margin-bottom: 12px;
    color: var(--mkp-mag-red);
}

.mkp-issues-post-category a {
    color: inherit;
}

.mkp-issues-post-title {
    margin: 0 0 10px !important;
    font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em;
    font-weight: 800;
}

.mkp-issues-post-title a {
    color: var(--mkp-mag-ink);
}

.mkp-issues-post-meta {
    gap: 8px;
    margin: 0 0 16px;
    color: var(--mkp-mag-muted);
    font-size: .88rem;
    font-weight: 800;
}

.mkp-issues-post-excerpt {
    color: var(--mkp-mag-text);
    line-height: 1.72;
}

.mkp-issues-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: var(--mkp-mag-blue);
    font-weight: 900;
}

.mkp-issues-read-more::after {
    content: "->";
    transition: transform .2s ease;
}

.mkp-issues-post-card:hover .mkp-issues-read-more::after {
    transform: translateX(4px);
}

.mkp-issues-archive-query .wp-block-query-pagination {
    margin-top: 48px;
    gap: 12px;
}

.mkp-issues-archive-query .wp-block-query-pagination a,
.mkp-issues-archive-query .page-numbers {
    min-width: 42px;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid var(--mkp-mag-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--mkp-mag-ink);
    font-weight: 900;
    text-decoration: none;
}

.mkp-issues-no-results {
    max-width: 760px;
    margin: 20px auto;
    padding: 34px;
    border: 1px dashed rgba(15, 23, 42, .22);
    border-radius: 28px;
    background: rgba(255, 255, 255, .72);
    text-align: center;
}

.mkp-issues-sponsor-section {
    padding-top: clamp(78px, 8vw, 120px);
    padding-bottom: clamp(78px, 8vw, 120px);
    background: #0f172a;
    color: #ffffff;
}

.mkp-issues-sponsor-section .mkp-issues-section-title {
    color: #ffffff;
}

.mkp-issues-sponsor-section .mkp-issues-section-intro {
    color: rgba(255, 255, 255, .76);
}

.mkp-issues-sponsor-grid {
    gap: clamp(32px, 5vw, 86px);
    align-items: center !important;
}

.mkp-issues-ad-card-grid {
    gap: 22px;
    margin-bottom: 22px;
}

.mkp-issues-ad-card {
    min-height: 180px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 10%, rgba(250, 204, 21, .18), transparent 34%),
        rgba(255, 255, 255, .07);
    backdrop-filter: blur(8px);
}

.mkp-issues-ad-card h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.45rem;
    line-height: 1.1;
}

.mkp-issues-ad-card p {
    color: rgba(255, 255, 255, .74);
    line-height: 1.7;
}

.mkp-issues-premium-ad-slot {
    padding: clamp(32px, 5vw, 58px);
    border: 1px dashed rgba(250, 204, 21, .48);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(220, 38, 38, .30), rgba(29, 78, 216, .26)),
        rgba(255, 255, 255, .07);
}

.mkp-issues-premium-ad-slot p {
    color: rgba(255, 255, 255, .80);
}

.mkp-issues-premium-ad-slot .mkp-issues-ad-slot-label {
    color: var(--mkp-mag-gold);
    font-size: .9rem;
}

.mkp-issues-bottom-cta {
    padding-top: clamp(72px, 8vw, 112px);
    padding-bottom: clamp(72px, 8vw, 112px);
    text-align: center;
    background:
        radial-gradient(circle at 18% 10%, rgba(250, 204, 21, .28), transparent 24%),
        radial-gradient(circle at 82% 28%, rgba(29, 78, 216, .12), transparent 28%),
        #fff7df;
}

.mkp-issues-bottom-cta h2 {
    max-width: 820px;
    margin: 0 auto 18px;
    color: var(--mkp-mag-ink);
    font-size: clamp(2.4rem, 5vw, 5.25rem);
    line-height: .95;
    letter-spacing: -.06em;
    font-weight: 800;
}

.mkp-issues-bottom-cta p {
    max-width: 700px;
    margin: 0 auto 30px;
    color: var(--mkp-mag-text);
    font-size: 1.1rem;
    line-height: 1.8;
}

@media (max-width: 980px) {
    .mkp-issues-hero-title {
        font-size: clamp(3rem, 12vw, 5.4rem);
    }

    .mkp-issues-editorial-grid,
    .mkp-issues-current-grid,
    .mkp-issues-sponsor-grid {
        flex-direction: column;
    }

    .mkp-issues-category-grid,
    .mkp-issues-category-grid-second,
    .mkp-issues-ad-card-grid {
        flex-direction: column;
    }

    .mkp-issues-query-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .mkp-issues-hero-inner {
        width: calc(100vw - 32px);
        margin-left: auto;
        margin-right: auto;
        padding-top: 92px;
        padding-bottom: 78px;
    }

    .mkp-issues-premium-hero {
        min-height: 680px !important;
    }

    .mkp-issues-hero-actions .wp-block-button,
    .mkp-issues-actions .wp-block-button,
    .mkp-issues-bottom-cta .wp-block-button {
        width: 100%;
    }

    .mkp-issues-hero-actions .wp-block-button__link,
    .mkp-issues-actions .wp-block-button__link,
    .mkp-issues-bottom-cta .wp-block-button__link {
        width: 100%;
        text-align: center;
    }

    .mkp-issues-query-grid {
        grid-template-columns: 1fr !important;
    }

    .mkp-issues-current-card,
    .mkp-issues-post-body,
    .mkp-issues-ad-card,
    .mkp-issues-premium-ad-slot {
        padding: 24px;
    }
}

/* =========================================================
   MULTIMEDIA PAGE
   Based on the attached overview: videos, galleries,
   interviews, event highlights, and social media feeds.
   ========================================================= */

.mkp-multimedia-template-main {
    background:
        radial-gradient(circle at 10% 8%, rgba(220, 38, 38, .16), transparent 28%),
        radial-gradient(circle at 86% 0%, rgba(96, 165, 250, .24), transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #fffdf8 40%, #fff7ed 100%);
}

.mkp-multimedia-page {
    --mkp-media-ink: #101827;
    --mkp-media-muted: #64748b;
    --mkp-media-blue: #1d4ed8;
    --mkp-media-red: #dc2626;
    --mkp-media-gold: #facc15;
    --mkp-media-sky: #eaf5ff;
    --mkp-media-card: #ffffff;
    --mkp-media-line: rgba(15, 23, 42, .1);
    --mkp-media-shadow: 0 24px 70px rgba(15, 23, 42, .10);
    color: var(--mkp-media-ink);
}

.mkp-media-hero,
.mkp-media-featured,
.mkp-media-video-wall,
.mkp-media-galleries,
.mkp-media-interviews,
.mkp-media-social,
.mkp-media-footer-cta {
    padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 5vw, 5.25rem);
}

.mkp-media-hero > *,
.mkp-media-featured > *,
.mkp-media-video-wall > *,
.mkp-media-galleries > *,
.mkp-media-interviews > *,
.mkp-media-social > *,
.mkp-media-footer-cta > * {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.mkp-media-hero {
    position: relative;
    min-height: clamp(420px, 58vw, 660px);
    display: grid;
    align-items: center;
    color: #ffffff;
    background:
        radial-gradient(circle at 15% 18%, rgba(250, 204, 21, .32), transparent 28%),
        radial-gradient(circle at 88% 24%, rgba(96, 165, 250, .30), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #1d4ed8 54%, #dc2626 100%);
}

.mkp-media-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: .38;
    pointer-events: none;
}

.mkp-media-hero > * {
    position: relative;
    z-index: 1;
}

.mkp-media-kicker,
.mkp-media-section-kicker {
    margin: 0 0 1rem;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-media-kicker {
    color: var(--mkp-media-gold);
}

.mkp-media-section-kicker {
    color: var(--mkp-media-blue);
}

.mkp-media-title {
    max-width: 10ch;
    margin: 0;
    color: #ffffff;
    font-size: clamp(3.2rem, 9vw, 8rem);
    line-height: .88;
    letter-spacing: -.075em;
}

.mkp-media-lede,
.mkp-media-section-intro,
.mkp-media-card-copy {
    max-width: 780px;
    color: rgba(255, 255, 255, .86);
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    line-height: 1.75;
}

.mkp-media-section-intro,
.mkp-media-card-copy {
    color: var(--mkp-media-muted);
}

.mkp-media-featured {
    background: #ffffff;
}

.mkp-media-feature-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid var(--mkp-media-line);
    border-radius: clamp(1.6rem, 4vw, 2.4rem);
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, .18), transparent 32%),
        var(--mkp-media-card);
    box-shadow: var(--mkp-media-shadow);
}

.mkp-media-feature-card::before {
    content: "\25B6";
    position: absolute;
    right: clamp(1.3rem, 4vw, 3rem);
    top: clamp(1.3rem, 4vw, 3rem);
    display: grid;
    place-items: center;
    width: clamp(3.25rem, 7vw, 5rem);
    height: clamp(3.25rem, 7vw, 5rem);
    border-radius: 50%;
    color: #ffffff;
    background: var(--mkp-media-red);
    box-shadow: 0 16px 36px rgba(220, 38, 38, .28);
}

.mkp-media-card-label {
    display: inline-flex;
    margin: 0 0 1rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    color: #ffffff;
    background: var(--mkp-media-blue);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-media-card-title,
.mkp-media-section-title {
    margin-top: 0;
    color: var(--mkp-media-ink);
    font-size: clamp(2rem, 5vw, 4.6rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.mkp-media-actions {
    margin-top: 2rem;
}

.mkp-media-btn-primary .wp-block-button__link,
.mkp-media-btn-secondary .wp-block-button__link {
    border-radius: 999px;
    padding: .95rem 1.35rem;
    font-weight: 900;
}

.mkp-media-btn-primary .wp-block-button__link {
    color: #ffffff;
    background: var(--mkp-media-red);
    box-shadow: 0 16px 36px rgba(220, 38, 38, .22);
}

.mkp-media-btn-secondary .wp-block-button__link {
    color: var(--mkp-media-ink);
    background: var(--mkp-media-sky);
}

.mkp-media-video-wall {
    background: #f7fbff;
}

.mkp-media-grid,
.mkp-media-gallery-grid,
.mkp-media-interview-grid,
.mkp-media-social-grid {
    gap: 1.25rem;
}

.mkp-media-card,
.mkp-media-gallery-card,
.mkp-media-interview-card,
.mkp-media-social-card {
    height: 100%;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--mkp-media-line);
    border-radius: clamp(1.35rem, 3vw, 2rem);
    background: var(--mkp-media-card);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .07);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mkp-media-card:hover,
.mkp-media-gallery-card:hover,
.mkp-media-interview-card:hover,
.mkp-media-social-card:hover {
    border-color: rgba(220, 38, 38, .24);
    transform: translateY(-4px);
    box-shadow: var(--mkp-media-shadow);
}

.mkp-media-card h3,
.mkp-media-gallery-card h3,
.mkp-media-interview-card h3,
.mkp-media-social-card h3 {
    margin-top: 0;
    color: var(--mkp-media-ink);
    font-size: 1.35rem;
    line-height: 1.22;
}

.mkp-media-card p,
.mkp-media-gallery-card p,
.mkp-media-interview-card p,
.mkp-media-social-card p {
    color: var(--mkp-media-muted);
    line-height: 1.7;
}

.mkp-media-thumbnail img,
.mkp-media-gallery-image img,
.mkp-media-interview-image img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 1.1rem;
}

.mkp-media-galleries {
    background: #ffffff;
}

.mkp-media-interviews {
    background: #fff8ec;
}

.mkp-media-social {
    background: #ffffff;
}

.mkp-media-social-card {
    background:
        linear-gradient(145deg, rgba(29, 78, 216, .08), rgba(220, 38, 38, .08)),
        #ffffff;
}

.mkp-media-footer-cta {
    text-align: center;
    color: #ffffff;
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, .28), transparent 34%),
        linear-gradient(135deg, #0f172a, #1d4ed8 58%, #dc2626);
}

.mkp-media-footer-cta h2 {
    max-width: 880px;
    color: #ffffff;
}

.mkp-media-footer-cta p {
    max-width: 760px;
    color: rgba(255, 255, 255, .88);
}

/* Responsive
   --------------------------------------------------------- */
@media (max-width: 900px) {
    .mkp-issues-current-grid,
    .mkp-issues-ad-grid,
    .mkp-media-grid,
    .mkp-media-gallery-grid,
    .mkp-media-interview-grid,
    .mkp-media-social-grid {
        gap: 1.25rem;
    }
}

@media (max-width: 781px) {
    .mkp-issues-hero,
    .mkp-issues-current,
    .mkp-issues-archive,
    .mkp-issues-features,
    .mkp-issues-advertise,
    .mkp-issues-footer-cta,
    .mkp-media-hero,
    .mkp-media-featured,
    .mkp-media-video-wall,
    .mkp-media-galleries,
    .mkp-media-interviews,
    .mkp-media-social,
    .mkp-media-footer-cta {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .mkp-issues-hero::before {
        inset: .75rem;
        border-radius: 1.6rem;
    }

    .mkp-issues-title,
    .mkp-media-title {
        max-width: 100%;
    }

    .mkp-issues-actions .wp-block-button,
    .mkp-media-actions .wp-block-button {
        width: 100%;
    }

    .mkp-issues-actions .wp-block-button__link,
    .mkp-media-actions .wp-block-button__link {
        width: 100%;
        text-align: center;
    }

    .mkp-media-feature-card::before {
        position: static;
        margin-bottom: 1rem;
    }
}

/* =========================================================
   MUSTA KA PINOY? - Multimedia Entertainment Gutenberg Page
   Use with multimedia-page-template.html -> wp:post-content
   Paste after the main kabayan.css rules.
   Optional JS file: multimedia-entertainment-carousel.js
   ========================================================= */

body:has(.mkp-mm-entertainment-page) .wp-site-blocks {
    background: #060814;
}

body:has(.mkp-mm-entertainment-page) .wp-block-post-title {
    display: none !important;
}

.mkp-multimedia-template-main,
.mkp-multimedia-template-content,
.mkp-multimedia-template-content > .wp-block-post-content {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mkp-mm-entertainment-page {
    --mkp-mm-bg: #060814;
    --mkp-mm-bg-soft: #0d1325;
    --mkp-mm-panel: rgba(255, 255, 255, .08);
    --mkp-mm-panel-strong: rgba(255, 255, 255, .12);
    --mkp-mm-ink: #ffffff;
    --mkp-mm-copy: rgba(255, 255, 255, .78);
    --mkp-mm-muted: rgba(255, 255, 255, .58);
    --mkp-mm-red: #dc2626;
    --mkp-mm-blue: #1d4ed8;
    --mkp-mm-gold: #facc15;
    --mkp-mm-line: rgba(255, 255, 255, .14);
    --mkp-mm-shadow: 0 28px 80px rgba(0, 0, 0, .45);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 7% 4%, rgba(220, 38, 38, .20), transparent 26%),
        radial-gradient(circle at 92% 12%, rgba(29, 78, 216, .22), transparent 28%),
        linear-gradient(180deg, #050711 0%, #0b1020 45%, #060814 100%);
    color: var(--mkp-mm-ink);
}

.mkp-mm-entertainment-page a {
    color: inherit;
    text-decoration: none;
}

.mkp-mm-hero {
    margin-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.mkp-mm-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(5, 7, 17, .90) 0%, rgba(5, 7, 17, .60) 42%, rgba(5, 7, 17, .20) 100%),
        radial-gradient(circle at 21% 25%, rgba(220, 38, 38, .30), transparent 27%),
        radial-gradient(circle at 74% 20%, rgba(250, 204, 21, .17), transparent 22%);
    pointer-events: none;
}

.mkp-mm-hero .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

.mkp-mm-hero-inner,
.mkp-mm-featured-scene > *,
.mkp-mm-stream-section > *,
.mkp-mm-moodboard-inner,
.mkp-mm-interview-grid,
.mkp-mm-latest-section > *,
.mkp-mm-submit-cta > * {
    width: min(1320px, calc(100vw - 40px));
    margin-left: auto;
    margin-right: auto;
}

.mkp-mm-hero-inner {
    max-width: 930px;
    margin-left: clamp(20px, 6vw, 92px);
    margin-right: auto;
    padding-top: clamp(96px, 12vw, 160px);
    padding-bottom: clamp(84px, 10vw, 140px);
}

.mkp-mm-kicker,
.mkp-mm-section-kicker,
.mkp-mm-shelf-label,
.mkp-mm-poster-meta,
.mkp-mm-post-category {
    margin: 0 0 14px;
    color: var(--mkp-mm-gold);
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mkp-mm-hero-title {
    max-width: 880px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(3.2rem, 8.4vw, 8rem);
    line-height: .86;
    letter-spacing: -.08em;
    font-weight: 900;
    text-wrap: balance;
}

.mkp-mm-hero-lede {
    max-width: 760px;
    margin: 0 0 34px;
    color: var(--mkp-mm-copy);
    font-size: clamp(1.08rem, 1.8vw, 1.34rem);
    line-height: 1.82;
}

.mkp-mm-btn-primary .wp-block-button__link,
.mkp-mm-btn-ghost .wp-block-button__link,
.mkp-mm-btn-ghost-light .wp-block-button__link {
    border-radius: 999px;
    padding: 15px 24px;
    font-weight: 950;
}

.mkp-mm-btn-primary .wp-block-button__link {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--mkp-mm-red), var(--mkp-mm-blue)) !important;
    box-shadow: 0 20px 42px rgba(220, 38, 38, .25);
}

.mkp-mm-btn-ghost .wp-block-button__link,
.mkp-mm-btn-ghost-light .wp-block-button__link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .28);
    backdrop-filter: blur(10px);
}

.mkp-mm-featured-scene,
.mkp-mm-moodboard,
.mkp-mm-latest-section,
.mkp-mm-submit-cta {
    padding-left: clamp(20px, 5vw, 84px);
    padding-right: clamp(20px, 5vw, 84px);
}

.mkp-mm-featured-scene {
    padding-top: clamp(72px, 8vw, 118px);
    padding-bottom: clamp(70px, 8vw, 118px);
    background:
        radial-gradient(circle at 12% 12%, rgba(250, 204, 21, .13), transparent 22%),
        #080c18;
}

.mkp-mm-featured-scene-grid {
    align-items: center !important;
    gap: clamp(30px, 5vw, 76px);
}

.mkp-mm-featured-photo {
    position: relative;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 38px;
    box-shadow: var(--mkp-mm-shadow);
}

.mkp-mm-featured-photo::after {
    content: "Featured Scene";
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding: 10px 14px;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(5, 7, 17, .72);
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.mkp-mm-featured-photo img {
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    transition: transform .5s ease;
}

.mkp-mm-featured-photo:hover img {
    transform: scale(1.035);
}

.mkp-mm-scene-card {
    padding: clamp(28px, 4vw, 54px);
    border: 1px solid var(--mkp-mm-line);
    border-radius: 36px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05)),
        rgba(255, 255, 255, .06);
    box-shadow: var(--mkp-mm-shadow);
    backdrop-filter: blur(16px);
}

.mkp-mm-section-kicker {
    color: var(--mkp-mm-gold);
}

.mkp-mm-section-title {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(2.25rem, 5vw, 5.15rem);
    line-height: .94;
    letter-spacing: -.065em;
    font-weight: 900;
    text-wrap: balance;
}

.mkp-mm-section-intro,
.mkp-mm-scene-note,
.mkp-mm-stream-copy,
.mkp-mm-mood-card p,
.mkp-mm-interview-copy p,
.mkp-mm-post-excerpt {
    color: var(--mkp-mm-copy);
    font-size: clamp(1rem, 1.45vw, 1.14rem);
    line-height: 1.82;
}

.mkp-mm-scene-note {
    margin-top: 24px;
    padding: 18px 20px;
    border-left: 4px solid var(--mkp-mm-red);
    border-radius: 18px;
    background: rgba(255, 255, 255, .08);
}

.mkp-mm-stream-section {
    padding: clamp(70px, 8vw, 118px) clamp(20px, 5vw, 84px);
    background: #060814;
}

.mkp-mm-stream-section-dark {
    background:
        radial-gradient(circle at 5% 10%, rgba(29, 78, 216, .20), transparent 26%),
        radial-gradient(circle at 92% 15%, rgba(220, 38, 38, .18), transparent 26%),
        #050711;
}

.mkp-mm-stream-header {
    margin-bottom: clamp(36px, 5vw, 62px);
}

.mkp-mm-stream-title {
    max-width: 920px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(2.4rem, 5vw, 5.3rem);
    line-height: .92;
    letter-spacing: -.07em;
    font-weight: 950;
    text-wrap: balance;
}

.mkp-mm-stream-copy {
    max-width: 780px;
    margin: 0;
}

.mkp-mm-shelf {
    margin-top: clamp(34px, 5vw, 56px);
}

.mkp-mm-shelf + .mkp-mm-shelf {
    margin-top: clamp(52px, 7vw, 86px);
}

.mkp-mm-shelf-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.mkp-mm-shelf-top h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.3rem, 2.3vw, 2.25rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.mkp-mm-shelf-label {
    margin-bottom: 8px;
    color: var(--mkp-mm-red);
}

.mkp-mm-shelf-controls {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.mkp-mm-shelf-controls button {
    min-width: 54px;
    min-height: 42px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, .10);
    font-size: .82rem;
    font-weight: 950;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.mkp-mm-shelf-controls button:hover {
    transform: translateY(-2px);
    border-color: rgba(250, 204, 21, .45);
    background: rgba(250, 204, 21, .16);
}

.mkp-mm-carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: clamp(220px, 24vw, 330px);
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 0 20px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(250, 204, 21, .58) rgba(255, 255, 255, .10);
}

.mkp-mm-carousel::-webkit-scrollbar {
    height: 10px;
}

.mkp-mm-carousel::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .10);
    border-radius: 999px;
}

.mkp-mm-carousel::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--mkp-mm-red), var(--mkp-mm-gold));
    border-radius: 999px;
}

.mkp-mm-poster {
    position: relative;
    display: flex;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 26px;
    background: #10172a;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    scroll-snap-align: start;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mkp-mm-poster:hover {
    z-index: 2;
    transform: translateY(-8px) scale(1.025);
    border-color: rgba(250, 204, 21, .42);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
}

.mkp-mm-poster-wide {
    grid-column: span 2;
}

.mkp-mm-poster-tall {
    min-height: 460px;
}

.mkp-mm-poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.mkp-mm-poster:hover img {
    transform: scale(1.07);
}

.mkp-mm-poster::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 7, 17, .08) 0%, rgba(5, 7, 17, .25) 42%, rgba(5, 7, 17, .88) 100%);
}

.mkp-mm-poster span,
.mkp-mm-poster strong {
    position: relative;
    z-index: 1;
    align-self: end;
}

.mkp-mm-poster-meta {
    position: absolute !important;
    left: 18px;
    bottom: 58px;
    margin: 0;
    color: var(--mkp-mm-gold);
}

.mkp-mm-poster strong {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 0 18px 20px;
    color: #ffffff;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.mkp-mm-moodboard {
    padding-top: clamp(72px, 8vw, 118px);
    padding-bottom: clamp(72px, 8vw, 118px);
    background:
        radial-gradient(circle at 13% 14%, rgba(250, 204, 21, .16), transparent 22%),
        #0d1325;
}

.mkp-mm-moodboard-inner {
    text-align: center;
}

.mkp-mm-moodboard .mkp-mm-section-title {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.mkp-mm-mood-grid {
    gap: 22px;
    margin-top: clamp(30px, 5vw, 54px);
    text-align: left;
}

.mkp-mm-mood-card {
    height: 100%;
    padding: 28px;
    border: 1px solid var(--mkp-mm-line);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.mkp-mm-mood-card h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.1;
}

.mkp-mm-interview-section {
    padding: clamp(80px, 9vw, 136px) clamp(20px, 5vw, 84px);
    background:
        linear-gradient(135deg, rgba(220, 38, 38, .18), rgba(29, 78, 216, .14)),
        #060814;
}

.mkp-mm-interview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: clamp(30px, 5vw, 76px);
    align-items: center;
}

.mkp-mm-video-stage {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 38px;
    background: #111827;
    box-shadow: var(--mkp-mm-shadow);
}

.mkp-mm-video-stage img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mkp-mm-video-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 45%, rgba(220, 38, 38, .24), transparent 24%),
        linear-gradient(180deg, rgba(5, 7, 17, .05), rgba(5, 7, 17, .88));
}

.mkp-mm-play-button {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 48%;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(220, 38, 38, .90), rgba(29, 78, 216, .78));
    box-shadow: 0 22px 60px rgba(0, 0, 0, .38);
    font-size: 2.1rem;
    transform: translate(-50%, -50%);
    transition: transform .2s ease;
}

.mkp-mm-play-button:hover {
    transform: translate(-50%, -50%) scale(1.08);
}

.mkp-mm-video-caption {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 24px;
    background: rgba(5, 7, 17, .70);
    backdrop-filter: blur(10px);
}

.mkp-mm-video-caption span,
.mkp-mm-video-caption strong {
    display: block;
}

.mkp-mm-video-caption span {
    margin-bottom: 5px;
    color: var(--mkp-mm-gold);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mkp-mm-video-caption strong {
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.3;
}

.mkp-mm-interview-copy h2 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(2.25rem, 4.5vw, 4.7rem);
    line-height: .95;
    letter-spacing: -.06em;
    font-weight: 950;
}

.mkp-mm-interview-list {
    margin: 26px 0;
    display: grid;
    gap: 10px;
}

.mkp-mm-interview-list p {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background: rgba(255, 255, 255, .07);
}

.mkp-mm-text-link,
.mkp-mm-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: var(--mkp-mm-gold);
    font-weight: 950;
}

.mkp-mm-text-link::after,
.mkp-mm-read-more::after {
    content: "->";
    transition: transform .2s ease;
}

.mkp-mm-text-link:hover::after,
.mkp-mm-post-card:hover .mkp-mm-read-more::after {
    transform: translateX(4px);
}

.mkp-mm-latest-section {
    padding-top: clamp(78px, 8vw, 128px);
    padding-bottom: clamp(78px, 8vw, 128px);
    background: #fffdf8;
    color: #0f172a;
}

.mkp-mm-latest-heading {
    max-width: 920px;
    margin-bottom: clamp(34px, 5vw, 60px);
    text-align: center;
}

.mkp-mm-latest-section .mkp-mm-section-title {
    color: #0f172a;
}

.mkp-mm-latest-section .mkp-mm-section-intro {
    color: #334155;
}

.mkp-mm-latest-section .mkp-mm-section-kicker,
.mkp-mm-latest-section .mkp-mm-post-category {
    color: #dc2626;
}

.mkp-mm-query-grid {
    gap: 28px !important;
}

.mkp-mm-post-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.mkp-mm-post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 72px rgba(15, 23, 42, .14);
}

.mkp-mm-post-image {
    margin: 0 !important;
    overflow: hidden;
    background: #f1f5f9;
}

.mkp-mm-post-image img {
    width: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.mkp-mm-post-card:hover .mkp-mm-post-image img {
    transform: scale(1.04);
}

.mkp-mm-post-body {
    padding: 24px;
}

.mkp-mm-post-title {
    margin: 0 0 12px !important;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em;
    font-weight: 900;
}

.mkp-mm-post-title a {
    color: inherit;
}

.mkp-mm-post-excerpt {
    color: #334155;
}

.mkp-mm-read-more {
    color: #1d4ed8;
}

.mkp-mm-submit-cta {
    padding-top: clamp(80px, 9vw, 136px);
    padding-bottom: clamp(80px, 9vw, 136px);
    text-align: center;
    background:
        radial-gradient(circle at 18% 12%, rgba(250, 204, 21, .20), transparent 25%),
        radial-gradient(circle at 82% 20%, rgba(220, 38, 38, .22), transparent 28%),
        linear-gradient(135deg, #111827, #050711);
}

.mkp-mm-submit-cta h2 {
    max-width: 900px;
    margin: 0 auto 18px;
    color: #ffffff;
    font-size: clamp(2.4rem, 5.5vw, 5.6rem);
    line-height: .92;
    letter-spacing: -.07em;
    font-weight: 950;
}

.mkp-mm-submit-cta p {
    max-width: 760px;
    margin: 0 auto 30px;
    color: var(--mkp-mm-copy);
    font-size: 1.1rem;
    line-height: 1.8;
}

@media (max-width: 1100px) {
    .mkp-mm-interview-grid {
        grid-template-columns: 1fr;
    }

    .mkp-mm-poster-wide {
        grid-column: span 1;
    }
}

@media (max-width: 900px) {
    .mkp-mm-featured-scene-grid,
    .mkp-mm-mood-grid {
        flex-direction: column;
    }

    .mkp-mm-carousel {
        grid-auto-columns: clamp(210px, 58vw, 320px);
    }

    .mkp-mm-query-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .mkp-mm-hero {
        min-height: 690px !important;
    }

    .mkp-mm-hero-inner {
        width: calc(100vw - 32px);
        margin-left: auto;
        margin-right: auto;
    }

    .mkp-mm-shelf-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .mkp-mm-shelf-controls {
        width: 100%;
    }

    .mkp-mm-shelf-controls button {
        flex: 1;
    }

    .mkp-mm-carousel {
        grid-auto-columns: 82vw;
    }

    .mkp-mm-query-grid {
        grid-template-columns: 1fr !important;
    }

    .mkp-mm-video-stage {
        min-height: 390px;
    }

    .mkp-mm-play-button {
        width: 78px;
        height: 78px;
        font-size: 1.7rem;
    }

    .mkp-mm-hero-actions .wp-block-button,
    .mkp-mm-submit-cta .wp-block-button {
        width: 100%;
    }

    .mkp-mm-hero-actions .wp-block-button__link,
    .mkp-mm-submit-cta .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
}

/* ===== Multimedia hero refresh ===== */
.mkp-mm-hero-inner {
    max-width: 980px;
}

.mkp-mm-hero-status {
    gap: 12px;
    margin-bottom: 10px;
}

.mkp-mm-hero-status .mkp-mm-kicker {
    margin: 0;
}

.mkp-mm-hero-badge,
.mkp-mm-hero-watch-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mkp-mm-hero-badge::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--mkp-mm-red);
    box-shadow: 0 0 0 6px rgba(220, 38, 38, .14);
}

.mkp-mm-hero-title {
    max-width: 760px;
}

.mkp-mm-hero-tags {
    gap: 10px;
    margin: 0 0 26px;
}

.mkp-mm-hero-tag {
    margin: 0;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .07);
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.mkp-mm-hero-link-row {
    gap: 18px;
    margin-bottom: 28px;
}

.mkp-mm-btn-spotlight .wp-block-button__link {
    position: relative;
    padding: 16px 26px 16px 58px;
    border-radius: 999px;
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(220, 38, 38, .98), rgba(249, 115, 22, .92)) !important;
    box-shadow: 0 20px 44px rgba(220, 38, 38, .28);
    font-weight: 950;
}

.mkp-mm-btn-spotlight .wp-block-button__link::before {
    content: "\2192";
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    font-size: .8rem;
}

.mkp-mm-hero-text-link {
    margin: 0;
    font-size: .98rem;
    font-weight: 900;
}

.mkp-mm-hero-text-link a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mkp-mm-gold);
}

.mkp-mm-hero-text-link a::after {
    content: "->";
    transition: transform .2s ease;
}

.mkp-mm-hero-text-link a:hover::after {
    transform: translateX(4px);
}

.mkp-mm-hero-watch-card {
    max-width: 920px;
    padding: 20px 22px 8px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
    backdrop-filter: blur(14px);
}

.mkp-mm-hero-watch-label {
    margin-bottom: 16px;
    color: var(--mkp-mm-gold);
    background: rgba(250, 204, 21, .08);
    border-color: rgba(250, 204, 21, .20);
}

.mkp-mm-hero-watch-grid {
    gap: 10px;
}

.mkp-mm-hero-watch-grid p {
    margin: 0;
    padding: 16px 16px 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .07);
}

.mkp-mm-hero-watch-grid strong,
.mkp-mm-hero-watch-grid span {
    display: block;
}

.mkp-mm-hero-watch-grid strong {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.mkp-mm-hero-watch-grid span {
    color: rgba(255, 255, 255, .72);
    font-size: .9rem;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .mkp-mm-hero-link-row {
        align-items: stretch !important;
    }

    .mkp-mm-hero-link-row > * {
        width: 100%;
    }

    .mkp-mm-btn-spotlight,
    .mkp-mm-btn-spotlight .wp-block-button__link {
        width: 100%;
    }

    .mkp-mm-hero-watch-card {
        padding: 18px 18px 4px;
    }

    .mkp-mm-hero-watch-grid {
        flex-direction: column;
    }
}

/* =========================================================
   V3 Multimedia Hero - cinematic streaming layout
   ========================================================= */

.mkp-mm-hero-v3 {
    position: relative;
    min-height: 840px;
    margin-top: 0 !important;
    padding: clamp(82px, 9vw, 136px) clamp(20px, 5vw, 84px) clamp(72px, 8vw, 118px);
    overflow: hidden;
    background:
        radial-gradient(circle at 13% 12%, rgba(220, 38, 38, .26), transparent 25%),
        radial-gradient(circle at 82% 10%, rgba(29, 78, 216, .22), transparent 28%),
        radial-gradient(circle at 76% 78%, rgba(250, 204, 21, .13), transparent 24%),
        linear-gradient(135deg, #03050d 0%, #0b1020 48%, #050711 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.mkp-mm-hero-v3::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: .18;
    pointer-events: none;
}

.mkp-mm-hero-v3-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.mkp-mm-hero-v3-bg::before,
.mkp-mm-hero-v3-bg::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    filter: blur(6px);
}

.mkp-mm-hero-v3-bg::before {
    width: 420px;
    height: 420px;
    right: -140px;
    top: 120px;
    background: rgba(220, 38, 38, .18);
}

.mkp-mm-hero-v3-bg::after {
    width: 520px;
    height: 520px;
    left: -180px;
    bottom: -190px;
    background: rgba(29, 78, 216, .18);
}

.mkp-mm-hero-v3-grid {
    position: relative;
    z-index: 1;
    width: min(1320px, calc(100vw - 40px));
    min-height: 660px;
    margin-left: auto;
    margin-right: auto;
    align-items: center !important;
    gap: clamp(34px, 6vw, 92px);
}

.mkp-mm-hero-v3-status {
    gap: 12px;
    margin-bottom: 20px;
}

.mkp-mm-hero-v3-live,
.mkp-mm-hero-v3-season,
.mkp-mm-hero-v3-caption-label,
.mkp-mm-hero-v3-upnext-label {
    margin: 0;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mkp-mm-hero-v3-live,
.mkp-mm-hero-v3-season {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    color: #ffffff;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
}

.mkp-mm-hero-v3-live {
    color: #ffffff;
    background: rgba(220, 38, 38, .28);
    border-color: rgba(220, 38, 38, .45);
}

.mkp-mm-hero-v3-live::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 7px rgba(239, 68, 68, .16);
}

.mkp-mm-hero-v3-title {
    max-width: 730px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(3.25rem, 8vw, 7.2rem);
    line-height: .86;
    letter-spacing: -.085em;
    font-weight: 950;
    text-wrap: balance;
}

.mkp-mm-hero-v3-lede {
    max-width: 660px;
    margin: 0 0 28px;
    color: rgba(255, 255, 255, .80);
    font-size: clamp(1.06rem, 1.6vw, 1.24rem);
    line-height: 1.82;
}

.mkp-mm-hero-v3-meta {
    gap: 12px;
    margin: 0 0 30px;
}

.mkp-mm-hero-v3-meta p {
    min-width: 142px;
    margin: 0;
    padding: 15px 16px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(10px);
}

.mkp-mm-hero-v3-meta strong,
.mkp-mm-hero-v3-meta span {
    display: block;
}

.mkp-mm-hero-v3-meta strong {
    color: #ffffff;
    font-size: 1.26rem;
    line-height: 1;
}

.mkp-mm-hero-v3-meta span {
    margin-top: 6px;
    color: rgba(255, 255, 255, .62);
    font-size: .82rem;
    font-weight: 850;
}

.mkp-mm-hero-v3-actions {
    gap: 16px;
    align-items: center;
}

.mkp-mm-hero-v3-play-link,
.mkp-mm-hero-v3-browse-link {
    margin: 0;
}

.mkp-mm-hero-v3-play-link a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 58px;
    padding: 16px 25px 16px 62px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #dc2626, #f97316);
    box-shadow: 0 24px 55px rgba(220, 38, 38, .30);
    font-weight: 950;
}

.mkp-mm-hero-v3-play-link a::before {
    content: "\25B6";
    position: absolute;
    left: 20px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    font-size: .85rem;
}

.mkp-mm-hero-v3-browse-link a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mkp-mm-gold, #facc15);
    font-weight: 950;
}

.mkp-mm-hero-v3-browse-link a::after {
    content: "->";
    transition: transform .2s ease;
}

.mkp-mm-hero-v3-browse-link a:hover::after {
    transform: translateX(4px);
}

.mkp-mm-hero-v3-screen-col {
    position: relative;
}

.mkp-mm-hero-v3-screen {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 38px;
    background: #0f172a;
    box-shadow: 0 36px 110px rgba(0, 0, 0, .56);
    transform: rotate(1.4deg);
}

.mkp-mm-hero-v3-screen::before {
    content: "";
    position: absolute;
    inset: 12px;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 30px;
    pointer-events: none;
}

.mkp-mm-hero-v3-poster {
    position: absolute;
    inset: 0;
    margin: 0 !important;
}

.mkp-mm-hero-v3-poster a,
.mkp-mm-hero-v3-poster img {
    display: block;
    width: 100%;
    height: 100%;
}

.mkp-mm-hero-v3-poster img {
    object-fit: cover;
    filter: saturate(1.08) contrast(1.04);
    transition: transform .55s ease;
}

.mkp-mm-hero-v3-screen:hover .mkp-mm-hero-v3-poster img {
    transform: scale(1.045);
}

.mkp-mm-hero-v3-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 52% 42%, rgba(220, 38, 38, .24), transparent 22%),
        linear-gradient(180deg, rgba(3, 5, 13, .03) 0%, rgba(3, 5, 13, .26) 42%, rgba(3, 5, 13, .92) 100%);
    pointer-events: none;
}

.mkp-mm-hero-v3-play {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 45%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.mkp-mm-hero-v3-play a {
    display: grid;
    width: 104px;
    height: 104px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(220, 38, 38, .96), rgba(29, 78, 216, .82));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .45);
    font-size: 2.1rem;
    transition: transform .22s ease;
}

.mkp-mm-hero-v3-play a:hover {
    transform: scale(1.08);
}

.mkp-mm-hero-v3-caption {
    position: absolute;
    z-index: 4;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 26px;
    background: rgba(3, 5, 13, .70);
    backdrop-filter: blur(12px);
}

.mkp-mm-hero-v3-caption-label,
.mkp-mm-hero-v3-upnext-label {
    margin-bottom: 8px;
    color: var(--mkp-mm-gold, #facc15);
}

.mkp-mm-hero-v3-caption h2 {
    margin: 0;
    max-width: 720px;
    color: #ffffff;
    font-size: clamp(1.35rem, 2.4vw, 2.25rem);
    line-height: 1.05;
    letter-spacing: -.045em;
    font-weight: 950;
}

.mkp-mm-hero-v3-upnext {
    position: relative;
    z-index: 2;
    width: calc(100% - 44px);
    margin: -38px auto 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    background: rgba(255, 255, 255, .09);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .36);
    backdrop-filter: blur(14px);
}

.mkp-mm-hero-v3-mini-grid {
    gap: 12px;
    margin: 0;
}

.mkp-mm-hero-v3-mini-grid .wp-block-column {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.mkp-mm-hero-v3-mini-grid figure {
    margin: 0 !important;
    overflow: hidden;
    border-radius: 16px;
}

.mkp-mm-hero-v3-mini-grid img {
    width: 74px;
    height: 74px;
    object-fit: cover;
}

.mkp-mm-hero-v3-mini-grid p {
    margin: 0;
    min-width: 0;
}

.mkp-mm-hero-v3-mini-grid strong,
.mkp-mm-hero-v3-mini-grid span {
    display: block;
}

.mkp-mm-hero-v3-mini-grid strong {
    color: #ffffff;
    font-size: .98rem;
    line-height: 1.15;
}

.mkp-mm-hero-v3-mini-grid span {
    margin-top: 4px;
    color: rgba(255, 255, 255, .62);
    font-size: .82rem;
    line-height: 1.3;
}

@media (max-width: 1080px) {
    .mkp-mm-hero-v3-grid {
        flex-direction: column;
        align-items: stretch !important;
    }

    .mkp-mm-hero-v3-screen {
        transform: none;
    }
}

@media (max-width: 760px) {
    .mkp-mm-hero-v3 {
        min-height: 0;
        padding-top: 78px;
    }

    .mkp-mm-hero-v3-title {
        font-size: clamp(3rem, 14vw, 5rem);
    }

    .mkp-mm-hero-v3-meta {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .mkp-mm-hero-v3-actions {
        align-items: stretch !important;
        flex-direction: column;
    }

    .mkp-mm-hero-v3-play-link,
    .mkp-mm-hero-v3-play-link a,
    .mkp-mm-hero-v3-browse-link,
    .mkp-mm-hero-v3-browse-link a {
        width: 100%;
        justify-content: center;
    }

    .mkp-mm-hero-v3-screen {
        min-height: 430px;
        border-radius: 30px;
    }

    .mkp-mm-hero-v3-play a {
        width: 82px;
        height: 82px;
        font-size: 1.65rem;
    }

    .mkp-mm-hero-v3-upnext {
        width: 100%;
        margin-top: 18px;
    }

    .mkp-mm-hero-v3-mini-grid {
        flex-direction: column;
    }
}

/* =========================================================
   ADVERTISE PAGE - GUTENBERG MARKUP COMPATIBILITY FIX
   Supports current page content root: .mkp-ads-template
   Also supports optional cleaner root: .mkp-ads-page
   ========================================================= */

.mkp-ads-template .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.mkp-ads-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
}

.mkp-ads-template .mkp-ads-hero-columns,
.mkp-ads-page .mkp-ads-hero-columns,
.mkp-ads-template .mkp-ads-split,
.mkp-ads-page .mkp-ads-split {
    width: 100%;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: clamp(28px, 5vw, 70px);
}

.mkp-ads-mini-stat {
    height: 100%;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 18px;
    background: rgba(255, 255, 255, .12);
    color: #ffffff;
}

.mkp-ads-mini-stat strong,
.mkp-ads-mini-stat span {
    display: block;
}

.mkp-ads-mini-stat strong {
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1;
}

.mkp-ads-mini-stat span {
    color: rgba(255, 255, 255, .78);
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.35;
}

.mkp-ads-rate-card {
    height: 100%;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid var(--mkp-ads-border);
    border-radius: var(--mkp-ads-radius);
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .80), transparent 24%),
        linear-gradient(135deg, #ffffff 0%, #fff7df 54%, #f7fbff 100%);
    box-shadow: var(--mkp-ads-shadow);
}

.mkp-ads-rate-card h3 {
    margin-top: 0;
    color: var(--mkp-ads-dark);
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.mkp-ads-rate-card ul {
    margin: 20px 0 28px;
    padding-left: 1.2em;
    color: var(--mkp-ads-text);
    line-height: 1.85;
}

.mkp-ads-rate-card li {
    margin-bottom: 8px;
}

.mkp-number-card {
    position: relative;
    overflow: hidden;
}

.mkp-number-card::after {
    content: "";
    position: absolute;
    right: -44px;
    top: -44px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(250, 204, 21, .18);
    pointer-events: none;
}

.mkp-card-number {
    margin: 0 0 16px;
    color: var(--mkp-ads-primary);
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    font-weight: 950;
    line-height: .9;
    letter-spacing: -.06em;
}

.mkp-ads-highlight {
    max-width: 900px !important;
    text-align: center;
    background:
        radial-gradient(circle at 12% 20%, rgba(250, 204, 21, .22), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fff7df 100%);
}

.mkp-ads-final-cta {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: clamp(20px, 5vw, 84px) !important;
    padding-right: clamp(20px, 5vw, 84px) !important;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .24), transparent 25%),
        radial-gradient(circle at 88% 18%, rgba(29, 78, 216, .25), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #14213d 44%, #dc2626 100%);
}

.mkp-ads-final-cta > * {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-ads-final-cta h2 {
    max-width: 880px;
    margin: 0 auto 18px;
    color: #ffffff;
    font-size: clamp(2.4rem, 5vw, 5rem);
    line-height: .96;
    letter-spacing: -.055em;
}

.mkp-ads-final-cta p {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, .84);
    font-size: 1.12rem;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .mkp-ads-template .mkp-ads-hero-columns,
    .mkp-ads-page .mkp-ads-hero-columns,
    .mkp-ads-template .mkp-ads-split,
    .mkp-ads-page .mkp-ads-split {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .mkp-ads-template .mkp-ads-hero-columns > .wp-block-column,
    .mkp-ads-page .mkp-ads-hero-columns > .wp-block-column,
    .mkp-ads-template .mkp-ads-split > .wp-block-column,
    .mkp-ads-page .mkp-ads-split > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }
}

/* =========================================================
   ADVERTISE PAGE - HERO CARD VISUAL FIX
   Fixes narrow right card, ugly stat text wrap, and old ? bullets
   ========================================================= */

.mkp-ads-template .mkp-ads-hero,
.mkp-ads-page .mkp-ads-hero {
    padding-left: clamp(22px, 5vw, 84px) !important;
    padding-right: clamp(22px, 5vw, 84px) !important;
}

.mkp-ads-template .mkp-ads-hero-columns,
.mkp-ads-page .mkp-ads-hero-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(430px, .82fr);
    align-items: center !important;
    gap: clamp(34px, 5vw, 76px) !important;
    width: 100%;
    max-width: 1320px !important;
}

.mkp-ads-template .mkp-ads-hero-columns > .wp-block-column,
.mkp-ads-page .mkp-ads-hero-columns > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex-basis: auto !important;
}

.mkp-ads-template .mkp-ads-hero-card,
.mkp-ads-page .mkp-ads-hero-card {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    padding: clamp(30px, 4vw, 46px);
    border-radius: 34px;
}

.mkp-ads-template .mkp-ads-hero-card h3,
.mkp-ads-page .mkp-ads-hero-card h3 {
    margin-bottom: 22px;
    font-size: clamp(1.45rem, 2.3vw, 2.2rem);
    line-height: 1.14;
    letter-spacing: -.035em;
}

/* Replace old yellow ? bullets with clean CSS-drawn checkmarks */
.mkp-ads-template .mkp-ads-hero-card .mkp-check-list,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list {
    display: grid;
    gap: 13px;
    margin: 22px 0 28px;
    padding: 0;
}

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li {
    position: relative;
    margin: 0;
    padding-left: 38px;
    color: rgba(255, 255, 255, .94);
    font-size: clamp(1rem, 1.25vw, 1.12rem);
    font-weight: 750;
    line-height: 1.48;
    letter-spacing: -.01em;
}

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li::before,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li::before {
    content: "" !important;
    position: absolute;
    top: .16em;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--mkp-ads-gold);
    box-shadow: 0 8px 18px rgba(250, 204, 21, .20);
}

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li::after,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li::after {
    content: "" !important;
    position: absolute;
    top: calc(.16em + 5px);
    left: 7px;
    width: 7px;
    height: 11px;
    border-right: 3px solid #111827;
    border-bottom: 3px solid #111827;
    transform: rotate(45deg);
}

/* Hero mini stats */
.mkp-ads-template .mkp-ads-hero-card > .wp-block-columns,
.mkp-ads-page .mkp-ads-hero-card > .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px !important;
    margin-top: 26px;
    margin-bottom: 0;
}

.mkp-ads-template .mkp-ads-hero-card > .wp-block-columns > .wp-block-column,
.mkp-ads-page .mkp-ads-hero-card > .wp-block-columns > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-basis: auto !important;
}

.mkp-ads-mini-stat {
    min-height: 118px;
    display: grid;
    align-content: center;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .13);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
}

.mkp-ads-mini-stat strong {
    display: block;
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(1.55rem, 2vw, 2rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.035em;
    white-space: nowrap;
}

.mkp-ads-mini-stat span {
    display: block;
    max-width: 9.5em;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(.94rem, 1.1vw, 1.03rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.01em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

/* Slightly improve left hero rhythm so the hero columns balance visually */
.mkp-ads-template .mkp-ads-lead,
.mkp-ads-page .mkp-ads-lead {
    max-width: 760px;
}

.mkp-ads-template .mkp-ads-buttons,
.mkp-ads-page .mkp-ads-buttons {
    gap: 12px;
}

@media (max-width: 1100px) {
    .mkp-ads-template .mkp-ads-hero-columns,
    .mkp-ads-page .mkp-ads-hero-columns {
        grid-template-columns: 1fr;
    }

    .mkp-ads-template .mkp-ads-hero-card,
    .mkp-ads-page .mkp-ads-hero-card {
        max-width: 760px;
        margin-left: 0;
    }
}

@media (max-width: 560px) {
    .mkp-ads-template .mkp-ads-hero-card,
    .mkp-ads-page .mkp-ads-hero-card {
        padding: 26px 22px;
        border-radius: 28px;
    }

    .mkp-ads-template .mkp-ads-hero-card > .wp-block-columns,
    .mkp-ads-page .mkp-ads-hero-card > .wp-block-columns {
        grid-template-columns: 1fr;
    }

    .mkp-ads-mini-stat {
        min-height: 96px;
    }

    .mkp-ads-mini-stat span {
        max-width: none;
    }
}

/* =========================================================
   ADVERTISE HERO CARD - TARGETED TUNE-UP
   Based on the previous hero-card visual fix.
   - Bigger yellow check circle
   - More space between bullet lines
   - Bottom stat blocks use paragraph-style font with bold labels
   ========================================================= */

/* Give each bullet more vertical breathing room */
.mkp-ads-template .mkp-ads-hero-card .mkp-check-list,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list {
    gap: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 34px !important;
}

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li {
    padding-left: 46px !important;
    line-height: 1.58 !important;
}

/* Make yellow circle slightly bigger and keep check centered */
.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li::before,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li::before {
    top: .08em !important;
    width: 28px !important;
    height: 28px !important;
}

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li::after,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li::after {
    top: calc(.08em + 6px) !important;
    left: 9px !important;
    width: 8px !important;
    height: 13px !important;
    border-right-width: 4px !important;
    border-bottom-width: 4px !important;
}

/* Bottom stat blocks: keep original left alignment, but use paragraph-style typography */
.mkp-ads-mini-stat {
    display: block !important;
    min-height: 118px !important;
    padding: 22px 24px !important;
    text-align: left !important;
}

.mkp-ads-mini-stat strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: clamp(1.05rem, 1.25vw, 1.18rem) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
}

.mkp-ads-mini-stat span {
    display: block !important;
    max-width: none !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: clamp(1.05rem, 1.25vw, 1.18rem) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* =========================================================
   ADVERTISE HERO CARD - FINAL TYPOGRAPHY TUNE-UP
   - Bullet text normal weight
   - Stat descriptions normal weight
   - Stat labels slightly larger
   ========================================================= */

.mkp-ads-template .mkp-ads-hero-card .mkp-check-list li,
.mkp-ads-page .mkp-ads-hero-card .mkp-check-list li {
    font-weight: 400 !important;
}

.mkp-ads-mini-stat strong {
    font-size: clamp(1.32rem, 1.7vw, 1.65rem) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.mkp-ads-mini-stat span {
    font-weight: 400 !important;
}

/* =========================================================
   ADVERTISE PAGE - OPPORTUNITIES CHECKLIST FIX
   Fixes the yellow ? markers in the Advertising opportunities list.
   ========================================================= */

.mkp-ads-template .mkp-ads-split .mkp-check-list,
.mkp-ads-page .mkp-ads-split .mkp-check-list {
    display: grid;
    gap: 15px;
    margin-top: 24px;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.mkp-ads-template .mkp-ads-split .mkp-check-list li,
.mkp-ads-page .mkp-ads-split .mkp-check-list li {
    position: relative;
    margin: 0;
    padding-left: 44px;
    color: var(--mkp-ads-text, var(--mkp-text));
    font-weight: 400 !important;
    line-height: 1.62;
}

.mkp-ads-template .mkp-ads-split .mkp-check-list li::before,
.mkp-ads-page .mkp-ads-split .mkp-check-list li::before {
    content: "" !important;
    position: absolute;
    top: .08em;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--mkp-ads-gold, var(--mkp-gold-soft));
    box-shadow: 0 8px 18px rgba(250, 204, 21, .20);
}

.mkp-ads-template .mkp-ads-split .mkp-check-list li::after,
.mkp-ads-page .mkp-ads-split .mkp-check-list li::after {
    content: "" !important;
    position: absolute;
    top: calc(.08em + 6px);
    left: 9px;
    width: 8px;
    height: 13px;
    border-right: 4px solid #111827;
    border-bottom: 4px solid #111827;
    transform: rotate(45deg);
}

/* =========================================================
   ADVERTISE PAGE - THIN CHECKMARK GLYPH FIX
   Replaces the heavy CSS-drawn check with a lighter symbol glyph.
   Applies to the Advertising opportunities checklist.
   ========================================================= */

.mkp-ads-template .mkp-ads-split .mkp-check-list {
    gap: 18px !important;
}

.mkp-ads-template .mkp-ads-split .mkp-check-list li,
.mkp-ads-page .mkp-ads-split .mkp-check-list li {
    padding-left: 42px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

/* Yellow circle */
.mkp-ads-template .mkp-ads-split .mkp-check-list li::before,
.mkp-ads-page .mkp-ads-split .mkp-check-list li::before {
    content: "" !important;
    position: absolute !important;
    top: .11em !important;
    left: 0 !important;
    width: 27px !important;
    height: 27px !important;
    border-radius: 999px !important;
    background: var(--mkp-ads-gold, var(--mkp-gold-soft)) !important;
    box-shadow: 0 8px 18px rgba(250, 204, 21, .18) !important;
}

/* Thin check glyph */
.mkp-ads-template .mkp-ads-split .mkp-check-list li::after,
.mkp-ads-page .mkp-ads-split .mkp-check-list li::after {
    content: "\2713" !important;
    position: absolute !important;
    top: .11em !important;
    left: 0 !important;
    width: 27px !important;
    height: 27px !important;
    display: grid !important;
    place-items: center !important;
    color: #111827 !important;
    border: 0 !important;
    transform: none !important;
    font-family: "Segoe UI Symbol", "Arial Unicode MS", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* =========================================================
   ADVERTISE PAGE - CUSTOM BUSINESS ARRANGEMENT CALLOUT
   Makes the "Need a custom business arrangement?" block more eye-catching.
   ========================================================= */

.mkp-ads-template .mkp-ads-highlight,
.mkp-ads-page .mkp-ads-highlight {
    position: relative;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(34px, 5vw, 58px) clamp(28px, 5vw, 62px) !important;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 18%, rgba(250, 204, 21, .36), transparent 25%),
        radial-gradient(circle at 92% 8%, rgba(29, 78, 216, .16), transparent 25%),
        linear-gradient(135deg, #ffffff 0%, #fff7df 48%, #f7fbff 100%);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .12);
    text-align: left;
}

.mkp-ads-template .mkp-ads-highlight::before,
.mkp-ads-page .mkp-ads-highlight::before {
    content: "Custom Deals";
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 18px;
    padding: 9px 14px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--mkp-ads-primary, #dc2626), var(--mkp-ads-secondary, #1d4ed8));
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    box-shadow: 0 14px 30px rgba(220, 38, 38, .18);
}

.mkp-ads-template .mkp-ads-highlight::after,
.mkp-ads-page .mkp-ads-highlight::after {
    content: "";
    position: absolute;
    right: -88px;
    top: -88px;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(250, 204, 21, .55) 0 28%, rgba(220, 38, 38, .14) 29% 54%, transparent 55%);
    pointer-events: none;
}

.mkp-ads-template .mkp-ads-highlight > *,
.mkp-ads-page .mkp-ads-highlight > * {
    position: relative;
    z-index: 2;
}

.mkp-ads-template .mkp-ads-highlight h3,
.mkp-ads-page .mkp-ads-highlight h3 {
    max-width: 760px;
    margin: 0 0 16px;
    color: var(--mkp-ads-dark, #0f172a);
    font-size: clamp(2rem, 4vw, 3.8rem);
    font-weight: 850;
    line-height: .98;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.mkp-ads-template .mkp-ads-highlight p,
.mkp-ads-page .mkp-ads-highlight p {
    max-width: 800px;
    margin: 0;
    color: var(--mkp-ads-text, #334155);
    font-size: clamp(1.06rem, 1.5vw, 1.22rem);
    font-weight: 400;
    line-height: 1.82;
}

.mkp-ads-template .mkp-ads-highlight p::after,
.mkp-ads-page .mkp-ads-highlight p::after {
    content: "Contact the administrator ?";
    display: inline-flex;
    width: fit-content;
    margin-top: 24px;
    padding: 13px 18px;
    border-radius: 999px;
    color: #ffffff;
    background: var(--mkp-ads-secondary, #1d4ed8);
    font-size: .95rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 16px 34px rgba(29, 78, 216, .20);
}

@media (max-width: 700px) {
    .mkp-ads-template .mkp-ads-highlight,
    .mkp-ads-page .mkp-ads-highlight {
        padding: 30px 24px !important;
        border-radius: 28px;
    }

    .mkp-ads-template .mkp-ads-highlight h3,
    .mkp-ads-page .mkp-ads-highlight h3 {
        font-size: clamp(2rem, 10vw, 3rem);
    }
}

/* =========================================================
   ADVERTISE PAGE - CUSTOM BUSINESS CALLOUT CLEAN FIX
   Replaces the previous badge/button visual treatment.
   ========================================================= */

.mkp-ads-template .mkp-ads-highlight,
.mkp-ads-page .mkp-ads-highlight {
    max-width: 1120px !important;
    padding: clamp(34px, 4.5vw, 54px) clamp(30px, 5vw, 70px) !important;
    border: 1px solid rgba(15, 23, 42, .09) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 6% 10%, rgba(250, 204, 21, .20), transparent 24%),
        radial-gradient(circle at 96% 0%, rgba(29, 78, 216, .09), transparent 22%),
        linear-gradient(135deg, #fffdf8 0%, #fff8e8 52%, #f7fbff 100%) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .09) !important;
    text-align: left !important;
}

/* Remove the previous badge */
.mkp-ads-template .mkp-ads-highlight::before,
.mkp-ads-page .mkp-ads-highlight::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 8px !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 34px 0 0 34px !important;
    background: linear-gradient(180deg, var(--mkp-ads-primary, #dc2626), var(--mkp-ads-secondary, #1d4ed8)) !important;
    box-shadow: none !important;
}

/* Softer accent only, not giant circles */
.mkp-ads-template .mkp-ads-highlight::after,
.mkp-ads-page .mkp-ads-highlight::after {
    content: "" !important;
    position: absolute !important;
    right: -70px !important;
    top: -70px !important;
    width: 180px !important;
    height: 180px !important;
    border-radius: 999px !important;
    background: rgba(250, 204, 21, .20) !important;
    pointer-events: none !important;
}

.mkp-ads-template .mkp-ads-highlight h3,
.mkp-ads-page .mkp-ads-highlight h3 {
    max-width: 900px !important;
    margin: 0 0 18px !important;
    color: var(--mkp-ads-dark, #0f172a) !important;
    font-size: clamp(2rem, 3.4vw, 3.4rem) !important;
    font-weight: 850 !important;
    line-height: 1.02 !important;
    letter-spacing: -.05em !important;
}

.mkp-ads-template .mkp-ads-highlight p,
.mkp-ads-page .mkp-ads-highlight p {
    max-width: 940px !important;
    margin: 0 !important;
    color: var(--mkp-ads-text, #334155) !important;
    font-size: clamp(1.05rem, 1.35vw, 1.18rem) !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
}

/* Remove fake CTA button appended to paragraph */
.mkp-ads-template .mkp-ads-highlight p::after,
.mkp-ads-page .mkp-ads-highlight p::after {
    content: none !important;
    display: none !important;
}

/* Add subtle non-clickable note instead */
.mkp-ads-template .mkp-ads-highlight h3::before,
.mkp-ads-page .mkp-ads-highlight h3::before {
    content: "Business Partnerships";
    display: block;
    width: fit-content;
    margin: 0 0 16px;
    padding: 8px 12px;
    border: 1px solid rgba(220, 38, 38, .16);
    border-radius: 999px;
    color: var(--mkp-ads-primary, #dc2626);
    background: rgba(255, 255, 255, .70);
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

@media (max-width: 700px) {
    .mkp-ads-template .mkp-ads-highlight,
    .mkp-ads-page .mkp-ads-highlight {
        padding: 30px 24px 30px 30px !important;
        border-radius: 28px !important;
    }

    .mkp-ads-template .mkp-ads-highlight::before,
    .mkp-ads-page .mkp-ads-highlight::before {
        width: 6px !important;
        border-radius: 28px 0 0 28px !important;
    }
}

/* =========================================================
   ADVERTISE PAGE - RELATIONSHIP SECTION VISUAL SEPARATOR
   Darkens the "Advertise more than a product. Build a relationship." section.
   ========================================================= */

.mkp-ads-template > .mkp-ads-section:nth-of-type(4),
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) {
    background:
        radial-gradient(circle at 10% 12%, rgba(250, 204, 21, .16), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(29, 78, 216, .12), transparent 26%),
        linear-gradient(135deg, #eef3fb 0%, #edf6ff 45%, #f3f0e6 100%) !important;
    border-top: 1px solid rgba(15, 23, 42, .08);
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card {
    background: rgba(255, 255, 255, .88);
    border-color: rgba(15, 23, 42, .10);
    box-shadow: 0 20px 55px rgba(15, 23, 42, .09);
}

/* =========================================================
   ADVERTISE PAGE - RELATIONSHIP SECTION FULL VISUAL UPGRADE
   Makes the whole "Advertise more than a product. Build a relationship."
   section a gradient feature block with a stock-photo silhouette overlay.
   ========================================================= */

.mkp-ads-template > .mkp-ads-section:nth-of-type(4),
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .96) 0%, rgba(29, 78, 216, .86) 45%, rgba(220, 38, 38, .78) 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

/* Decorative grid glow */
.mkp-ads-template > .mkp-ads-section:nth-of-type(4)::before,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(250, 204, 21, .22), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .08), transparent 24%),
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: auto, auto, 42px 42px, 42px 42px;
    pointer-events: none;
}

/* Stock photo silhouette overlay */
.mkp-ads-template > .mkp-ads-section:nth-of-type(4)::after,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4)::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(42vw, 620px);
    height: 100%;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .10) 24%, rgba(15, 23, 42, .34) 100%),
        url("https://images.unsplash.com/photo-1515169067868-5387ec356754?auto=format&fit=crop&w=1400&q=80") right bottom / cover no-repeat;
    opacity: .26;
    mix-blend-mode: screen;
    pointer-events: none;
    filter: grayscale(100%) contrast(1.05);
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) > *,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) > * {
    position: relative;
    z-index: 1;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-section-title,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-section-title {
    color: #ffffff !important;
    text-shadow: 0 10px 34px rgba(0, 0, 0, .18);
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-section-intro,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-section-intro {
    max-width: 1040px !important;
    color: rgba(255, 255, 255, .82) !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-card-grid,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-card-grid {
    margin-top: 34px;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .16) !important;
    backdrop-filter: blur(10px);
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card::before,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mkp-ads-gold, #facc15), rgba(255, 255, 255, .65));
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card h3,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card h3 {
    color: #ffffff !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card p,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card p {
    color: rgba(255, 255, 255, .80) !important;
}

@media (max-width: 1100px) {
    .mkp-ads-template > .mkp-ads-section:nth-of-type(4)::after,
    .mkp-ads-page > .mkp-ads-section:nth-of-type(4)::after {
        width: min(52vw, 480px);
        opacity: .20;
    }
}

@media (max-width: 760px) {
    .mkp-ads-template > .mkp-ads-section:nth-of-type(4)::after,
    .mkp-ads-page > .mkp-ads-section:nth-of-type(4)::after {
        width: 100%;
        opacity: .12;
        background-position: center bottom;
    }

    .mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-section-intro,
    .mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-section-intro {
        color: rgba(255, 255, 255, .86) !important;
    }
}

/* =========================================================
   ADVERTISE PAGE - RELATIONSHIP SECTION LIGHT CARDS
   Makes the three cards light and adjusts typography colors.
   ========================================================= */

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(248, 250, 252, .93) 100%) !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .14) !important;
    backdrop-filter: none !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card::before,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card::before {
    height: 5px !important;
    background: linear-gradient(90deg, #facc15 0%, #f59e0b 42%, #ffffff 100%) !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card h3,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card h3 {
    color: #0f172a !important;
    font-weight: 500 !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-info-card p,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-info-card p {
    color: #475569 !important;
}

.mkp-ads-template > .mkp-ads-section:nth-of-type(4) .mkp-card-grid,
.mkp-ads-page > .mkp-ads-section:nth-of-type(4) .mkp-card-grid {
    gap: 28px !important;
}

/* =========================================================
   HOME PAGE - ISSUE SECTION THIN CHECKMARK FIX
   Applies to:
   - Cover stories from Overseas Filipinos
   - Lifestyle and community features
   - Food, fashion, and inspiring journeys
   - Advertising and partner placements
   Uses the same thin check glyph treatment from the Advertise page.
   ========================================================= */

.mkp-home .mkp-issue-section .mkp-check-list {
    display: grid;
    gap: 14px;
    margin-top: 24px;
    margin-bottom: 28px;
    padding-left: 0;
    list-style: none;
}

.mkp-home .mkp-issue-section .mkp-check-list li {
    position: relative;
    margin: 0;
    padding-left: 42px;
    color: var(--mkp-text, #334155);
    font-weight: 400 !important;
    line-height: 1.55;
}

.mkp-home .mkp-issue-section .mkp-check-list li::before {
    content: "" !important;
    position: absolute;
    top: .11em;
    left: 0;
    width: 27px;
    height: 27px;
    border-radius: 999px;
    background: var(--mkp-gold-soft, #facc15);
    box-shadow: 0 8px 18px rgba(250, 204, 21, .18);
}

.mkp-home .mkp-issue-section .mkp-check-list li::after {
    content: "\2713" !important;
    position: absolute;
    top: .11em;
    left: 0;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #111827;
    border: 0 !important;
    transform: none !important;
    font-family: "Segoe UI Symbol", "Arial Unicode MS", Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

/* =========================================================
   HOME PAGE - ISSUE SECTION CHECKMARK ONLY
   Removes the yellow circle background from the issue checklist.
   ========================================================= */

.mkp-home .mkp-issue-section .mkp-check-list li {
    padding-left: 32px !important;
}

.mkp-home .mkp-issue-section .mkp-check-list li::before {
    content: none !important;
    display: none !important;
}

.mkp-home .mkp-issue-section .mkp-check-list li::after {
    content: "\2713" !important;
    position: absolute !important;
    top: .02em !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    color: var(--mkp-red, #dc2626) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    font-family: "Segoe UI Symbol", "Arial Unicode MS", Arial, sans-serif !important;
    font-size: 1.1em !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}



/* =========================================================
   FINAL DROP-IN FIX - CORRUPTED DASH / QUESTION MARK OUTPUT
   Added: 2026-05-03
   Purpose:
   - Fix visual corruption where the Community Life intro dash renders as ?.
   - Uses CSS unicode escapes instead of a literal em dash so the rule remains
     safe even if copied through a non-UTF-8 editor.
   - Also overrides earlier corrupted pseudo-element markers.
   ========================================================= */

/* Checklist marker that previously rendered as a question mark. */
.mkp-check-list li::before {
    content: "\2713" !important;
}

/* Multimedia/play markers that previously rendered as question marks. */
.mkp-media-feature-card::before,
.mkp-mm-hero-v3-play-link a::before {
    content: "\25B6" !important;
}

/* Spotlight CTA marker that previously rendered as a question mark. */
.mkp-mm-btn-spotlight .wp-block-button__link::before {
    content: "\2192" !important;
}

/*
   Community Life Note paragraph from the single post template.
   The template source contains a Windows-1252 dash byte, which can render as ?
   when WordPress/browser handling expects UTF-8. CSS cannot rewrite the stored
   HTML text node, so this hides only that affected visual paragraph text and
   redraws the same sentence using a CSS unicode em dash escape.
*/
.mkp-cl-story-note p:not(.mkp-cl-note-label) {
    font-size: 0 !important;
    line-height: 0 !important;
}

.mkp-cl-story-note p:not(.mkp-cl-note-label)::before {
    content: "A relaxed space for stories that feel close to home \2014  Filipino family life, neighborhood moments, food memories, local businesses, events, and the everyday rhythm of kabayan around the world." !important;
    display: block !important;
    color: var(--mkp-text) !important;
    font-size: 1.04rem !important;
    line-height: 1.75 !important;
}

/* =========================================================
   FINAL DROP-IN FIX - COMMUNITY LIFE TEMPLATE TEXT DASHES
   Added: 2026-05-03
   Purpose:
   - Fix additional Community Life template sentences where an em dash renders
     as a question mark because the stored template text was copied/served with
     inconsistent character encoding.
   - Uses CSS unicode escape \2014 for the em dash.
   ========================================================= */

/* Feature note paragraph: "This feature is part..." */
.mkp-cl-feature-note > p:not(.mkp-cl-note-label) {
    font-size: 0 !important;
    line-height: 0 !important;
}

.mkp-cl-feature-note > p:not(.mkp-cl-note-label)::before {
    content: "This feature is part of our Community Life collection \2014  stories about family, work, food, gatherings, small businesses, and the everyday moments that keep Filipino identity alive around the world." !important;
    display: block !important;
    color: var(--mkp-text) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
}

/* Story note paragraph: keep this override here as the last winning rule. */
.mkp-cl-story-note p:not(.mkp-cl-note-label) {
    font-size: 0 !important;
    line-height: 0 !important;
}

.mkp-cl-story-note p:not(.mkp-cl-note-label)::before {
    content: "A relaxed space for stories that feel close to home \2014  Filipino family life, neighborhood moments, food memories, local businesses, events, and the everyday rhythm of kabayan around the world." !important;
    display: block !important;
    color: var(--mkp-text) !important;
    font-size: 1.04rem !important;
    line-height: 1.75 !important;
}

/* =========================================================
   COMMUNITY LIFE POST CONTENT TITLE / HEADING EMPHASIS
   Added: 2026-05-03
   Target: <!-- wp:post-content {"className":"mkp-cl-content"} /-->
   ========================================================= */

.mkp-cl-content > h1:first-child,
.mkp-cl-content > h2:first-child,
.mkp-cl-content > h3:first-child,
.mkp-cl-content > .wp-block-heading:first-child {
    margin-top: 0 !important;
    margin-bottom: clamp(18px, 3vw, 30px) !important;
    color: var(--mkp-navy) !important;
    font-size: clamp(2.7rem, 6vw, 5.8rem) !important;
    font-weight: 900 !important;
    line-height: .95 !important;
    letter-spacing: -0.055em !important;
}

.mkp-cl-content h1,
.mkp-cl-content h2.wp-block-heading,
.mkp-cl-content h3.wp-block-heading {
    color: var(--mkp-navy) !important;
    font-weight: 900 !important;
}

@media (max-width: 700px) {
    .mkp-cl-content > h1:first-child,
    .mkp-cl-content > h2:first-child,
    .mkp-cl-content > h3:first-child,
    .mkp-cl-content > .wp-block-heading:first-child {
        font-size: clamp(2.25rem, 11vw, 3.8rem) !important;
        letter-spacing: -0.045em !important;
    }
}


/* =========================================================
   COMMUNITY LIFE FEATURE SECTION - STOCK PHOTO SILHOUETTE
   Added: Background photo silhouette overlay for mkp-cl-feature-section
   ========================================================= */

body:has(.mkp-cl-single) .mkp-cl-feature-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 253, 248, .94), rgba(255, 255, 255, .88) 46%, rgba(247, 251, 255, .92)),
        url("https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat !important;
}

body:has(.mkp-cl-single) .mkp-cl-feature-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, .76), rgba(15, 23, 42, .30) 44%, rgba(255, 255, 255, .12)),
        url("https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat;
    opacity: .24;
    filter: grayscale(1) contrast(1.16) saturate(.75);
    transform: scale(1.04);
}

body:has(.mkp-cl-single) .mkp-cl-feature-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .20), transparent 24%),
        radial-gradient(circle at 86% 20%, rgba(29, 78, 216, .16), transparent 28%),
        linear-gradient(180deg, rgba(255, 253, 248, .82), rgba(255, 255, 255, .72));
}

body:has(.mkp-cl-single) .mkp-cl-feature-grid {
    position: relative;
    z-index: 1;
}

body:has(.mkp-cl-single) .mkp-cl-feature-note {
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.86), transparent 24%),
        linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(255,248,232,.88) 54%, rgba(247,251,255,.90) 100%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* =========================================================
   COMMUNITY LIFE FEATURE SECTION - DARK REDDISH GRADIENT
   Added: stronger warm red overlay for feature-section silhouette
   ========================================================= */

body:has(.mkp-cl-single) .mkp-cl-feature-section {
    background:
        linear-gradient(135deg,
            rgba(69, 10, 10, .88) 0%,
            rgba(127, 29, 29, .78) 36%,
            rgba(153, 27, 27, .64) 62%,
            rgba(255, 247, 237, .88) 100%),
        url("https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat !important;
}

body:has(.mkp-cl-single) .mkp-cl-feature-section::before {
    background:
        linear-gradient(120deg,
            rgba(45, 10, 10, .92) 0%,
            rgba(127, 29, 29, .72) 38%,
            rgba(185, 28, 28, .42) 68%,
            rgba(255, 255, 255, .10) 100%),
        url("https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat !important;
    opacity: .42 !important;
    filter: grayscale(1) contrast(1.28) saturate(.9) sepia(.38) hue-rotate(320deg) !important;
}

body:has(.mkp-cl-single) .mkp-cl-feature-section::after {
    background:
        radial-gradient(circle at 12% 18%, rgba(250, 204, 21, .20), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(127, 29, 29, .42), transparent 30%),
        linear-gradient(180deg, rgba(69, 10, 10, .28), rgba(255, 247, 237, .58) 58%, rgba(255, 255, 255, .72)) !important;
}

body:has(.mkp-cl-single) .mkp-cl-feature-note {
    border-color: rgba(127, 29, 29, .16) !important;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.90), transparent 24%),
        linear-gradient(145deg, rgba(255,255,255,.94) 0%, rgba(255,241,242,.90) 48%, rgba(255,247,237,.92) 100%) !important;
}

/* =========================================================
   CATEGORY-SPECIFIC SINGLE POST TEMPLATES
   Same layout as Community Life, separate CSS classes per template.

   Inspiration prefix: mkp-insp-*
   OFW Stories prefix: mkp-ofw-*
   Pa-Eats prefix: mkp-pe-*
   Pinoy Bulletin prefix: mkp-pb-*
   Pinoy Finds prefix: mkp-pf-*
   Pinoy Thrift Fashion prefix: mkp-ptf-*
   ========================================================= */

body:has(.mkp-insp-single),
body:has(.mkp-ofw-single),
body:has(.mkp-pe-single),
body:has(.mkp-pb-single),
body:has(.mkp-pf-single),
body:has(.mkp-ptf-single) {
    overflow-x: hidden;
    background: var(--mkp-ivory);
}

body:has(.mkp-insp-single),
body:has(.mkp-ofw-single),
body:has(.mkp-pe-single),
body:has(.mkp-pb-single),
body:has(.mkp-pf-single),
body:has(.mkp-ptf-single) .wp-site-blocks {
    overflow-x: hidden;
}

.mkp-insp-single,
.mkp-ofw-single,
.mkp-pe-single,
.mkp-pb-single,
.mkp-pf-single,
.mkp-ptf-single {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden;
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 44%, #fffdf8 100%);
    color: var(--mkp-ink);
}

.mkp-insp-single {
    --mkp-cat-accent: #eab308;
    --mkp-cat-accent-deep: #a16207;
    --mkp-cat-accent-soft: rgba(234, 179, 8, .16);
    --mkp-cat-warm: rgba(250, 204, 21, .22);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80");
}

.mkp-ofw-single {
    --mkp-cat-accent: #1d4ed8;
    --mkp-cat-accent-deep: #163b8c;
    --mkp-cat-accent-soft: rgba(29, 78, 216, .14);
    --mkp-cat-warm: rgba(96, 165, 250, .18);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1600&q=80");
}

.mkp-pe-single {
    --mkp-cat-accent: #dc2626;
    --mkp-cat-accent-deep: #991b1b;
    --mkp-cat-accent-soft: rgba(220, 38, 38, .12);
    --mkp-cat-warm: rgba(250, 204, 21, .18);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1600&q=80");
}

.mkp-pb-single {
    --mkp-cat-accent: #0f172a;
    --mkp-cat-accent-deep: #111827;
    --mkp-cat-accent-soft: rgba(15, 23, 42, .12);
    --mkp-cat-warm: rgba(29, 78, 216, .14);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=1600&q=80");
}

.mkp-pf-single {
    --mkp-cat-accent: #16a34a;
    --mkp-cat-accent-deep: #166534;
    --mkp-cat-accent-soft: rgba(22, 163, 74, .13);
    --mkp-cat-warm: rgba(29, 78, 216, .12);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80");
}

.mkp-ptf-single {
    --mkp-cat-accent: #be185d;
    --mkp-cat-accent-deep: #831843;
    --mkp-cat-accent-soft: rgba(190, 24, 93, .13);
    --mkp-cat-warm: rgba(234, 179, 8, .14);
    --mkp-cat-photo: url("https://images.unsplash.com/photo-1489987707025-afc232f7ea0f?auto=format&fit=crop&w=1600&q=80");
}

.mkp-insp-single,
.mkp-ofw-single,
.mkp-pe-single,
.mkp-pb-single,
.mkp-pf-single,
.mkp-ptf-single .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
}

.mkp-insp-single,
.mkp-ofw-single,
.mkp-pe-single,
.mkp-pb-single,
.mkp-pf-single,
.mkp-ptf-single .wp-block-group,
.mkp-insp-single,
.mkp-ofw-single,
.mkp-pe-single,
.mkp-pb-single,
.mkp-pf-single,
.mkp-ptf-single .wp-block-columns {
    box-sizing: border-box;
}

.mkp-insp-hero,
.mkp-insp-feature-section,
.mkp-insp-body-section,
.mkp-insp-bottom-strip,
.mkp-insp-post-nav,
.mkp-ofw-hero,
.mkp-ofw-feature-section,
.mkp-ofw-body-section,
.mkp-ofw-bottom-strip,
.mkp-ofw-post-nav,
.mkp-pe-hero,
.mkp-pe-feature-section,
.mkp-pe-body-section,
.mkp-pe-bottom-strip,
.mkp-pe-post-nav,
.mkp-pb-hero,
.mkp-pb-feature-section,
.mkp-pb-body-section,
.mkp-pb-bottom-strip,
.mkp-pb-post-nav,
.mkp-pf-hero,
.mkp-pf-feature-section,
.mkp-pf-body-section,
.mkp-pf-bottom-strip,
.mkp-pf-post-nav,
.mkp-ptf-hero,
.mkp-ptf-feature-section,
.mkp-ptf-body-section,
.mkp-ptf-bottom-strip,
.mkp-ptf-post-nav {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

.mkp-insp-hero,
.mkp-ofw-hero,
.mkp-pe-hero,
.mkp-pb-hero,
.mkp-pf-hero,
.mkp-ptf-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(84px, 10vw, 140px) clamp(20px, 5vw, 84px) clamp(78px, 9vw, 122px);
    background:
        radial-gradient(circle at 10% 18%, var(--mkp-cat-warm), transparent 24%),
        radial-gradient(circle at 88% 12%, var(--mkp-cat-accent-soft), transparent 28%),
        radial-gradient(circle at 74% 82%, rgba(34, 197, 94, .08), transparent 26%),
        linear-gradient(135deg, #fffefb 0%, #fff8ed 42%, #f4f9ff 100%);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.mkp-insp-hero,
.mkp-ofw-hero,
.mkp-pe-hero,
.mkp-pb-hero,
.mkp-pf-hero,
.mkp-ptf-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .18;
}

.mkp-insp-hero,
.mkp-ofw-hero,
.mkp-pe-hero,
.mkp-pb-hero,
.mkp-pf-hero,
.mkp-ptf-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -150px;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--mkp-cat-accent-soft), rgba(234, 179, 8, .12));
    filter: blur(8px);
}

.mkp-insp-hero-inner,
.mkp-ofw-hero-inner,
.mkp-pe-hero-inner,
.mkp-pb-hero-inner,
.mkp-pf-hero-inner,
.mkp-ptf-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.mkp-insp-kicker,
.mkp-ofw-kicker,
.mkp-pe-kicker,
.mkp-pb-kicker,
.mkp-pf-kicker,
.mkp-ptf-kicker {
    display: inline-flex;
    margin: 0 auto 18px;
    padding: 9px 15px;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--mkp-cat-accent-deep);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .05);
}

.mkp-insp-title,
.mkp-ofw-title,
.mkp-pe-title,
.mkp-pb-title,
.mkp-pf-title,
.mkp-ptf-title {
    max-width: 1080px !important;
    margin: 0 auto 22px;
    color: var(--mkp-navy);
    font-size: clamp(3.2rem, 8vw, 7.2rem);
    font-weight: 800;
    line-height: .9;
    letter-spacing: -0.065em;
}

.mkp-insp-feature-section,
.mkp-ofw-feature-section,
.mkp-pe-feature-section,
.mkp-pb-feature-section,
.mkp-pf-feature-section,
.mkp-ptf-feature-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(52px, 6vw, 84px) clamp(20px, 5vw, 84px);
    background:
        linear-gradient(135deg, rgba(69, 10, 10, .93), rgba(127, 29, 29, .88) 48%, rgba(15, 23, 42, .92)),
        var(--mkp-cat-photo) center / cover no-repeat;
}

.mkp-insp-feature-section,
.mkp-ofw-feature-section,
.mkp-pe-feature-section,
.mkp-pb-feature-section,
.mkp-pf-feature-section,
.mkp-ptf-feature-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: var(--mkp-cat-photo) center / cover no-repeat;
    filter: grayscale(1) contrast(1.2);
    opacity: .22;
    transform: scale(1.04);
}

.mkp-insp-feature-section,
.mkp-ofw-feature-section,
.mkp-pe-feature-section,
.mkp-pb-feature-section,
.mkp-pf-feature-section,
.mkp-ptf-feature-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .16), transparent 26%),
        radial-gradient(circle at 78% 18%, var(--mkp-cat-accent-soft), transparent 30%),
        linear-gradient(90deg, rgba(69, 10, 10, .66), rgba(127, 29, 29, .42), rgba(15, 23, 42, .58));
}

.mkp-insp-feature-grid,
.mkp-ofw-feature-grid,
.mkp-pe-feature-grid,
.mkp-pb-feature-grid,
.mkp-pf-feature-grid,
.mkp-ptf-feature-grid {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch;
    gap: 28px;
}

.mkp-insp-feature-image-column,
.mkp-ofw-feature-image-column,
.mkp-pe-feature-image-column,
.mkp-pb-feature-image-column,
.mkp-pf-feature-image-column,
.mkp-ptf-feature-image-column,
.mkp-insp-feature-note-column,
.mkp-ofw-feature-note-column,
.mkp-pe-feature-note-column,
.mkp-pb-feature-note-column,
.mkp-pf-feature-note-column,
.mkp-ptf-feature-note-column {
    min-width: 0;
}

.mkp-insp-featured-image,
.mkp-ofw-featured-image,
.mkp-pe-featured-image,
.mkp-pb-featured-image,
.mkp-pf-featured-image,
.mkp-ptf-featured-image,
.mkp-insp-featured-image img,
.mkp-ofw-featured-image img,
.mkp-pe-featured-image img,
.mkp-pb-featured-image img,
.mkp-pf-featured-image img,
.mkp-ptf-featured-image img {
    width: 100%;
}

.mkp-insp-featured-image img,
.mkp-ofw-featured-image img,
.mkp-pe-featured-image img,
.mkp-pb-featured-image img,
.mkp-pf-featured-image img,
.mkp-ptf-featured-image img {
    min-height: 520px;
    object-fit: cover;
    border-radius: 36px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .32);
}

.mkp-insp-feature-note,
.mkp-ofw-feature-note,
.mkp-pe-feature-note,
.mkp-pb-feature-note,
.mkp-pf-feature-note,
.mkp-ptf-feature-note {
    height: 100%;
    display: grid;
    align-content: center;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 36px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.92), transparent 24%),
        linear-gradient(145deg, rgba(255,255,255,.96) 0%, rgba(255,248,232,.94) 54%, rgba(247,251,255,.94) 100%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .20);
    backdrop-filter: blur(8px);
}

.mkp-insp-note-label,
.mkp-ofw-note-label,
.mkp-pe-note-label,
.mkp-pb-note-label,
.mkp-pf-note-label,
.mkp-ptf-note-label,
.mkp-insp-board-label,
.mkp-ofw-board-label,
.mkp-pe-board-label,
.mkp-pb-board-label,
.mkp-pf-board-label,
.mkp-ptf-board-label {
    margin: 0 0 12px;
    color: var(--mkp-cat-accent-deep);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mkp-insp-feature-note h2,
.mkp-ofw-feature-note h2,
.mkp-pe-feature-note h2,
.mkp-pb-feature-note h2,
.mkp-pf-feature-note h2,
.mkp-ptf-feature-note h2 {
    margin: 0 0 14px;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-insp-feature-note p,
.mkp-ofw-feature-note p,
.mkp-pe-feature-note p,
.mkp-pb-feature-note p,
.mkp-pf-feature-note p,
.mkp-ptf-feature-note p {
    color: var(--mkp-text);
    line-height: 1.75;
}

.mkp-insp-note-tags,
.mkp-ofw-note-tags,
.mkp-pe-note-tags,
.mkp-pb-note-tags,
.mkp-pf-note-tags,
.mkp-ptf-note-tags {
    gap: 8px;
    margin-top: 22px;
}

.mkp-insp-note-tags p,
.mkp-ofw-note-tags p,
.mkp-pe-note-tags p,
.mkp-pb-note-tags p,
.mkp-pf-note-tags p,
.mkp-ptf-note-tags p {
    margin: 0;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--mkp-cat-accent-soft);
    color: var(--mkp-cat-accent-deep);
    font-size: .78rem;
    font-weight: 900;
}

.mkp-insp-body-section,
.mkp-ofw-body-section,
.mkp-pe-body-section,
.mkp-pb-body-section,
.mkp-pf-body-section,
.mkp-ptf-body-section {
    padding: clamp(70px, 8vw, 112px) clamp(20px, 5vw, 84px);
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
}

.mkp-insp-body-grid,
.mkp-ofw-body-grid,
.mkp-pe-body-grid,
.mkp-pb-body-grid,
.mkp-pf-body-grid,
.mkp-ptf-body-grid {
    width: 100%;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: flex-start;
    gap: clamp(28px, 4vw, 54px);
}

.mkp-insp-article-column,
.mkp-ofw-article-column,
.mkp-pe-article-column,
.mkp-pb-article-column,
.mkp-pf-article-column,
.mkp-ptf-article-column,
.mkp-insp-community-board,
.mkp-ofw-community-board,
.mkp-pe-community-board,
.mkp-pb-community-board,
.mkp-pf-community-board,
.mkp-ptf-community-board {
    min-width: 0;
}

.mkp-insp-story-note,
.mkp-ofw-story-note,
.mkp-pe-story-note,
.mkp-pb-story-note,
.mkp-pf-story-note,
.mkp-ptf-story-note {
    max-width: 860px !important;
    margin: 0 auto 34px;
    padding: 26px 30px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 28px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.78), transparent 24%),
        linear-gradient(135deg, #fffefb 0%, #fff8e8 48%, #f7fbff 100%);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-insp-story-note p:not([class$='note-label']),
.mkp-ofw-story-note p:not([class$='note-label']),
.mkp-pe-story-note p:not([class$='note-label']),
.mkp-pb-story-note p:not([class$='note-label']),
.mkp-pf-story-note p:not([class$='note-label']),
.mkp-ptf-story-note p:not([class$='note-label']) {
    margin-bottom: 0;
    color: var(--mkp-text);
    font-size: 1.04rem;
    line-height: 1.75;
}

.mkp-insp-content,
.mkp-ofw-content,
.mkp-pe-content,
.mkp-pb-content,
.mkp-pf-content,
.mkp-ptf-content {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mkp-insp-content > *:first-child,
.mkp-ofw-content > *:first-child,
.mkp-pe-content > *:first-child,
.mkp-pb-content > *:first-child,
.mkp-pf-content > *:first-child,
.mkp-ptf-content > *:first-child {
    margin-top: 0;
}

.mkp-insp-content h1:first-child,
.mkp-ofw-content h1:first-child,
.mkp-pe-content h1:first-child,
.mkp-pb-content h1:first-child,
.mkp-pf-content h1:first-child,
.mkp-ptf-content h1:first-child,
.mkp-insp-content h2:first-child,
.mkp-ofw-content h2:first-child,
.mkp-pe-content h2:first-child,
.mkp-pb-content h2:first-child,
.mkp-pf-content h2:first-child,
.mkp-ptf-content h2:first-child,
.mkp-insp-content .wp-block-heading:first-child,
.mkp-ofw-content .wp-block-heading:first-child,
.mkp-pe-content .wp-block-heading:first-child,
.mkp-pb-content .wp-block-heading:first-child,
.mkp-pf-content .wp-block-heading:first-child,
.mkp-ptf-content .wp-block-heading:first-child {
    margin-top: 0 !important;
    margin-bottom: .7em !important;
    color: var(--mkp-navy) !important;
    font-size: clamp(2.65rem, 5vw, 4.9rem) !important;
    font-weight: 900 !important;
    line-height: .94 !important;
    letter-spacing: -0.06em !important;
}

.mkp-insp-content p,
.mkp-ofw-content p,
.mkp-pe-content p,
.mkp-pb-content p,
.mkp-pf-content p,
.mkp-ptf-content p {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.95;
}

.mkp-insp-content h2,
.mkp-ofw-content h2,
.mkp-pe-content h2,
.mkp-pb-content h2,
.mkp-pf-content h2,
.mkp-ptf-content h2 {
    margin-top: 2.2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(2.1rem, 4vw, 3.5rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.mkp-insp-content h3,
.mkp-ofw-content h3,
.mkp-pe-content h3,
.mkp-pb-content h3,
.mkp-pf-content h3,
.mkp-ptf-content h3 {
    margin-top: 2em;
    margin-bottom: .7em;
    color: var(--mkp-navy);
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.mkp-insp-content ul,
.mkp-ofw-content ul,
.mkp-pe-content ul,
.mkp-pb-content ul,
.mkp-pf-content ul,
.mkp-ptf-content ul,
.mkp-insp-content ol,
.mkp-ofw-content ol,
.mkp-pe-content ol,
.mkp-pb-content ol,
.mkp-pf-content ol,
.mkp-ptf-content ol {
    color: var(--mkp-text);
    font-size: clamp(1.05rem, 1.5vw, 1.18rem);
    line-height: 1.9;
}

.mkp-insp-content a,
.mkp-ofw-content a,
.mkp-pe-content a,
.mkp-pb-content a,
.mkp-pf-content a,
.mkp-ptf-content a {
    color: var(--mkp-cat-accent-deep);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.mkp-insp-content blockquote,
.mkp-ofw-content blockquote,
.mkp-pe-content blockquote,
.mkp-pb-content blockquote,
.mkp-pf-content blockquote,
.mkp-ptf-content blockquote {
    margin: 44px 0;
    padding: 30px 34px;
    border-left: 5px solid var(--mkp-cat-accent);
    border-radius: 0 26px 26px 0;
    background: linear-gradient(135deg, #fffefb, #fff6da);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-insp-content blockquote p,
.mkp-ofw-content blockquote p,
.mkp-pe-content blockquote p,
.mkp-pb-content blockquote p,
.mkp-pf-content blockquote p,
.mkp-ptf-content blockquote p {
    color: var(--mkp-navy);
    font-size: clamp(1.3rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.45;
}

.mkp-insp-content figure,
.mkp-ofw-content figure,
.mkp-pe-content figure,
.mkp-pb-content figure,
.mkp-pf-content figure,
.mkp-ptf-content figure {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mkp-insp-content img,
.mkp-ofw-content img,
.mkp-pe-content img,
.mkp-pb-content img,
.mkp-pf-content img,
.mkp-ptf-content img {
    border-radius: 28px;
}

.mkp-insp-content figcaption,
.mkp-ofw-content figcaption,
.mkp-pe-content figcaption,
.mkp-pb-content figcaption,
.mkp-pf-content figcaption,
.mkp-ptf-content figcaption {
    margin-top: 12px;
    color: var(--mkp-muted);
    font-size: .9rem;
    text-align: center;
}

.mkp-insp-community-board,
.mkp-ofw-community-board,
.mkp-pe-community-board,
.mkp-pb-community-board,
.mkp-pf-community-board,
.mkp-ptf-community-board {
    position: sticky;
    top: 28px;
}

.mkp-insp-board-card,
.mkp-ofw-board-card,
.mkp-pe-board-card,
.mkp-pb-board-card,
.mkp-pf-board-card,
.mkp-ptf-board-card {
    margin-bottom: 22px;
    padding: 24px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-insp-board-highlight,
.mkp-ofw-board-highlight,
.mkp-pe-board-highlight,
.mkp-pb-board-highlight,
.mkp-pf-board-highlight,
.mkp-ptf-board-highlight {
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.75), transparent 24%),
        linear-gradient(135deg, #fffaf0, #f7fbff);
}

.mkp-insp-board-card h3,
.mkp-ofw-board-card h3,
.mkp-pe-board-card h3,
.mkp-pb-board-card h3,
.mkp-pf-board-card h3,
.mkp-ptf-board-card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--mkp-navy);
    font-size: 1.32rem;
    line-height: 1.15;
}

.mkp-insp-board-card p,
.mkp-ofw-board-card p,
.mkp-pe-board-card p,
.mkp-pb-board-card p,
.mkp-pf-board-card p,
.mkp-ptf-board-card p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-insp-board-link,
.mkp-ofw-board-link,
.mkp-pe-board-link,
.mkp-pb-board-link,
.mkp-pf-board-link,
.mkp-ptf-board-link {
    margin-top: 16px;
    font-weight: 900;
}

.mkp-insp-board-link a,
.mkp-ofw-board-link a,
.mkp-pe-board-link a,
.mkp-pb-board-link a,
.mkp-pf-board-link a,
.mkp-ptf-board-link a {
    color: var(--mkp-cat-accent-deep);
    text-decoration: none;
}

.mkp-insp-board-link a:hover,
.mkp-ofw-board-link a:hover,
.mkp-pe-board-link a:hover,
.mkp-pb-board-link a:hover,
.mkp-pf-board-link a:hover,
.mkp-ptf-board-link a:hover {
    color: var(--mkp-red);
}

.mkp-insp-ad-card,
.mkp-ofw-ad-card,
.mkp-pe-ad-card,
.mkp-pb-ad-card,
.mkp-pf-ad-card,
.mkp-ptf-ad-card {
    min-height: 230px;
    display: grid;
    align-content: center;
    border-style: dashed;
    background: #fffdf7;
}

.mkp-insp-ad-card p:first-child,
.mkp-ofw-ad-card p:first-child,
.mkp-pe-ad-card p:first-child,
.mkp-pb-ad-card p:first-child,
.mkp-pf-ad-card p:first-child,
.mkp-ptf-ad-card p:first-child {
    margin-bottom: 4px;
    color: var(--mkp-cat-accent-deep);
    font-size: .88rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mkp-insp-after-story,
.mkp-ofw-after-story,
.mkp-pe-after-story,
.mkp-pb-after-story,
.mkp-pf-after-story,
.mkp-ptf-after-story {
    max-width: 860px !important;
    margin: clamp(46px, 6vw, 76px) auto 0;
    padding: clamp(32px, 5vw, 52px);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 34px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.72), transparent 24%),
        radial-gradient(circle at 86% 20%, var(--mkp-cat-accent-soft), transparent 24%),
        linear-gradient(135deg, #f7fbff, #fffaf0 54%, #f8fcf8);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-insp-after-story h2,
.mkp-ofw-after-story h2,
.mkp-pe-after-story h2,
.mkp-pb-after-story h2,
.mkp-pf-after-story h2,
.mkp-ptf-after-story h2 {
    margin: 0 0 14px;
    color: var(--mkp-navy);
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.mkp-insp-after-story p,
.mkp-ofw-after-story p,
.mkp-pe-after-story p,
.mkp-pb-after-story p,
.mkp-pf-after-story p,
.mkp-ptf-after-story p {
    color: var(--mkp-text);
    line-height: 1.8;
}

.mkp-insp-bottom-strip,
.mkp-ofw-bottom-strip,
.mkp-pe-bottom-strip,
.mkp-pb-bottom-strip,
.mkp-pf-bottom-strip,
.mkp-ptf-bottom-strip {
    padding: clamp(54px, 7vw, 84px) clamp(20px, 5vw, 84px);
    background: linear-gradient(90deg, #f6faff, #fffef8, #f8fcf8);
    border-top: 1px solid rgba(15, 23, 42, .06);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.mkp-insp-bottom-grid,
.mkp-ofw-bottom-grid,
.mkp-pe-bottom-grid,
.mkp-pb-bottom-grid,
.mkp-pf-bottom-grid,
.mkp-ptf-bottom-grid {
    width: 100%;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 22px;
}

.mkp-insp-bottom-grid .wp-block-column,
.mkp-ofw-bottom-grid .wp-block-column,
.mkp-pe-bottom-grid .wp-block-column,
.mkp-pb-bottom-grid .wp-block-column,
.mkp-pf-bottom-grid .wp-block-column,
.mkp-ptf-bottom-grid .wp-block-column {
    padding: 28px;
    border: 1px solid var(--mkp-line);
    border-radius: 28px;
    background: rgba(255, 255, 255, .78);
    box-shadow: var(--mkp-shadow-soft);
}

.mkp-insp-bottom-grid h3,
.mkp-ofw-bottom-grid h3,
.mkp-pe-bottom-grid h3,
.mkp-pb-bottom-grid h3,
.mkp-pf-bottom-grid h3,
.mkp-ptf-bottom-grid h3 {
    margin-top: 0;
    color: var(--mkp-navy);
    font-size: 1.35rem;
    line-height: 1.15;
}

.mkp-insp-bottom-grid p,
.mkp-ofw-bottom-grid p,
.mkp-pe-bottom-grid p,
.mkp-pb-bottom-grid p,
.mkp-pf-bottom-grid p,
.mkp-ptf-bottom-grid p {
    color: var(--mkp-text);
    line-height: 1.7;
}

.mkp-insp-post-nav,
.mkp-ofw-post-nav,
.mkp-pe-post-nav,
.mkp-pb-post-nav,
.mkp-pf-post-nav,
.mkp-ptf-post-nav {
    gap: 20px;
    padding: clamp(34px, 5vw, 56px) clamp(20px, 5vw, 84px);
    background: #ffffff;
}

.mkp-insp-post-nav a,
.mkp-ofw-post-nav a,
.mkp-pe-post-nav a,
.mkp-pb-post-nav a,
.mkp-pf-post-nav a,
.mkp-ptf-post-nav a {
    display: inline-flex;
    align-items: center;
    max-width: 520px;
    padding: 18px 22px;
    border: 1px solid var(--mkp-line);
    border-radius: 22px;
    background: #ffffff;
    color: var(--mkp-navy);
    font-weight: 800;
    text-decoration: none;
    box-shadow: var(--mkp-shadow-soft);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mkp-insp-post-nav a:hover,
.mkp-ofw-post-nav a:hover,
.mkp-pe-post-nav a:hover,
.mkp-pb-post-nav a:hover,
.mkp-pf-post-nav a:hover,
.mkp-ptf-post-nav a:hover {
    transform: translateY(-3px);
    box-shadow: var(--mkp-shadow-medium);
}

@media (max-width: 1180px) {
    .mkp-insp-feature-grid,
.mkp-ofw-feature-grid,
.mkp-pe-feature-grid,
.mkp-pb-feature-grid,
.mkp-pf-feature-grid,
.mkp-ptf-feature-grid,
    .mkp-insp-body-grid,
.mkp-ofw-body-grid,
.mkp-pe-body-grid,
.mkp-pb-body-grid,
.mkp-pf-body-grid,
.mkp-ptf-body-grid,
    .mkp-insp-bottom-grid,
.mkp-ofw-bottom-grid,
.mkp-pe-bottom-grid,
.mkp-pb-bottom-grid,
.mkp-pf-bottom-grid,
.mkp-ptf-bottom-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .mkp-insp-feature-grid > .wp-block-column,
.mkp-ofw-feature-grid > .wp-block-column,
.mkp-pe-feature-grid > .wp-block-column,
.mkp-pb-feature-grid > .wp-block-column,
.mkp-pf-feature-grid > .wp-block-column,
.mkp-ptf-feature-grid > .wp-block-column,
    .mkp-insp-body-grid > .wp-block-column,
.mkp-ofw-body-grid > .wp-block-column,
.mkp-pe-body-grid > .wp-block-column,
.mkp-pb-body-grid > .wp-block-column,
.mkp-pf-body-grid > .wp-block-column,
.mkp-ptf-body-grid > .wp-block-column,
    .mkp-insp-bottom-grid > .wp-block-column,
.mkp-ofw-bottom-grid > .wp-block-column,
.mkp-pe-bottom-grid > .wp-block-column,
.mkp-pb-bottom-grid > .wp-block-column,
.mkp-pf-bottom-grid > .wp-block-column,
.mkp-ptf-bottom-grid > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .mkp-insp-community-board,
.mkp-ofw-community-board,
.mkp-pe-community-board,
.mkp-pb-community-board,
.mkp-pf-community-board,
.mkp-ptf-community-board {
        position: static;
    }

    .mkp-insp-content,
.mkp-ofw-content,
.mkp-pe-content,
.mkp-pb-content,
.mkp-pf-content,
.mkp-ptf-content,
    .mkp-insp-story-note,
.mkp-ofw-story-note,
.mkp-pe-story-note,
.mkp-pb-story-note,
.mkp-pf-story-note,
.mkp-ptf-story-note,
    .mkp-insp-after-story,
.mkp-ofw-after-story,
.mkp-pe-after-story,
.mkp-pb-after-story,
.mkp-pf-after-story,
.mkp-ptf-after-story {
        max-width: 900px !important;
    }

    .mkp-insp-featured-image img,
.mkp-ofw-featured-image img,
.mkp-pe-featured-image img,
.mkp-pb-featured-image img,
.mkp-pf-featured-image img,
.mkp-ptf-featured-image img {
        min-height: 420px;
    }
}

@media (max-width: 700px) {
    .mkp-insp-hero,
.mkp-insp-feature-section,
.mkp-insp-body-section,
.mkp-insp-bottom-strip,
.mkp-insp-post-nav,
.mkp-ofw-hero,
.mkp-ofw-feature-section,
.mkp-ofw-body-section,
.mkp-ofw-bottom-strip,
.mkp-ofw-post-nav,
.mkp-pe-hero,
.mkp-pe-feature-section,
.mkp-pe-body-section,
.mkp-pe-bottom-strip,
.mkp-pe-post-nav,
.mkp-pb-hero,
.mkp-pb-feature-section,
.mkp-pb-body-section,
.mkp-pb-bottom-strip,
.mkp-pb-post-nav,
.mkp-pf-hero,
.mkp-pf-feature-section,
.mkp-pf-body-section,
.mkp-pf-bottom-strip,
.mkp-pf-post-nav,
.mkp-ptf-hero,
.mkp-ptf-feature-section,
.mkp-ptf-body-section,
.mkp-ptf-bottom-strip,
.mkp-ptf-post-nav {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .mkp-insp-title,
.mkp-ofw-title,
.mkp-pe-title,
.mkp-pb-title,
.mkp-pf-title,
.mkp-ptf-title {
        font-size: clamp(2.8rem, 14vw, 4.8rem);
        letter-spacing: -0.055em;
    }

    .mkp-insp-featured-image img,
.mkp-ofw-featured-image img,
.mkp-pe-featured-image img,
.mkp-pb-featured-image img,
.mkp-pf-featured-image img,
.mkp-ptf-featured-image img {
        min-height: 300px;
        border-radius: 26px;
    }

    .mkp-insp-feature-note,
.mkp-ofw-feature-note,
.mkp-pe-feature-note,
.mkp-pb-feature-note,
.mkp-pf-feature-note,
.mkp-ptf-feature-note,
    .mkp-insp-story-note,
.mkp-ofw-story-note,
.mkp-pe-story-note,
.mkp-pb-story-note,
.mkp-pf-story-note,
.mkp-ptf-story-note,
    .mkp-insp-board-card,
.mkp-ofw-board-card,
.mkp-pe-board-card,
.mkp-pb-board-card,
.mkp-pf-board-card,
.mkp-ptf-board-card,
    .mkp-insp-after-story,
.mkp-ofw-after-story,
.mkp-pe-after-story,
.mkp-pb-after-story,
.mkp-pf-after-story,
.mkp-ptf-after-story,
    .mkp-insp-bottom-grid .wp-block-column,
.mkp-ofw-bottom-grid .wp-block-column,
.mkp-pe-bottom-grid .wp-block-column,
.mkp-pb-bottom-grid .wp-block-column,
.mkp-pf-bottom-grid .wp-block-column,
.mkp-ptf-bottom-grid .wp-block-column {
        padding: 24px;
        border-radius: 24px;
    }

    .mkp-insp-content h1:first-child,
.mkp-ofw-content h1:first-child,
.mkp-pe-content h1:first-child,
.mkp-pb-content h1:first-child,
.mkp-pf-content h1:first-child,
.mkp-ptf-content h1:first-child,
    .mkp-insp-content h2:first-child,
.mkp-ofw-content h2:first-child,
.mkp-pe-content h2:first-child,
.mkp-pb-content h2:first-child,
.mkp-pf-content h2:first-child,
.mkp-ptf-content h2:first-child,
    .mkp-insp-content .wp-block-heading:first-child,
.mkp-ofw-content .wp-block-heading:first-child,
.mkp-pe-content .wp-block-heading:first-child,
.mkp-pb-content .wp-block-heading:first-child,
.mkp-pf-content .wp-block-heading:first-child,
.mkp-ptf-content .wp-block-heading:first-child {
        font-size: clamp(2.35rem, 12vw, 3.7rem) !important;
        letter-spacing: -0.05em !important;
    }

    .mkp-insp-content p,
.mkp-ofw-content p,
.mkp-pe-content p,
.mkp-pb-content p,
.mkp-pf-content p,
.mkp-ptf-content p,
    .mkp-insp-content ul,
.mkp-ofw-content ul,
.mkp-pe-content ul,
.mkp-pb-content ul,
.mkp-pf-content ul,
.mkp-ptf-content ul,
    .mkp-insp-content ol,
.mkp-ofw-content ol,
.mkp-pe-content ol,
.mkp-pb-content ol,
.mkp-pf-content ol,
.mkp-ptf-content ol {
        font-size: 1.03rem;
        line-height: 1.84;
    }

    .mkp-insp-content blockquote,
.mkp-ofw-content blockquote,
.mkp-pe-content blockquote,
.mkp-pb-content blockquote,
.mkp-pf-content blockquote,
.mkp-ptf-content blockquote {
        padding: 24px;
        border-radius: 0 20px 20px 0;
    }

    .mkp-insp-post-nav,
.mkp-ofw-post-nav,
.mkp-pe-post-nav,
.mkp-pb-post-nav,
.mkp-pf-post-nav,
.mkp-ptf-post-nav {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .mkp-insp-post-nav a,
.mkp-ofw-post-nav a,
.mkp-pe-post-nav a,
.mkp-pb-post-nav a,
.mkp-pf-post-nav a,
.mkp-ptf-post-nav a {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* =========================================================
   FINAL FIX - CATEGORY TEMPLATE HERO / FEATURE STACKING
   Added: 2026-05-03
   Problem:
   Some grouped pseudo-element selectors were missing ::before / ::after
   on each selector. That caused actual sections like .mkp-insp-hero and
   .mkp-insp-feature-section to receive absolute positioning, inset, z-index,
   opacity, filter, and transform rules intended only for pseudo-elements.
   This override restores normal document flow and rebuilds the overlays safely.
   ========================================================= */

/* Restore all category sections to normal document flow */
body:has(.mkp-insp-single) .mkp-insp-hero,
body:has(.mkp-insp-single) .mkp-insp-feature-section,
body:has(.mkp-insp-single) .mkp-insp-body-section,
body:has(.mkp-insp-single) .mkp-insp-bottom-strip,
body:has(.mkp-insp-single) .mkp-insp-post-nav,
body:has(.mkp-ofw-single) .mkp-ofw-hero,
body:has(.mkp-ofw-single) .mkp-ofw-feature-section,
body:has(.mkp-ofw-single) .mkp-ofw-body-section,
body:has(.mkp-ofw-single) .mkp-ofw-bottom-strip,
body:has(.mkp-ofw-single) .mkp-ofw-post-nav,
body:has(.mkp-pe-single) .mkp-pe-hero,
body:has(.mkp-pe-single) .mkp-pe-feature-section,
body:has(.mkp-pe-single) .mkp-pe-body-section,
body:has(.mkp-pe-single) .mkp-pe-bottom-strip,
body:has(.mkp-pe-single) .mkp-pe-post-nav,
body:has(.mkp-pb-single) .mkp-pb-hero,
body:has(.mkp-pb-single) .mkp-pb-feature-section,
body:has(.mkp-pb-single) .mkp-pb-body-section,
body:has(.mkp-pb-single) .mkp-pb-bottom-strip,
body:has(.mkp-pb-single) .mkp-pb-post-nav,
body:has(.mkp-pf-single) .mkp-pf-hero,
body:has(.mkp-pf-single) .mkp-pf-feature-section,
body:has(.mkp-pf-single) .mkp-pf-body-section,
body:has(.mkp-pf-single) .mkp-pf-bottom-strip,
body:has(.mkp-pf-single) .mkp-pf-post-nav,
body:has(.mkp-ptf-single) .mkp-ptf-hero,
body:has(.mkp-ptf-single) .mkp-ptf-feature-section,
body:has(.mkp-ptf-single) .mkp-ptf-body-section,
body:has(.mkp-ptf-single) .mkp-ptf-bottom-strip,
body:has(.mkp-ptf-single) .mkp-ptf-post-nav {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 0 !important;
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Keep hero spacing and visual style after the reset */
body:has(.mkp-insp-single) .mkp-insp-hero,
body:has(.mkp-ofw-single) .mkp-ofw-hero,
body:has(.mkp-pe-single) .mkp-pe-hero,
body:has(.mkp-pb-single) .mkp-pb-hero,
body:has(.mkp-pf-single) .mkp-pf-hero,
body:has(.mkp-ptf-single) .mkp-ptf-hero {
    overflow: hidden !important;
    padding: clamp(84px, 10vw, 140px) clamp(20px, 5vw, 84px) clamp(78px, 9vw, 122px) !important;
    background:
        radial-gradient(circle at 10% 18%, var(--mkp-cat-warm), transparent 24%),
        radial-gradient(circle at 88% 12%, var(--mkp-cat-accent-soft), transparent 28%),
        radial-gradient(circle at 74% 82%, rgba(34, 197, 94, .08), transparent 26%),
        linear-gradient(135deg, #fffefb 0%, #fff8ed 42%, #f4f9ff 100%) !important;
    border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
}

/* Keep feature section spacing and dark reddish silhouette style after the reset */
body:has(.mkp-insp-single) .mkp-insp-feature-section,
body:has(.mkp-ofw-single) .mkp-ofw-feature-section,
body:has(.mkp-pe-single) .mkp-pe-feature-section,
body:has(.mkp-pb-single) .mkp-pb-feature-section,
body:has(.mkp-pf-single) .mkp-pf-feature-section,
body:has(.mkp-ptf-single) .mkp-ptf-feature-section {
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(52px, 6vw, 84px) clamp(20px, 5vw, 84px) !important;
    background:
        linear-gradient(135deg, rgba(69, 10, 10, .93), rgba(127, 29, 29, .88) 48%, rgba(15, 23, 42, .92)),
        var(--mkp-cat-photo) center / cover no-repeat !important;
}

/* Correct hero pseudo-elements with safe grouped selectors */
body:has(.mkp-insp-single) .mkp-insp-hero::before,
body:has(.mkp-ofw-single) .mkp-ofw-hero::before,
body:has(.mkp-pe-single) .mkp-pe-hero::before,
body:has(.mkp-pb-single) .mkp-pb-hero::before,
body:has(.mkp-pf-single) .mkp-pf-hero::before,
body:has(.mkp-ptf-single) .mkp-ptf-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px) !important;
    background-size: 44px 44px !important;
    opacity: .18 !important;
    pointer-events: none !important;
    filter: none !important;
    transform: none !important;
}

body:has(.mkp-insp-single) .mkp-insp-hero::after,
body:has(.mkp-ofw-single) .mkp-ofw-hero::after,
body:has(.mkp-pe-single) .mkp-pe-hero::after,
body:has(.mkp-pb-single) .mkp-pb-hero::after,
body:has(.mkp-pf-single) .mkp-pf-hero::after,
body:has(.mkp-ptf-single) .mkp-ptf-hero::after {
    content: "" !important;
    position: absolute !important;
    right: -120px !important;
    bottom: -150px !important;
    left: auto !important;
    top: auto !important;
    z-index: 0 !important;
    width: 420px !important;
    height: 420px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--mkp-cat-accent-soft), rgba(234, 179, 8, .12)) !important;
    opacity: 1 !important;
    filter: blur(8px) !important;
    transform: none !important;
    pointer-events: none !important;
}

body:has(.mkp-insp-single) .mkp-insp-hero-inner,
body:has(.mkp-ofw-single) .mkp-ofw-hero-inner,
body:has(.mkp-pe-single) .mkp-pe-hero-inner,
body:has(.mkp-pb-single) .mkp-pb-hero-inner,
body:has(.mkp-pf-single) .mkp-pf-hero-inner,
body:has(.mkp-ptf-single) .mkp-ptf-hero-inner {
    position: relative !important;
    z-index: 2 !important;
}

/* Correct feature pseudo-elements with safe grouped selectors */
body:has(.mkp-insp-single) .mkp-insp-feature-section::before,
body:has(.mkp-ofw-single) .mkp-ofw-feature-section::before,
body:has(.mkp-pe-single) .mkp-pe-feature-section::before,
body:has(.mkp-pb-single) .mkp-pb-feature-section::before,
body:has(.mkp-pf-single) .mkp-pf-feature-section::before,
body:has(.mkp-ptf-single) .mkp-ptf-feature-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background: var(--mkp-cat-photo) center / cover no-repeat !important;
    opacity: .22 !important;
    filter: grayscale(1) contrast(1.2) !important;
    transform: scale(1.04) !important;
    pointer-events: none !important;
}

body:has(.mkp-insp-single) .mkp-insp-feature-section::after,
body:has(.mkp-ofw-single) .mkp-ofw-feature-section::after,
body:has(.mkp-pe-single) .mkp-pe-feature-section::after,
body:has(.mkp-pb-single) .mkp-pb-feature-section::after,
body:has(.mkp-pf-single) .mkp-pf-feature-section::after,
body:has(.mkp-ptf-single) .mkp-ptf-feature-section::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(250, 204, 21, .16), transparent 26%),
        radial-gradient(circle at 78% 18%, var(--mkp-cat-accent-soft), transparent 30%),
        linear-gradient(90deg, rgba(69, 10, 10, .66), rgba(127, 29, 29, .42), rgba(15, 23, 42, .58)) !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

body:has(.mkp-insp-single) .mkp-insp-feature-grid,
body:has(.mkp-ofw-single) .mkp-ofw-feature-grid,
body:has(.mkp-pe-single) .mkp-pe-feature-grid,
body:has(.mkp-pb-single) .mkp-pb-feature-grid,
body:has(.mkp-pf-single) .mkp-pf-feature-grid,
body:has(.mkp-ptf-single) .mkp-ptf-feature-grid {
    position: relative !important;
    z-index: 1 !important;
}

/* Remove default block gap between the hero and feature section on these templates */
body:has(.mkp-insp-single) .mkp-insp-hero + .mkp-insp-feature-section,
body:has(.mkp-ofw-single) .mkp-ofw-hero + .mkp-ofw-feature-section,
body:has(.mkp-pe-single) .mkp-pe-hero + .mkp-pe-feature-section,
body:has(.mkp-pb-single) .mkp-pb-hero + .mkp-pb-feature-section,
body:has(.mkp-pf-single) .mkp-pf-hero + .mkp-pf-feature-section,
body:has(.mkp-ptf-single) .mkp-ptf-hero + .mkp-ptf-feature-section {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}


/* =========================================================
   FINAL OVERRIDE - REMOVE HERO ROUNDED CORNERS
   Added: 2026-05-03
   Keeps the hero stacking fix, but makes hero edges square.
   ========================================================= */

body:has(.mkp-insp-single) .mkp-insp-hero,
body:has(.mkp-ofw-single) .mkp-ofw-hero,
body:has(.mkp-pe-single) .mkp-pe-hero,
body:has(.mkp-pb-single) .mkp-pb-hero,
body:has(.mkp-pf-single) .mkp-pf-hero,
body:has(.mkp-ptf-single) .mkp-ptf-hero,
body:has(.mkp-insp-single) .mkp-insp-hero::before,
body:has(.mkp-ofw-single) .mkp-ofw-hero::before,
body:has(.mkp-pe-single) .mkp-pe-hero::before,
body:has(.mkp-pb-single) .mkp-pb-hero::before,
body:has(.mkp-pf-single) .mkp-pf-hero::before,
body:has(.mkp-ptf-single) .mkp-ptf-hero::before,
body:has(.mkp-insp-single) .mkp-insp-hero::after,
body:has(.mkp-ofw-single) .mkp-ofw-hero::after,
body:has(.mkp-pe-single) .mkp-pe-hero::after,
body:has(.mkp-pb-single) .mkp-pb-hero::after,
body:has(.mkp-pf-single) .mkp-pf-hero::after,
body:has(.mkp-ptf-single) .mkp-ptf-hero::after {
    border-radius: 0 !important;
}

/* Also prevent parent/template wrappers from visually rounding the top hero area */
body:has(.mkp-insp-single) .mkp-insp-single,
body:has(.mkp-ofw-single) .mkp-ofw-single,
body:has(.mkp-pe-single) .mkp-pe-single,
body:has(.mkp-pb-single) .mkp-pb-single,
body:has(.mkp-pf-single) .mkp-pf-single,
body:has(.mkp-ptf-single) .mkp-ptf-single,
body:has(.mkp-insp-single) main.mkp-insp-single,
body:has(.mkp-ofw-single) main.mkp-ofw-single,
body:has(.mkp-pe-single) main.mkp-pe-single,
body:has(.mkp-pb-single) main.mkp-pb-single,
body:has(.mkp-pf-single) main.mkp-pf-single,
body:has(.mkp-ptf-single) main.mkp-ptf-single {
    border-radius: 0 !important;
}


/* =========================================================
   HOMEPAGE STOCK PHOTO + STOCK VIDEO DROP-IN
   Added for Featured OFW Image, Monthly Issue Cover, Featured Video
   ========================================================= */

/* Featured OFW story stock image */
.mkp-featured-section .mkp-stock-featured-image,
.mkp-stock-featured-image {
    width: 100%;
    min-height: 500px;
    margin: 0;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(15, 23, 42, .06);
    background: #0f172a;
    box-shadow: var(--mkp-shadow-strong);
}

.mkp-featured-section .mkp-stock-featured-image img,
.mkp-stock-featured-image img {
    display: block;
    width: 100%;
    min-height: 500px;
    object-fit: cover;
    border-radius: 34px;
}

/* Monthly Digital Issue cover stock image */
.mkp-issue-section .mkp-stock-magazine-cover,
.mkp-stock-magazine-cover {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(29, 78, 216, .40), rgba(220, 38, 38, .48)),
        url("https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=1400&q=85") center / cover no-repeat;
}

.mkp-issue-section .mkp-stock-magazine-cover::before,
.mkp-stock-magazine-cover::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 22px;
    pointer-events: none;
}

.mkp-issue-section .mkp-stock-magazine-cover::after,
.mkp-stock-magazine-cover::after {
    content: "MUSTA KA PINOY";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    color: rgba(255,255,255,.78);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
}

.mkp-issue-section .mkp-stock-magazine-cover span,
.mkp-stock-magazine-cover span {
    position: relative;
    z-index: 1;
    color: #ffffff;
    text-shadow: 0 12px 28px rgba(0,0,0,.40);
}

/* Featured stock video block */
.mkp-video-feature:has(.mkp-featured-stock-video) {
    padding: 18px;
    align-content: start;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 24%),
        linear-gradient(135deg, #eef6ff, #eef8f0 64%, #fff6da);
}

.mkp-featured-stock-video {
    width: 100%;
    margin: 0 0 18px;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: var(--mkp-shadow-medium);
    background: #0f172a;
}

.mkp-featured-stock-video video {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover;
    border-radius: 26px;
}

.mkp-video-feature:has(.mkp-featured-stock-video) h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mkp-video-feature:has(.mkp-featured-stock-video) p:not(.mkp-play-icon) {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    color: var(--mkp-text);
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .mkp-featured-section .mkp-stock-featured-image,
    .mkp-featured-section .mkp-stock-featured-image img,
    .mkp-stock-featured-image,
    .mkp-stock-featured-image img {
        min-height: 380px;
    }

    .mkp-featured-stock-video video {
        min-height: 320px;
    }
}

@media (max-width: 700px) {
    .mkp-featured-section .mkp-stock-featured-image,
    .mkp-featured-section .mkp-stock-featured-image img,
    .mkp-stock-featured-image,
    .mkp-stock-featured-image img {
        min-height: 320px;
        border-radius: 24px;
    }

    .mkp-issue-section .mkp-stock-magazine-cover::before,
    .mkp-stock-magazine-cover::before {
        inset: 14px;
        border-radius: 18px;
    }

    .mkp-issue-section .mkp-stock-magazine-cover::after,
    .mkp-stock-magazine-cover::after {
        left: 22px;
        right: 22px;
        bottom: 22px;
        font-size: .68rem;
    }

    .mkp-featured-stock-video,
    .mkp-featured-stock-video video {
        border-radius: 22px;
    }

    .mkp-featured-stock-video video {
        min-height: 240px;
    }

    .mkp-video-feature:has(.mkp-featured-stock-video) {
        padding: 14px;
        border-radius: 24px;
    }
}