/* ============================================================
   KH FRONT THEMES v1.0  [KH-FRONTTHEME v1.0]
   16 hand-built designs for the PUBLIC front website
   (Area 1: homepage, Area 2: edition reader). Each design is a
   different structure - masthead treatment, festival banner,
   category chips, edition card shape, share buttons, reader
   toolbar, story ring, page rail, breadcrumb chip and footer -
   not just a colour swap. Design layer only: applied solely
   when the site picks a design in Front Studio; with no design
   picked this file is never loaded and the front is untouched.
   Every rule is scoped under html[data-khfront].
   ============================================================ */

/* ---------- Theme variables ---------- */
html[data-khfront="t01"]{--khf-primary:#2563eb;--khf-primary-2:#3b82f6;--khf-primary-dark:#1d4ed8;--khf-rgb:37,99,235;--khf-page-bg:#eef3fd;--khf-page-img:none;--khf-text:#1c2434;--khf-muted:#667085;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#dbe4f3;--khf-radius:10px;--khf-radius-sm:8px;--khf-shadow:0 4px 14px rgba(23,28,45,.07);--khf-shadow-lg:0 10px 26px rgba(23,28,45,.13);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#2563eb;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#233243;--khf-footer-img:none;--khf-footer-shade:#1f2f40;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#ffffff;--khf-crop-bg:#dc3545;--khf-share-radius:4px;--khf-title-size:13px}
html[data-khfront="t02"]{--khf-primary:#059669;--khf-primary-2:#10b981;--khf-primary-dark:#047857;--khf-rgb:5,150,105;--khf-page-bg:#eefaf4;--khf-page-img:none;--khf-text:#1d2a23;--khf-muted:#64766c;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#d9eee2;--khf-radius:20px;--khf-radius-sm:14px;--khf-shadow:0 12px 30px rgba(23,28,45,.10);--khf-shadow-lg:0 18px 38px rgba(5,150,105,.18);--khf-font:'Poppins',sans-serif;--khf-head-font:'Poppins',sans-serif;--khf-chip-bg:#059669;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#17352a;--khf-footer-img:none;--khf-footer-shade:#122b21;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.7);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#f2fbf6;--khf-crop-bg:#059669;--khf-share-radius:999px;--khf-title-size:13px}
html[data-khfront="t03"]{--khf-primary:#8a5a2b;--khf-primary-2:#b07d3c;--khf-primary-dark:#6e4520;--khf-rgb:138,90,43;--khf-page-bg:#f7f2e7;--khf-page-img:none;--khf-text:#2e2a24;--khf-muted:#7a7264;--khf-masthead-bg:#fffdf6;--khf-masthead-img:none;--khf-card-bg:#fffdf6;--khf-border:#ddd2ba;--khf-radius:4px;--khf-radius-sm:3px;--khf-shadow:0 2px 8px rgba(60,48,20,.08);--khf-shadow-lg:0 8px 20px rgba(60,48,20,.14);--khf-font:inherit;--khf-head-font:'Playfair Display',Georgia,serif;--khf-chip-bg:#8a5a2b;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#2b2620;--khf-footer-img:none;--khf-footer-shade:#211d18;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.7);--khf-toolbar-bg:#fffdf6;--khf-toolbar-img:none;--khf-rail-bg:#fbf7ec;--khf-crop-bg:#8a5a2b;--khf-share-radius:3px;--khf-title-size:14px}
html[data-khfront="t04"]{--khf-primary:#6259ca;--khf-primary-2:#7a6ff0;--khf-primary-dark:#4a43a8;--khf-rgb:98,89,202;--khf-page-bg:#eef0fa;--khf-page-img:none;--khf-text:#1c2434;--khf-muted:#667085;--khf-masthead-bg:#101a33;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#dde1f2;--khf-radius:10px;--khf-radius-sm:8px;--khf-shadow:0 4px 14px rgba(23,28,45,.07);--khf-shadow-lg:0 10px 26px rgba(23,28,45,.13);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#6259ca;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#101a33;--khf-footer-img:none;--khf-footer-shade:#0c1428;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.7);--khf-toolbar-bg:#101a33;--khf-toolbar-img:none;--khf-rail-bg:#f4f6ff;--khf-crop-bg:#6259ca;--khf-share-radius:4px;--khf-title-size:13px}
html[data-khfront="t05"]{--khf-primary:#d97706;--khf-primary-2:#f59e0b;--khf-primary-dark:#b45309;--khf-rgb:217,119,6;--khf-page-bg:#f6f4ef;--khf-page-img:none;--khf-text:#292524;--khf-muted:#78716c;--khf-masthead-bg:#16181d;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#e7e2d6;--khf-radius:8px;--khf-radius-sm:6px;--khf-shadow:0 4px 14px rgba(28,25,23,.08);--khf-shadow-lg:0 10px 26px rgba(28,25,23,.14);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#16181d;--khf-chip-img:none;--khf-chip-text:#f5c66b;--khf-footer-bg:#16181d;--khf-footer-img:none;--khf-footer-shade:#101215;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.68);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#fbf9f4;--khf-crop-bg:#16181d;--khf-share-radius:4px;--khf-title-size:13px}
html[data-khfront="t06"]{--khf-primary:#0f766e;--khf-primary-2:#14b8a6;--khf-primary-dark:#115e59;--khf-rgb:15,118,110;--khf-page-bg:#ecf8f6;--khf-page-img:none;--khf-text:#17302c;--khf-muted:#5f7a74;--khf-masthead-bg:#083f3a;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#d2eae5;--khf-radius:10px;--khf-radius-sm:8px;--khf-shadow:0 4px 14px rgba(8,63,58,.09);--khf-shadow-lg:0 10px 26px rgba(8,63,58,.16);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#0f766e;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#083f3a;--khf-footer-img:none;--khf-footer-shade:#06302c;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#e6f5f1;--khf-crop-bg:#0f766e;--khf-share-radius:4px;--khf-title-size:13px}
html[data-khfront="t07"]{--khf-primary:#7c3aed;--khf-primary-2:#8b5cf6;--khf-primary-dark:#5b21b6;--khf-rgb:124,58,237;--khf-page-bg:#f3efff;--khf-page-img:none;--khf-text:#241b3a;--khf-muted:#6f6390;--khf-masthead-bg:#7c3aed;--khf-masthead-img:linear-gradient(90deg,#7c3aed,#4c1d95);--khf-card-bg:#ffffff;--khf-border:#e2d9fb;--khf-radius:12px;--khf-radius-sm:9px;--khf-shadow:0 6px 18px rgba(76,29,149,.10);--khf-shadow-lg:0 12px 30px rgba(76,29,149,.18);--khf-font:'Nunito',sans-serif;--khf-head-font:'Nunito',sans-serif;--khf-chip-bg:#7c3aed;--khf-chip-img:linear-gradient(90deg,#7c3aed,#8b5cf6);--khf-chip-text:#ffffff;--khf-footer-bg:#2a1656;--khf-footer-img:linear-gradient(180deg,#312065,#241147);--khf-footer-shade:rgba(0,0,0,.18);--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#f6f2ff;--khf-crop-bg:#7c3aed;--khf-share-radius:6px;--khf-title-size:13px}
html[data-khfront="t08"]{--khf-primary:#ea580c;--khf-primary-2:#f97316;--khf-primary-dark:#c2410c;--khf-rgb:234,88,12;--khf-page-bg:#fdf3ec;--khf-page-img:none;--khf-text:#33231a;--khf-muted:#8a6a58;--khf-masthead-bg:#f97316;--khf-masthead-img:linear-gradient(90deg,#f97316,#db2777);--khf-card-bg:#ffffff;--khf-border:#f6ddcb;--khf-radius:12px;--khf-radius-sm:9px;--khf-shadow:0 6px 18px rgba(194,65,12,.10);--khf-shadow-lg:0 12px 30px rgba(194,65,12,.18);--khf-font:'Nunito',sans-serif;--khf-head-font:'Nunito',sans-serif;--khf-chip-bg:#ea580c;--khf-chip-img:linear-gradient(90deg,#f97316,#db2777);--khf-chip-text:#ffffff;--khf-footer-bg:#3d1522;--khf-footer-img:none;--khf-footer-shade:#2c0f18;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#fff7f0;--khf-crop-bg:#db2777;--khf-share-radius:6px;--khf-title-size:13px}
html[data-khfront="t09"]{--khf-primary:#818cf8;--khf-primary-2:#6366f1;--khf-primary-dark:#4f46e5;--khf-rgb:129,140,248;--khf-page-bg:#0b1220;--khf-page-img:none;--khf-text:#e6eaf6;--khf-muted:#94a3c4;--khf-masthead-bg:#0e1730;--khf-masthead-img:none;--khf-card-bg:#141f36;--khf-border:#26355c;--khf-radius:12px;--khf-radius-sm:9px;--khf-shadow:0 6px 18px rgba(0,0,0,.45);--khf-shadow-lg:0 12px 30px rgba(0,0,0,.55);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#6366f1;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#0e1730;--khf-footer-img:none;--khf-footer-shade:#0a1122;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.66);--khf-toolbar-bg:#0e1730;--khf-toolbar-img:none;--khf-rail-bg:#101c38;--khf-crop-bg:#6366f1;--khf-share-radius:6px;--khf-title-size:13px}
html[data-khfront="t10"]{--khf-primary:#10b981;--khf-primary-2:#059669;--khf-primary-dark:#047857;--khf-rgb:16,185,129;--khf-page-bg:#101214;--khf-page-img:none;--khf-text:#e5e7eb;--khf-muted:#9ca3af;--khf-masthead-bg:#141619;--khf-masthead-img:none;--khf-card-bg:#1a1d20;--khf-border:#2c3136;--khf-radius:6px;--khf-radius-sm:4px;--khf-shadow:0 4px 12px rgba(0,0,0,.5);--khf-shadow-lg:0 8px 22px rgba(0,0,0,.6);--khf-font:'Inter',sans-serif;--khf-head-font:'Inter',sans-serif;--khf-chip-bg:#059669;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#141619;--khf-footer-img:none;--khf-footer-shade:#0e1013;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.62);--khf-toolbar-bg:#141619;--khf-toolbar-img:none;--khf-rail-bg:#17191c;--khf-crop-bg:#059669;--khf-share-radius:4px;--khf-title-size:12px}
html[data-khfront="t11"]{--khf-primary:#2563eb;--khf-primary-2:#3b82f6;--khf-primary-dark:#1d4ed8;--khf-rgb:37,99,235;--khf-page-bg:#eef3fd;--khf-page-img:none;--khf-text:#1c2434;--khf-muted:#667085;--khf-masthead-bg:#1d4ed8;--khf-masthead-img:linear-gradient(90deg,#1d4ed8,#3b82f6);--khf-card-bg:#ffffff;--khf-border:#dbe4f3;--khf-radius:10px;--khf-radius-sm:8px;--khf-shadow:0 4px 14px rgba(23,28,45,.07);--khf-shadow-lg:0 10px 26px rgba(23,28,45,.13);--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#1d4ed8;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#1c2f57;--khf-footer-img:none;--khf-footer-shade:#16264a;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#ffffff;--khf-crop-bg:#dc3545;--khf-share-radius:4px;--khf-title-size:13px}
html[data-khfront="t12"]{--khf-primary:#dc2626;--khf-primary-2:#ef4444;--khf-primary-dark:#991b1b;--khf-rgb:220,38,38;--khf-page-bg:#fdeeec;--khf-page-img:none;--khf-text:#2b1d1d;--khf-muted:#7d6464;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#f0d5d2;--khf-radius:2px;--khf-radius-sm:2px;--khf-shadow:0 2px 6px rgba(90,20,20,.08);--khf-shadow-lg:0 6px 16px rgba(90,20,20,.14);--khf-font:inherit;--khf-head-font:Georgia,'Times New Roman',serif;--khf-chip-bg:#dc2626;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#33161a;--khf-footer-img:none;--khf-footer-shade:#26090d;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.7);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#ffffff;--khf-crop-bg:#1f2937;--khf-share-radius:0px;--khf-title-size:13px}
html[data-khfront="t13"]{--khf-primary:#374151;--khf-primary-2:#4b5563;--khf-primary-dark:#111827;--khf-rgb:55,65,81;--khf-page-bg:#f4f4f5;--khf-page-img:none;--khf-text:#27272a;--khf-muted:#71717a;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#d4d4d8;--khf-radius:2px;--khf-radius-sm:2px;--khf-shadow:none;--khf-shadow-lg:none;--khf-font:inherit;--khf-head-font:inherit;--khf-chip-bg:#374151;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#f4f4f5;--khf-footer-img:none;--khf-footer-shade:#e9e9ec;--khf-footer-text:#27272a;--khf-footer-dim:#52525b;--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#fafafa;--khf-crop-bg:#374151;--khf-share-radius:0px;--khf-title-size:13px}
html[data-khfront="t14"]{--khf-primary:#475569;--khf-primary-2:#64748b;--khf-primary-dark:#334155;--khf-rgb:71,85,105;--khf-page-bg:#eef1f5;--khf-page-img:none;--khf-text:#1e293b;--khf-muted:#64748b;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#dbe2ea;--khf-radius:6px;--khf-radius-sm:4px;--khf-shadow:0 3px 10px rgba(30,41,59,.07);--khf-shadow-lg:0 8px 20px rgba(30,41,59,.12);--khf-font:'Inter',sans-serif;--khf-head-font:'Inter',sans-serif;--khf-chip-bg:#475569;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#26303c;--khf-footer-img:none;--khf-footer-shade:#1d2630;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.68);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#f6f8fa;--khf-crop-bg:#334155;--khf-share-radius:3px;--khf-title-size:12px}
html[data-khfront="t15"]{--khf-primary:#0284c7;--khf-primary-2:#38bdf8;--khf-primary-dark:#0369a1;--khf-rgb:2,132,199;--khf-page-bg:#e0f2fe;--khf-page-img:linear-gradient(180deg,#e0f2fe,#f8fcff);--khf-text:#17394f;--khf-muted:#5b7a90;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#dceefb;--khf-radius:18px;--khf-radius-sm:12px;--khf-shadow:0 14px 34px rgba(2,132,199,.13);--khf-shadow-lg:0 20px 44px rgba(2,132,199,.18);--khf-font:'Poppins',sans-serif;--khf-head-font:'Poppins',sans-serif;--khf-chip-bg:#0284c7;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#17394f;--khf-footer-img:none;--khf-footer-shade:#122c3e;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.72);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#f2faff;--khf-crop-bg:#0284c7;--khf-share-radius:8px;--khf-title-size:13px}
html[data-khfront="t16"]{--khf-primary:#0f766e;--khf-primary-2:#14b8a6;--khf-primary-dark:#115e59;--khf-rgb:15,118,110;--khf-page-bg:#ecf8f6;--khf-page-img:none;--khf-text:#17302c;--khf-muted:#5f7a74;--khf-masthead-bg:#ffffff;--khf-masthead-img:none;--khf-card-bg:#ffffff;--khf-border:#cfe7e1;--khf-radius:8px;--khf-radius-sm:6px;--khf-shadow:0 3px 10px rgba(15,60,54,.08);--khf-shadow-lg:0 8px 20px rgba(15,60,54,.13);--khf-font:'Inter',sans-serif;--khf-head-font:'Inter',sans-serif;--khf-chip-bg:#0f766e;--khf-chip-img:none;--khf-chip-text:#ffffff;--khf-footer-bg:#17352f;--khf-footer-img:none;--khf-footer-shade:#10261f;--khf-footer-text:#ffffff;--khf-footer-dim:rgba(255,255,255,.7);--khf-toolbar-bg:#ffffff;--khf-toolbar-img:none;--khf-rail-bg:#f0f9f6;--khf-crop-bg:#0f766e;--khf-share-radius:3px;--khf-title-size:12px}

/* ---------- Shared base (all designs) ---------- */
html[data-khfront] body{background-color:var(--khf-page-bg);background-image:var(--khf-page-img);color:var(--khf-text);font-family:var(--khf-font)}

/* ---------- Area 1: festival / day banner ---------- */
html[data-khfront] #festival-sticky-header{font-family:var(--khf-font)}
html[data-khfront] #festival-sticky-header .f-title{font-family:var(--khf-head-font);letter-spacing:.6px}
html[data-khfront] #festival-sticky-header .f-icon{box-shadow:0 3px 8px rgba(0,0,0,.18)}

/* ---------- Area 1: masthead ---------- */
html[data-khfront] header.header{background-color:var(--khf-masthead-bg);background-image:var(--khf-masthead-img);border-bottom:1px solid var(--khf-border);box-shadow:0 2px 10px rgba(15,23,42,.06)}
html[data-khfront] .kh-header-logo img{border-radius:var(--khf-radius-sm)}
html[data-khfront] #kh-news-btn-slot .kh-nb-tile{border-color:var(--khf-primary);color:var(--khf-primary-dark)}
html[data-khfront] nav.navbar{background-color:var(--khf-masthead-bg)!important;background-image:var(--khf-masthead-img);border-bottom:1px solid var(--khf-border)}
html[data-khfront] nav.navbar .nav-link{font-weight:600}
html[data-khfront] nav.navbar .dropdown-menu{background-color:var(--khf-card-bg);border-color:var(--khf-border);border-radius:var(--khf-radius-sm);box-shadow:var(--khf-shadow-lg)}

/* ---------- Area 1: category labels + edition cards ---------- */
html[data-khfront] .badge-edition-label{background-color:var(--khf-chip-bg);background-image:var(--khf-chip-img);color:var(--khf-chip-text);border-radius:var(--khf-radius-sm);border-color:transparent;box-shadow:var(--khf-shadow)}
html[data-khfront] .badge-edition-label:hover{background-color:var(--khf-primary-dark);color:var(--khf-chip-text)}
html[data-khfront] .badge-edition-label.active{background-color:var(--khf-primary-dark);border-color:rgba(0,0,0,.25)}
html[data-khfront] .eviewBox{background:var(--khf-card-bg);border:1px solid var(--khf-border);border-radius:var(--khf-radius);box-shadow:var(--khf-shadow);overflow:hidden}
html[data-khfront] .eviewBox:hover{box-shadow:var(--khf-shadow-lg);border-color:rgba(var(--khf-rgb),.45)}
html[data-khfront] .img-wrap{background:var(--khf-card-bg);border-bottom:1px solid var(--khf-border)}
html[data-khfront] .img-wrap img{border-color:var(--khf-border);border-radius:var(--khf-radius-sm)}
html[data-khfront] .text-wrap{background:var(--khf-card-bg)}
html[data-khfront] .paper-title{color:var(--khf-text);font-family:var(--khf-head-font);font-size:var(--khf-title-size)}
html[data-khfront] .paper-edition{color:var(--khf-primary)}
html[data-khfront] .share-buttons-row{background:var(--khf-card-bg)}
html[data-khfront] .btn-sq-share{border-radius:var(--khf-share-radius)}
html[data-khfront] .btn-wa-auto-share{border-color:var(--khf-primary);color:var(--khf-primary)}
html[data-khfront] .custom-page-link{background:var(--khf-card-bg);color:var(--khf-text);border:1px solid var(--khf-border);border-radius:var(--khf-radius-sm)}
html[data-khfront] .custom-page-item.active .custom-page-link{background:var(--khf-primary);border-color:var(--khf-primary);color:#fff}

/* ---------- Footer (both areas) ---------- */
html[data-khfront] .footer-section{background-color:var(--khf-footer-bg);background-image:var(--khf-footer-img)}
html[data-khfront] .footer-section:before,html[data-khfront] .footer-section:after{background-color:var(--khf-footer-shade)}
html[data-khfront] .footer-top p{color:var(--khf-footer-dim)}
html[data-khfront] .footer-top .widget-title{color:var(--khf-footer-text);font-family:var(--khf-head-font)}
html[data-khfront] .courses-link-list li a{color:var(--khf-footer-dim)}
html[data-khfront] .courses-link-list li a:hover{color:var(--khf-footer-text)}
html[data-khfront] .latest-news-widget .post-date{color:var(--khf-footer-dim)}
html[data-khfront] .social-widget .publisher-info{color:var(--khf-footer-text)}
html[data-khfront] .footer-bottom{border-top:1px solid rgba(127,140,160,.28)}
html[data-khfront] .copy-right-text{color:var(--khf-footer-dim)}

/* ---------- Area 2: reader toolbar ---------- */
html[data-khfront] .navstick{background-color:var(--khf-toolbar-bg);background-image:var(--khf-toolbar-img);box-shadow:0 3px 12px rgba(15,23,42,.10)}
html[data-khfront] .custom-pagination .page-link,html[data-khfront] .custom-pagination-m .page-link{background:var(--khf-card-bg);color:var(--khf-text);border:1px solid var(--khf-border);border-radius:var(--khf-radius-sm)!important;font-weight:600}
html[data-khfront] .custom-pagination .page-link:hover,html[data-khfront] .custom-pagination-m .page-link:hover{border-color:var(--khf-primary);color:var(--khf-primary)}
html[data-khfront] .custom-pagination .page-item.active .page-link,html[data-khfront] .custom-pagination .page-number.active .page-link,html[data-khfront] .custom-pagination-m .page-item.active .page-link{background:var(--khf-primary);border-color:var(--khf-primary);color:#fff}
html[data-khfront] .dd-button{background:var(--khf-card-bg);border:1px solid var(--khf-border);color:var(--khf-text);border-radius:var(--khf-radius-sm);font-weight:700;box-shadow:var(--khf-shadow)}
html[data-khfront] .dd-menu{background:var(--khf-card-bg);border:1px solid var(--khf-border);border-radius:var(--khf-radius-sm);box-shadow:var(--khf-shadow-lg)}
html[data-khfront] .dd-menu li a{color:var(--khf-text)}
html[data-khfront] #croppertool{background-color:var(--khf-crop-bg);border-color:transparent;border-radius:var(--khf-radius-sm)}
html[data-khfront] #btnlarge{border-radius:var(--khf-radius-sm)}
html[data-khfront] .cal_outer{background:var(--khf-chip-bg) linear-gradient(180deg,rgba(255,255,255,.22),rgba(0,0,0,.08));border-radius:var(--khf-radius-sm)}
html[data-khfront] .cal_outer input{background:transparent;color:#fff;font-weight:700}
html[data-khfront] .m-pagination-bar{background-color:var(--khf-toolbar-bg);box-shadow:0 -3px 12px rgba(15,23,42,.08)}

/* ---------- Area 2: stories, rail, page ---------- */
html[data-khfront] #webStory .slide img{border:3px solid var(--khf-primary);border-radius:50%;padding:2px;background:var(--khf-card-bg);box-shadow:var(--khf-shadow)}
html[data-khfront] #webStory .slide-text{color:var(--khf-muted);font-weight:600}
html[data-khfront] .work-Area{background:transparent}
html[data-khfront] #sideColumn{background:var(--khf-rail-bg);border:1px solid var(--khf-border);border-radius:var(--khf-radius)}
html[data-khfront] .side-thumb{background:var(--khf-card-bg);border:1px solid var(--khf-border)!important;border-radius:var(--khf-radius-sm);overflow:hidden;box-shadow:var(--khf-shadow)}
html[data-khfront] .side-thumb .thumtitle{background:var(--khf-chip-bg);background-image:var(--khf-chip-img);color:var(--khf-chip-text);font-weight:700}
html[data-khfront] h4.titleTag{background:var(--khf-chip-bg);background-image:var(--khf-chip-img);color:var(--khf-chip-text);border-radius:var(--khf-radius-sm);font-family:var(--khf-head-font);box-shadow:var(--khf-shadow)}
html[data-khfront] .titleunderline{background:linear-gradient(90deg,var(--khf-primary),var(--khf-primary-2))}
html[data-khfront] #newspaperImage{background:#ffffff;border:1px solid var(--khf-border);border-radius:var(--khf-radius-sm);box-shadow:var(--khf-shadow-lg)}
html[data-khfront] .navigation-btn{background:rgba(var(--khf-rgb),.88);border-radius:var(--khf-radius-sm);box-shadow:var(--khf-shadow-lg)}
html[data-khfront] .multi-link-banner{background:rgba(var(--khf-rgb),.12);border:1px solid rgba(var(--khf-rgb),.35);color:var(--khf-text);border-radius:var(--khf-radius-sm)}

/* ---------- Per-design structural signatures ---------- */
/* t01 Sapphire Classic: strong blue rule under the masthead */
html[data-khfront="t01"] header.header{border-bottom:3px solid var(--khf-primary)}
/* t02 Emerald Pill: every control becomes a pill */
html[data-khfront="t02"] .badge-edition-label,html[data-khfront="t02"] .dd-button,html[data-khfront="t02"] .cal_outer,html[data-khfront="t02"] h4.titleTag{border-radius:999px}
html[data-khfront="t02"] .custom-pagination .page-link,html[data-khfront="t02"] .custom-pagination-m .page-link,html[data-khfront="t02"] .navigation-btn{border-radius:999px!important}
/* t03 Gazette Serif: double rules, underline breadcrumb instead of a chip */
html[data-khfront="t03"] header.header{border-bottom:4px double var(--khf-primary-dark)}
html[data-khfront="t03"] nav.navbar{border-bottom:1px solid var(--khf-border)}
html[data-khfront="t03"] h4.titleTag{display:block;background:transparent;color:var(--khf-text);border-bottom:3px double var(--khf-primary);border-radius:0;box-shadow:none}
html[data-khfront="t03"] .titleunderline{display:none}
html[data-khfront="t03"] .footer-section{border-top:4px double var(--khf-primary-2)}
/* Dark / gradient mastheads (t04 t05 t06 t09 t10 t11): logo sits on a white plate */
html[data-khfront="t04"] .kh-header-logo img,html[data-khfront="t05"] .kh-header-logo img,html[data-khfront="t06"] .kh-header-logo img,html[data-khfront="t09"] .kh-header-logo img,html[data-khfront="t10"] .kh-header-logo img,html[data-khfront="t11"] .kh-header-logo img{background:#ffffff;box-sizing:border-box;box-shadow:0 4px 14px rgba(0,0,0,.25)}
/* t04 Midnight Masthead: the reader toolbar goes dark with the masthead */
html[data-khfront="t04"] .custom-pagination .page-link,html[data-khfront="t04"] .custom-pagination-m .page-link{background:rgba(255,255,255,.07);color:#dbe4ff;border-color:#26355c}
html[data-khfront="t04"] .dd-button{background:#16233f;color:#e6eaf6;border-color:#26355c}
html[data-khfront="t04"] .m-pagination-bar{border-top-color:#26355c}
/* t05 Charcoal Gold: gold rule + gold footer headings */
html[data-khfront="t05"] header.header{border-bottom:3px solid var(--khf-primary)}
html[data-khfront="t05"] .footer-top .widget-title{color:var(--khf-primary-2)}
/* t07 Violet Gradient: gradient accent bar on top of every edition card */
html[data-khfront="t07"] .eviewBox{border-top:4px solid var(--khf-primary)}
html[data-khfront="t07"] header.header{border-bottom:none}
/* t08 Sunset Gradient: taller warm masthead */
html[data-khfront="t08"] header.header{border-bottom:none}
/* t09/t10 full dark: menus and rail text follow the dark surface */
html[data-khfront="t09"] .dd-menu,html[data-khfront="t10"] .dd-menu{background:var(--khf-card-bg)}
html[data-khfront="t09"] .side-thumb .thumtitle,html[data-khfront="t10"] .side-thumb .thumtitle{color:#fff}
html[data-khfront="t09"] .custom-pagination-container,html[data-khfront="t10"] .custom-pagination-container{color:var(--khf-text)}
html[data-khfront="t09"] #btnlarge,html[data-khfront="t10"] #btnlarge{background:#e5e7eb;color:#111827;border-color:transparent}
/* t12 Crimson Broadsheet: heavy top rule, square everything */
html[data-khfront="t12"] header.header{border-top:6px solid var(--khf-primary)}
html[data-khfront="t12"] .paper-title{letter-spacing:.2px}
/* t13 Mono Minimal: kill the footer overlays and all shadows */
html[data-khfront="t13"] .footer-section:before,html[data-khfront="t13"] .footer-section:after{display:none}
html[data-khfront="t13"] .eviewBox:hover{box-shadow:none;border-color:var(--khf-primary)}
html[data-khfront="t13"] .footer-bottom{border-top:1px solid #d4d4d8}
/* t14 Slate Corporate + t16 Teal Workhorse: compact density */
html[data-khfront="t14"] .text-wrap,html[data-khfront="t16"] .text-wrap{padding:5px 3px 0}
html[data-khfront="t14"] .share-buttons-row,html[data-khfront="t16"] .share-buttons-row{padding-bottom:7px}
/* t15 Sky Airy: borderless floating cards, soft masthead shadow */
html[data-khfront="t15"] .eviewBox{border-color:transparent}
html[data-khfront="t15"] header.header{box-shadow:0 6px 20px rgba(2,132,199,.10)}

/* ---------- Responsive: phones ---------- */
@media (max-width:480px){
    html[data-khfront] .kh-header-logo img{max-height:76px;object-fit:contain}
    html[data-khfront] .badge-edition-label{font-size:11px;padding:5px 10px}
    html[data-khfront] #webStory .slide img{width:58px;height:58px;object-fit:cover}
    html[data-khfront] .footer-top .widget{margin-bottom:20px}
    html[data-khfront] .copy-right-text{font-size:12.5px;line-height:1.5}
}
/* ---------- Responsive: large phones + tablets ---------- */
@media (min-width:481px) and (max-width:820px){
    html[data-khfront] .kh-header-logo img{max-height:96px;object-fit:contain}
    html[data-khfront] .footer-top .widget{margin-bottom:22px}
    html[data-khfront] #webStory .slide img{width:66px;height:66px;object-fit:cover}
}
/* ---------- Responsive: page image stays fluid (<=820px). Toolbar layout is NEVER touched [KH-FRONTTHEME v1.1] ---------- */
@media (max-width:820px){
    html[data-khfront] #newspaperImage{max-width:100%;height:auto}
}
/* ---------- Responsive: small laptops ---------- */
@media (min-width:821px) and (max-width:1200px){
    html[data-khfront] #webStory .slide img{width:72px;height:72px;object-fit:cover}
}
/* ---------- Responsive: large desktops ---------- */
@media (min-width:1201px){
    html[data-khfront] #webStory .slide img{width:78px;height:78px;object-fit:cover}
    html[data-khfront] #newspaperImage{max-width:100%;height:auto}
}

/* ---------- [KH-ALERTFIX v1.0] Connected Story Alert readability ----------
   The banner's own stylesheet paints near-white text (#f8f9fa) meant for its
   dark navy bar. The generic banner rule above (line ~102) swaps that bar for
   a pale 12% tint of the design colour, so under every design the white text
   sat on a near-white tint and vanished. Fix = colour only: the bar now takes
   the design's own deep accent (--khf-primary-dark, a solid) and the text is
   white on it in all 16 designs (text contrast 5.02:1 - 17.74:1 — see README).
   The x close button needed no rule: its own white-on-translucent styling
   works again the moment the bar is dark, exactly as in the Original look.
   Scoped to html[data-khfront]: the Original look is untouched. */
html[data-khfront] .multi-link-banner{background:var(--khf-primary-dark);color:#ffffff}
html[data-khfront] .multi-link-banner-text{color:#ffffff}
html[data-khfront] .multi-link-banner-text span{color:#ffffff}