/*
Theme Name: GKM Media 1.3.77
Theme URI: https://gkmmedia.com/
Author: GKM Media Production Inc.
Description: A fast, editable block theme for South Asian newsrooms and community media.
Version: 1.3.77
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gkm-media
Tags: block-patterns, block-styles, custom-logo, editor-style, full-site-editing, news, one-column, two-columns, wide-blocks
*/

:root {
	--gkm-ink: #18212a;
	--gkm-paper: #fffdf9;
	--gkm-white: #fff;
	--gkm-red: #c1373f;
	--gkm-red-dark: #942a32;
	--gkm-blue: #236f9f;
	--gkm-blue-dark: #18577f;
	--gkm-blue-wash: #edf4f8;
	--gkm-muted: #4f5b63;
	--gkm-line: #ded7cf;
	--gkm-wash: #f6f1e9;
	--gkm-serif: Georgia, "Times New Roman", serif;
	--gkm-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--gkm-radius: 14px;
	color-scheme: light;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--gkm-paper); color: var(--gkm-ink); font: 16px/1.65 var(--gkm-sans); }
body, button, input, select, textarea { font-family: var(--gkm-sans); }
a { color: var(--gkm-blue); text-underline-offset: .2em; text-decoration-thickness: .07em; }
a:hover { color: var(--gkm-red); }
button, input, select, textarea { font-size: inherit; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
figure { margin: 0; }
:focus-visible { outline: 3px solid #3184b5; outline-offset: 3px; }
.wp-site-blocks { overflow: clip; }
.wp-block-group.alignfull, .wp-block-cover.alignfull { padding-inline: max(22px, calc((100vw - 1240px) / 2)); }
.gkm-constrained { width: min(1240px, calc(100% - 44px)); margin-inline: auto; }
.rank-math-breadcrumb { margin: 0 0 clamp(14px, 2vw, 22px); color: var(--gkm-muted); font-size: 12px; line-height: 1.55; }
.rank-math-breadcrumb p { margin: 0; }
.rank-math-breadcrumb a { color: var(--gkm-red-dark); text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .2em; }
.rank-math-breadcrumb .separator { margin-inline: 8px; color: var(--gkm-red); }
.rank-math-breadcrumb .last { color: var(--gkm-ink); font-weight: 650; overflow-wrap: anywhere; }
.gkm-eyebrow, .gkm-topline, .gkm-story-kicker, .wp-block-post-terms { color: var(--gkm-red); font-size: 11px; font-weight: 750; letter-spacing: .13em; line-height: 1.45; text-transform: uppercase; }
.gkm-topline { display: flex; justify-content: space-between; gap: 18px; padding: 9px max(22px, calc((100vw - 1240px) / 2)); background: var(--gkm-ink); color: #f6efea; }
.gkm-topline p { margin: 0; }
.gkm-topline a { color: inherit; text-decoration: none; }
.gkm-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 28px; width: min(1240px, calc(100% - 44px)); margin: auto; padding-block: 17px; border-bottom: 1px solid var(--gkm-line); }
.gkm-brand { display: flex; align-items: center; gap: 12px; min-width: 205px; }
.gkm-mobile-wordmark { display: none; }
.gkm-brand .wp-block-site-logo img { width: 52px; height: 52px; object-fit: contain; }
.gkm-brand .wp-block-site-title { margin: 0; font: 700 15px/1.25 var(--gkm-sans); letter-spacing: .08em; text-transform: uppercase; }
.gkm-brand .wp-block-site-title a { text-decoration: none; }
.gkm-brand .wp-block-site-tagline { margin: 3px 0 0; color: var(--gkm-muted); font-size: 12px; }
.gkm-nav { flex: 1; }
.gkm-nav .wp-block-navigation__container { gap: clamp(12px, 1.7vw, 25px); }
.gkm-nav .wp-block-navigation-item__content { font-size: 13px; font-weight: 650; text-decoration: none; }
.gkm-skip-link { position: absolute; z-index: 20; top: 8px; left: 8px; transform: translateY(-160%); padding: 10px 14px; background: var(--gkm-ink); color: #fff; }
.gkm-skip-link:focus { transform: translateY(0); }
h1, h2, h3, h4, .gkm-display { color: var(--gkm-ink); font-family: var(--gkm-serif); font-weight: 400; letter-spacing: -.035em; line-height: 1.1; }
h1 { font-size: clamp(42px, 6.2vw, 78px); }
h2 { font-size: clamp(30px, 4vw, 48px); }
h3 { font-size: clamp(23px, 2.6vw, 32px); }
.gkm-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: clamp(28px, 6vw, 78px); align-items: center; padding-block: clamp(45px, 7vw, 84px) 42px; }
.gkm-hero h1 { max-width: 760px; margin: 12px 0 22px; }
.gkm-hero h1 em { color: var(--gkm-red); font-style: normal; }
.gkm-hero .gkm-lede { max-width: 680px; color: var(--gkm-muted); font-size: clamp(18px, 2vw, 21px); }
.gkm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 26px; }
.gkm-button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 19px; border: 1px solid var(--gkm-red); border-radius: 6px; background: var(--gkm-red); color: #fff; font-size: 14px; font-weight: 750; text-decoration: none; }
.gkm-button:hover, .wp-block-button__link:hover { border-color: var(--gkm-red-dark); background: var(--gkm-red-dark); color: #fff; }
.gkm-network-card { display: grid; gap: 0; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--gkm-line); border-top: 5px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); box-shadow: 0 14px 32px #372c2210; }
.gkm-network-card h2 { margin: 2px 0 15px; font-size: clamp(30px, 3.1vw, 39px); }
.gkm-network-link { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 0; border-top: 1px solid var(--gkm-line); text-decoration: none; }
.gkm-network-link strong, .gkm-network-link span { display: block; }
.gkm-network-link strong { font-size: 15px; }
.gkm-network-link span { margin-top: 3px; color: var(--gkm-muted); font-size: 13px; }
.gkm-section { padding-block: clamp(38px, 6vw, 70px); border-top: 1px solid var(--gkm-line); }
.gkm-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 23px; }
.gkm-section-heading h2 { margin: 0; }
.gkm-section-heading p { margin: 0; }
.gkm-story-grid { gap: 22px !important; }
.gkm-story-card { height: 100%; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); box-shadow: 0 10px 28px #372c2208; }
.gkm-story-card > *:not(.gkm-card-image) { margin-inline: 20px; }
.gkm-story-card .gkm-card-image { margin: 0 0 18px; overflow: hidden; background: var(--gkm-wash); }
.gkm-story-card .gkm-card-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .3s ease; }
.gkm-story-card:hover .gkm-card-image img { transform: scale(1.025); }
.gkm-story-card .wp-block-post-terms { margin-bottom: 10px; }
.gkm-story-card .wp-block-post-terms a { text-decoration: none; }
.gkm-story-card .wp-block-post-title { margin-top: 0; margin-bottom: 9px; font-size: clamp(22px, 2.1vw, 27px); }
.gkm-story-card .wp-block-post-title a { text-decoration: none; }
.gkm-story-card .wp-block-post-excerpt { color: var(--gkm-muted); font-size: 14px; line-height: 1.55; }
.gkm-story-card .gkm-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 9px; margin-top: auto; padding: 0 0 19px; color: var(--gkm-muted); font-size: 11px; }
.gkm-story-card .gkm-meta-row p { margin: 0; }
.gkm-story-card .gkm-meta-row a { text-decoration: none; }
.gkm-media-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gkm-media-card { min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; padding: 23px; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-wash); }
.gkm-media-card > .wp-block-group { margin-bottom: 14px; }
.gkm-media-card .wp-block-buttons { margin: 0; }
.gkm-media-card .wp-block-button__link { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--gkm-red-dark); font-size: 13px; text-decoration: underline; }
.gkm-media-card .wp-block-button__link:hover { background: transparent; color: var(--gkm-ink); }
.gkm-media-card h3 { margin: 0 0 7px; font: 700 17px/1.35 var(--gkm-sans); letter-spacing: -.015em; }
.gkm-media-card p { margin: 0; color: var(--gkm-muted); font-size: 14px; }
.gkm-media-card a { margin-top: 18px; color: var(--gkm-red-dark); font-size: 13px; font-weight: 750; }
.gkm-network-card .gkm-network-link { align-items: center; }
.gkm-network-card .gkm-network-action { flex: 0 0 auto; min-width: 76px; padding: 8px 12px; border-radius: 999px; background: var(--gkm-red); color: #fff; text-align: center; font-size: 12px; font-weight: 750; }
.gkm-network-card .gkm-network-link:hover .gkm-network-action { background: var(--gkm-red-dark); color: #fff; }
.gkm-radio-player { padding: 13px 0 15px; border-top: 1px solid var(--gkm-line); }
.gkm-radio-player p { margin: 0 0 7px; font-size: 12px; font-weight: 750; }
.gkm-radio-player audio { display: block; width: 100%; max-width: 100%; height: 42px; }
.gkm-radio-player > a { display: inline-block; margin-top: 7px; color: var(--gkm-red-dark); font-size: 12px; font-weight: 700; }
.gkm-epaper-link { align-items: center !important; }
.gkm-epaper-cover { display: block; width: 72px; height: 112px; flex: 0 0 72px; border: 1px solid var(--gkm-line); border-radius: 8px; background: var(--gkm-wash); box-shadow: 0 7px 18px #372c2218; object-fit: cover; }
.gkm-epaper-copy { flex: 1; }
.gkm-epaper-copy strong { margin-bottom: 4px; }
.gkm-epaper-copy .gkm-epaper-edition { color: var(--gkm-red-dark); font-weight: 700; }
.gkm-feed-status { margin: 12px 0 0; color: var(--gkm-muted); font-size: 13px; }
.gkm-punjabi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gkm-punjabi-story { min-width: 0; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); box-shadow: 0 10px 28px #372c2208; }
.gkm-punjabi-story > a { display: flex; min-height: 100%; flex-direction: column; text-decoration: none; }
.gkm-punjabi-story img { display: block; width: 100%; aspect-ratio: 16 / 10; background: var(--gkm-wash); object-fit: cover; }
.gkm-punjabi-story-copy { display: flex; flex: 1; flex-direction: column; padding: 16px 17px 18px; }
.gkm-punjabi-story time { margin-bottom: 7px; color: var(--gkm-red); font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.gkm-punjabi-story h3 { margin: 0 0 8px; font: 650 19px/1.35 var(--gkm-serif); letter-spacing: -.02em; }
.gkm-punjabi-story p { margin: 0; color: var(--gkm-muted); font-size: 13px; line-height: 1.5; }
.gkm-video-channel + .gkm-video-channel { margin-top: 31px; }
.gkm-video-channel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.gkm-video-channel-heading h3 { margin: 0; font: 700 16px/1.3 var(--gkm-sans); letter-spacing: 0; }
.gkm-video-channel-heading a { display: inline-flex; min-height: 36px; align-items: center; padding: 6px 13px; border: 1px solid var(--gkm-red); border-radius: 999px; color: var(--gkm-red-dark); font-size: 12px; font-weight: 750; text-decoration: none; }
.gkm-video-fallback { display: flex; min-height: 220px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; width: min(100%, 680px); aspect-ratio: 16 / 9; padding: 22px 26px; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: #f4f1eb; color: var(--gkm-ink); box-shadow: 0 8px 22px #372c2208; }
.gkm-video-fallback p { max-width: 32ch; margin: 0; color: var(--gkm-muted); font-size: 15px; line-height: 1.5; }
.gkm-video-fallback a { display: inline-flex; min-height: 42px; align-items: center; padding: 9px 14px; border-radius: 4px; background: var(--gkm-red); color: #fff; font-size: 13px; font-weight: 750; text-decoration: none; }
.gkm-video-fallback[hidden] { display: none; }
.gkm-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gkm-video-card { min-width: 0; overflow: hidden; border: 1px solid var(--gkm-line); border-radius: 12px; background: var(--gkm-white); box-shadow: 0 8px 22px #372c2208; }
.gkm-video-thumb { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #222a31; }
.gkm-video-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.gkm-video-card:hover .gkm-video-thumb img { transform: scale(1.035); }
.gkm-video-play { position: absolute; inset: 50% auto auto 50%; display: grid; width: 50px; height: 50px; transform: translate(-50%, -50%); place-items: center; border: 1px solid #ffffffa8; border-radius: 50%; background: #c1373fe8; color: #fff; font-size: 18px; box-shadow: 0 4px 14px #0005; }
.gkm-video-copy { padding: 12px 13px 15px; }
.gkm-video-source { margin: 0 0 5px; color: var(--gkm-red-dark); font: 750 10px/1.3 var(--gkm-sans); letter-spacing: .06em; text-transform: uppercase; }
.gkm-video-copy h4 { margin: 0; font: 650 15px/1.4 var(--gkm-serif); letter-spacing: -.01em; }
.gkm-video-copy a { text-decoration: none; }
.gkm-punjabi-feed .gkm-section-heading, .gkm-video-feed .gkm-section-heading { margin-bottom: 18px; }
.gkm-punjabi-feed .gkm-section-heading > a { color: var(--gkm-red-dark); font-size: 13px; font-weight: 750; }
.gkm-story-header { max-width: 860px; margin: clamp(36px, 7vw, 76px) auto 25px; text-align: center; }
.gkm-story-header h1 { margin: 12px auto 18px; font-size: clamp(40px, 5.6vw, 68px); }
.gkm-story-header .wp-block-post-excerpt { max-width: 690px; margin-inline: auto; color: var(--gkm-muted); font-size: 19px; }
.gkm-story-byline { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 15px; color: var(--gkm-muted); font-size: 13px; }
.gkm-story-byline a { color: var(--gkm-ink); font-weight: 650; }
.gkm-article-lead { width: min(1120px, 100%); margin: 0 auto 34px; }
.gkm-article-lead img { display: block; width: 100%; max-height: 760px; border-radius: 12px; object-fit: cover; }
.gkm-article-lead figcaption { margin-top: 8px; color: var(--gkm-muted); font-size: 12px; }
.gkm-article-layout { display: grid; grid-template-columns: minmax(0, 790px) minmax(230px, 300px); gap: clamp(28px, 5vw, 72px); align-items: start; }
.gkm-article-content { min-width: 0; }
.gkm-article-content .wp-block-post-content { font-size: 18px; line-height: 1.8; }
.gkm-article-content .wp-block-post-content > * { max-width: 72ch; margin-inline: auto; }
.gkm-article-content .wp-block-post-content > .alignwide { max-width: min(100%, 1040px); }
.gkm-article-content .wp-block-post-content > .alignfull { max-width: none; }
.gkm-article-content .wp-block-post-content h2, .gkm-article-content .wp-block-post-content h3 { margin-top: 1.7em; }
.gkm-article-content .wp-block-post-content img { height: auto; border-radius: 8px; }
.gkm-article-aside { position: sticky; top: 20px; padding: 19px; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); }
.gkm-article-aside h2 { margin: 0 0 15px; font-size: 26px; }
.gkm-mini-story { padding-block: 12px; border-top: 1px solid var(--gkm-line); }
.gkm-mini-story .wp-block-post-title { margin: 0; font: 650 14px/1.45 var(--gkm-sans); letter-spacing: 0; }
.gkm-mini-story .wp-block-post-title a { text-decoration: none; }
.gkm-mini-story .wp-block-post-date { margin-top: 4px; color: var(--gkm-muted); font-size: 11px; }
.gkm-author-box { display: flex; gap: 14px; align-items: flex-start; margin-block: 36px; padding: 22px; border-radius: var(--gkm-radius); background: var(--gkm-wash); }
.gkm-author-box .wp-block-post-author-biography { color: var(--gkm-muted); font-size: 14px; }
.gkm-author-box:has(.wp-block-post-author-biography:empty) { display: none; }
.gkm-archive-head { padding-block: clamp(42px, 6vw, 68px) 25px; }
.gkm-archive-head h1 { margin: 8px 0 12px; font-size: clamp(38px, 5vw, 64px); }
.gkm-pagination { display: flex; justify-content: space-between; gap: 14px; padding-block: 28px; border-top: 1px solid var(--gkm-line); }
.gkm-pagination a { padding: 8px 12px; border: 1px solid var(--gkm-line); border-radius: 7px; font-size: 13px; font-weight: 700; text-decoration: none; }
.gkm-ad-unit { width: min(100%, 970px); margin: 24px auto; padding: 12px; border: 1px dashed var(--gkm-line); border-radius: 8px; text-align: center; }
.gkm-ad-unit:empty { display: none; }
.gkm-ad-label { margin: 0; color: var(--gkm-muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.gkm-ad-unit iframe, .gkm-ad-unit img { max-width: 100%; }
.gkm-search-form { display: flex; flex-wrap: wrap; gap: 8px; }
.gkm-search-form .wp-block-search__input { min-width: 0; border: 1px solid var(--gkm-line); border-radius: 6px; background: #fff; padding: 10px 12px; }
.gkm-search-form .wp-block-search__button { border: 0; border-radius: 6px; background: var(--gkm-ink); color: #fff; padding: 10px 14px; font-weight: 700; }
.gkm-not-found { display: grid; grid-template-columns: 1fr minmax(270px, .7fr); gap: 28px; align-items: center; padding-block: clamp(60px, 11vw, 130px); }
.gkm-not-found h1 { margin: 10px 0 20px; font-size: clamp(45px, 7vw, 82px); }
.gkm-not-found .gkm-destinations { padding: 24px; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-wash); }
.gkm-not-found .gkm-destinations p { margin: 0; padding: 11px 0; border-top: 1px solid var(--gkm-line); }
.gkm-not-found .gkm-destinations a { font-weight: 700; text-decoration: none; }
.gkm-footer { margin-top: 45px; padding-block: 40px 20px; background: var(--gkm-ink); color: #f6efea; }
.gkm-footer h2, .gkm-footer h3 { color: #fff; }
.gkm-footer .wp-block-site-title { margin: 0; font: 700 15px/1.3 var(--gkm-sans); letter-spacing: .08em; text-transform: uppercase; }
.gkm-footer a { color: inherit; }
.gkm-footer a:hover { color: #f1b7b9; }
.gkm-footer .wp-block-social-links { gap: 9px; }
.gkm-footer .wp-block-social-link { background: transparent; border: 1px solid #667078; }
.gkm-footer .wp-block-social-link:hover { background: var(--gkm-red); }
.gkm-social-channel-list { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 18px 0; }
.gkm-social-channel { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 7px 13px 7px 8px; border: 1px solid var(--gkm-line); border-radius: 999px; background: var(--gkm-white); color: var(--gkm-ink); font: 600 13px/1.2 var(--gkm-sans); text-decoration: none; transition: border-color .18s ease, transform .18s ease, color .18s ease; }
.gkm-social-channel:hover { border-color: var(--gkm-red); color: var(--gkm-red-dark); transform: translateY(-1px); }
.gkm-social-channel:focus-visible { outline: 3px solid var(--gkm-red); outline-offset: 3px; }
.gkm-social-mark { display: grid; width: 28px; height: 28px; place-items: center; flex: 0 0 28px; border-radius: 50%; background: var(--gkm-red); color: #fff; font: 700 14px/1 var(--gkm-sans); }
.gkm-footer .gkm-social-channel-list { gap: 8px; margin-top: 12px; }
.gkm-footer .gkm-social-channel { min-height: 38px; padding: 5px 10px 5px 6px; border-color: #667078; background: transparent; color: #f6efea; }
.gkm-footer .gkm-social-channel:hover { border-color: #f1b7b9; color: #f1b7b9; }
.gkm-footer .gkm-social-mark { width: 25px; height: 25px; flex-basis: 25px; }
.gkm-footer-bottom { padding-top: 17px; border-top: 1px solid #46515a; color: #cbd0d4; font-size: 12px; }
.wp-block-post-author-name a, .wp-block-post-date a { text-decoration: none; }
.wp-block-separator { border-color: var(--gkm-line); }
.wp-block-quote { margin-inline: 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--gkm-red); font: 26px/1.4 var(--gkm-serif); }
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; }
.wp-block-table td, .wp-block-table th { padding: 9px; border: 1px solid var(--gkm-line); }
.wp-block-pullquote { border-color: var(--gkm-red); }
.woocommerce .products { gap: 20px; }
.woocommerce ul.products li.product { overflow: hidden; padding: 12px; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); }
.woocommerce ul.products li.product a img { border-radius: 8px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit { border-radius: 6px; background: var(--gkm-red); color: #fff; }
@media (max-width: 940px) { .gkm-header { flex-wrap: wrap; } .gkm-nav { order: 3; flex-basis: 100%; } .gkm-nav .wp-block-navigation__container { justify-content: flex-start; flex-wrap: wrap; } .gkm-article-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 24px; } }
@media (max-width: 940px) { .gkm-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .gkm-topline { font-size: 9px; } .gkm-header { gap: 12px; padding-block: 12px; } .gkm-brand { min-width: 0; } .gkm-brand .wp-block-site-logo img { width: 43px; height: 43px; } .gkm-nav { order: 4; } .gkm-nav .wp-block-navigation__container { gap: 8px 16px; } .gkm-nav .wp-block-navigation-item__content { font-size: 12px; } .gkm-hero { grid-template-columns: 1fr; gap: 24px; padding-top: 38px; } .gkm-hero h1 { font-size: clamp(42px, 12vw, 62px); } .gkm-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; } .gkm-media-cards { grid-template-columns: 1fr; gap: 10px; } .gkm-media-card { min-height: 145px; } .gkm-article-layout { grid-template-columns: 1fr; } .gkm-article-aside { position: static; } .gkm-article-content .wp-block-post-content { font-size: 17px; } .gkm-not-found { grid-template-columns: 1fr; } .gkm-story-grid { gap: 14px !important; } .gkm-punjabi-grid { grid-template-columns: 1fr; gap: 12px; } .gkm-punjabi-story > a { display: grid; grid-template-columns: 110px 1fr; } .gkm-punjabi-story img { height: 100%; min-height: 125px; aspect-ratio: auto; } .gkm-punjabi-story-copy { padding: 12px; } .gkm-punjabi-story h3 { font-size: 16px; } }
@media (max-width: 480px) { .gkm-video-grid { grid-template-columns: 1fr; } .gkm-network-card .gkm-network-action { min-width: 66px; padding-inline: 8px; } .gkm-epaper-cover { width: 62px; height: 96px; flex-basis: 62px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* Homepage refresh: put current reporting first, then give each GKM service equal room. */
.gkm-header-socials { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.gkm-header-socials a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--gkm-line); border-radius: 50%; color: var(--gkm-ink); transition: border-color .2s ease, background .2s ease, color .2s ease; }
.gkm-header-socials a:hover { border-color: var(--gkm-red); background: var(--gkm-red); color: #fff; }
.gkm-header-socials svg { display: block; width: 16px; height: 16px; fill: currentColor; }
.gkm-hero { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: stretch; gap: clamp(24px, 4vw, 56px); padding-block: clamp(30px, 4.2vw, 52px) 30px; }
.gkm-hero > .wp-block-group:first-child { align-self: center; }
.gkm-hero .gkm-eyebrow { margin-bottom: 10px; }
.gkm-hero h1 { margin-top: 8px; margin-bottom: 18px; font-size: clamp(44px, 5.4vw, 70px); }
.gkm-hero-visual { display: grid; min-width: 0; min-height: 420px; grid-template-columns: minmax(0, 1.3fr) minmax(170px, .7fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gkm-hero-visual > .wp-block-query { grid-row: 1 / span 2; min-width: 0; min-height: 0; margin: 0; }
.gkm-hero-feature-list { display: block !important; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; list-style: none; }
.gkm-hero-feature-list > li { height: 100%; margin: 0 !important; }
.gkm-hero-feature { position: relative; display: block; width: 100%; height: 100%; min-height: 0; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: linear-gradient(145deg, #1b2832, #45535a); box-shadow: 0 12px 28px #372c2212; }
.gkm-hero-feature::after { position: absolute; inset: 32% 0 0; background: linear-gradient(180deg, transparent, #0d1415dd); content: ""; pointer-events: none; }
.gkm-hero-feature-image { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0 !important; }
.gkm-hero-feature-image a, .gkm-hero-feature-image img { display: block; width: 100%; height: 100%; }
.gkm-hero-feature-image img { object-fit: cover; }
.gkm-hero-feature-title { position: absolute; z-index: 1; right: 20px; bottom: 47px; left: 20px; margin: 0 !important; color: #fff !important; font-size: clamp(23px, 2.5vw, 34px); line-height: 1.12; }
.gkm-hero-feature-title a { color: inherit; text-decoration: none; }
.gkm-hero-feature-title a:hover { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; }
.gkm-hero-feature-date { position: absolute; z-index: 1; bottom: 18px; left: 20px; margin: 0 !important; color: #fff; font-size: 12px; }
.gkm-hero-feature-empty { display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; color: #fff; }
.gkm-hero-feature-empty::after { display: none; }
.gkm-hero-feature-empty h2, .gkm-hero-feature-empty .gkm-eyebrow { color: #fff; }
.gkm-hero-feature-empty h2 { margin: 0 0 14px; font-size: 30px; }
.gkm-hero-feature-empty > a { color: #fff; font-weight: 700; }
.gkm-hero-aaj { display: grid; min-height: 0; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gkm-hero-aaj-card { position: relative; display: flex; min-width: 0; min-height: 0; overflow: hidden; align-items: flex-end; padding: 16px; border: 1px solid var(--gkm-line); border-top: 4px solid #ca7a3e; border-radius: var(--gkm-radius); background: linear-gradient(145deg, #24303a, #865848); color: #fff; text-decoration: none; }
.gkm-hero-aaj-card::after { position: absolute; inset: 22% 0 0; background: linear-gradient(180deg, transparent, #0d1416e8); content: ""; }
.gkm-hero-aaj-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gkm-hero-aaj-copy { position: relative; z-index: 1; display: grid; gap: 6px; }
.gkm-hero-aaj-copy small { color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.gkm-hero-aaj-copy strong { display: -webkit-box; overflow: hidden; color: #fff; font: 650 15px/1.3 var(--gkm-sans); letter-spacing: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.gkm-hero-aaj-card:hover { color: #fff; }
.gkm-hero-aaj-placeholder { background: linear-gradient(145deg, #c1373f, #27333b); }
.gkm-hero-aaj-placeholder::before { position: absolute; top: 17px; right: 18px; width: 62px; height: 62px; border: 1px solid #ffffff42; border-radius: 50%; content: "ਪੰਜਾਬੀ"; color: #ffffffad; font: 600 10px/60px var(--gkm-sans); text-align: center; }
.gkm-hero-aaj-card:only-child { grid-row: 1 / span 2; }
.gkm-network-section { width: min(1240px, calc(100% - 44px)); margin-inline: auto; padding-block: 22px clamp(35px, 5vw, 58px); scroll-margin-top: 20px; }
.gkm-network-section .gkm-section-heading { align-items: end; margin-bottom: 18px; }
.gkm-network-section .gkm-section-heading h2 { font-size: clamp(29px, 3.4vw, 42px); }
.gkm-network-section .gkm-section-heading > p { max-width: 370px; color: var(--gkm-muted); font-size: 14px; }
.gkm-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.gkm-watch-platform-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 16px 0 0; padding: 13px 17px; border: 1px solid var(--gkm-line); border-radius: 10px; background: var(--gkm-wash); font-size: 13px; }
.gkm-watch-platform-links > span { color: var(--gkm-muted); font-weight: 700; }
.gkm-watch-platform-links a { color: var(--gkm-red-dark); font-weight: 750; text-underline-offset: .2em; }
.gkm-watch-platform-links a:hover { color: var(--gkm-ink); }
.gkm-service-card { display: flex; min-width: 0; min-height: 468px; flex-direction: column; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); box-shadow: 0 9px 25px #372c220c; }
.gkm-service-visual { position: relative; display: flex; height: 192px; min-height: 192px; flex: 0 0 192px; overflow: hidden; align-items: center; justify-content: center; background: #202b34; }
.gkm-tv-visual { isolation: isolate; background: radial-gradient(ellipse at 50% 105%, #9e3338 0, #5a242b 34%, transparent 35%), linear-gradient(135deg, #19242c, #3d4b55); }
.gkm-tv-visual::before, .gkm-tv-visual::after { position: absolute; z-index: -1; width: 200px; height: 200px; border: 1px solid #ffffff22; border-radius: 50%; content: ""; }
.gkm-tv-visual::after { width: 280px; height: 280px; }
.gkm-tv-screen { display: grid; width: 142px; height: 98px; align-content: center; justify-items: center; border: 1px solid #ffffff99; border-radius: 7px; background: linear-gradient(145deg, #a82d33, #942a32); color: #fff; box-shadow: 0 10px 25px #080d1266; transform: perspective(500px) rotateY(-7deg); }
.gkm-tv-screen strong { font: 700 24px/1 var(--gkm-sans); letter-spacing: .13em; }
.gkm-tv-screen small { margin-top: 6px; font-size: 10px; font-weight: 750; letter-spacing: .2em; }
.gkm-live-badge { position: absolute; top: 15px; left: 16px; display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid #ffffff44; border-radius: 999px; background: #141b21b8; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gkm-live-badge i { width: 7px; height: 7px; border-radius: 50%; background: #ff5757; box-shadow: 0 0 0 4px #ff57572b; }
.gkm-tv-frequency { position: absolute; right: 18px; bottom: 17px; display: flex; height: 28px; align-items: center; gap: 4px; }
.gkm-tv-frequency i { width: 3px; height: 10px; border-radius: 9px; background: #ffffff9c; }
.gkm-tv-frequency i:nth-child(2), .gkm-tv-frequency i:nth-child(6) { height: 18px; }
.gkm-tv-frequency i:nth-child(3), .gkm-tv-frequency i:nth-child(5) { height: 25px; }
.gkm-radio-visual { flex-direction: column; gap: 8px; background: #f3e9dd; }
.gkm-radio-disc { display: grid; width: 68px; height: 68px; place-items: center; overflow: hidden; border-radius: 50%; background: transparent; }
.gkm-radio-visual-label { color: var(--gkm-ink); font-size: 10px; letter-spacing: .02em; }
.gkm-paper-visual { background: linear-gradient(135deg, #f0e9df, #d7c5af); }
.gkm-paper-visual .gkm-epaper-cover { display: block; width: 125px; height: 172px; border: 1px solid #fff; border-radius: 5px; box-shadow: 0 8px 18px #28201840; object-fit: cover; object-position: top; transform: rotate(-2deg); }
.gkm-paper-label { position: absolute; right: 16px; bottom: 15px; padding: 7px 10px; border-radius: 5px; background: #c1373f; color: #fff; font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.gkm-service-paper-link { display: block; text-decoration: none; }
.gkm-service-copy { display: flex; min-height: 0; flex: 1; flex-direction: column; align-items: flex-start; padding: 19px 21px 21px; }
.gkm-service-copy .gkm-eyebrow { margin: 0 0 6px; font-size: 10px; }
.gkm-service-copy h3 { margin: 0 0 7px; font: 700 21px/1.25 var(--gkm-sans); letter-spacing: -.025em; }
.gkm-service-copy > p:not(.gkm-eyebrow) { margin: 0 0 14px; color: var(--gkm-muted); font-size: 13px; line-height: 1.55; }
.gkm-service-copy audio { width: 100%; height: 40px; margin: auto 0 10px; }
.gkm-home-radio-control { display: grid; width: 100%; gap: 8px; margin: auto 0 10px; padding: 11px; border: 1px solid var(--gkm-line); border-radius: 8px; background: #fffaf6; box-sizing: border-box; }
.gkm-radio-toggle { display: inline-flex; min-height: 42px; align-items: center; align-self: start; gap: 9px; padding: 6px 14px 6px 7px; border: 1px solid var(--gkm-red); border-radius: 999px; background: var(--gkm-red); color: #fff; font: 700 13px/1.2 var(--gkm-sans); cursor: pointer; }
.gkm-radio-toggle:hover { border-color: var(--gkm-red-dark); background: var(--gkm-red-dark); }
.gkm-radio-toggle:focus-visible { outline: 3px solid #2764a8; outline-offset: 3px; }
.gkm-radio-toggle:disabled { cursor: progress; opacity: .8; }
.gkm-radio-toggle-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #fff; color: var(--gkm-red); font-size: 12px; }
.gkm-radio-status { margin: 0; color: var(--gkm-muted); font-size: 12px; line-height: 1.4; }
.gkm-service-action { display: inline-flex; min-height: 39px; align-items: center; justify-content: center; margin-top: auto; padding: 8px 13px; border: 1px solid var(--gkm-red); border-radius: 6px; background: var(--gkm-red); color: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }
.gkm-service-action:hover { background: var(--gkm-red-dark); color: #fff; }
.gkm-service-copy audio + .gkm-service-action { margin-top: 0; }
.gkm-service-epaper .gkm-service-copy { padding-top: 17px; }
.gkm-service-epaper .gkm-service-action { margin-top: auto; }

/* Bring the lead story closer to the desktop news navigation without shifting mobile. */
@media (min-width: 821px) {
	body.home .gkm-latest-ticker { margin-bottom: 20px; }
	body.home .gkm-topic-rail { margin-bottom: 4px; }
	body.home .gkm-hero { padding-top: 24px; }
}

/* The live player uses the same media window as the radio and e-paper cards. */
.gkm-tv-visual { isolation: isolate; }
.gkm-tv-player { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: #172129; background-image: linear-gradient(145deg, #172129d9, #303b4370), url("assets/images/gkm-media-logo.png"); background-position: center; background-repeat: no-repeat; background-size: cover, min(65%, 260px) auto; object-fit: cover; }
.gkm-tv-watermark { position: absolute; z-index: 2; right: 18px; bottom: 42px; display: grid; justify-items: end; gap: 3px; color: #ffffffd6; pointer-events: none; text-align: right; text-shadow: 0 2px 8px #000b; }
.gkm-tv-watermark strong { font: 800 clamp(20px, 2.5vw, 29px)/1 var(--gkm-sans); letter-spacing: .24em; }
.gkm-tv-watermark small { font: 750 9px/1 var(--gkm-sans); letter-spacing: .28em; }
.gkm-tv-visual .gkm-live-badge { z-index: 3; }
.gkm-tv-play { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; min-height: 48px; align-items: center; gap: 10px; padding: 10px 18px; border: 1px solid #ffffffa8; border-radius: 999px; background: #c1373fed; color: #fff; box-shadow: 0 8px 24px #0005; cursor: pointer; font: 700 13px/1 var(--gkm-sans); transform: translate(-50%, -50%); }
.gkm-tv-play:hover, .gkm-tv-play:focus-visible { background: #942a32; color: #fff; }
.gkm-tv-play > span:first-child { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #ffffff26; font-size: 11px; }
.gkm-tv-play[hidden] { display: none; }
.gkm-service-copy .gkm-service-status { margin: 0 0 12px; color: var(--gkm-muted); font-size: 11px; line-height: 1.45; }
.gkm-service-copy .gkm-service-status:empty { display: none; }

/* Give the production page a useful visual rhythm and equal service cards. */
.gkm-production-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: clamp(24px, 4vw, 42px) 0; }
.gkm-production-card { position: relative; display: flex; min-height: 245px; flex-direction: column; align-items: flex-start; padding: 25px; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: linear-gradient(145deg, var(--gkm-white), var(--gkm-wash)); box-shadow: 0 9px 25px #372c220b; }
.gkm-production-card::after { position: absolute; right: -31px; bottom: -55px; width: 145px; height: 145px; border: 1px solid #c1373f1e; border-radius: 50%; box-shadow: 0 0 0 18px #c1373f08, 0 0 0 36px #c1373f06; content: ""; pointer-events: none; }
.gkm-production-number { color: var(--gkm-red); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.gkm-production-icon { display: inline-flex; min-height: 27px; align-items: center; margin: 19px 0 9px; padding: 0 10px; border: 1px solid #c1373f40; border-radius: 999px; background: #c1373f0d; color: var(--gkm-red-dark); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.gkm-production-card h3 { margin: 0 0 9px; color: var(--gkm-ink); font: 650 clamp(21px, 2.4vw, 27px)/1.2 var(--gkm-serif); }
.gkm-production-card > p:not(.gkm-production-brief) { max-width: 52ch; margin: 0 0 16px; color: var(--gkm-muted); font-size: 14px; line-height: 1.65; }
.gkm-production-brief { position: relative; z-index: 1; margin: auto 0 0; padding-top: 11px; border-top: 1px solid var(--gkm-line); color: var(--gkm-muted); font-size: 12px; line-height: 1.55; }
.gkm-production-brief strong { color: var(--gkm-ink); }
body :is(.entry-content, .wp-block-post-content) > .gkm-production-grid { max-width: 100%; }
@media (max-width: 680px) { .gkm-production-grid { grid-template-columns: 1fr; gap: 13px; } .gkm-production-card { min-height: 0; padding: 21px; } }

/* Keep the footer readable when WordPress has a saved Site Editor footer part. */
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) {
	background-color: #101519 !important;
	color: #f6efea !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) :is(h1, h2, h3, h4, h5, p, li, small, span, .wp-block-site-title, .wp-block-site-tagline, .wp-block-navigation-item__content) {
	color: #f6efea !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) a:not(.gkm-social-channel) {
	color: #f1b7b9 !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) a:not(.gkm-social-channel):hover {
	color: #ffffff !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) .gkm-social-channel {
	background-color: #20272e !important;
	border-color: #68747d !important;
	color: #ffffff !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) .gkm-social-mark {
	color: #ffffff !important;
}
body :is(.gkm-footer, .wp-site-blocks > footer:last-child, .wp-site-blocks > .wp-block-template-part:last-child) .gkm-footer-bottom {
	border-color: #46515a !important;
	color: #d4dbe0 !important;
}

/* Give informational pages a clear visual start and a comfortable reading surface. */
main.gkm-article-content:not(.gkm-article-layout) .gkm-story-header {
	position: relative;
	max-width: 1080px;
	margin: clamp(30px, 5vw, 58px) auto 22px;
	padding: clamp(28px, 5vw, 52px);
	border: 1px solid var(--gkm-line);
	border-top: 5px solid var(--gkm-red);
	border-radius: var(--gkm-radius);
	background: radial-gradient(circle at 94% 92%, #c1373f1a 0, transparent 23%), linear-gradient(120deg, var(--gkm-white), var(--gkm-wash));
	box-shadow: 0 12px 30px #372c220c;
	text-align: left;
}
main.gkm-article-content:not(.gkm-article-layout) .gkm-story-header h1 {
	max-width: 740px;
	margin: 0;
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content {
	box-sizing: border-box;
	max-width: 1080px;
	margin: 0 auto clamp(36px, 6vw, 68px);
	padding: clamp(22px, 4.5vw, 48px);
	border: 1px solid var(--gkm-line);
	border-top: 4px solid var(--gkm-red);
	border-radius: var(--gkm-radius);
	background: var(--gkm-white);
	box-shadow: 0 12px 30px #372c2208;
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content h2:first-child,
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content h3:first-child {
	margin-top: 0;
}
.gkm-service-status { margin: 8px 0 0 !important; color: var(--gkm-muted); font-size: 10px; line-height: 1.35; }

/* Keep newsroom policies reachable and make optional analytics choice clear. */
.gkm-footer-columns > .wp-block-column { min-width: 160px; }
.gkm-footer-policies .wp-block-navigation__container { gap: 5px; }
.gkm-cookie-settings { margin-top: 14px !important; }
.gkm-cookie-settings button { min-height: 40px; padding: 8px 12px; border: 1px solid #68747d; border-radius: 999px; background: transparent; color: #fff; font: 600 13px/1.3 var(--gkm-sans); cursor: pointer; }
.gkm-cookie-settings button:hover { border-color: #f1b7b9; color: #f1b7b9; }
.gkm-cookie-notice[hidden] { display: none !important; }
.gkm-cookie-notice { position: relative; z-index: auto; inset: auto; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; width: min(760px, calc(100% - 44px)); margin: 24px auto; padding: 20px 22px; border: 1px solid #49535a; border-top: 4px solid var(--gkm-red); border-radius: 16px; background: #101519; color: #f6efea; box-shadow: 0 18px 55px #0005; }
.gkm-cookie-notice h2 { margin: 0 0 7px; color: #fff; font: 700 18px/1.25 var(--gkm-sans); }
.gkm-cookie-notice p { margin: 0; max-width: 520px; color: #e1e4e6; font: 14px/1.55 var(--gkm-sans); }
.gkm-cookie-notice a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.gkm-cookie-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* Clear social identities, compact spacing and a brighter GKM red/blue palette. */
.gkm-social-section {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	column-gap: clamp(24px, 5vw, 68px);
	align-content: center;
	padding-block: 31px 34px;
	border-top: 1px solid var(--gkm-line);
	background: linear-gradient(90deg, var(--gkm-paper) 0 57%, var(--gkm-blue-wash) 57% 100%);
}
.gkm-social-section > .gkm-eyebrow,
.gkm-social-section > h2,
.gkm-social-section > p:not(.gkm-eyebrow) { grid-column: 1; }
.gkm-social-section > .gkm-eyebrow { margin: 0 0 8px; color: var(--gkm-red); }
.gkm-social-section > h2 { margin: 0 0 9px; font: 650 clamp(26px, 3vw, 36px)/1.14 var(--gkm-serif); letter-spacing: -.03em; }
.gkm-social-section > p:not(.gkm-eyebrow) { max-width: 42ch; margin: 0; color: var(--gkm-muted); font-size: 15px; line-height: 1.5; }
.gkm-social-section > .wp-block-html { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
.gkm-social-section .gkm-social-channel-list { gap: 9px; margin: 0; }
.gkm-social-section .gkm-social-channel {
	min-height: 46px;
	padding: 6px 13px 6px 7px;
	border-color: #c7d4dc;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 5px #18212a0a;
	font-size: 13px;
}
.gkm-social-section .gkm-social-channel:hover { border-color: var(--gkm-blue); color: var(--gkm-blue-dark); box-shadow: 0 3px 9px #18212a14; transform: translateY(-1px); }
.gkm-social-mark { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 7px; background: var(--gkm-blue); color: #fff; font-size: 0; }
.gkm-social-mark svg { display: block; width: 17px; height: 17px; fill: currentColor; }
.gkm-social-mark svg :is(rect, circle) { fill: none; stroke: currentColor; stroke-width: 1.9; }
.gkm-social-mark svg .gkm-social-dot { fill: currentColor; stroke: none; }
.gkm-social-channel--facebook .gkm-social-mark { background: #0866ff; }
.gkm-social-channel--instagram .gkm-social-mark { background: #c13584; }
.gkm-social-channel--youtube .gkm-social-mark { background: #f03; }
.gkm-social-channel--tiktok .gkm-social-mark { background: #111; }
.gkm-social-channel--linkedin .gkm-social-mark { background: #0a66c2; }
.gkm-header-socials { gap: 6px; }
.gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin) { border: 0; border-radius: 7px; color: #fff; }
.gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin):hover { filter: brightness(.88); background-color: inherit; }
.gkm-header-socials a.gkm-social-channel--facebook { background: #0866ff; }
.gkm-header-socials a.gkm-social-channel--instagram { background: #c13584; }
.gkm-header-socials a.gkm-social-channel--youtube { background: #f03; }
.gkm-header-socials a.gkm-social-channel--tiktok { background: #111; }
.gkm-header-socials a.gkm-social-channel--linkedin { background: #0a66c2; }
.gkm-header-socials svg { width: 17px; height: 17px; }
.gkm-footer .gkm-social-channel-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.gkm-footer .gkm-social-channel {
	box-sizing: border-box;
	width: 42px;
	min-width: 42px;
	min-height: 42px;
	justify-content: center;
	padding: 4px;
	border: 0;
	border-radius: 8px;
	background: #20272e;
	color: #fff;
}
.gkm-footer .gkm-social-channel > span:last-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.gkm-footer .gkm-social-mark { width: 34px; height: 34px; flex-basis: 34px; border-radius: 7px; }
.gkm-footer .gkm-social-channel:hover { color: #fff; filter: brightness(1.12); transform: translateY(-1px); }
.gkm-footer { margin-top: 0; border-top: 4px solid var(--gkm-red); }
body a:not(.gkm-social-channel):focus-visible { outline-color: var(--gkm-blue); }
@media (max-width: 720px) {
	.rank-math-breadcrumb { margin-bottom: 15px; font-size: 11px; }
	.gkm-social-section { grid-template-columns: 1fr; gap: 0; padding-block: 25px 24px; background: var(--gkm-blue-wash); }
	.gkm-social-section > .gkm-eyebrow { grid-column: 1; }
	.gkm-social-section > .wp-block-html { grid-column: 1; grid-row: auto; margin-top: 16px; }
	.gkm-social-section > h2 { font-size: 29px; }
	.gkm-social-section > p:not(.gkm-eyebrow) { font-size: 14px; }
	.gkm-social-section .gkm-social-channel-list { gap: 8px; }
	.gkm-social-section .gkm-social-channel { min-height: 42px; padding-right: 10px; font-size: 12px; }
}
.gkm-cookie-actions button { min-height: 42px; padding: 9px 13px; border: 1px solid #a8b0b6; border-radius: 999px; background: transparent; color: #fff; font: 700 13px/1.2 var(--gkm-sans); cursor: pointer; }
.gkm-cookie-actions button:hover { border-color: #fff; background: #ffffff12; }
.gkm-cookie-actions .gkm-cookie-allow { border-color: var(--gkm-red); background: var(--gkm-red); }
.gkm-cookie-actions .gkm-cookie-allow:hover { border-color: #c7464b; background: #c7464b; }
@media (max-width: 700px) { .gkm-cookie-notice { grid-template-columns: 1fr; gap: 14px; padding: 18px; } .gkm-cookie-actions { justify-content: flex-start; } }
@media (max-width: 1080px) { .gkm-header { flex-wrap: wrap; } .gkm-nav { order: 3; flex-basis: 100%; } .gkm-nav .wp-block-navigation__container { justify-content: flex-start; flex-wrap: wrap; } .gkm-hero { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 26px; } .gkm-header-socials { gap: 5px; } .gkm-header-socials a { width: 30px; height: 30px; } }
@media (max-width: 820px) { .gkm-hero { grid-template-columns: 1fr; gap: 25px; } .gkm-hero > .wp-block-group:first-child { align-self: auto; } .gkm-hero-visual { min-height: 370px; } .gkm-service-grid { gap: 12px; } .gkm-service-card { min-height: 455px; } .gkm-service-copy { padding-inline: 15px; } .gkm-network-section .gkm-section-heading > p { max-width: 300px; } }
@media (max-width: 720px) { .gkm-header-socials { order: 3; margin-left: auto; } .gkm-hero { padding-top: 32px; } .gkm-hero-visual { min-height: 330px; grid-template-columns: minmax(0, 1.15fr) minmax(130px, .85fr); gap: 9px; } .gkm-hero-aaj { gap: 9px; } .gkm-hero-aaj-card { padding: 12px; } .gkm-hero-aaj-copy strong { font-size: 13px; } .gkm-network-section { padding-top: 12px; } .gkm-service-grid { grid-template-columns: 1fr; gap: 13px; } .gkm-service-card { min-height: 0; } .gkm-service-visual { height: 185px; min-height: 185px; flex-basis: 185px; } .gkm-service-copy { min-height: 226px; padding: 18px 20px 20px; } .gkm-service-copy audio { margin-top: auto; } }
@media (max-width: 520px) { .gkm-hero-visual { grid-template-columns: 1fr; grid-template-rows: 280px auto; } .gkm-hero-visual > .wp-block-query { grid-row: auto; } .gkm-hero-aaj { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 160px; } .gkm-hero-aaj-card:only-child { grid-row: auto; grid-column: 1 / -1; } .gkm-hero-feature-title { right: 15px; bottom: 43px; left: 15px; font-size: 25px; } .gkm-hero-feature-date { bottom: 15px; left: 15px; } .gkm-network-section .gkm-section-heading { gap: 8px; } .gkm-network-section .gkm-section-heading > p { max-width: none; } }

/* Keep the mobile masthead compact: brand and menu share the first row. */
@media (max-width: 720px) {
  .gkm-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 8px 12px; }
  .gkm-brand { grid-column: 1; grid-row: 1; min-width: 0; }
  .gkm-nav { grid-column: 2; grid-row: 1; order: 0; flex: 0 0 auto; width: auto; justify-self: end; }
  .gkm-nav .wp-block-navigation__responsive-container-open { min-width: 44px; min-height: 44px; }
  .gkm-header-socials { grid-column: 1 / -1; grid-row: 2; order: 0; justify-content: flex-start; margin: 0; }
}

/* A saved Site Editor header may still contain the retired appearance switch. */
body .gkm-header :is(.gkm-theme-toggle, .dark-mode-toggle, .wp-dark-mode-switch, [aria-label*="dark mode" i]),
body .gkm-header label:has(input[type="checkbox"]),
body .gkm-header > .wp-block-group:has(input[type="checkbox"]),
body .gkm-header > .wp-block-buttons:has(input[type="checkbox"]) {
	display: none !important;
}

/* Keep the mobile menu readable and inside the screen, even when the saved
 * navigation block retains its old right-aligned layout setting. */
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open {
	box-sizing: border-box;
	padding: 76px 24px 28px !important;
	background: var(--gkm-paper) !important;
	color: var(--gkm-ink) !important;
	text-align: left !important;
}
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	box-sizing: border-box;
	width: min(100%, 560px);
	margin-inline: auto;
	align-items: stretch !important;
	justify-content: flex-start !important;
	text-align: left !important;
}
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0 !important;
}
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
}
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 2px;
	border-bottom: 1px solid var(--gkm-line);
	color: var(--gkm-ink) !important;
	font-size: clamp(17px, 5vw, 20px) !important;
	line-height: 1.35;
	text-align: left !important;
}
.gkm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: fixed;
	top: 14px;
	right: 16px;
	width: 44px;
	height: 44px;
	padding: 9px;
	border: 1px solid var(--gkm-line);
	border-radius: 50%;
	background: #fff;
	color: var(--gkm-ink);
}

/* A simpler service shelf: clean broadcast art, less decoration, tighter cards. */
.gkm-service-card {
	min-height: 0;
	border-top-width: 3px;
	border-radius: 12px;
	box-shadow: 0 4px 14px #18212a0c;
}
.gkm-service-card.gkm-service-tv .gkm-service-visual,
.gkm-service-card.gkm-service-radio .gkm-service-visual {
	height: 148px;
	min-height: 148px;
	flex-basis: 148px;
}
.gkm-tv-visual {
	background: linear-gradient(120deg, #e9ded0, #ead4cc 58%, #d6a79b);
}
.gkm-tv-visual::before,
.gkm-tv-visual::after {
	display: none;
}
.gkm-tv-player {
	background-color: #293944;
	background-image: linear-gradient(130deg, #293944cf, #29394470), url("assets/images/gkm-media-logo.png");
	background-position: center, 22% center;
	background-repeat: no-repeat;
	background-size: cover, 76px auto;
}
.gkm-tv-watermark {
	right: 12px;
	bottom: 36px;
	gap: 2px;
}
.gkm-tv-watermark strong {
	font-size: 13px;
	letter-spacing: .14em;
}
.gkm-tv-watermark small {
	font-size: 7px;
	letter-spacing: .18em;
}
.gkm-live-badge {
	top: 10px;
	left: 11px;
	padding: 4px 8px;
	border-radius: 5px;
	background: #18212add;
}
.gkm-tv-play {
	min-height: 42px;
	border: 0;
	border-radius: 7px;
	background: var(--gkm-red);
	box-shadow: 0 3px 10px #18212a30;
}
.gkm-tv-play:hover,
.gkm-tv-play:focus-visible {
	background: var(--gkm-red-dark);
}
/* Keep both live video channels visible together on desktop and make the
   upload cards large enough to scan at a glance. */
.gkm-video-channels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: clamp(18px, 2.2vw, 28px);
}
.gkm-video-channels .gkm-video-channel + .gkm-video-channel { margin-top: 0; }
.gkm-video-channels .gkm-video-fallback { width: 100%; max-width: none; }
.gkm-video-channels .gkm-video-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}
@media (max-width: 720px) {
	.gkm-video-channels { grid-template-columns: 1fr; gap: 24px; }
}
.gkm-video-thumb {
	width: 100%;
	padding: 0;
	border: 0;
	background: #222a31;
	color: #fff;
	text-align: left;
}
.gkm-video-thumb:focus-visible { outline-offset: -4px; }
.gkm-video-embed {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 8px;
	background: #18212a;
}
.gkm-video-date { display: block; margin-top: 7px; color: var(--gkm-muted); font: 12px/1.4 var(--gkm-sans); }
@media (max-width: 480px) {
	.gkm-video-channels .gkm-video-grid { grid-template-columns: 1fr; }
}

/* Make inner pages read like newsroom pages rather than stacked promo cards. */
main.gkm-article-content:not(.gkm-article-layout) .gkm-story-header {
	max-width: 1080px;
	margin: clamp(20px, 3vw, 34px) auto 10px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 1px solid var(--gkm-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: left;
}
main.gkm-article-content:not(.gkm-article-layout) .gkm-story-header h1 {
	max-width: 800px;
	font-size: clamp(38px, 5vw, 62px);
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content {
	max-width: 1080px;
	margin: 0 auto clamp(40px, 6vw, 70px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content > h2:not(:first-child) {
	padding-top: 14px;
	border-top: 1px solid var(--gkm-line);
}
/* Keep a page's opening eyebrow and lead headline visually connected to its title. */
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content > :first-child {
	margin-block-start: 0 !important;
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content > .gkm-eyebrow:first-child {
	margin-block-end: 4px !important;
}
main.gkm-article-content:not(.gkm-article-layout) > .wp-block-post-content > .gkm-eyebrow:first-child + h2 {
	margin-block: 4px 12px;
	padding-top: 0;
	border-top: 0;
}

/* Keep the service cards clear and let real GKM footage provide the color. */
.gkm-production-card {
	min-height: 225px;
	border-top-width: 3px;
	border-radius: 10px;
	background: #fff;
	box-shadow: none;
}
.gkm-production-card::after { display: none; }
.gkm-production-icon {
	min-height: 0;
	margin: 8px 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--gkm-red-dark);
	font-size: 11px;
	letter-spacing: .1em;
}
.gkm-production-card > p:empty { display: none !important; }
.gkm-production-card > h3 { margin-block-start: 0 !important; }
.gkm-production-video-gallery {
	width: 100%;
	max-width: 1080px !important;
	margin: clamp(34px, 5vw, 54px) auto;
	padding-top: 24px;
	border-top: 1px solid var(--gkm-line);
}
.gkm-production-video-heading { max-width: 680px; margin-bottom: 18px; }
.gkm-production-video-heading .gkm-eyebrow { margin-bottom: 8px; }
.gkm-production-video-heading h2 { margin: 0 0 10px; font-size: clamp(28px, 3.5vw, 38px); }
.gkm-production-video-heading > p:last-child { margin: 0; color: var(--gkm-muted); }
.gkm-production-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gkm-video-gallery-fallback { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 18px; padding: 16px 18px; border-left: 4px solid var(--gkm-blue); background: #edf4f8; }
.gkm-video-gallery-fallback[hidden] { display: none; }
.gkm-video-gallery-fallback p { flex: 1 1 240px; margin: 0; color: var(--gkm-ink); font-size: 14px; }
.gkm-video-gallery-fallback a { color: var(--gkm-blue-dark); font-size: 14px; font-weight: 700; text-underline-offset: 3px; }
.gkm-production-video-gallery .gkm-feed-status { margin: 10px 0 0; }
.gkm-about-latest {
	width: 100%;
	max-width: 1080px !important;
	margin: clamp(44px, 6vw, 68px) auto;
	padding-top: 25px;
	border-top: 1px solid var(--gkm-line);
}
.gkm-about-latest-heading { margin-bottom: 20px; }
.gkm-about-latest-heading .gkm-eyebrow { margin: 0 0 7px; }
.gkm-about-latest-heading h2 { margin: 0; font-size: clamp(28px, 3.5vw, 38px); }
.gkm-about-latest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.gkm-about-story-card { min-width: 0; padding-bottom: 15px; border-bottom: 2px solid var(--gkm-red); }
.gkm-about-story-image { display: block; overflow: hidden; margin-bottom: 12px; background: var(--gkm-blue-wash); }
.gkm-about-story-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gkm-about-story-card time { display: block; margin-bottom: 6px; color: var(--gkm-red-dark); font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.gkm-about-story-card h3 { margin: 0 0 7px; font: 650 20px/1.3 var(--gkm-serif); }
.gkm-about-story-card h3 a { color: var(--gkm-ink); text-decoration: none; }
.gkm-about-story-card h3 a:hover { color: var(--gkm-red-dark); }
.gkm-about-story-card > p:not(.gkm-about-story-caption) { margin: 0; color: var(--gkm-muted); font-size: 13px; line-height: 1.55; }
.gkm-about-story-caption { margin: -6px 0 9px; color: var(--gkm-muted); font-size: 11px; }
@media (max-width: 760px) {
	.gkm-about-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
}
@media (max-width: 760px) {
	.gkm-production-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 520px) {
	.gkm-production-video-grid { grid-template-columns: 1fr; }
	.gkm-video-gallery-fallback { display: grid; gap: 9px; padding: 14px; }
	.gkm-about-latest-grid { grid-template-columns: 1fr; gap: 17px; }
}
.gkm-nav .gkm-quick-connect-trigger a,
.gkm-nav a.gkm-quick-connect-trigger {
	padding: 7px 12px;
	border: 1px solid var(--gkm-red);
	border-radius: 5px;
	background: var(--gkm-red);
	color: #fff;
}
.gkm-nav > .gkm-quick-connect-trigger > .wp-block-navigation-item__content { color: #fff; }
.gkm-nav .gkm-quick-connect-trigger a:hover,
.gkm-nav a.gkm-quick-connect-trigger:hover { background: var(--gkm-red-dark); color: #fff; }
.gkm-connect-dialog {
	width: min(520px, calc(100vw - 30px));
	max-width: none;
	max-height: min(82vh, 680px);
	margin: auto;
	padding: 0;
	overflow: auto;
	border: 1px solid var(--gkm-line);
	border-top: 5px solid var(--gkm-red);
	border-radius: 12px;
	background: var(--gkm-paper);
	color: var(--gkm-ink);
	box-shadow: 0 22px 70px #0b151b55;
}
.gkm-connect-dialog::backdrop { background: #101820b8; }
.gkm-connect-inner { padding: 22px 25px 25px; }
.gkm-connect-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gkm-connect-top .gkm-eyebrow { margin: 0; }
.gkm-connect-close { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid var(--gkm-line); border-radius: 50%; background: #fff; color: var(--gkm-ink); font: 400 25px/1 var(--gkm-sans); }
.gkm-connect-close:hover { border-color: var(--gkm-red); color: var(--gkm-red-dark); }
.gkm-connect-dialog h2 { margin: 5px 0 8px; font: 650 clamp(27px, 4vw, 35px)/1.16 var(--gkm-serif); }
.gkm-connect-dialog #gkm-connect-intro { margin: 0; color: var(--gkm-muted); font-size: 14px; line-height: 1.6; }
.gkm-connect-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 19px; }
.gkm-connect-action { display: grid; min-width: 0; gap: 4px; padding: 14px; border-left: 3px solid var(--gkm-blue); background: var(--gkm-blue-wash); color: var(--gkm-ink); text-decoration: none; }
.gkm-connect-action strong { font-size: 14px; }
.gkm-connect-action span { overflow-wrap: anywhere; color: var(--gkm-blue-dark); font-size: 13px; }
.gkm-connect-links { display: grid; gap: 1px; margin-top: 16px; border-top: 1px solid var(--gkm-line); }
.gkm-connect-links a { padding: 10px 1px; border-bottom: 1px solid var(--gkm-line); color: var(--gkm-blue-dark); font-size: 13px; font-weight: 700; text-decoration-thickness: 1px; }
.gkm-connect-dialog :focus-visible { outline: 3px solid var(--gkm-blue); outline-offset: 2px; }

@media (max-width: 720px) {
	.gkm-topline {
		gap: 8px 14px;
		padding-block: 8px;
		font-size: 9px;
		line-height: 1.4;
	}
	.gkm-header {
		grid-template-rows: auto auto;
		gap: 6px 10px;
		padding-block: 9px;
	}
	.gkm-brand .wp-block-site-title { font-size: 13px; }
	.gkm-brand .wp-block-site-tagline { font-size: 11px; }
	.gkm-header-socials { gap: 7px; }
	.gkm-header-socials a { width: 32px; height: 32px; }
	.gkm-hero { padding-top: 24px; }
	.gkm-service-card { min-height: 220px; }
	.gkm-service-card.gkm-service-tv,
	.gkm-service-card.gkm-service-radio,
	.gkm-service-card.gkm-service-epaper {
		display: grid;
		grid-template-columns: 112px minmax(0, 1fr);
		align-items: stretch;
	}
	.gkm-service-card.gkm-service-tv .gkm-service-visual,
	.gkm-service-card.gkm-service-radio .gkm-service-visual {
		width: auto;
		height: auto;
		min-height: 0;
		flex-basis: auto;
		aspect-ratio: 1 / 1;
		align-self: center;
		margin: 10px 0 10px 10px;
		border-radius: 8px;
	}
	.gkm-service-card.gkm-service-epaper .gkm-service-paper-link {
		align-self: center;
		margin: 10px 0 10px 10px;
	}
	.gkm-service-card.gkm-service-epaper .gkm-service-paper-link .gkm-service-visual {
		width: auto;
		height: auto;
		min-height: 0;
		flex-basis: auto;
		aspect-ratio: 3 / 4;
		margin: 0;
		border-radius: 8px;
	}
	.gkm-service-card.gkm-service-epaper .gkm-epaper-cover {
		width: 75px;
		height: 112px;
		flex-basis: 75px;
	}
	.gkm-service-card.gkm-service-epaper .gkm-paper-label { display: none; }
	.gkm-service-copy { min-height: 0; padding: 13px 14px; }
	.gkm-service-copy .gkm-eyebrow { font-size: 9px; letter-spacing: .1em; }
	.gkm-service-copy h3 { font-size: 18px; }
	.gkm-service-copy > p:not(.gkm-eyebrow) { margin-bottom: 8px; font-size: 12px; line-height: 1.4; }
	.gkm-service-copy .gkm-service-status { margin-bottom: 8px !important; font-size: 10px; }
	.gkm-service-action { min-height: 34px; padding: 6px 9px; font-size: 11px; }
	.gkm-home-radio-control { margin-top: 4px; margin-bottom: 7px; }
	.gkm-tv-watermark { right: 6px; bottom: 7px; }
	.gkm-tv-watermark strong { font-size: 8px; }
	.gkm-tv-watermark small { display: none; }
	.gkm-live-badge { top: 5px; left: 5px; gap: 5px; padding: 3px 5px; font-size: 7px; }
	.gkm-live-badge i { width: 5px; height: 5px; }
	.gkm-tv-play { min-height: 32px; gap: 4px; padding: 5px 7px; font-size: 9px; }
	.gkm-tv-play > span:first-child { width: 18px; height: 18px; font-size: 8px; }
	.gkm-radio-visual-label { max-width: 88px; font-size: 8px; line-height: 1.2; text-align: center; }
	.gkm-radio-disc { width: 48px; height: 48px; }
	.gkm-connect-inner { padding: 17px 18px 19px; }
}

@media (max-width: 380px) {
	.gkm-service-card.gkm-service-tv,
	.gkm-service-card.gkm-service-radio,
	.gkm-service-card.gkm-service-epaper { grid-template-columns: 96px minmax(0, 1fr); }
	.gkm-service-copy { padding-inline: 10px; }
	.gkm-connect-actions { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.gkm-service-card.gkm-service-epaper .gkm-epaper-cover { width: 62px; height: 96px; flex-basis: 62px; }
}

.gkm-facebook-feed { padding-top: clamp(34px, 5vw, 58px); }
.gkm-facebook-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: 20px; }
.gkm-facebook-card { display: flex; min-width: 0; min-height: 264px; flex-direction: column; overflow: hidden; border: 1px solid var(--gkm-line); border-top: 4px solid var(--gkm-red); border-radius: var(--gkm-radius); background: var(--gkm-white); box-shadow: 0 5px 16px #18212a0a; }
.gkm-facebook-card-heading { display: flex; align-items: center; gap: 12px; padding: 17px 18px; border-bottom: 1px solid var(--gkm-line); }
.gkm-facebook-card-heading h3 { margin: 0; font: 700 16px/1.3 var(--gkm-sans); letter-spacing: 0; }
.gkm-facebook-card-heading p { margin: 3px 0 0; color: var(--gkm-muted); font-size: 12px; }
.gkm-facebook-mark { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: transparent; color: #0866ff; }
.gkm-facebook-mark svg { width: 24px; height: 24px; fill: currentColor; }
.gkm-facebook-card-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 18px; padding: 19px 20px 20px; }
.gkm-facebook-card-body > p { max-width: 55ch; margin: 0; color: var(--gkm-muted); font-size: 14px; line-height: 1.6; }
.gkm-facebook-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: auto; }
.gkm-facebook-action { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 5px; padding: 9px 15px; font: 700 13px/1.35 var(--gkm-sans); text-align: center; text-decoration: none; }
.gkm-facebook-action--primary { background: var(--gkm-red); color: #fff; }
.gkm-facebook-action--primary:hover { background: var(--gkm-red-dark); color: #fff; }
.gkm-facebook-action--secondary { border-color: var(--gkm-line); background: #fff; color: var(--gkm-ink); }
.gkm-facebook-action--secondary:hover { border-color: var(--gkm-blue); color: var(--gkm-blue-dark); }
.gkm-facebook-action:focus-visible { outline: 3px solid #3184b5; outline-offset: 3px; }
.gkm-facebook-unavailable { border-top-color: var(--gkm-blue); }

/* Give the full navigation its own row before the desktop masthead gets tight. */
@media (min-width: 1081px) and (max-width: 1360px) {
	.gkm-header { flex-wrap: wrap; gap: 12px 22px; }
	.gkm-nav { order: 3; flex: 0 0 100%; }
	.gkm-nav .wp-block-navigation__container { justify-content: flex-start; flex-wrap: wrap; gap: 8px 22px; }
.gkm-header-socials { margin-left: auto; }
}

/* Let homepage sections use the wide canvas instead of WordPress's default
   760px reading width. Long-form pages keep their existing editorial measure. */
body.home .wp-site-blocks > #main > .gkm-constrained {
	box-sizing: border-box;
	width: min(1240px, calc(100% - 44px)) !important;
	max-width: 1240px !important;
	margin-inline: auto;
}

/* Expand the query loop and columns inside the wide homepage sections too. */
body.home .wp-site-blocks > #main > .gkm-section.has-global-padding > * {
	max-width: none !important;
}

/* Keep byline and excerpt actions comfortable to tap on phones. */
.gkm-story-card .wp-block-post-author-name__link,
.gkm-story-card .wp-block-post-excerpt__more-link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	padding-block: 5px;
}

@media (max-width: 720px) {
	/* Keep the signed-in menu control clear of WordPress's top toolbar. */
	body.admin-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { top: 54px !important; }
	body.home .wp-site-blocks > #main > .gkm-constrained {
		width: calc(100% - 32px) !important;
	}

.gkm-story-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Use the owner supplied GKM identity and familiar platform marks without
   wrapping every social logo in a second, decorative tile. */
.gkm-social-mark {
	background: transparent !important;
	border-radius: 0;
	color: var(--gkm-ink);
}
.gkm-social-mark svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}
.gkm-social-channel--facebook .gkm-social-mark { color: #0866ff; }
.gkm-social-channel--instagram .gkm-social-mark { color: #c13584; }
.gkm-social-channel--youtube .gkm-social-mark { color: #ff0033; }
.gkm-social-channel--tiktok .gkm-social-mark { color: #111; }
.gkm-social-channel--linkedin .gkm-social-mark { color: #0a66c2; }
.gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin) {
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	border: 1px solid var(--gkm-line);
	border-radius: 50%;
	background: #fff;
	color: var(--gkm-ink);
}
.gkm-header-socials a.gkm-social-channel--facebook { color: #0866ff; }
.gkm-header-socials a.gkm-social-channel--instagram { color: #c13584; }
.gkm-header-socials a.gkm-social-channel--youtube { color: #ff0033; }
.gkm-header-socials a.gkm-social-channel--tiktok { color: #111; }
.gkm-header-socials a.gkm-social-channel--linkedin { color: #0a66c2; }
.gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin):hover {
	border-color: currentColor;
	background: #fff;
	filter: none;
	transform: translateY(-1px);
}
.gkm-header-socials svg { width: 19px; height: 19px; fill: currentColor; }
.gkm-footer .gkm-social-mark { width: 30px; height: 30px; flex-basis: 30px; }
.gkm-footer .gkm-social-mark svg { width: 21px; height: 21px; }
.gkm-footer .gkm-social-channel--tiktok .gkm-social-mark { color: #fff; }

/* Mobile homepage opening: brand bar, real social marks, current headline and one lead photo. */
.gkm-latest-ticker {
	box-sizing: border-box;
	display: flex;
	min-height: 54px;
	align-items: center;
	gap: 0;
	margin: 14px auto 34px;
	overflow: hidden;
	border: 1px solid #dedfe2;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 7px #18212a12;
}
.gkm-latest-ticker-label {
	display: grid;
	min-height: 54px;
	flex: 0 0 auto;
	place-items: center;
	padding-inline: 17px;
	background: #dc1724;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}
.gkm-latest-ticker .wp-block-query { min-width: 0; flex: 1 1 auto; margin: 0; }
.gkm-latest-ticker .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
.gkm-latest-ticker .wp-block-post-template > li { min-width: 0; margin: 0; }
.gkm-latest-ticker .wp-block-post-template > li:not(:first-child):not(.gkm-ticker-current) { display: none; }
.gkm-latest-ticker .wp-block-post-template > li[hidden] { display: none !important; }
.gkm-latest-ticker .wp-block-post-template > li.gkm-ticker-current { display: list-item; }
.gkm-latest-ticker .gkm-ticker-headline { overflow: hidden; margin: 0; padding: 0 12px 0 16px; font: 500 15px/1.3 var(--gkm-sans); letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
.gkm-latest-ticker .gkm-ticker-headline a { display: block; overflow: hidden; color: #172638; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.gkm-latest-ticker .gkm-ticker-headline a:hover { color: var(--gkm-red-dark); }
.gkm-latest-ticker-arrow { display: grid; width: 42px; flex: 0 0 42px; place-items: center; color: #172638; font: 400 29px/1 var(--gkm-sans); }

@media (max-width: 720px) {
	.gkm-topline { display: none !important; }
	.gkm-header {
		isolation: isolate;
		display: grid;
		width: 100%;
		max-width: none;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		grid-template-rows: 54px 52px;
		gap: 0;
		margin: 0;
		padding: 0 12px;
		border: 0;
		background: var(--gkm-paper);
	}
	.gkm-header::before {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;
		height: 54px;
		background: #dc1724;
		content: "";
	}
	.gkm-brand { grid-column: 2; grid-row: 1; justify-self: center; min-width: 0; gap: 0; }
	.gkm-brand .wp-block-site-title,
	.gkm-brand .wp-block-site-tagline,
	.gkm-brand > .wp-block-group { display: none !important; }
	.gkm-brand .wp-block-site-logo { display: none !important; }
	.gkm-brand .gkm-mobile-wordmark { display: inline-flex; align-items: center; color: #df101e; text-decoration: none; }
	.gkm-mobile-wordmark > span { display: flex; gap: 4px; }
	.gkm-mobile-wordmark > span > span { display: grid; width: 35px; height: 38px; place-items: center; border-radius: 3px; background: #fff; color: #df101e; font: 800 27px/1 var(--gkm-sans); letter-spacing: -.06em; }
	.gkm-nav { grid-column: 3; grid-row: 1; justify-self: end; width: auto; margin: 0; }
	.gkm-nav .wp-block-navigation__responsive-container-open { display: inline-grid; min-width: 44px; min-height: 44px; place-items: center; padding: 0; border: 0; background: transparent; color: #fff; }
	.gkm-nav .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
	.gkm-header-socials { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 10px; align-self: center; margin: 0; }
	.gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin) {
		width: 40px;
		height: 40px;
		border: 1px solid #dfe2e5 !important;
		border-radius: 50%;
		background: #fff !important;
		box-shadow: 0 1px 3px #18212a0a;
	}
	.gkm-header-socials a.gkm-social-channel--facebook { color: #0866ff !important; }
	.gkm-header-socials a.gkm-social-channel--instagram { color: #c13584 !important; }
	.gkm-header-socials a.gkm-social-channel--youtube { color: #ff0033 !important; }
	.gkm-header-socials a.gkm-social-channel--tiktok { color: #111 !important; }
	.gkm-header-socials a.gkm-social-channel--linkedin { color: #0a66c2 !important; }
	.gkm-header-socials svg { width: 21px; height: 21px; }
	.gkm-latest-ticker { width: calc(100% - 32px) !important; min-height: 42px; margin: 14px auto 34px; }
	.gkm-latest-ticker-label { min-height: 42px; padding-inline: 12px; font-size: 12px; }
	.gkm-latest-ticker .gkm-ticker-headline { padding-inline: 11px 4px; font-size: 14px; }
	.gkm-latest-ticker-arrow { width: 32px; flex-basis: 32px; font-size: 25px; }
	body.home .gkm-hero { grid-template-columns: minmax(0, 1fr); gap: 0; padding-block: 0 28px; }
	body.home .gkm-hero .gkm-eyebrow { margin: 0 0 12px; font-size: 11px; letter-spacing: .15em; }
	body.home .gkm-hero h1 { max-width: none; margin: 0 0 18px; font-size: clamp(38px, 10.2vw, 44px); line-height: 1.1; }
	body.home .gkm-hero .gkm-lede { max-width: 37ch; margin: 0; font-size: clamp(17px, 4.9vw, 20px); line-height: 1.55; }
	body.home .gkm-hero .gkm-actions { display: none; }
	body.home .gkm-hero-visual { display: block; width: 100%; min-height: 0; margin-top: 22px; }
	body.home .gkm-hero-visual > .wp-block-query { height: auto; min-height: 0; margin: 0; }
	body.home .gkm-hero-feature-list { height: auto; }
	body.home .gkm-hero-feature-list > li { height: auto; }
	body.home .gkm-hero-feature { height: auto; min-height: 0; aspect-ratio: auto; border-radius: 10px; }
	body.home .gkm-hero-feature::after,
	body.home .gkm-hero-feature-title,
	body.home .gkm-hero-feature-date,
	body.home .gkm-hero-aaj { display: none !important; }
	body.home .gkm-hero-feature-image { position: static; inset: auto; }
	body.home .gkm-hero-feature-image a { position: relative; display: block; height: auto; }
	body.home .gkm-hero-feature-image img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; }
}
.gkm-facebook-mark,
.gkm-facebook-large-mark { background: transparent; color: #0866ff; box-shadow: none; }
.gkm-facebook-mark svg { width: 23px; height: 23px; fill: currentColor; }
.gkm-facebook-large-mark svg { width: 42px; height: 42px; fill: currentColor; }
.gkm-radio-visual { background: #f3e9dd; }
.gkm-radio-disc { overflow: hidden; border: 0; background: transparent; box-shadow: none; }
.gkm-radio-disc span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url("assets/images/gkm-media-logo.png") center / cover no-repeat;
	color: transparent;
	font-size: 0;
}

/* Match the desktop homepage masthead to the owner-approved mobile header. */
@media (min-width: 721px) {
	body.home .gkm-topline { display: none !important; }
	body.home.gkm-desktop-nav-open { overflow: hidden; }
	body.home .gkm-header {
		isolation: isolate;
		box-sizing: border-box;
		display: grid;
		width: 100%;
		max-width: none;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		grid-template-rows: 54px 52px;
		gap: 0;
		margin: 0;
		padding: 0 max(12px, calc((100vw - 1240px) / 2));
		border: 0;
		background: var(--gkm-paper);
	}
	body.home .gkm-header::before {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;
		height: 54px;
		background: #dc1724;
		content: "";
	}
	body.home .gkm-brand { grid-column: 2; grid-row: 1; justify-self: center; min-width: 0; gap: 0; }
	body.home .gkm-brand .wp-block-site-title,
	body.home .gkm-brand .wp-block-site-tagline,
	body.home .gkm-brand > .wp-block-group,
	body.home .gkm-brand .wp-block-site-logo { display: none !important; }
	body.home .gkm-brand .gkm-mobile-wordmark { display: inline-flex; align-items: center; color: #df101e; text-decoration: none; }
	body.home .gkm-mobile-wordmark > span { display: flex; gap: 4px; }
	body.home .gkm-mobile-wordmark > span > span { display: grid; width: 35px; height: 38px; place-items: center; border-radius: 3px; background: #fff; color: #df101e; font: 800 27px/1 var(--gkm-sans); letter-spacing: -.06em; }
	body.home .gkm-nav { grid-column: 3; grid-row: 1; justify-self: end; width: auto; margin: 0; }
	body.home .gkm-nav .wp-block-navigation__responsive-container-open { display: inline-grid !important; min-width: 44px; min-height: 44px; place-items: center; padding: 0; border: 0; background: transparent; color: #fff; }
	body.home .gkm-nav .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
	body.home .gkm-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	body.home .gkm-nav .wp-block-navigation__responsive-container.is-menu-open { position: fixed; inset: 0; z-index: 99999; display: flex !important; width: 100vw; height: 100vh; height: 100dvh; }
	body.home .gkm-header-socials { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 10px; align-self: center; margin: 0; }
	body.home .gkm-header-socials a:is(.gkm-social-channel--facebook, .gkm-social-channel--instagram, .gkm-social-channel--youtube, .gkm-social-channel--tiktok, .gkm-social-channel--linkedin) { width: 40px; height: 40px; border: 1px solid #dfe2e5 !important; border-radius: 50%; background: #fff !important; box-shadow: 0 1px 3px #18212a0a; }
	body.home .gkm-header-socials a.gkm-social-channel--facebook { color: #0866ff !important; }
	body.home .gkm-header-socials a.gkm-social-channel--instagram { color: #c13584 !important; }
	body.home .gkm-header-socials a.gkm-social-channel--youtube { color: #ff0033 !important; }
	body.home .gkm-header-socials a.gkm-social-channel--tiktok { color: #111 !important; }
	body.home .gkm-header-socials a.gkm-social-channel--linkedin { color: #0a66c2 !important; }
	body.home .gkm-header-socials svg { width: 21px; height: 21px; }
}

/* Use the approved GKM tile wordmark on inner-page desktop headers as well. */
@media (min-width: 721px) {
	body:not(.home) .gkm-brand .wp-block-site-logo { display: none !important; }
	body:not(.home) .gkm-brand .gkm-mobile-wordmark { display: inline-flex; align-items: center; color: #df101e; text-decoration: none; }
	body:not(.home) .gkm-mobile-wordmark > span { display: flex; gap: 3px; }
	body:not(.home) .gkm-mobile-wordmark > span > span { display: grid; width: 27px; height: 32px; place-items: center; border-radius: 3px; background: #dc1724; color: #fff; font: 800 23px/1 var(--gkm-sans); letter-spacing: -.06em; }
}

/* Quick paths into GKM's active local and South Asian reporting archives. */
.gkm-topic-rail {
	display: flex;
	width: min(1240px, calc(100% - 44px));
	min-height: 40px;
	align-items: center;
	gap: clamp(14px, 2vw, 25px);
	margin: 0 auto 12px;
	padding: 4px 10px;
	overflow-x: auto;
	border-block: 1px solid var(--gkm-line);
	background: transparent;
	overscroll-behavior-inline: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.gkm-topic-rail::-webkit-scrollbar { display: none; }
.gkm-topic-rail-label {
	flex: 0 0 auto;
	color: var(--gkm-red-dark);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.gkm-topic-rail a {
	flex: 0 0 auto;
	border-bottom: 2px solid transparent;
	color: var(--gkm-ink);
	font-size: 13px;
	font-weight: 650;
	line-height: 1.5;
	text-decoration: none;
}
.gkm-topic-rail a:hover,
.gkm-topic-rail a:focus-visible {
	border-bottom-color: var(--gkm-red);
	color: var(--gkm-red-dark);
}

@media (max-width: 720px) {
	.gkm-latest-ticker { margin-bottom: 10px; }
	.gkm-topic-rail {
		width: calc(100% - 32px);
		min-height: 36px;
		gap: 15px;
		margin-bottom: 10px;
		padding: 3px 4px;
	}
	.gkm-topic-rail a { font-size: 12px; }
}

@media (max-width: 360px) {
	.gkm-topic-rail { gap: 10px; }
}

/* Keep the Facebook module editorial and useful even when a page has no public video feed. */
.gkm-facebook-grid { grid-auto-rows: minmax(0, 1fr); }
.gkm-facebook-card { min-height: 0; border-top-color: #d92735; border-radius: 9px; box-shadow: 0 3px 10px #18212a0a; }
.gkm-facebook-card-heading { box-sizing: border-box; min-height: 92px; gap: 14px; padding: 17px 20px; border-bottom: 1px solid #e1e7ed; background: #f1f6fc; color: var(--gkm-ink); }
.gkm-facebook-card-heading h3 { color: var(--gkm-ink); font-size: 17px; }
.gkm-facebook-card-heading p { color: #506276; font-size: 12px; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.gkm-facebook-mark { width: 44px; height: 44px; border: 0; background: #0866ff; color: #fff; }
.gkm-facebook-mark svg { width: 28px; height: 28px; }
.gkm-facebook-card-body { justify-content: space-between; gap: 14px; padding: 18px 20px 20px; }
.gkm-facebook-card-body > p { max-width: 48ch; min-height: 0; color: #435365; font-size: 14px; line-height: 1.55; }
.gkm-facebook-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: auto; }
.gkm-facebook-action { min-height: 44px; border-radius: 5px; padding: 9px 14px; }
.gkm-facebook-action--primary { background: #0866ff; color: #fff; }
.gkm-facebook-action--primary:hover { background: #0755d4; color: #fff; }
.gkm-facebook-action--secondary { border-color: #cbd5df; background: #fff; color: #17212b; }
.gkm-facebook-action--secondary:hover { border-color: #0866ff; color: #0755d4; }

@media (max-width: 720px) {
	.gkm-facebook-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }
	.gkm-facebook-card { min-height: 0; }
	.gkm-facebook-card-heading { min-height: 78px; padding: 15px 16px; }
	.gkm-facebook-mark { width: 42px; height: 42px; }
	.gkm-facebook-mark svg { width: 26px; height: 26px; }
	.gkm-facebook-card-body { gap: 12px; padding: 16px; }
	.gkm-facebook-actions,
	.gkm-facebook-action { width: 100%; }
}