/*
 * K문화체육신문방송 홈 시안 A — Bright Editorial
 * 기능 ID/DOM 이벤트는 유지하고 홈 화면의 시각 체계만 재설계한다.
 */
.home-redesign-a {
  --page:#f5f7fb;
  --paper:#ffffff;
  --ink:#101828;
  --muted:#667085;
  --line:#e4e9f1;
  --brand:#1671e8;
  --brand2:#0a4fa9;
  --accent:#ff8a4c;
  --headline:#101828;
  --shell-max-width:1720px;
  --rail-width:210px;
  --shell-gap:18px;
  background:
    radial-gradient(circle at 8% 4%, rgba(22,113,232,.06), transparent 23rem),
    linear-gradient(180deg,#ffffff 0,#f6f8fc 26rem,#f5f7fb 100%);
  color:var(--ink);
}
.home-redesign-a a:focus-visible,
.home-redesign-a button:focus-visible,
.home-redesign-a input:focus-visible,
.home-redesign-a select:focus-visible,
.home-redesign-a textarea:focus-visible {
  outline:3px solid rgba(22,113,232,.28);
  outline-offset:2px;
}

/* ===== 상단 유틸리티 ===== */
.home-redesign-a .home-header { position:relative; z-index:100; background:#fff; box-shadow:0 1px 0 rgba(16,24,40,.05); }
.home-redesign-a .top-util { border:0; background:#fff; }
.home-redesign-a .utility-strip { border-bottom:1px solid #edf0f5; background:#fff; }
.home-redesign-a .utility-strip-inner {
  max-width:var(--shell-max-width); margin:0 auto; min-height:44px; padding:6px 18px;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}
.home-redesign-a .util-left {
  padding:0; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:14px;
  font-size:12px; color:#344054; min-width:0;
}
.home-redesign-a .util-date-row { font-size:12px; font-weight:700; white-space:nowrap; }
.home-redesign-a .util-weather-row { display:flex; flex-wrap:nowrap; gap:8px; }
.home-redesign-a .util-inline { color:#475467; font-size:12px; }
.home-redesign-a .weather-chip {
  min-height:28px; padding:0 10px; border:0; background:#f2f7ff; color:#175dab;
  box-shadow:none; font-size:11px;
}
.home-redesign-a .weather-provider { color:#98a2b3; font-size:9px; }
.home-redesign-a .util-right-stack {
  padding:0; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; gap:14px; min-width:0;
}
.home-redesign-a .util-right, .home-redesign-a .util-auth { flex-wrap:nowrap; gap:7px; }
.home-redesign-a .sns-dot {
  width:22px; height:22px; box-shadow:none; transition:transform .18s ease, box-shadow .18s ease;
}
.home-redesign-a .util-right a:hover .sns-dot { transform:translateY(-2px); box-shadow:0 5px 12px rgba(16,24,40,.16); }
.home-redesign-a .mini-btn {
  border:1px solid #d9e0ea; border-radius:8px; background:#fff; color:#344054;
  padding:7px 11px; font-size:11px; font-weight:800; transition:.18s ease;
}
.home-redesign-a .mini-btn:hover { border-color:#9fc5f5; background:#f4f8ff; color:#0a4fa9; }

/* ===== 브랜드 + 바로가기 ===== */
.home-redesign-a .brand-row { background:#fff; }
.home-redesign-a .brand-row-inner {
  max-width:var(--shell-max-width); margin:0 auto; padding:16px 18px 15px;
  display:grid; grid-template-columns:minmax(280px,350px) minmax(540px,1fr) minmax(210px,260px);
  gap:20px; align-items:center;
}
.home-redesign-a .brand-lockup {
  display:flex; align-items:center; gap:12px; min-width:0; color:#101828;
}
.home-redesign-a .brand-k {
  position:relative; width:55px; height:58px; flex:0 0 55px;
  display:flex; align-items:center; justify-content:center;
  color:#1683f4; font-size:54px; line-height:1; font-weight:900; font-style:italic;
  letter-spacing:-.16em; text-shadow:6px 0 0 rgba(10,79,169,.15);
}
.home-redesign-a .brand-k::after {
  content:""; position:absolute; left:9px; bottom:2px; width:34px; height:4px;
  border-radius:999px; background:linear-gradient(90deg,#1683f4,#0a4fa9);
}
.home-redesign-a .brand-copy { min-width:0; }
.home-redesign-a .brand-title {
  margin:0; font-size:25px; line-height:1.2; letter-spacing:-.055em; font-weight:900; white-space:nowrap;
}
.home-redesign-a .brand-subtitle {
  margin:4px 0 0; font-size:9px; line-height:1.25; letter-spacing:.055em; color:#667085; font-weight:700;
}
.home-redesign-a .top-blog-promo {
  grid-area:auto; order:0; justify-self:stretch; align-self:center;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; min-width:0;
}
.home-redesign-a .top-blog-promo a {
  min-height:60px; display:flex; align-items:center; border:1px solid #e0e8f3; border-radius:12px;
  clip-path:none; -webkit-mask-image:none; overflow:hidden; background:#fff;
  box-shadow:0 7px 18px rgba(16,24,40,.06); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-redesign-a .top-blog-promo a:nth-child(1) { background:linear-gradient(135deg,#f4f9ff,#e6f2ff); border-color:#c9e1ff; }
.home-redesign-a .top-blog-promo a:nth-child(2) { background:linear-gradient(135deg,#fff8f4,#fff0e7); border-color:#ffd7c3; }
.home-redesign-a .top-blog-promo a:nth-child(3) { background:linear-gradient(135deg,#f6fbf3,#eaf6e5); border-color:#d2e9c9; }
.home-redesign-a .top-blog-promo a:hover { transform:translateY(-3px); border-color:#a6c9f5; box-shadow:0 12px 24px rgba(16,24,40,.10); filter:none; }
.home-redesign-a .top-blog-promo img { width:100%; height:auto; max-height:58px; object-fit:contain; border-radius:0; }
.home-redesign-a .brand-search { justify-self:end; width:100%; }
.home-redesign-a .nav-search {
  width:100%; height:46px; border:1px solid #d8e0eb; border-radius:13px; background:#f8fafc;
  padding:0 7px 0 14px; box-shadow:inset 0 1px 2px rgba(16,24,40,.02);
}
.home-redesign-a .nav-search-input { font-size:13px; }
.home-redesign-a .nav-search-btn {
  width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,#1683f4,#0a4fa9);
  box-shadow:0 6px 12px rgba(22,113,232,.22);
}

/* ===== 내비게이션 ===== */
.home-redesign-a .nav-bar {
  position:sticky; top:0; z-index:120; border-top:1px solid #edf0f5; border-bottom:1px solid #dce4ef;
  background:rgba(255,255,255,.96); backdrop-filter:blur(16px);
}
.home-redesign-a .nav-inner { max-width:var(--shell-max-width); padding:0 18px; justify-content:flex-start; gap:18px; }
.home-redesign-a .nav-home-button {
  flex:0 0 48px; width:48px; height:44px; margin:7px 0; border-radius:10px;
  display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1683f4,#0a4fa9); color:#fff;
  box-shadow:0 8px 16px rgba(22,113,232,.18);
}
.home-redesign-a .nav-cats {
  flex:1 1 auto; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; gap:0; padding:0;
  font-size:14px; font-weight:800; white-space:nowrap;
}
.home-redesign-a .nav-cats::-webkit-scrollbar { display:none; }
.home-redesign-a .nav-cats a { position:relative; padding:20px 14px 18px; color:#283548; transition:color .18s ease, background .18s ease; }
.home-redesign-a .nav-cats a:hover { color:#0a4fa9; background:#f5f9ff; }
.home-redesign-a .nav-cats a.active { color:#0a4fa9; }
.home-redesign-a .nav-cats a.active::after { left:14px; right:14px; bottom:0; height:3px; border-radius:999px 999px 0 0; background:#1683f4; }
.home-redesign-a .subregion {
  padding:9px 18px; border-bottom:1px solid #e7ebf2; background:#f8fafc; color:#475467; font-size:13px;
}
.home-redesign-a .subregion a { display:inline-flex; padding:4px 10px; border-radius:999px; }
.home-redesign-a .subregion a:hover, .home-redesign-a .subregion a.active { background:#eaf3ff; color:#0a4fa9; text-decoration:none; }

/* ===== 속보 ===== */
.home-redesign-a .site-title-bar { max-width:var(--shell-max-width); padding:9px 18px 0; }
.home-redesign-a .breaking-bar { gap:10px; min-height:40px; }
.home-redesign-a .breaking-label {
  min-width:72px; height:32px; padding:0 13px; border-radius:8px; background:#ef233c;
  font-size:13px; box-shadow:0 6px 14px rgba(239,35,60,.18);
}
.home-redesign-a .breaking-track { height:32px; border:1px solid #ffd4da; border-radius:8px; background:#fff8f9; }
.home-redesign-a .breaking-item { height:32px; font-size:13px; color:#9f1239; }
.home-redesign-a .breaking-empty { font-size:12px; }

/* 기존 대형 마스트헤드는 새 브랜드 헤더로 대체 */
.home-redesign-a .masthead { display:none; }

/* ===== 핵심 바로가기 / 상단 광고 ===== */
.home-redesign-a .mast-support-row {
  --mast-support-height:86px; max-width:var(--shell-max-width); margin:12px auto 0; padding:0 18px;
  grid-template-columns:minmax(230px,1fr) minmax(320px,1.35fr) minmax(230px,1fr); gap:12px;
}
.home-redesign-a .mast-support-card,
.home-redesign-a .top-fixed-ad-slot {
  height:86px; min-height:86px; border:1px solid #e2e8f1; border-radius:14px; background:#fff;
  box-shadow:0 8px 20px rgba(16,24,40,.06); overflow:visible;
}
.home-redesign-a .mast-support-card { padding:10px 12px; }
.home-redesign-a .mast-support-card:hover { transform:translateY(-2px); box-shadow:0 13px 26px rgba(16,24,40,.10); }
.home-redesign-a .mast-support-card.is-kcsb-fill { background:linear-gradient(135deg,#f4f9ff,#eef5ff); }
.home-redesign-a .mast-support-card.is-kcsb-fill img { max-height:66px; object-fit:contain; }
.home-redesign-a .mast-support-card.is-left-brand { background:linear-gradient(135deg,#fff,#f8fbff); }
.home-redesign-a .mast-left-brand-logo { height:42px; }
.home-redesign-a .mast-left-brand-text { font-size:14px; color:#20324a; }
.home-redesign-a .mast-support-card-shortcut {
  border-radius:999px; background:#fff; color:#0a4fa9; border:1px solid #d9e8fb; box-shadow:none;
}
.home-redesign-a .top-fixed-ad-slot .public-ad-card { border-radius:14px; border-color:#e2e8f1; box-shadow:none; overflow:hidden; }
.home-redesign-a .top-fixed-ad-visual { border-radius:14px; }

/* ===== 본문 셸 ===== */
.home-redesign-a .main-shell { max-width:var(--shell-max-width); margin:20px auto 48px; padding:0 18px; }
.home-redesign-a .page-grid { grid-template-columns:var(--rail-width) minmax(0,1fr) var(--rail-width); gap:18px; }
.home-redesign-a .rail-col { gap:12px; }
.home-redesign-a .side-fixed-ad-wrap { position:sticky; top:82px; gap:12px; }
.home-redesign-a .public-ad-card,
.home-redesign-a .side-fixed-ad-link,
.home-redesign-a .side-fixed-ad-box {
  border-color:#e2e8f1; border-radius:14px; box-shadow:0 9px 22px rgba(16,24,40,.07);
}
.home-redesign-a .side-fixed-ad-caption { color:#344054; }

/* ===== 히어로 뉴스 ===== */
.home-redesign-a .hero-shell {
  display:grid; grid-template-columns:minmax(0,1.72fr) minmax(260px,.78fr); gap:14px; margin-bottom:16px; align-items:stretch;
}
.home-redesign-a .hero-main {
  min-height:470px; border:0; border-radius:16px; overflow:hidden; background:#101828;
  box-shadow:0 14px 34px rgba(16,24,40,.13);
}
.home-redesign-a .hero-carousel, .home-redesign-a .hero-carousel-track, .home-redesign-a .hero-slide { height:100%; }
.home-redesign-a .hero-slide { position:relative; min-height:470px; background:#101828; }
.home-redesign-a .hero-slide-image { position:absolute; inset:0; aspect-ratio:auto; background:#dbe2eb; }
.home-redesign-a .hero-slide-image::after {
  content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,17,35,.02) 30%,rgba(8,17,35,.88) 100%);
}
.home-redesign-a .hero-slide-image img { width:100%; height:100%; object-fit:cover; transition:transform 7s ease; }
.home-redesign-a .hero-slide:hover .hero-slide-image img { transform:scale(1.035); }
.home-redesign-a .hero-slide-copy {
  position:absolute; z-index:2; left:0; right:0; bottom:0; padding:38px 38px 34px;
  border:0; background:linear-gradient(180deg,transparent,rgba(8,17,35,.14)); color:#fff;
}
.home-redesign-a .hero-kicker {
  margin-bottom:12px; padding:6px 10px; border-radius:7px; background:#1683f4; color:#fff; font-size:11px;
}
.home-redesign-a .hero-title { max-width:90%; margin:0 0 12px; color:#fff; font-size:34px; line-height:1.22; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.home-redesign-a .hero-meta { color:rgba(255,255,255,.74); }
.home-redesign-a .hero-slide-excerpt { max-width:80%; color:rgba(255,255,255,.86); font-size:14px; }
.home-redesign-a .hero-side {
  padding:0; display:flex; flex-direction:column; gap:0; border:1px solid #e2e8f1; border-radius:16px;
  background:#fff; overflow:hidden; box-shadow:0 10px 28px rgba(16,24,40,.07);
}
.home-redesign-a .hero-side-head {
  min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 16px;
  border-bottom:1px solid #edf0f5; color:#101828; font-size:15px; font-weight:900;
}
.home-redesign-a .hero-side-head small { color:#98a2b3; font-size:10px; }
.home-redesign-a .hero-side-list { display:grid; flex:1 1 auto; }
.home-redesign-a .hero-side-story {
  width:100%; min-height:80px; padding:10px 12px; border:0; border-bottom:1px solid #edf0f5;
  display:grid; grid-template-columns:88px minmax(0,1fr); gap:11px; align-items:center; text-align:left;
  background:#fff; color:#101828; cursor:pointer; transition:background .18s ease;
}
.home-redesign-a .hero-side-story:last-child { border-bottom:0; }
.home-redesign-a .hero-side-story:hover { background:#f7faff; }
.home-redesign-a .hero-side-story.active { background:#edf5ff; box-shadow:inset 3px 0 0 #1683f4; }
.home-redesign-a .hero-side-thumb { width:88px; height:58px; border-radius:8px; overflow:hidden; background:#eef2f6; }
.home-redesign-a .hero-side-thumb img { width:100%; height:100%; object-fit:cover; }
.home-redesign-a .hero-side-category { color:#1671e8; font-size:10px; font-weight:900; }
.home-redesign-a .hero-side-title { margin-top:3px; font-size:13px; line-height:1.35; font-weight:900; letter-spacing:-.025em; }
.home-redesign-a .hero-side-date { margin-top:4px; color:#98a2b3; font-size:9px; }

/* ===== 기사 모듈 ===== */
.home-redesign-a .content-grid { grid-template-columns:minmax(0,1fr) minmax(330px,.93fr); gap:16px; }
.home-redesign-a .content-col, .home-redesign-a .category-stack { gap:16px; }
.home-redesign-a .news-list-block,
.home-redesign-a .feature-block,
.home-redesign-a .cat-panel,
.home-redesign-a .search-results-block {
  border:1px solid #e3e8f0; border-radius:16px; background:#fff; overflow:hidden;
  box-shadow:0 8px 22px rgba(16,24,40,.055);
}
.home-redesign-a .section-head,
.home-redesign-a .cat-panel-head {
  min-height:54px; padding:0 17px; border-top:0; border-bottom:1px solid #edf0f5;
  color:#101828; font-size:17px; font-weight:900; background:#fff;
}
.home-redesign-a .section-head::before,
.home-redesign-a .cat-panel-head::before {
  content:""; width:4px; height:20px; margin-right:9px; border-radius:999px; background:#1683f4;
}
.home-redesign-a .section-head { justify-content:flex-start; }
.home-redesign-a .cat-panel-head { justify-content:flex-start; }
.home-redesign-a .cat-panel-head small { margin-left:auto; color:#98a2b3; }
.home-redesign-a .story-row {
  grid-template-columns:132px minmax(0,1fr); gap:14px; padding:14px 16px; border-bottom:1px solid #edf0f5;
  transition:background .16s ease;
}
.home-redesign-a .story-row:hover { background:#f8fbff; }
.home-redesign-a .story-thumb { width:132px; height:88px; border-radius:10px; }
.home-redesign-a .story-title { margin:0 0 5px; font-size:17px; line-height:1.35; color:#101828; }
.home-redesign-a .story-excerpt { color:#667085; font-size:12px; }
.home-redesign-a .story-meta { color:#98a2b3; }
.home-redesign-a .feature-media { background:#f8fafc; }
.home-redesign-a .feature-promo { padding:16px; }
.home-redesign-a .feature-promo img { border-radius:12px; aspect-ratio:16/10; }
.home-redesign-a .feature-promo h4 { font-size:18px; }
.home-redesign-a .cat-item { grid-template-columns:92px minmax(0,1fr); gap:11px; padding:11px 14px; }
.home-redesign-a .cat-item:hover { background:#f8fbff; }
.home-redesign-a .cat-thumb { width:92px; height:64px; border-radius:9px; }
.home-redesign-a .cat-title { font-size:13px; color:#1d2939; }

/* ===== 데스크/모달 ===== */
.home-redesign-a .dashboard,
.home-redesign-a .desk-panel,
.home-redesign-a .pending-panel,
.home-redesign-a .ad-manager-shell,
.home-redesign-a .article-modal-card,
.home-redesign-a .auth-card {
  border-color:#dfe5ee; border-radius:16px; box-shadow:0 12px 28px rgba(16,24,40,.07);
}
.home-redesign-a .btn { border-radius:9px; border-color:#1671e8; background:#1671e8; }
.home-redesign-a .btn.secondary { background:#fff; color:#0a4fa9; }

/* ===== 푸터 ===== */
.home-redesign-a .site-footer {
  margin-top:50px; border-top:1px solid #dfe5ee; background:#fff; color:#344054;
  box-shadow:0 -10px 30px rgba(16,24,40,.035);
}
.home-redesign-a .footer-inner { padding:28px 18px 38px; }
.home-redesign-a .footer-menu { color:#344054; }
.home-redesign-a .footer-info { border-top-color:#edf0f5; }
.home-redesign-a .footer-meta-line,
.home-redesign-a .footer-notice { color:#667085; }
.home-redesign-a .footer-copy { color:#98a2b3; }

/* ===== 광고 확대 동작 유지 + 둥근 카드 ===== */
.home-redesign-a .public-ad-hover-shell:hover,
.home-redesign-a .public-ad-hover-shell:focus-visible { z-index:1000; }
.home-redesign-a .public-ad-card img { border-radius:inherit; }

@media (max-width:1450px) {
  .home-redesign-a { --rail-width:185px; --shell-gap:14px; }
  .home-redesign-a .brand-row-inner { grid-template-columns:minmax(250px,310px) minmax(470px,1fr) minmax(190px,230px); gap:14px; }
  .home-redesign-a .brand-title { font-size:22px; }
  .home-redesign-a .top-blog-promo { gap:7px; }
  .home-redesign-a .hero-main, .home-redesign-a .hero-slide { min-height:430px; }
}

@media (max-width:1180px) {
  .home-redesign-a .brand-row-inner { grid-template-columns:minmax(260px,320px) minmax(0,1fr); }
  .home-redesign-a .brand-search { grid-column:1 / -1; width:min(560px,100%); justify-self:center; }
  .home-redesign-a .mast-support-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .home-redesign-a .page-grid { grid-template-columns:1fr; }
  .home-redesign-a .rail-col { display:none; }
  .home-redesign-a .mobile-footer-ads { display:block; }
  .home-redesign-a .hero-main, .home-redesign-a .hero-slide { min-height:420px; }
}

@media (max-width:900px) {
  .home-redesign-a .utility-strip-inner { align-items:flex-start; }
  .home-redesign-a .util-left { flex-direction:column; align-items:flex-start; gap:6px; }
  .home-redesign-a .util-right-stack { flex-direction:column; align-items:flex-end; gap:6px; }
  .home-redesign-a .brand-row-inner { grid-template-columns:1fr; }
  .home-redesign-a .brand-lockup { justify-content:center; }
  .home-redesign-a .brand-lockup { order:1; }
  .home-redesign-a .brand-search { order:2; }
  .home-redesign-a .top-blog-promo { grid-area:auto; order:3; }
  .home-redesign-a .brand-search { grid-column:auto; }
  .home-redesign-a .hero-shell { grid-template-columns:1fr; }
  .home-redesign-a .hero-side { max-height:none; }
  .home-redesign-a .hero-side-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-redesign-a .hero-side-story:nth-child(odd) { border-right:1px solid #edf0f5; }
  .home-redesign-a .content-grid { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  .home-redesign-a .utility-strip-inner { min-height:auto; padding:8px 12px; flex-direction:column; align-items:stretch; gap:8px; }
  .home-redesign-a .util-left { align-items:center; }
  .home-redesign-a .util-weather-row { flex-wrap:wrap; justify-content:center; }
  .home-redesign-a .util-right-stack { align-items:center; }
  .home-redesign-a .brand-row-inner { padding:13px 12px; gap:12px; }
  .home-redesign-a .brand-k { width:45px; height:48px; flex-basis:45px; font-size:44px; }
  .home-redesign-a .brand-title { font-size:20px; }
  .home-redesign-a .brand-subtitle { font-size:8px; }
  .home-redesign-a .top-blog-promo { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home-redesign-a .top-blog-promo .promo-culture { grid-column:1 / -1; grid-row:1; width:100%; }
  .home-redesign-a .top-blog-promo a:nth-child(1) { grid-column:1; grid-row:2; }
  .home-redesign-a .top-blog-promo a:nth-child(3) { grid-column:2; grid-row:2; }
  .home-redesign-a .top-blog-promo a { min-height:54px; }
  .home-redesign-a .nav-inner { padding:0 12px; gap:8px; }
  .home-redesign-a .nav-home-button { width:42px; flex-basis:42px; height:40px; margin:6px 0; }
  .home-redesign-a .nav-cats a { padding:17px 10px 15px; font-size:13px; }
  .home-redesign-a .site-title-bar { padding:8px 12px 0; }
  .home-redesign-a .mast-support-row { padding:0 12px !important; grid-template-columns:1fr !important; gap:9px !important; }
  .home-redesign-a .mast-support-card,
  .home-redesign-a .top-fixed-ad-slot { max-width:100% !important; width:100% !important; height:82px !important; min-height:82px !important; }
  .home-redesign-a .main-shell { padding:0 12px; margin-top:14px; }
  .home-redesign-a .hero-main, .home-redesign-a .hero-slide { min-height:390px; }
  .home-redesign-a .hero-slide-copy { padding:26px 20px 24px; }
  .home-redesign-a .hero-title { max-width:100%; font-size:25px; }
  .home-redesign-a .hero-slide-excerpt { display:none; }
  .home-redesign-a .hero-side-list { grid-template-columns:1fr; }
  .home-redesign-a .hero-side-story:nth-child(odd) { border-right:0; }
  .home-redesign-a .story-row { grid-template-columns:108px minmax(0,1fr); }
  .home-redesign-a .story-thumb { width:108px; height:76px; }
  .home-redesign-a .story-excerpt { display:none; }
  .home-redesign-a .cat-item { grid-template-columns:92px minmax(0,1fr); }
}

@media (max-width:470px) {
  .home-redesign-a .brand-title { font-size:18px; }
  .home-redesign-a .brand-subtitle { display:none; }
  .home-redesign-a .hero-main, .home-redesign-a .hero-slide { min-height:340px; }
  .home-redesign-a .hero-title { font-size:22px; }
  .home-redesign-a .story-row { grid-template-columns:1fr; }
  .home-redesign-a .story-thumb { width:100%; height:180px; }
}

/* =====================================================================
   2026-08-04 FINAL POLISH — 선택 시안 A / Bright Editorial
   기존 기능 ID와 광고·기사 렌더링 구조는 유지하고 시각 구성만 정돈한다.
   ===================================================================== */
.home-redesign-a {
  --page:#f3f6fb;
  --paper:#ffffff;
  --ink:#101828;
  --muted:#667085;
  --line:#e2e8f0;
  --brand:#1677e8;
  --brand2:#0b4da2;
  --accent:#ff7a45;
  --shell-max-width:1760px;
  --rail-width:190px;
  --shell-gap:16px;
  overflow-x:hidden;
  background:linear-gradient(180deg,#fff 0,#f8faff 310px,#f3f6fb 100%);
}
.home-redesign-a .skip-link {
  position:fixed; left:14px; top:-80px; z-index:99999; padding:10px 14px;
  border-radius:8px; background:#0b4da2; color:#fff; font-weight:900;
  transition:top .15s ease;
}
.home-redesign-a .skip-link:focus { top:14px; }
.home-redesign-a #main-content:focus { outline:none; }

/* Header */
.home-redesign-a .home-header { border-bottom:0; box-shadow:0 1px 0 rgba(15,23,42,.05); }
.home-redesign-a .utility-strip-inner {
  min-height:38px; padding:4px 22px; gap:20px;
}
.home-redesign-a .util-left { flex-direction:row; gap:12px; font-size:11px; }
.home-redesign-a .util-date-row { color:#344054; font-size:11px; }
.home-redesign-a .util-weather-row { gap:7px; }
.home-redesign-a .util-inline { font-size:11px; }
.home-redesign-a .weather-chip { min-height:25px; padding:0 9px; font-size:10px; }
.home-redesign-a .weather-provider { font-size:8px; }
.home-redesign-a .util-right-stack { flex-direction:row; gap:13px; }
.home-redesign-a .sns-dot { width:20px; height:20px; }
.home-redesign-a .mini-btn { padding:6px 10px; border-radius:7px; font-size:10px; }

.home-redesign-a .brand-row-inner {
  min-height:96px; padding:14px 22px;
  grid-template-columns:minmax(300px,350px) minmax(560px,1fr) minmax(200px,240px);
  gap:20px;
}
.home-redesign-a .brand-lockup { gap:12px; }
.home-redesign-a .brand-k {
  width:58px; height:62px; flex-basis:58px; font-size:58px; letter-spacing:-.18em;
  color:#1686f7; text-shadow:6px 0 0 rgba(11,77,162,.14);
}
.home-redesign-a .brand-title { font-size:26px; letter-spacing:-.055em; }
.home-redesign-a .brand-subtitle { font-size:8.5px; letter-spacing:.08em; }
.home-redesign-a .top-blog-promo { gap:9px; }
.home-redesign-a .top-blog-promo a {
  min-height:62px; height:62px; border-radius:12px; padding:0;
  box-shadow:0 6px 16px rgba(15,23,42,.055);
}
.home-redesign-a .top-blog-promo img {
  width:100%; height:100%; max-height:none; object-fit:contain; object-position:center;
}
.home-redesign-a .nav-search { height:44px; border-radius:12px; }
.home-redesign-a .nav-search-btn { width:32px; height:32px; border-radius:9px; }

/* Navigation and ticker */
.home-redesign-a .nav-bar { box-shadow:0 5px 16px rgba(15,23,42,.035); }
.home-redesign-a .nav-inner { min-height:56px; padding:0 22px; gap:14px; }
.home-redesign-a .nav-home-button {
  width:44px; height:40px; flex-basis:44px; margin:7px 0; border-radius:10px;
}
.home-redesign-a .nav-cats a { padding:18px 13px 16px; font-size:13px; }
.home-redesign-a .site-title-bar { padding:10px 22px 0; }
.home-redesign-a .breaking-bar { gap:9px; min-height:38px; }
.home-redesign-a .breaking-label { min-width:66px; height:30px; font-size:12px; }
.home-redesign-a .breaking-track { height:30px; }
.home-redesign-a .breaking-item { height:30px; font-size:12px; }
.home-redesign-a .subregion { padding:8px 22px; font-size:12px; }

/* Three legacy quick/advertising blocks, retained as compact editorial shortcuts */
.home-redesign-a .mast-support-row {
  --mast-support-height:78px;
  margin-top:12px; padding:0 22px;
  grid-template-columns:minmax(220px,1fr) minmax(330px,1.35fr) minmax(220px,1fr);
  gap:12px;
}
.home-redesign-a .mast-support-card,
.home-redesign-a .top-fixed-ad-slot {
  height:78px; min-height:78px; border-radius:13px;
  box-shadow:0 7px 20px rgba(15,23,42,.055);
}
.home-redesign-a .mast-support-card.is-kcsb-fill img { max-height:76px; object-fit:cover; }
.home-redesign-a .mast-left-brand-logo { height:40px; }
.home-redesign-a .mast-left-brand-text { font-size:13px; letter-spacing:-.06em; }
.home-redesign-a .mast-support-card-shortcut { padding:5px 9px; font-size:10px; }

/* Main layout */
.home-redesign-a .main-shell { margin-top:18px; padding:0 22px; }
.home-redesign-a .page-grid { gap:16px; }
.home-redesign-a .rail-col { min-width:0; }
.home-redesign-a .side-fixed-ad-wrap { top:74px; gap:11px; }
.home-redesign-a .public-ad-card,
.home-redesign-a .side-fixed-ad-link,
.home-redesign-a .side-fixed-ad-box { border-radius:13px; }
.home-redesign-a .side-fixed-ad-caption { font-size:10px; }

/* Lead story area */
.home-redesign-a .hero-shell {
  grid-template-columns:minmax(0,1.78fr) minmax(270px,.72fr);
  gap:14px; margin-bottom:16px;
}
.home-redesign-a .hero-main,
.home-redesign-a .hero-slide { min-height:460px; }
.home-redesign-a .hero-main { border-radius:17px; }
.home-redesign-a .hero-carousel { position:relative; height:100%; }
.home-redesign-a .hero-slide-copy { padding:40px 38px 36px; }
.home-redesign-a .hero-title { max-width:92%; font-size:34px; letter-spacing:-.045em; }
.home-redesign-a .hero-slide-excerpt { max-width:82%; }
.home-redesign-a .hero-carousel-controls {
  position:absolute; z-index:5; right:20px; bottom:20px;
  min-height:38px; padding:5px 7px; display:flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.20); border-radius:999px;
  background:rgba(5,18,38,.62); color:#fff; backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.home-redesign-a .hero-control-button {
  width:28px; height:28px; border:0; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); color:#fff; cursor:pointer;
}
.home-redesign-a .hero-control-button:hover { background:#1677e8; }
.home-redesign-a .hero-carousel-dots { display:flex; align-items:center; gap:5px; }
.home-redesign-a .hero-dot {
  width:7px; height:7px; padding:0; border:0; border-radius:999px; background:rgba(255,255,255,.42); cursor:pointer;
  transition:width .18s ease, background .18s ease;
}
.home-redesign-a .hero-dot.active { width:21px; background:#4ea1ff; }
.home-redesign-a .hero-carousel-count { display:flex; align-items:center; gap:3px; min-width:35px; font-size:9px; color:rgba(255,255,255,.72); }
.home-redesign-a .hero-carousel-count strong { color:#fff; font-size:11px; }
.home-redesign-a .hero-side { border-radius:17px; }
.home-redesign-a .hero-side-head { min-height:50px; padding:0 15px; }
.home-redesign-a .hero-side-list { grid-template-rows:repeat(5,minmax(0,1fr)); }
.home-redesign-a .hero-side-story { min-height:78px; grid-template-columns:84px minmax(0,1fr); padding:9px 11px; }
.home-redesign-a .hero-side-thumb { width:84px; height:56px; }
.home-redesign-a .hero-side-title { font-size:12.5px; }

/* Article blocks */
.home-redesign-a .content-grid { gap:16px; }
.home-redesign-a .news-list-block,
.home-redesign-a .feature-block,
.home-redesign-a .cat-panel,
.home-redesign-a .search-results-block { border-radius:16px; }
.home-redesign-a .section-head,
.home-redesign-a .cat-panel-head { min-height:52px; font-size:16px; }
.home-redesign-a .feature-section-head { display:flex; }
.home-redesign-a .feature-block { display:block; }
.home-redesign-a .feature-media { padding:14px 14px 0; }
.home-redesign-a .main-home-ad-shell,
.home-redesign-a .main-home-ad-stage { border-radius:12px; overflow:visible; }
.home-redesign-a .main-fixed-ad-visual { border-radius:12px; }
.home-redesign-a .feature-promo { padding:14px 16px 17px; }
.home-redesign-a .feature-promo img { aspect-ratio:16/9; }
.home-redesign-a .story-row { padding:13px 15px; }
.home-redesign-a .story-title { font-size:16px; }
.home-redesign-a .story-meta,
.home-redesign-a .cat-meta { font-size:9.5px; }
.home-redesign-a .cat-panel-head small { font-size:9px; }

/* Footer */
.home-redesign-a .footer-inner { max-width:var(--shell-max-width); margin:0 auto; padding:26px 22px 36px; }
.home-redesign-a .footer-menu { display:flex; gap:18px; flex-wrap:wrap; }

@media (max-width:1500px) {
  .home-redesign-a { --rail-width:170px; }
  .home-redesign-a .brand-row-inner { grid-template-columns:minmax(265px,310px) minmax(510px,1fr) minmax(185px,220px); gap:14px; }
  .home-redesign-a .brand-title { font-size:23px; }
  .home-redesign-a .top-blog-promo a { height:57px; min-height:57px; }
  .home-redesign-a .hero-main,
  .home-redesign-a .hero-slide { min-height:430px; }
}

@media (max-width:1180px) {
  .home-redesign-a .brand-row-inner { grid-template-columns:minmax(260px,310px) minmax(0,1fr); }
  .home-redesign-a .brand-search { grid-column:1 / -1; width:min(620px,100%); }
  .home-redesign-a .page-grid { grid-template-columns:1fr; }
  .home-redesign-a .rail-col { display:none; }
  .home-redesign-a .mobile-footer-ads { display:block; }
}

@media (max-width:900px) {
  .home-redesign-a .utility-strip-inner { padding-inline:14px; }
  .home-redesign-a .brand-row-inner { grid-template-columns:1fr; padding-inline:14px; }
  .home-redesign-a .brand-lockup { justify-content:center; }
  .home-redesign-a .top-blog-promo { order:3; }
  .home-redesign-a .brand-search { order:2; }
  .home-redesign-a .mast-support-row { padding-inline:14px; }
  .home-redesign-a .main-shell { padding-inline:14px; }
  .home-redesign-a .hero-shell { grid-template-columns:1fr; }
  .home-redesign-a .hero-side-list { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }
  .home-redesign-a .hero-side-story:nth-child(odd) { border-right:1px solid #edf0f5; }
  .home-redesign-a .content-grid { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  .home-redesign-a .utility-strip-inner {
    min-height:auto; padding:7px 12px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px;
  }
  .home-redesign-a .util-left { align-items:flex-start; gap:4px; }
  .home-redesign-a .util-date-row { font-size:10px; }
  .home-redesign-a .util-inline, .home-redesign-a .weather-provider { display:none; }
  .home-redesign-a .weather-chip { min-height:22px; padding:0 7px; font-size:9px; }
  .home-redesign-a .util-right-stack { align-items:flex-end; gap:5px; flex-direction:column; }
  .home-redesign-a .util-socials { gap:5px; }
  .home-redesign-a .sns-dot { width:19px; height:19px; }
  .home-redesign-a .mini-btn { padding:5px 8px; font-size:9px; }

  .home-redesign-a .brand-row-inner { min-height:auto; padding:11px 12px 12px; gap:10px; }
  .home-redesign-a .brand-k { width:42px; height:46px; flex-basis:42px; font-size:43px; }
  .home-redesign-a .brand-title { font-size:19px; }
  .home-redesign-a .brand-subtitle { font-size:7px; }
  .home-redesign-a .brand-search { width:100%; }
  .home-redesign-a .nav-search { height:40px; }
  .home-redesign-a .top-blog-promo {
    display:flex; grid-template-columns:none; overflow-x:auto; gap:8px; padding:1px 1px 5px;
    scroll-snap-type:x mandatory; scrollbar-width:none;
  }
  .home-redesign-a .top-blog-promo::-webkit-scrollbar { display:none; }
  .home-redesign-a .top-blog-promo .promo-culture,
  .home-redesign-a .top-blog-promo a:nth-child(1),
  .home-redesign-a .top-blog-promo a:nth-child(3) {
    grid-column:auto; grid-row:auto; flex:0 0 76%; width:76%; min-height:50px; height:50px; scroll-snap-align:center;
  }

  .home-redesign-a .nav-inner { min-height:50px; padding:0 12px; }
  .home-redesign-a .nav-home-button { width:39px; height:37px; flex-basis:39px; }
  .home-redesign-a .nav-cats a { padding:16px 9px 14px; font-size:12px; }
  .home-redesign-a .site-title-bar { padding:7px 12px 0; }
  .home-redesign-a .breaking-label { min-width:58px; }
  .home-redesign-a .subregion { padding-inline:12px; overflow-x:auto; white-space:nowrap; text-align:left; }

  .home-redesign-a .mast-support-row {
    display:flex !important; overflow-x:auto; grid-template-columns:none !important; padding:0 12px 5px !important;
    gap:9px !important; scroll-snap-type:x mandatory; scrollbar-width:none;
  }
  .home-redesign-a .mast-support-row::-webkit-scrollbar { display:none; }
  .home-redesign-a .mast-support-card,
  .home-redesign-a .top-fixed-ad-slot {
    flex:0 0 82%; width:82% !important; max-width:none !important; height:72px !important; min-height:72px !important;
    scroll-snap-align:center;
  }

  .home-redesign-a .main-shell { padding:0 12px; margin-top:12px; }
  .home-redesign-a .hero-main,
  .home-redesign-a .hero-slide { min-height:340px; }
  .home-redesign-a .hero-slide-copy { padding:24px 18px 58px; }
  .home-redesign-a .hero-title { font-size:23px; }
  .home-redesign-a .hero-carousel-controls { right:12px; bottom:12px; }
  .home-redesign-a .hero-side-head { min-height:44px; }
  .home-redesign-a .hero-side-list {
    display:flex; overflow-x:auto; grid-template-columns:none; gap:0; scroll-snap-type:x mandatory; scrollbar-width:none;
  }
  .home-redesign-a .hero-side-list::-webkit-scrollbar { display:none; }
  .home-redesign-a .hero-side-story {
    flex:0 0 82%; min-height:78px; border-right:1px solid #edf0f5 !important; scroll-snap-align:start;
  }
  .home-redesign-a .story-row { grid-template-columns:104px minmax(0,1fr); }
  .home-redesign-a .story-thumb { width:104px; height:72px; }
  .home-redesign-a .story-title { font-size:14px; }
  .home-redesign-a .story-excerpt { display:none; }
  .home-redesign-a .feature-media { padding:10px 10px 0; }
  .home-redesign-a .footer-inner { padding-inline:14px; }
}

@media (max-width:470px) {
  .home-redesign-a .brand-title { font-size:17px; }
  .home-redesign-a .brand-subtitle { display:none; }
  .home-redesign-a .hero-main,
  .home-redesign-a .hero-slide { min-height:315px; }
  .home-redesign-a .hero-title { font-size:21px; }
  .home-redesign-a .hero-meta { font-size:9px; }
  .home-redesign-a .story-row { grid-template-columns:96px minmax(0,1fr); }
  .home-redesign-a .story-thumb { width:96px; height:68px; }
}

/* Tablet/mobile top bar collision fix and single-line category rail */
@media (max-width:900px) {
  .home-redesign-a .utility-strip-inner {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:auto; padding:6px 12px; gap:5px;
  }
  .home-redesign-a .util-left {
    width:100%; flex-direction:row; align-items:center; justify-content:center; gap:9px;
  }
  .home-redesign-a .util-weather-row { justify-content:center; flex-wrap:nowrap; }
  .home-redesign-a .util-right-stack {
    width:100%; flex-direction:row; align-items:center; justify-content:center; gap:9px;
  }
  .home-redesign-a .util-right-stack .util-right,
  .home-redesign-a .util-auth { justify-content:center; flex-wrap:nowrap; }
  .home-redesign-a .nav-inner { flex-wrap:nowrap !important; }
  .home-redesign-a .nav-cats {
    min-width:0; flex:1 1 auto; flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none;
  }
  .home-redesign-a .nav-cats::-webkit-scrollbar { display:none; }
}
@media (max-width:470px) {
  .home-redesign-a .utility-strip-inner { gap:4px; }
  .home-redesign-a .util-left { gap:6px; }
  .home-redesign-a .util-right-stack { gap:6px; }
  .home-redesign-a .util-socials { max-width:190px; overflow-x:auto; scrollbar-width:none; }
  .home-redesign-a .util-socials::-webkit-scrollbar { display:none; }
}

/* Keep the legacy top advertisement inside the redesigned quick-link row. */
.home-redesign-a .top-fixed-ad-slot > .public-ad-hover-shell,
.home-redesign-a .top-fixed-ad-slot > .public-ad-link,
.home-redesign-a .top-fixed-ad-slot .public-ad-card--top {
  width:100%; height:100%; min-height:0; max-height:100%;
}
.home-redesign-a .top-fixed-ad-slot .top-fixed-ad-visual {
  width:100%; height:100%; min-height:0; object-fit:contain;
}
@media (max-width:768px) {
  .home-redesign-a .top-fixed-ad-slot > .public-ad-hover-shell,
  .home-redesign-a .top-fixed-ad-slot > .public-ad-link,
  .home-redesign-a .top-fixed-ad-slot .public-ad-card--top,
  .home-redesign-a .top-fixed-ad-slot .top-fixed-ad-visual {
    width:100% !important; max-width:none !important; height:100% !important; min-height:0 !important; max-height:100% !important;
  }
}

/* KCSB video shortcut becomes a clean editorial tile instead of a cropped poster. */
.home-redesign-a .mast-support-card.is-kcsb-fill {
  position:relative; justify-content:flex-start; padding:13px 18px; overflow:hidden;
  background:linear-gradient(135deg,#0d315f 0%,#0f5eb7 62%,#1686f7 100%);
  color:#fff;
}
.home-redesign-a .mast-support-card.is-kcsb-fill img {
  position:absolute; inset:0; z-index:0; width:100%; height:100%; max-height:none;
  object-fit:cover; object-position:center 42%; opacity:.20; filter:saturate(.8) contrast(1.05);
}
.home-redesign-a .mast-support-card.is-kcsb-fill::before {
  content:"KCSB NEWS"; position:relative; z-index:1; display:block;
  color:#fff; font-size:19px; line-height:1.05; font-weight:900; letter-spacing:.03em;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.home-redesign-a .mast-support-card.is-kcsb-fill::after {
  content:"영상뉴스 바로가기"; position:absolute; z-index:1; left:18px; bottom:12px;
  color:rgba(255,255,255,.78); font-size:9px; font-weight:800; letter-spacing:.04em;
}