/* KCBN mobile layout: 2026-11-06. Keep desktop presentation unchanged. */
    @media (max-width:768px) {
      .site-title-bar { padding:10px 14px 0; }
      .breaking-bar { gap:8px; min-height:36px; }
      .breaking-label { min-width:56px; height:30px; padding:0 10px; font-size:13px; box-shadow:0 3px 10px rgba(177,0,23,.15); }
      .breaking-track { height:30px; border-radius:15px; }
      .breaking-empty { padding:0 12px; font-size:12px; }
      .top-util-inner { padding:12px 14px 16px; gap:12px; }
      .util-status-scroll { overflow:visible; }
      .util-left { min-width:0; min-height:0; display:flex; flex-direction:column; gap:8px; padding:0 0 12px; }
      .util-date-row { justify-content:center; font-size:12px; }
      .publication-audience { width:100%; }
      .visitor-counter { gap:12px; padding:2px 0; }
      .visitor-counter>span { font-size:14px; letter-spacing:.07em; }
      .visitor-counter>strong { font-size:36px; }
      .util-weather-row { width:100%; min-width:0; gap:5px; justify-content:center; flex-wrap:nowrap; white-space:nowrap; }
      .util-weather-row .weather-main { min-width:0; display:block; overflow:hidden; text-overflow:ellipsis; }
      .util-weather-row .weather-provider, .util-weather-row .util-inline { flex-shrink:0; }
      .util-weather-row .util-inline { font-size:11px; gap:4px; }
      .util-weather-row .weather-chip { min-width:0; width:auto; flex:0 1 auto; min-height:28px; padding:0 7px; gap:4px; font-size:11px; box-shadow:none; overflow:hidden; }
      .util-weather-row .weather-icon { width:14px; flex-shrink:0; font-size:12px; }
      .util-weather-row .weather-sub { font-size:10px; }
      .util-weather-row .weather-provider { font-size:8.5px; }
      .util-right-stack { padding:0; gap:8px; }
      .util-right-stack .util-socials { gap:6px; }
      .util-socials>a { min-width:32px; min-height:32px; justify-content:center; }
      .util-socials .sns-dot { width:24px; height:24px; font-size:12px; }
      .util-socials .chatgpt-dot { font-size:8px; }
      .util-auth { gap:8px; width:100%; }
      .util-auth button, .util-auth>a { min-height:40px; min-width:100px; padding:8px 16px; border-radius:6px; }
      .top-blog-promo { width:100%; grid-template-columns:minmax(0,1fr); gap:8px; }
      .top-blog-promo .promo-link, .top-blog-promo .promo-culture { grid-column:auto; width:100%; justify-self:stretch; aspect-ratio:6 / 1; min-height:44px; display:flex; align-items:center; background:#fff; box-shadow:0 2px 7px rgba(15,47,99,.08); }
      .top-blog-promo img { width:100%; height:100%; max-width:100%; object-fit:contain; }
      .top-blog-promo a:hover { transform:none; }
      .masthead { padding:0 14px; }
      .masthead-grid { min-height:150px; padding:22px 10px; border-radius:8px; }
      .logo-top { font-size:11px; line-height:1.5; letter-spacing:0; gap:0; }
      .logo-top:before, .logo-top:after { display:none; }
      .logo-main { margin-top:10px; gap:0; }
      .logo-mark { font-size:clamp(26px,7.6vw,44px); line-height:1.2; letter-spacing:-.055em; white-space:nowrap; padding-bottom:0; }
      .logo-url { margin-top:8px; font-size:15px; letter-spacing:.12em; }
      .nav-bar { margin-top:12px; }
      .nav-inner { padding:10px 14px 12px; gap:10px; }
      .nav-cats { width:100%; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:0; font-size:12px; }
      .nav-cats a { display:flex; align-items:center; justify-content:center; min-height:38px; border:1px solid #e4eaf2; border-radius:5px; background:#f7f9fc; white-space:nowrap; letter-spacing:-.04em; }
      .nav-cats a.active { background:#e7effa; border-color:#b2c8e6; }
      .nav-cats a.active:after { display:none; }
      .nav-search { width:100%; height:44px; }
      .nav-search-btn { width:34px; height:34px; }
      .subregion { padding:8px 14px; font-size:13px; line-height:2; }
      .mast-support-row { padding:0 14px !important; margin:14px auto 0 !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; align-items:stretch !important; }
      .mast-support-row .mast-support-card { width:100% !important; max-width:none !important; height:116px !important; min-height:116px !important; border:1px solid #d5dce8; border-radius:8px; background:#fff; box-shadow:none; animation:none; }
      .mast-support-row .mast-support-card.is-kcsb-fill { order:1 !important; padding:12px 8px 26px !important; }
      .mast-support-row .mast-support-card.is-kcsb-fill img { max-height:76px !important; object-fit:contain !important; }
      .mast-support-row .mast-support-card.is-left-brand { order:2 !important; padding:10px 6px 26px !important; }
      .mast-support-row .mast-left-brand { max-height:none !important; gap:4px !important; }
      .mast-support-row .mast-left-brand-logo { height:44px !important; max-height:44px !important; }
      .mast-support-row .mast-left-brand-text { font-size:11px !important; line-height:1.35 !important; letter-spacing:-.06em !important; white-space:normal !important; transform:none !important; word-break:keep-all; }
      .mast-support-row .mast-support-card-shortcut, .mast-support-row .mast-support-card.is-left-brand .mast-support-card-shortcut { top:auto !important; bottom:6px !important; right:50% !important; left:auto !important; transform:translateX(50%) !important; font-size:10px; padding:4px 8px; box-shadow:none; }
      .mast-support-row .top-fixed-ad-slot { grid-column:1 / -1; order:3 !important; height:80px !important; min-height:80px !important; max-width:none !important; }
      .mast-support-row .top-fixed-ad-slot>*, .mast-support-row .top-fixed-ad-link, .mast-support-row .top-fixed-ad-box, .mast-support-row .public-ad-card--top { height:80px !important; min-height:80px !important; max-width:none !important; border-radius:8px; box-shadow:none; }
      .main-shell { margin:14px auto 24px; padding:0 14px; }
      .center-col, .content-grid, .content-col, .category-stack { min-width:0; gap:16px; }
      .center-col .kcbn-tv-section { padding:12px; margin-bottom:16px; border-radius:8px; }
      .center-col .kcbn-tv-heading { gap:8px; align-items:center; margin-bottom:10px; }
      .center-col .kcbn-tv-heading h2 { font-size:16px; line-height:1.4; }
      .center-col .kcbn-tv-heading>a { flex-shrink:0; font-size:11px; min-height:36px; display:flex; align-items:center; }
      .center-col .kcbn-tv-credit { font-size:11px; line-height:1.6; }
      .center-col nav[aria-label="지역 뉴스 바로가기"] { display:block; margin:0 0 16px !important; padding:5px !important; font-size:0; }
      .center-col nav[aria-label="지역 뉴스 바로가기"] a { display:inline-flex; align-items:center; justify-content:center; width:calc(25% - 6px); margin:3px; vertical-align:middle; min-height:34px; font-size:12px; border-radius:4px; background:#fff; }
      .center-col nav[aria-label="지역 뉴스 바로가기"] a:last-child { width:calc(100% - 6px); }
      .hero-shell { margin-bottom:16px; }
      .hero-main { border-radius:8px; }
      .hero-slide-image { aspect-ratio:16 / 10; }
      .hero-slide-copy { padding:14px; }
      .hero-title { font-size:21px; line-height:1.4; letter-spacing:-.04em; }
      .hero-meta { font-size:11px; line-height:1.7; }
      .hero-kicker { margin-bottom:8px; }
      .hero-side { padding-top:8px; }
      .hero-carousel-dots { display:flex; align-items:center; gap:4px; }
      .hero-dot { width:28px; height:28px; border:7px solid transparent; background-clip:padding-box; }
      .hero-dot.active { width:44px; }
      .news-list-block, .cat-panel, .feature-block, .search-results-block { border-radius:8px; overflow:hidden; }
      .section-head, .cat-panel-head { min-height:48px; padding:10px 12px; gap:8px; }
      .section-head { font-size:16px; }
      .section-head>a { min-height:32px; display:flex; align-items:center; font-size:11px; }
      .cat-panel-head span { font-size:17px; }
      .cat-panel-head small { font-size:11px; text-align:right; }
      .story-row, .cat-item { grid-template-columns:96px minmax(0,1fr); gap:12px; padding:12px; align-items:start; min-height:98px; }
      .story-row>div, .cat-item>div { min-width:0; }
      .story-thumb, .cat-thumb { width:96px; height:72px; border-radius:5px; }
      .story-thumb img, .cat-thumb img { max-width:100%; max-height:100%; object-fit:contain; }
      .story-title, .cat-title { font-size:15px; line-height:1.45; letter-spacing:-.035em; font-weight:800; }
      .story-excerpt { display:none; }
      .story-meta, .cat-meta { font-size:11px; line-height:1.6; margin-top:6px; overflow-wrap:anywhere; }
      .cat-panel>a { min-height:40px; }
      .feature-media .public-ad-card, .feature-media .public-ad-link { box-shadow:none; }
      .feature-media img { width:100%; height:240px; object-fit:contain; background:#fff; }
      .feature-promo { padding:12px; }
      .feature-promo img { width:100%; height:220px; max-height:220px; margin:0 auto 12px; object-fit:contain; }
      .feature-promo h4 { font-size:17px; line-height:1.5; }
      .mobile-footer-ads { margin:16px auto 0; padding:0 14px; }
      .mobile-footer-ads-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch; }
      .mobile-footer-ads .public-ad-card, .mobile-footer-ads .public-ad-link, .mobile-footer-ads .ad-box-placeholder { height:220px; min-height:220px; border:1px solid #d5dce8; border-radius:8px; box-shadow:none; background:#fff; }
      .mobile-footer-ads .side-fixed-ad-visual, .mobile-footer-ads .side-fixed-ad-image { width:100%; height:100%; max-height:218px; object-fit:contain; }
      .mobile-footer-ads .ad-box-placeholder { font-size:14px; line-height:1.7; padding:12px; overflow-wrap:anywhere; }
      .public-ad-hover-shell, .public-ad-hover-shell:hover, .public-ad-hover-shell:focus-visible { transform:none; filter:none; }
      .search-results-head { flex-wrap:wrap; padding:12px; }
      .search-results-title { font-size:21px; }
      .search-results-list { padding:0 0 12px; }
      .auth-overlay, .article-overlay { padding:12px; }
      .auth-card { max-height:calc(100dvh - 24px); overflow-y:auto; border-radius:10px; }
      .auth-body { padding:16px; }
      .site-footer { margin-top:24px; }
      .footer-inner { padding:18px 14px 28px; }
      .footer-menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 10px; font-size:12px; }
      .footer-menu a, .footer-menu button { min-height:38px; display:flex; align-items:center; justify-content:flex-start; padding:6px 10px; border:1px solid rgba(255,255,255,.12); border-radius:5px; text-align:left; }
      .footer-menu a::before, .footer-menu button::before { display:none; }
      .footer-meta-line { display:grid; grid-template-columns:1fr; gap:5px; font-size:12px; }
      .footer-meta-line span { padding:0; }
      .footer-meta-line span::before { display:none; }
      .footer-notice { font-size:12px; line-height:1.8; word-break:normal; overflow-wrap:anywhere; }
      .footer-copy { font-size:11px; line-height:1.6; }
    }
    @media (max-width:359px) {
      .visitor-counter>span { font-size:12px; }
      .visitor-counter>strong { font-size:34px; }
      .util-weather-row .util-inline { font-size:10px; }
      .util-weather-row .weather-provider { font-size:8px; }
      .nav-cats { font-size:11px; }
      .story-row, .cat-item { grid-template-columns:80px minmax(0,1fr); gap:10px; }
      .story-thumb, .cat-thumb { width:80px; height:60px; }
      .story-title, .cat-title { font-size:14px; }
    }
    @media (min-width:600px) and (max-width:768px) {
      .top-blog-promo { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .mobile-footer-ads-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    }


@media(max-width:768px){
 .page-wrap{padding:0 14px;margin:14px auto 24px}
 .article-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .article-grid>*{min-width:0;max-width:100%}
 .article-grid>.left-ad-box,.article-grid>.right-box{display:none}
 .paper{border-radius:8px;overflow:hidden}
 .paper-head,.paper-body{padding:16px;overflow-x:visible}
 .measure-56{width:100%;min-width:0;max-width:100%}
 .paper-title{font-size:25px;line-height:1.4;letter-spacing:-.045em}
 .paper-meta{gap:6px 12px;font-size:11px;line-height:1.6}
 .paper-sub{font-size:15px;line-height:1.7}
 .article-content{min-width:0;font-size:16px;line-height:1.85}
 .article-content>*{min-width:0!important;max-width:100%!important;box-sizing:border-box}
 .article-content img{min-width:0!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
 .article-content figure,.article-content .inline-media-figure{margin:18px 0!important}
 .article-content figcaption{font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere}
 .article-next-news{padding:16px;background:#f7f9fc}
 .article-next-news-head{margin-bottom:12px;gap:6px}
 .article-next-news-title{font-size:20px}
 .article-next-news-guide{font-size:11px}
 .article-next-news-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .article-next-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:10px;box-shadow:none;align-items:start}
 .article-next-thumb{width:86px;height:65px;aspect-ratio:auto;border-radius:4px;background:#f4f7fb}
 .article-next-thumb img{object-fit:contain}
 .article-next-copy{padding:0;min-width:0}
 .article-next-category{font-size:10px;margin-bottom:4px}
 .article-next-title{font-size:14px;line-height:1.45;min-height:0}
 .article-next-meta{font-size:10px;margin-top:5px;white-space:normal}
 .article-next-card:hover,.article-next-card:focus-visible,.article-next-card:hover .article-next-thumb img,.article-next-card:focus-visible .article-next-thumb img{transform:none}
 .bottom-share{padding:0 16px 16px}
 .toolbar{padding:0 14px;flex-wrap:wrap}
 .toolbar .tool-btn{min-height:40px}
 .wrap{padding:16px 14px 32px}
 .wrap .card{padding:16px;border-radius:10px}
 .wrap h1{font-size:26px;line-height:1.4}
 .wrap .desc{font-size:14px;line-height:1.7}
 .wrap .toplinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .wrap .catlinks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .wrap .toplinks a,.wrap .catlinks a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:4px;border-radius:5px;font-size:12px;letter-spacing:-.04em;box-sizing:border-box;white-space:nowrap}
 .wrap .sectionlinks{gap:6px}
 .wrap .sectionlinks a{font-size:12px;min-height:36px;align-items:center;padding:4px 10px;box-sizing:border-box}
 .wrap .title{font-size:17px;line-height:1.5}
 .wrap .meta{font-size:12px;line-height:1.7}
 .wrap .subtitle{font-size:13px;line-height:1.7}
 .wrap .pager{gap:6px}
 .wrap .pager a,.wrap .pager span{min-width:36px;padding:0 6px;font-size:12px;box-sizing:border-box}
}