/* CAPEST / September 2026. Shared visual rhythm and content-first responsive UI. */
:root { --radius: 6px; --radius-lg: 10px; --pad-section: 56px; --ui-shadow: 0 8px 28px rgba(10,40,75,.05); }
html { scroll-padding-top: 76px; }
html, body { max-width: 100%; overflow-x: visible !important; }
body { line-height: 1.8; }
body :is(main,section,article,aside,.wrap) { min-width: 0; }
:is(input,select,textarea) { font: inherit; max-width: 100%; }
input,select,textarea,button,a { -webkit-tap-highlight-color: transparent; }
button,a { touch-action: manipulation; }
button:focus-visible,a:focus-visible { outline: 3px solid #5b9fe8; outline-offset: 4px; }
.wrap { width: 100%; }
.section-title { align-items: center; gap: 16px; }
.section-title h2 { line-height: 1.4; letter-spacing: .04em; }
.section-title .more { flex-shrink: 0; padding: 8px 0; }
.section-title h2 .en { font-size: 10px; letter-spacing: .12em; }
.topbar .wrap { min-height: 42px; height: auto; }
.topbar-right { gap: 12px; }
.topbar-right .divider { opacity: .35; }
#theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--fg-muted); background: var(--bg-card); padding: 0 !important; }
#theme-toggle:hover { color: var(--brand-light); border-color: currentColor; }
.masthead-v2 { padding: 24px 0; }
.masthead-v2 .wrap { gap: 24px; }
.masthead-v2 .emblem-lockup { min-width: 0; }
.masthead-v2 .emblem-lockup .lockup-cn { font-size: clamp(19px,1.85vw,26px); letter-spacing: .035em; }
.masthead-v2 .lockup-text { min-width: 0; }
.masthead-v2 .emblem-lockup .lockup-en { font-size: 9px; letter-spacing: .08em; max-width: 540px; }
.masthead-v2 .quick-links { display: none; }
.masthead-v2 .masthead-right { flex-shrink: 0; }
.masthead-v2 .search-box { width: 252px; min-height: 44px; box-shadow: none; }
.search-box input { min-width: 0; }
.search-box button { flex-shrink: 0; min-width: 40px; min-height: 40px; }
.mainnav { z-index: 90; }
.mainnav li { position: relative; }
.mainnav .dropdown a { min-height: 42px; }
.mainnav li:focus-within > .dropdown,.mainnav li.submenu-open > .dropdown { opacity: 1; visibility: visible; transform: none; display: block; }
.mobile-nav-home,.nav-expand { display: none; }
.hero-grid { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); align-items: start; }
.hero-grid > * { min-width: 0; }
.headlines { box-shadow: var(--ui-shadow); }
.carousel { width: 100%; min-width: 0; }
.carousel-slide { pointer-events: none; }
.carousel-slide.active { pointer-events: auto; }
.carousel-slide .caption { padding-bottom: 48px; }
.carousel-slide .caption h3 { max-width: 36em; text-wrap: pretty; }
.carousel-dots { bottom: 4px; gap: 4px; }
.carousel-dots button { width: 32px; height: 32px; background: transparent; position: relative; }
.carousel-dots button::after { content: ''; position: absolute; height: 3px; left: 3px; right: 3px; top: 14px; background: rgba(255,255,255,.55); border-radius: 2px; }
.carousel-dots button.active { width: 32px; background: transparent; }
.carousel-dots button.active::after { background: #fff; }
.carousel-arrow { min-width: 40px; min-height: 40px; }
.news-list li { min-width: 0; }
.news-list li .title { min-width: 0; }
:is(.rl-card,.brand-card,.sci-card,.video-tile,.expert-card,.expert-big,.content-block) { border-radius: var(--radius-lg); }
:is(.rl-card,.sci-card,.expert-big) { transition: border-color .2s,box-shadow .2s; }
:is(.rl-card,.sci-card,.expert-big):hover { box-shadow: var(--ui-shadow); }
.page-hero { padding: 42px 0; }
.page-hero h1 { letter-spacing: .07em; line-height: 1.4; }
.breadcrumb .wrap { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.article-header h1 { font-size: clamp(26px,3vw,40px); line-height: 1.5; letter-spacing: .025em; text-wrap: pretty; }
.article-body { max-width: 820px; font-size: 17px; line-height: 2; overflow-wrap: anywhere; }
.article-body p { margin: 0 0 1.3em; }
.article-body h2 { margin: 1.8em 0 .7em; font-size: 24px; line-height: 1.6; }
.article-body img { height: auto; border-radius: 8px; }
.article-body table { display: block; overflow-x: auto; max-width: 100%; }
.article-tools { flex-wrap: wrap; }
.article-tools button { min-height: 44px; }
.table-scroll { overflow-x: auto; max-width: 100%; scrollbar-width: thin; overscroll-behavior-inline: contain; }
.table-scroll:focus-visible { outline: 2px solid var(--brand-light); }
.seo-directory { padding: 28px; margin-block: 28px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; }
.seo-directory h2 { font-size: 22px; margin-bottom: 18px; }
.seo-directory ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 28px; }
.seo-directory a { display: block; padding: 8px 0; color: var(--brand-light); }
.seo-directory p { color: var(--fg-muted); }
.seo-pagination { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.seo-pagination a,.seo-pagination strong { padding:8px 16px; border:1px solid var(--line); border-radius:6px; }
.pagination a { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; }
.pagination a.active { background: var(--brand-deep); color: var(--bg-card); }
.news-filter { flex-wrap: wrap; gap: 10px; }
.news-filter a.chip { min-height: 40px; display:inline-flex; align-items:center; }
.mobile-services { display: none; }
.search-bigbox input,.search-row .field,.search-row input,.search-row select,.oa-form .field .ctl { min-width: 0; }
.search-row input,.search-row select { width: 100%; }
.oa-form .field .ctl input { min-width: 0; width: 100%; }
.oa-form .field .ctl .ico { flex-shrink: 0; }
.oa-form .field .captcha { flex-shrink: 0; }
@media (max-width: 1200px) { .search-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
.seo-detail { max-width: 940px; padding-block: 36px 60px; }
.seo-detail h1 { font-size: clamp(28px,4vw,42px); line-height: 1.4; margin: 12px 0; }
.seo-detail h2 { margin: 32px 0 16px; font-size: 23px; }
.seo-detail p { margin: 12px 0; }
.seo-detail .detail-lead { color: var(--fg-muted); font-size: 18px; }
.seo-detail .detail-card { padding: 28px; margin: 20px 0; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-card); }
.seo-detail dl { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 12px 20px; }
.seo-detail dt { color: var(--fg-muted); }
.seo-detail dd { overflow-wrap: anywhere; }
.seo-detail ul { padding-left: 20px; list-style: disc; }
.seo-detail .detail-action { display: inline-flex; padding: 12px 24px; min-height: 48px; background: var(--brand-deep); color: white; border-radius: 6px; }
.footer { padding-top: 48px; }
.footer-col a { display: inline-block; padding: 4px 0; }
.footer [data-demo-notice] { border-radius: 6px; }
[data-mode="dark"] { color-scheme: dark; --brand-deep: #9fc7f4; --brand: #8cbcf2; --fg-sub: #a1adbd; }
[data-mode="dark"] .mainnav,[data-mode="dark"] .footer { background: #10253d; }
[data-mode="dark"] .mainnav li > a,[data-mode="dark"] .mobile-nav-home { color: #f0f5ff; }
[data-mode="dark"] :is(.page-hero,.article-header,.headlines .lead,.side-nav,.content-block) { color: var(--fg); }
[data-mode="dark"] .detail-action { background: #24598b; }
[data-mode="dark"] .masthead .emblem { background-image: var(--emblem-url-white); }
[data-mode="dark"] .masthead .lockup-tag { color: #aecded; }
[data-mode="dark"] .headlines .lead .kicker { color: #f39191; }
[data-mode="dark"] .page-hero,[data-mode="dark"] .en-hero { background: linear-gradient(135deg,#132f52,#194977); }
[data-mode="dark"] body:has(.oa-main)::before { background: linear-gradient(145deg,#092649,#101b2b); }
[data-mode="dark"] :is(.oa-card,.mail-card,.d-card) { background: #172331 !important; color: #edf3fa; }
[data-mode="dark"] :is(.oa-card,.mail-card,.d-card) :is(.ctl,input,select,textarea) { background: #101a27 !important; color: #edf3fa !important; border-color: #41536a !important; }
[data-mode="dark"] :is(.oa-card,.mail-card,.d-card) :is(.notice,.warn,.security-notice,.oa-compliance) { background: #243040 !important; color: #cfdaea !important; }
[data-mode="dark"] .oa-form .btn-submit { background: #24598b; color: #fff; }
[data-mode="dark"] .oa-form .field .captcha { color: #183452; }
[data-mode="dark"] :is(.oa-card,.mail-card,.d-card) label { color: #c7d2e0; }
.detail-identity { display:flex; gap:24px; align-items:center; margin:24px 0 32px; }
.detail-avatar { width:88px; height:106px; flex-shrink:0; display:grid; place-items:center; font-size:38px; background:var(--brand-wash); border:1px solid var(--line); color:var(--brand-deep); border-radius:10px; }
.detail-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:16px; }
.detail-stats strong { display:block; font-size:28px; color:var(--brand-deep); }
.detail-stats span { font-size:13px; color:var(--fg-muted); }
@media (min-width: 1101px) {
  .mainnav-toggle { display: none !important; }
  .mainnav .wrap { overflow: visible !important; }
  .mainnav > .wrap > ul { display: flex; }
}
@media (max-width: 1100px) {
  body:has(.sc-main) { height: auto; min-height: 100vh; }
  .sc-main { flex: none; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sc-main .panel .p-body { min-height: 220px; }
  .sc-main .p-map .p-body { min-height: 300px; }
  .sc-main .p-feed .p-body { height: 320px; }
  .topbar .topbar-left { display: none; }
  .topbar .wrap { justify-content: flex-end; padding-inline: 24px !important; }
  .topbar .topbar-right { width: 100%; justify-content: flex-end; gap: 14px !important; }
  .topbar .divider { display: none; }
  .topbar-right a { font-size: 12px; min-height: 40px; display: inline-flex; align-items: center; }
  .masthead-v2 .wrap { flex-direction: row !important; align-items: center !important; }
  .masthead-v2 .masthead-right { width: 220px !important; margin-left: auto; }
  .masthead-v2 .search-box { width: 100% !important; }
  .masthead-v2 .emblem-lockup .lockup-cn { font-size: 20px !important; letter-spacing: 0 !important; }
  .masthead-v2 .emblem-lockup .lockup-en { font-size: 9px !important; letter-spacing: .04em !important; }
  .mainnav { position: sticky !important; top: 0; min-height: 52px; display: flex; align-items: center; padding-inline: 24px; }
  .mobile-nav-home { display: block; font-family: var(--f-mono); font-size: 16px; color: #fff; letter-spacing: .12em; padding: 10px 0; }
  .mainnav-toggle { position: static !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; width: auto !important; height: 52px !important; padding: 0 !important; margin-left: auto; line-height: 1 !important; font-size: 14px !important; order: 2; }
  .mainnav > .wrap { padding: 0 !important; min-height: 0 !important; width: 0; margin: 0; overflow: visible !important; }
  .mainnav > .wrap > ul { position: absolute; top: 100%; inset-inline: 0; display: none; max-height: calc(100dvh - 52px); overflow-y: auto; flex-direction: column; background: #0c315b; padding: 12px 24px 24px; box-shadow: 0 16px 24px #0003; white-space: normal !important; }
  body.mainnav-open .mainnav > .wrap > ul { display: flex; max-height: calc(100dvh - 52px); }
  .mainnav li { width: 100% !important; border-bottom: 1px solid #ffffff20; }
  .mainnav li > a { text-align: left !important; line-height: 1.5 !important; min-height: 48px; width: calc(100% - 48px) !important; display: flex; align-items: center; padding: 10px 8px !important; font-size: 15px !important; }
  .mainnav .nav-expand { display: grid; place-items: center; position: absolute; right: 0; top: 0; width: 48px; height: 48px; color: white; }
  .mainnav .dropdown { position: static; display: none !important; width: 100%; min-width: 0; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 8px 12px; background: transparent; }
  .mainnav li.submenu-open > .dropdown { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
  .mainnav .dropdown a { color: #d5e3f4; white-space: normal; font-size: 13px; padding: 8px 4px; }
  .mainnav .mobile-services { display: flex; flex-wrap: wrap; gap: 8px 16px; padding-top: 14px; border: 0; }
  .mainnav .mobile-services a { width: auto !important; font-size: 13px !important; }
  .research-en,.brand-en { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .brand-en .bc,.research-en .rc { min-width: 0; overflow-wrap: anywhere; }
  .stats-en .n { font-size: 40px; }
  .hero-grid { grid-template-columns: minmax(0,1fr) !important; }
  .hero-grid .carousel { aspect-ratio: 16/9 !important; min-height: 0 !important; }
  .hero-grid .carousel-slide .caption h3 { font-size: 24px !important; }
  .headlines .lead h3 { font-size: 20px !important; }
  .side-layout { grid-template-columns: minmax(0,1fr) !important; }
  .side-nav { position: static !important; }
}
@media (max-width: 767px) {
  :root { --pad-section: 36px !important; }
  body { font-size: 15px; }
  .wrap { padding-inline: 20px !important; }
  .topbar { padding: 0 !important; }
  .topbar .wrap { flex-direction: row; padding-inline: 20px !important; }
  .topbar .topbar-right { justify-content: flex-end; flex-wrap: nowrap !important; gap: 16px !important; }
  .topbar-right a[href="oa-login.html"],.topbar-right a[href="mail-login.html"],.topbar-right a[href="data-login.html"],.topbar-right a[href="data-portal.html"] { display: none; }
  .topbar-right a { font-size: 12px !important; }
  #theme-toggle { width: 36px; height: 36px; border: 0; background: transparent; }
  .masthead-v2 { padding: 18px 0 !important; }
  .masthead-v2 .wrap { display: flex !important; flex-wrap: wrap; gap: 18px !important; }
  .masthead-v2 .emblem-lockup { gap: 12px !important; width: 100%; }
  .masthead-v2 .emblem-lockup .emblem-xl { width: 52px !important; height: 52px !important; }
  .masthead-v2 .emblem-lockup .lockup-cn { font-family: var(--f-sans); font-size: 18px !important; line-height: 1.55; letter-spacing: 0 !important; font-weight: 700; }
  .masthead-v2 .emblem-lockup .lockup-en { font-family: var(--f-sans); font-size: 8px !important; line-height: 1.6; letter-spacing: .025em !important; margin-top: 4px; }
  .masthead-v2 .emblem-lockup .lockup-tag { display: none; }
  .masthead-v2 .masthead-right { width: 100% !important; }
  .masthead-v2 .search-box { border-radius: 7px; background: var(--bg-alt); }
  .masthead-v2 .search-box input { font-size: 16px; padding: 8px 12px; }
  .mainnav { padding-inline: 20px; }
  .hero-block { padding: 20px 0 28px; }
  .hero-grid { gap: 24px !important; }
  .hero-grid .carousel { aspect-ratio: 4/3 !important; border-radius: 10px; }
  .hero-grid .carousel-slide .caption { padding: 60px 18px 42px !important; }
  .hero-grid .carousel-slide .caption h3 { font-size: 18px !important; line-height: 1.6 !important; }
  .hero-grid .carousel-slide .caption .kicker { font-size: 10px !important; margin-bottom: 8px; }
  .hero-grid .carousel-dots { bottom: 4px !important; right: 12px !important; }
  .hero-grid .carousel-dots button,.hero-grid .carousel-dots button.active { width: 32px !important; }
  .headlines { padding: 22px 18px; }
  .headlines .lead h3 { font-size: 19px !important; line-height: 1.6; }
  .headlines .lead p { font-size: 14px; }
  .section-title { gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
  .section-title h2 { font-size: 23px !important; }
  .section-title h2 .en { display: block; margin: 5px 0 0; font-size: 9px !important; line-height: 1.5; }
  .section-title .more { margin-left: auto; font-size: 12px; }
  .news-list li { gap: 10px; padding: 12px 0; align-items: start; }
  .news-list li .title { white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.75; font-size: 14px; }
  .news-list li .date { font-size: 11px; flex-shrink: 0; padding-top: 3px; }
  .research-lines,.brand-matrix,.sci-grid,.mix-grid,.tineng-grid,.layout-2col { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
  .rl-card { padding: 24px !important; }
  .rl-card h3 { font-size: 22px; }
  .rl-card p { font-size: 14px; line-height: 1.9; }
  .brand-matrix .brand-card { min-width: 0; grid-column: auto !important; }
  .expert-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  .expert-card { padding: 16px 10px; }
  .expert-card .name { font-size: 17px; }
  .topics-grid,.video-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; }
  .video-tile .info { padding: 12px 8px; }
  .video-tile .title,.video-tile h4 { font-size: 14px; line-height: 1.6; }
  .topics-grid .topic-card { min-width: 0; }
  .topics-grid .topic-card h3 { font-size: 18px; }
  .data-strip .data-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .dp-strip .feed-list { height: 266px !important; }
  .dp-strip .feed-list .row { min-width: 0; }
  .page-hero { padding: 30px 0 !important; }
  .page-hero h1 { font-size: 28px !important; letter-spacing: .04em !important; }
  .page-hero p { font-size: 14px !important; line-height: 1.9; }
  .page-hero .en { font-size: 11px !important; letter-spacing: .1em !important; }
  .side-nav ul { display: flex; flex-wrap: wrap; gap: 6px; }
  .side-nav li { flex: 1 1 auto; border: 0; }
  .side-nav li a { padding: 10px 14px; min-height: 44px; font-size: 14px; }
  .content-block { padding: 24px 20px !important; }
  .content-block h2 { font-size: 22px !important; letter-spacing: .04em !important; }
  .content-block p { font-size: 15px; line-height: 2; }
  .article-header { padding: 28px 0 !important; }
  .article-header h1 { font-size: 27px !important; letter-spacing: 0 !important; }
  .article-header .meta { flex-wrap: wrap; gap: 6px 18px; font-size: 12px; }
  .article-body { font-size: 16px !important; padding: 0 !important; }
  .article-body h2 { font-size: 22px !important; }
  .article-sidebar { display: grid; grid-template-columns: 1fr; gap: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
  .article-nav { flex-direction: column; }
  .news-row-list li { grid-template-columns: 48px minmax(0,1fr) !important; gap: 14px !important; }
  .search-row { grid-template-columns: minmax(0,1fr) !important; }
  .search-bigbox input { font-size: 16px; padding: 12px; }
  .search-bigbox button { flex-shrink: 0; }
  .news-row-list .info h3 { font-size: 18px; line-height: 1.7; }
  .filter-panel .chips { gap: 8px !important; }
  .filter-panel .chip { min-height: 40px; padding: 8px 12px; }
  .experts-big-grid { grid-template-columns: minmax(0,1fr) !important; }
  .kpi-row,.kpi-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .oa-main,.mail-main,.d-main { display: flex !important; flex-direction: column; }
  .oa-login-side,.mail-login-side,.d-login-side { order: -1; padding: 28px 20px !important; }
  .oa-card,.mail-card,.d-card { max-width: 480px !important; padding: 24px !important; border-radius: 12px; }
  :is(.oa-card,.mail-card,.d-card,.search-card) :is(input,select,textarea) { font-size: 16px !important; min-height: 48px; }
  .oa-intro,.mail-intro,.d-intro { padding: 28px 20px !important; }
  .dp-search .input-wrap input { width: 100%; font-size: 16px; min-height: 48px; }
  .dp-hero,.dp-hero > * { overflow: visible !important; }
  .dp-top .nav a { padding: 8px 0; min-height: 40px; }
  .en-nav ul { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .en-nav ul li a { font-size: 12px !important; padding: 12px 6px !important; letter-spacing: 0 !important; }
  .en-hero { padding: 36px 0 !important; }
  .en-hero h1 { font-size: 34px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; }
  .en-hero .wrap,.en-hero .grid,.en-research .grid,.en-news .grid { grid-template-columns: minmax(0,1fr) !important; }
  .en-hero .cta-row { flex-wrap:wrap; }
  .en-stats,.stats-en,.lines-en,.brands-en,.news-en { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:16px !important; }
  .research-en,.brand-en { grid-template-columns: minmax(0,1fr) !important; }
  .stats-en .cell { padding: 20px 12px; }
  .stats-en .n { font-size: 32px; overflow-wrap:anywhere; }
  .en-hero .kicker { font-size:11px; letter-spacing:.12em; line-height:1.8; }
  .news-en { grid-template-columns: 1fr !important; }
  .en-section { padding: 36px 0; }
  .en-section h2 { font-size: 30px; }
  .en-section .lead { font-size: 15px; }
  .db-grid > *,.db-sec,.db-head > * { min-width:0; }
  .db-head { flex-wrap:wrap; gap:16px; }
  .db-head h1 { font-size:28px; letter-spacing:0; }
  .db-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .db-kpi .n { font-size:22px; overflow-wrap:anywhere; }
  .db-sec .sec-head { flex-wrap:wrap; gap:8px; }
  .db-sec .sec-head .en { font-size:10px; letter-spacing:.03em; }
  table.dict { min-width:520px; }
  .d-form .frow-2 { grid-template-columns:minmax(0,1fr); }
  .seo-directory { padding: 20px; }
  .seo-directory ul { grid-template-columns: 1fr; }
  .seo-detail .detail-card { padding: 20px; }
  .seo-detail dl { grid-template-columns: 84px minmax(0,1fr); gap: 12px; }
  .footer { padding: 40px 0 24px !important; }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 28px 18px !important; }
  .footer-col a { padding: 8px 0; font-size: 13px; }
  .footer-bottom { font-size: 12px; line-height: 1.9; }
  #a11y-panel { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; }
}
@media (max-width: 700px) {
  .sc-head { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px 16px; }
  .sc-head h1 { font-size: 22px; letter-spacing: .04em; }
  .sc-head .sub { font-size: 9px; letter-spacing: .1em; line-height: 1.8; }
  .sc-head > div:last-child { justify-content: space-between; gap: 12px; }
  .sc-head a.back { margin-right: 0; min-height: 44px; display: flex; align-items: center; letter-spacing: .03em; }
  .sc-head .clock { font-size: 18px; }
  .sc-head .status { font-size: 9px; letter-spacing: .03em; }
  .sc-main { grid-template-columns: minmax(0,1fr); }
  .sc-main .kpi-strip { min-width: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .sc-main .kpi-cell { min-width: 0; flex-direction: column; padding: 18px 14px; gap: 10px; }
  .sc-main .kpi-cell .n { font-size: 30px; white-space: nowrap; }
  .sc-main .kpi-cell .l { font-size: 10px; letter-spacing: .02em; }
  .sc-main .panel .p-head { flex-wrap: wrap; gap: 6px; padding: 14px; }
  .sc-main .panel .p-head h2 { letter-spacing: .04em; }
  .sc-main .panel .p-head .en { letter-spacing: .04em; }
  .sc-main .p-map .p-body { min-height: 200px; }
}
@media (max-width: 359px) {
  .wrap,.topbar .wrap { padding-inline: 16px !important; }
  .masthead-v2 .emblem-lockup .lockup-cn { font-size: 16px !important; }
  .masthead-v2 .emblem-lockup .emblem-xl { width: 44px !important; height: 44px !important; }
  .topbar .topbar-right { gap: 10px !important; }
  .video-grid,.topics-grid { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media print { .mobile-nav-home,.mainnav-toggle,.seo-pagination { display:none !important; } }