/*
Theme Name: JGN News Platform
Author: JGN Media
Description: JGN 지역뉴스·쇼츠 결합형 반응형 뉴스 테마
Version: 2.6.3
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: jgn-platform
*/
:root{--ink:#151923;--muted:#647083;--line:#e6e9ee;--bg:#fff;--soft:#f4f6f9;--accent:#f36b48}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}a:hover{color:#d04b35}img{max-width:100%;height:auto}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}
.topline{border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);padding:7px 0}
.brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}
.logo img{display:block;width:min(255px,48vw);height:auto;max-height:86px;object-fit:contain;object-position:left center}
.brandtag{font-size:12px;color:var(--muted);letter-spacing:.12em}.nav{border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}
.nav-inner{display:flex;gap:28px;align-items:center;overflow-x:auto;white-space:nowrap;padding:13px 0;font-size:14px;font-weight:750}
.nav-inner a:first-child{color:#d9503b}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;padding:34px 0}
.hero-primary .media{aspect-ratio:16/9}.media{background:linear-gradient(140deg,#dfe7ef,#f4e7e4);overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#66758a}
.media img{width:100%;height:100%;object-fit:cover}.kicker{font-size:11px;color:#db573c;font-weight:800;letter-spacing:.14em;margin:12px 0 6px}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(26px,3vw,39px);line-height:1.3;letter-spacing:-.045em;margin-bottom:12px}
.hero-side{display:flex;flex-direction:column;gap:12px}.side-list{border-top:1px solid var(--line);padding-top:12px}
.side-list a{display:block;font-size:17px;font-weight:700;padding:10px 0;border-bottom:1px solid var(--line)}
.excerpt,.muted,.meta{color:var(--muted)}.meta{font-size:12px;margin:8px 0}.section{padding:30px 0;border-top:1px solid var(--line)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}
.section-head h2{font-size:25px;letter-spacing:-.05em;margin:0}.section-head a{font-size:13px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card .media{aspect-ratio:16/10}
.card h3{font-size:18px;line-height:1.42;margin:8px 0}.card .excerpt{font-size:13px}
.shorts-section{background:#151923;color:#fff;padding:35px 0;margin:28px 0}.shorts-section .section-head a{color:#c9d1db}
.shorts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.short-card .media{aspect-ratio:9/16;background:#2d3545}
.short-card h3{font-size:14px;line-height:1.4;margin:9px 0 0}.short-card .meta{color:#bac2d0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px}.radar-panel{background:var(--soft);border-radius:12px;padding:25px}
.radar-panel h2{font-size:26px}.pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:25px;padding:8px 14px;margin:4px;font-size:12px}
.article{max-width:810px;margin:40px auto;padding:0 18px}.article h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.045em;line-height:1.3}
.article-body{font-size:18px;line-height:1.95;overflow-wrap:anywhere}.article-body img{height:auto}.article figure{max-width:100%}
.listing{padding:35px 0}.footer{border-top:1px solid var(--line);background:#f7f8fa;padding:35px 0;margin-top:45px;color:#596477;font-size:13px}
.empty{background:var(--soft);padding:20px;border-radius:8px;color:var(--muted)}.searchform{display:flex;gap:8px}
.searchform input{border:1px solid #ccd2dc;border-radius:6px;padding:9px;min-width:0}.searchform button{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:9px 13px;cursor:pointer}
.short-view{background:#10131a;color:white;min-height:78vh;padding:25px 0}.short-stage{width:min(430px,100%);margin:auto}.short-stage iframe{width:100%;aspect-ratio:9/16;border:0;border-radius:10px}
.short-stage .media{aspect-ratio:9/16;background:#232936}.short-stage h1{font-size:24px;margin:16px 0 8px}.button-link{display:inline-block;padding:10px 14px;border-radius:6px;background:#fff;color:#151923;font-weight:700}
.mobile-bar{display:none}
@media(max-width:780px){.brandtag{display:none}.hero{grid-template-columns:1fr;padding:22px 0}.hero h1{font-size:27px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.nav-inner{gap:17px}.mobile-bar{display:flex;position:sticky;bottom:0;background:white;border-top:1px solid var(--line);z-index:30;justify-content:space-around;padding:11px 0;font-size:12px;font-weight:700}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.cards{grid-template-columns:1fr 1fr}.card h3{font-size:15px}.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:22px}.logo img{width:190px}.article-body{font-size:16px}}

/* JGN 2.1: denser editorial first screen and accessible shorts feed */
.brandbar{padding:10px 0}.logo img{max-height:65px;width:min(215px,45vw)}
.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;padding:24px 0}
.hero-primary .media{aspect-ratio:16/8.5}.hero h1{font-size:clamp(24px,2.6vw,33px)}
.hero-side .empty{display:none}.side-list a{font-size:16px}
.shorts-section{margin:8px 0 25px;padding:28px 0}.short-card .media{position:relative}
.short-card .media:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#10131aaa;border-radius:50%;padding:10px 15px;color:white}
.short-stage{position:relative}.short-nav{display:flex;gap:12px;justify-content:space-between;margin:15px 0}
.short-nav a{padding:9px 14px;border:1px solid #657085;border-radius:8px;color:white}
.short-feed-item{min-height:calc(100dvh - 180px);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;padding:12px 0}
.short-feed{scroll-snap-type:y mandatory;overflow-y:auto;max-height:calc(100dvh - 160px);overscroll-behavior:contain}
.short-feed-item iframe{width:100%;aspect-ratio:9/16;max-height:70dvh;border:0;border-radius:10px}
.short-feed-item h2{font-size:18px;margin:12px 0}
@media(max-width:780px){.hero{grid-template-columns:1fr}.hero-primary .media{aspect-ratio:16/9}.short-feed{max-height:calc(100dvh - 135px)}.short-feed-item{min-height:calc(100dvh - 155px)}}

/* 2.2 hybrid editorial layout */
.jgn-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding:28px 0 32px}
.jgn-lead .hero-primary .media{aspect-ratio:16/9}
.jgn-lead .hero-primary h1{font-size:clamp(23px,2.6vw,34px);line-height:1.32;margin:0 0 8px}
.jgn-lead .side-list a{font-size:15px;padding:9px 0}
.jgn-shorts-lead{background:#151923;border-radius:12px;padding:19px;color:#fff;min-width:0}
.jgn-shorts-lead .section-head{margin-bottom:13px}.jgn-shorts-lead .section-head h2{font-size:21px}
.jgn-shorts-lead .section-head a{color:#cbd4df}
.jgn-shorts-lead .shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.jgn-shorts-lead .short-card .media{aspect-ratio:9/12;max-height:280px}
.jgn-shorts-lead .short-card h3{font-size:13px}
.jgn-shorts-lead .meta{font-size:11px}
.jgn-headline-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.jgn-headline-row .media{aspect-ratio:16/10;border-radius:5px}
.jgn-headline-row strong{display:block;font-size:15px;line-height:1.4}
.jgn-headline-row .meta{margin:2px 0}
.jgn-radar{background:#f2f5fa;border-radius:12px;padding:25px;margin:25px 0}
.jgn-radar .radar-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.jgn-radar .radar-links a{padding:9px 14px;background:white;border:1px solid #dce2eb;border-radius:25px;font-size:13px}
@media(max-width:780px){.jgn-lead{display:flex;flex-direction:column;gap:18px;padding:16px 0}.jgn-shorts-lead{order:-1}.jgn-shorts-lead .shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jgn-shorts-lead .short-card .media{max-height:none;aspect-ratio:9/14}.jgn-lead .hero-primary .media{aspect-ratio:16/9}}

/* 2.3: editorial density, header search and mobile layout */
.logo img{width:min(270px,49vw);max-height:75px}
.jgn-header-actions{display:flex;align-items:center;gap:18px}
.jgn-header-search{display:flex;align-items:center;gap:5px}
.jgn-header-search input{width:155px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:13px}
.jgn-header-search button{padding:8px 12px;border:0;border-radius:6px;background:var(--ink);color:white;cursor:pointer}
.jgn-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jgn-lead .side-list{margin-top:16px}
.jgn-lead .jgn-headline-row{display:grid}
.jgn-news-lead,.jgn-shorts-lead{min-width:0}
.jgn-news-lead .hero-primary .excerpt{margin-bottom:8px}
.jgn-shorts-lead .short-card .media{aspect-ratio:9/15;max-height:none}
.jgn-shorts-lead .short-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.brandtag{display:none}.jgn-header-actions{gap:8px}}
@media(max-width:780px){.jgn-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jgn-header-search input{width:130px}.jgn-shorts-lead .short-card .media{aspect-ratio:9/14}}
@media(max-width:480px){.brandbar{gap:8px}.logo img{width:min(165px,42vw)}.jgn-header-search input{width:100px;font-size:12px}.jgn-header-search button{font-size:12px;padding:8px}.jgn-latest-grid{gap:14px}.jgn-latest-grid .card h3{font-size:15px}.jgn-shorts-lead{padding:14px}.jgn-shorts-lead .section-head h2{font-size:18px}}

/* 2.3.1: enlarged desktop logo, independent mobile sizing */
@media(min-width:781px){.logo img{width:210px;max-height:112px;height:auto}.brandbar{padding:12px 0}}
@media(min-width:481px) and (max-width:780px){.logo img{width:155px;max-height:90px;height:auto}}
@media(max-width:480px){.logo img{width:125px;max-height:72px;height:auto}}

/* 2.3.2: readable primary navigation, desktop logo unchanged */
@media (min-width: 781px) {
  .nav-inner {font-size:18px;gap:34px;padding:17px 0;line-height:1.45;font-weight:750;}
}
@media (min-width: 481px) and (max-width: 780px) {
  .nav-inner {font-size:16px;gap:22px;padding:15px 0;line-height:1.45;}
}
@media (max-width: 480px) {
  .nav-inner {font-size:16px;gap:22px;padding:14px 0;line-height:1.45;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .nav-inner::-webkit-scrollbar {display:none;}
}
.nav-inner a {display:inline-block;white-space:nowrap;}

/* 2.3.3: official JGN editorial slogan below the existing logo */
.jgn-brand-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.jgn-brand-identity .logo{display:block;line-height:0}
.jgn-brand-slogans{display:flex;flex-direction:column;gap:1px;margin-top:5px;line-height:1.35}
.jgn-slogan-en{font-size:16px;font-weight:900;letter-spacing:.075em;color:#151923}
.jgn-slogan-ko{font-size:12px;font-weight:600;letter-spacing:-.015em;color:#647083}
@media(max-width:780px){.jgn-slogan-en{font-size:12px}.jgn-slogan-ko{font-size:10px}.jgn-brand-slogans{margin-top:3px}}
@media(max-width:480px){.jgn-slogan-en{font-size:11px;letter-spacing:.04em}.jgn-slogan-ko{font-size:9px}.brandbar{align-items:center}}

/* 2.3.5: desktop logo further reduced by 15%, centered lockup, compact header */
@media(min-width:781px){
  .jgn-brand-identity{align-items:center;width:161px;}
  .jgn-brand-identity .logo{width:161px;}
  .jgn-brand-identity .logo img{width:161px;max-width:100%;max-height:86px;height:auto;object-position:center center;}
  .jgn-brand-slogans{align-items:center;text-align:center;margin-top:4px;}
  .jgn-slogan-ko{font-size:14px;line-height:1.4;}
  .brandbar{padding:6px 0 8px;}
}

/* 2.3.6: balanced desktop three-zone masthead, existing logo size retained */
.jgn-header-message{display:none}
@media(min-width:901px){
  .brandbar{display:grid;grid-template-columns:minmax(175px,1fr) minmax(220px,1fr) minmax(190px,1fr);align-items:center;column-gap:16px;padding:3px 0 5px}
  .jgn-brand-identity{justify-self:start}
  .jgn-header-message{display:flex;align-items:center;justify-content:center;text-align:center}
  .jgn-header-message .brandtag{display:block;font-size:14px;line-height:1.65;letter-spacing:.16em;font-weight:700;color:#657186}
  .jgn-header-actions{justify-self:end}
  .jgn-brand-slogans{margin-top:2px}
}
@media(min-width:781px) and (max-width:900px){
  .brandbar{padding:5px 0}
  .jgn-header-message{display:none}
}

/* 2.3.7: one editorial message, centered on desktop, beneath logo on mobile */
@media(min-width:901px){
  .jgn-header-message.jgn-brand-slogans{display:flex;flex-direction:column;gap:4px;margin:0;justify-self:center;align-items:center;text-align:center}
  .jgn-header-message .jgn-slogan-en{font-size:22px;font-weight:900;letter-spacing:.09em;color:#151923;line-height:1.25}
  .jgn-header-message .jgn-slogan-ko{font-size:15px;font-weight:600;color:#647083;line-height:1.4}
}
@media(max-width:900px){
  .jgn-brand-identity{position:relative}
  .jgn-header-message.jgn-brand-slogans{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;margin:0}
  .brandbar{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'logo actions' 'slogan slogan';row-gap:4px}
  .jgn-brand-identity{grid-area:logo}
  .jgn-header-actions{grid-area:actions;justify-self:end}
  .jgn-header-message{grid-area:slogan;justify-self:start}
}
@media(max-width:480px){.jgn-header-message .jgn-slogan-en{font-size:12px}.jgn-header-message .jgn-slogan-ko{font-size:10px}}

/* 2.4.0: mobile swipeable Shorts preview, stronger news scanning */
@media(min-width:781px){
 .jgn-lead .side-list{margin-top:12px}
 .jgn-headline-row:hover strong{color:#d04b35}
 .jgn-news-lead .hero-primary h1{letter-spacing:-.035em}
}
@media(max-width:780px){
 .jgn-shorts-lead .shorts-grid{
   display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;
   scroll-snap-type:x mandatory;scroll-padding-inline:2px;
   overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
   padding:0 2px 10px;scrollbar-width:thin;scrollbar-color:#707989 transparent;
 }
 .jgn-shorts-lead .short-card{flex:0 0 min(68%,255px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
 .jgn-shorts-lead .short-card .media{aspect-ratio:9/15;max-height:none}
 .jgn-shorts-lead .short-card h3{font-size:15px;line-height:1.4}
 .jgn-shorts-lead .section-head{margin-bottom:10px}
 .jgn-shorts-hint{display:block;color:#aab4c4;font-size:12px;margin:5px 0 0}
 .jgn-lead .hero-primary h1{font-size:clamp(22px,5.7vw,28px)}
 .jgn-lead .side-list{margin-top:14px}
 .jgn-headline-row{grid-template-columns:90px minmax(0,1fr)}
 .jgn-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 .jgn-shorts-lead .short-card{flex-basis:72%}
 .jgn-shorts-lead .short-card .media{aspect-ratio:9/14}
 .jgn-header-search input{width:100px}
}
@media(min-width:781px){.jgn-shorts-hint{display:none}}
@media(prefers-reduced-motion:reduce){.jgn-shorts-lead .shorts-grid{scroll-behavior:auto}}

/* 2.5: editorial-first navigation and mixed article/video sections */
@media(min-width:781px){.nav-inner{gap:27px;font-size:17px}}
.jgn-latest .card .meta,.section .card .meta{font-weight:650}
.section .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:780px){.section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.nav-inner{font-size:16px;gap:20px}.section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2.5.1: editorial subnavigation; top-level remains directly clickable */
.nav{position:relative;z-index:50}
.nav-inner{overflow:visible;white-space:normal;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.jgn-nav-item{position:relative;display:flex;align-items:center;flex:0 0 auto}
.jgn-nav-main{font-weight:750;text-decoration:none}
.jgn-nav-toggle{background:transparent;border:0;color:inherit;padding:5px 5px;cursor:pointer;font-size:13px}
.jgn-submenu{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#fff;color:#1b2230;border:1px solid #e1e5eb;box-shadow:0 10px 26px rgba(0,0,0,.13);border-radius:6px;padding:8px 0;z-index:90}
.jgn-submenu a{display:block!important;padding:10px 16px;font-size:14px!important;line-height:1.4;white-space:nowrap;text-decoration:none}
.jgn-submenu a:hover,.jgn-submenu a:focus{background:#f2f5f8}
.jgn-nav-item:hover .jgn-submenu,.jgn-nav-item:focus-within .jgn-submenu,.jgn-nav-item.is-open .jgn-submenu{display:block}
@media(max-width:780px){.nav-inner{gap:9px 17px;padding:12px 0;flex-wrap:wrap;overflow:visible}.jgn-nav-main{font-size:15px}.jgn-nav-toggle{padding:4px}.jgn-submenu{min-width:145px}.jgn-submenu a{font-size:14px!important}}

/* 2.5.2: quiet editorial navigation and compact mobile single-row menu */
.nav-inner .jgn-nav-main,.nav-inner .jgn-nav-main:first-child{color:#171b26!important}
.nav-inner .jgn-nav-main:hover,.nav-inner .jgn-nav-main:focus-visible{color:#384a65!important}
.jgn-nav-toggle{color:#596273!important;line-height:1}
.jgn-nav-item.is-current>.jgn-nav-main{box-shadow:inset 0 -2px #39485f}
.jgn-submenu a{color:#222a37!important}
.jgn-submenu a:hover,.jgn-submenu a:focus-visible{color:#171b26!important}
@media(min-width:781px){
 .nav-inner{flex-wrap:nowrap;gap:22px;font-size:18px;padding:13px 0}
 .jgn-nav-main{font-size:18px}
 .jgn-nav-item{gap:1px}
 .jgn-nav-toggle{padding:4px 3px}
}
@media(max-width:780px){
 .nav{z-index:100}
 .nav-inner{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;gap:18px!important;padding:10px 0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .nav-inner::-webkit-scrollbar{display:none}
 .jgn-nav-item{flex:0 0 auto;gap:1px;white-space:nowrap}
 .jgn-nav-main{font-size:14px!important;font-weight:750;letter-spacing:-.025em}
 .jgn-nav-toggle{font-size:11px;padding:6px 2px;min-width:20px}
 .jgn-submenu{position:fixed;top:var(--jgn-menu-top,180px);left:var(--jgn-menu-left,18px);min-width:164px;max-height:60vh;overflow-y:auto;z-index:1000}
 .mobile-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:10px 8px max(10px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 14px rgba(15,23,42,.06);font-size:13px}
 body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
 .brandbar{row-gap:2px}
 .jgn-nav-main{font-size:14px!important}
 .nav-inner{gap:16px!important}
 .jgn-shorts-lead .short-card{flex-basis:78%}
}

/* 2.5.3: dropdown portaled to body, avoiding iOS horizontal scroller clipping */
@media(max-width:780px){body>.jgn-submenu-portal{display:block!important;position:fixed!important;box-shadow:0 14px 35px rgba(15,23,42,.2);border-radius:10px;background:#fff;overflow-y:auto;max-height:min(55vh,420px);touch-action:pan-y}body>.jgn-submenu-portal a{padding:13px 17px!important;font-size:15px!important}}

/* JGN 2.6: unified NOW stream, video/article format labels */
.jgn-now-lead .section-head{align-items:flex-start}
.jgn-now-subtitle{font-size:12px;color:#b6bfcc;margin:3px 0 0}
.jgn-now-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jgn-now-card{min-width:0;position:relative}
.jgn-now-card>a:first-child{display:block;text-decoration:none;color:#fff}
.jgn-now-card .media{aspect-ratio:4/5;overflow:hidden;border-radius:9px;background:#29313f}
.jgn-now-card .media img{width:100%;height:100%;object-fit:cover}
.jgn-now-card.is-video .media{aspect-ratio:9/13}
.jgn-now-card h3{font-size:14px;line-height:1.42;margin:8px 0 4px;color:#fff}
.jgn-now-card .jgn-format{display:inline-block;margin-top:8px;color:#bfc9d8;font-size:11px;font-weight:700}
.jgn-now-card .jgn-related-link{display:inline-block;color:#dce5f3;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.jgn-now-hint{display:none}
.jgn-article-related{max-width:1100px;margin:36px auto}
@media(max-width:780px){
 .jgn-now-feed{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 2px 10px}
 .jgn-now-card{flex:0 0 min(72%,260px);scroll-snap-align:start;scroll-snap-stop:always}
 .jgn-now-card .media,.jgn-now-card.is-video .media{aspect-ratio:9/13}
 .jgn-now-hint{display:block;font-size:12px;color:#b6bfcc;margin:4px 0 0}
}

/* 2.6.1: video-first NOW story with related article directly below */
.jgn-now-card{background:#252e3d;border:1px solid rgba(255,255,255,.11);border-radius:11px;overflow:hidden;display:flex;flex-direction:column}
.jgn-now-card .jgn-now-media-link{display:block;text-decoration:none;color:#fff}
.jgn-now-card .media,.jgn-now-card.is-video .media{border-radius:0;aspect-ratio:9/12}
.jgn-now-card .jgn-format{display:block;padding:8px 12px 0;margin:0}
.jgn-now-story{padding:10px 12px 15px;flex:1}
.jgn-now-story-label{font-size:11px;color:#bbc8d9;display:block;margin-bottom:5px}
.jgn-now-card .jgn-now-story h3{font-size:15px;line-height:1.45;margin:0 0 8px;color:#fff}
.jgn-now-story h3 a{color:inherit;text-decoration:none}
.jgn-now-summary{font-size:12px;line-height:1.6;color:#cbd5e1;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jgn-now-story .jgn-related-link{font-weight:700;color:#fff;text-underline-offset:3px}
@media(max-width:780px){.jgn-now-card{flex:0 0 min(78%,285px)}.jgn-now-card .media,.jgn-now-card.is-video .media{aspect-ratio:9/11}}

/* 2.6.2: mobile-only JGN logo reduced by 10%; desktop unchanged */
@media (min-width:481px) and (max-width:780px){.jgn-brand-identity .logo img{width:139.5px;max-width:100%;height:auto}}
@media (max-width:480px){.jgn-brand-identity .logo img{width:112.5px;max-width:100%;height:auto}}

/* 2.6.3 mobile: left-align slogan with logo, keep search to the right */
@media(max-width:780px){
 .jgn-header-message.jgn-brand-slogans{justify-self:start!important;align-items:flex-start!important;text-align:left!important;margin-left:0!important;}
 .jgn-header-message .jgn-slogan-en,.jgn-header-message .jgn-slogan-ko{display:block;text-align:left!important;}
}