:root{
  --ink:#172033;
  --ink-2:#334155;
  --bg:#F7F8F6;
  --bg-2:#EEF3F6;
  --surface:#FFFFFF;
  --surface-raised:#FBFCFD;
  --surface-soft:#E8F0F3;
  --navy:#18324A;
  --navy-dark:#10263A;
  --navy-deep:#0A1B2A;
  --cyan:#4FA3B6;
  --cyan-soft:rgba(79,163,182,.16);
  --coral:#E07A5F;
  --coral-soft:#F4D7CF;
  --sand:#E9E2D8;
  --slate:#708090;
  --text:#172033;
  --text-2:#526071;
  --text-3:#83909E;
  --line:#D9E1E6;
  --line-strong:#BCCAD2;
  --shadow:0 12px 30px rgba(31,50,68,.08);
  --shadow-strong:0 24px 60px rgba(24,50,74,.14);
  --radius:8px;
  --radius-card:16px;
  --radius-large:26px;
  --wrap:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.72;overflow-x:hidden;padding-bottom:0}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cyan)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto;object-fit:cover}
figure{margin:0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,5.3vw,5.5rem)}
h2{font-size:clamp(1.65rem,3vw,2.8rem)}
h3{font-size:1.15rem}
p{color:var(--text-2)}
ul{padding-left:1.25rem}
.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
.section-shell{padding:86px 0}
.bg-soft{background:var(--bg-2)}
.kicker{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.kicker:before{content:"";width:22px;height:2px;background:currentColor}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.section-head h2{max-width:820px;margin-bottom:0}
.section-head>a{font-weight:800;color:var(--navy)}
.section-head.light,.section-head.light h2,.section-head.light>a{color:#fff}
.section-head.light .kicker{color:#82c7d6}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line-strong);font-weight:800;background:transparent}
.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.button.light{background:#fff;border-color:#fff;color:var(--navy-deep)}
.button.ghost{background:var(--surface);color:var(--navy)}
.text-button{border:0;background:none;color:var(--navy);font-weight:800}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:800}
.badge-cyan{background:var(--cyan-soft);color:#27697a}
.badge-coral{background:var(--coral-soft);color:#97472f}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid rgba(79,163,182,.48);outline-offset:3px}
.channel-guide{height:30px;background:var(--navy-deep);color:#fff;font-size:.76rem;display:flex;align-items:center;overflow:hidden}
.guide-track{display:flex;gap:30px;white-space:nowrap;justify-content:center}
.guide-track span{display:flex;align-items:center;gap:8px;opacity:.92}
.guide-track i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(247,248,246,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{height:72px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-logo{width:40px;height:40px;object-fit:contain}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand b{font-size:1.06rem}
.brand small{font-size:.68rem;color:var(--text-3);margin-top:4px}
.primary-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.primary-nav a{position:relative;padding:10px 12px;border-radius:9px;font-size:.9rem;font-weight:700;color:var(--ink-2)}
.primary-nav a.is-active{color:var(--navy);background:var(--surface-soft)}
.primary-nav a.is-active:after{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:2px;transform:translateX(-50%);background:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-link{font-size:.84rem;font-weight:700}
.icon-button,.menu-button{border:1px solid var(--line);background:#fff;min-height:38px;border-radius:999px;padding:0 14px}
.menu-button{display:none;width:42px;padding:9px 10px;flex-direction:column;gap:4px;justify-content:center}
.menu-button span{display:block;height:2px;background:var(--navy);width:100%}
.mobile-menu{border-top:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.mobile-menu[hidden]{display:none!important}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:26px 0}
.mobile-menu-grid h2{font-size:.9rem;color:var(--cyan);margin-bottom:8px}
.mobile-menu-grid a{display:block;padding:5px 0;color:var(--ink-2)}
.search-modal{display:none;position:fixed;inset:0;z-index:4000;background:rgba(10,27,42,.6);padding:24px;align-items:flex-start;justify-content:center;overflow:auto}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-dialog{width:min(760px,100%);margin-top:10vh;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-strong);padding:34px}
.search-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.search-dialog-head h2{margin-bottom:18px}
.search-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:1.8rem;line-height:1}
.search-form label{display:block;font-size:.78rem;font-weight:800;margin-bottom:8px;color:var(--text-2)}
.search-form>div{display:grid;grid-template-columns:1fr auto;gap:10px}
.search-form input,.page-search-form input,.page-search-form select,.filter-bar select,.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:12px 14px}
.search-form button,.page-search-form button,.filter-bar button,.contact-form button{border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;padding:12px 18px}
.search-hint{font-size:.86rem;margin:16px 0 6px}.search-fallback{font-weight:800;color:var(--navy)}
.mobile-bottom{display:none}
.back-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);z-index:850;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:5000;background:var(--navy-deep);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow-strong);max-width:min(90vw,680px);text-align:center}
.toast[hidden]{display:none!important}

/* Homepage */
.home-hero{padding:58px 0 0;background:linear-gradient(135deg,#f7f8f6 0%,#eef3f6 60%,#f7f8f6 100%)}
.hero-editorial{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.hero-copy{padding:40px 0 80px}
.hero-copy h1{font-size:clamp(3rem,5.4vw,5.7rem);margin:0 0 24px;max-width:800px}
.hero-copy>p{font-size:1.08rem;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}
.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span,.tag-row a{padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:.8rem;color:var(--ink-2)}
.editor-note{margin-top:26px;padding:18px 20px;border-left:3px solid var(--coral);background:rgba(255,255,255,.7)}
.editor-note p{margin:6px 0 0;font-size:.9rem}
.hero-visual{position:relative}.hero-visual img{aspect-ratio:4/3;border-radius:var(--radius-large);box-shadow:var(--shadow-strong)}
.hero-visual figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:12px 16px;background:rgba(10,27,42,.82);color:#fff;border-radius:10px;font-size:.88rem}
.mini-float-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:translateY(38px);position:relative;z-index:2}
.mini-float-row article{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.mini-float-row span{font-size:.75rem;color:var(--cyan);font-weight:800}.mini-float-row h2{font-size:1.05rem;margin:5px 0}.mini-float-row a{font-size:.82rem;font-weight:800}
.channel-metrics{background:var(--navy);padding:66px 0 30px;color:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric-grid a{display:flex;align-items:baseline;gap:12px;padding:8px 20px;border-right:1px solid rgba(255,255,255,.16)}
.metric-grid a:last-child{border-right:0}.metric-grid strong{font-size:2rem}.metric-grid span{opacity:.78}
.today-bar{display:flex;justify-content:space-between;align-items:center;gap:30px}
.today-bar h2{font-size:1.7rem;margin:0}.today-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1;max-width:820px}
.today-numbers span{padding-left:16px;border-left:1px solid var(--line);color:var(--text-2);font-size:.85rem}.today-numbers b{display:block;font-size:1.7rem;color:var(--navy)}
.editorial-list{border-top:1px solid var(--line)}
.editorial-list article{display:grid;grid-template-columns:80px 1fr 150px;gap:24px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line)}
.rank-no{font-size:2.1rem;color:var(--navy);font-variant-numeric:tabular-nums}.editorial-list h3,.editorial-list h2{font-size:1.35rem;margin:5px 0 7px}.editorial-list p{margin:0;max-width:900px}.meta-line{font-size:.74rem;color:var(--text-3);font-weight:700}.editorial-list aside{display:grid;gap:8px;justify-items:start}.editorial-list small{color:var(--text-3)}
.timeline-list{max-width:1000px;margin-inline:auto}.timeline-list article{display:grid;grid-template-columns:130px 1fr 120px;gap:26px;padding:22px 0;border-bottom:1px solid var(--line);position:relative}.timeline-list article:before{content:"";position:absolute;left:105px;top:28px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.timeline-list time{font-weight:800;color:var(--navy)}.timeline-list h3{margin:0 0 6px}.timeline-list p{margin:0}.timeline-list>article>span{font-size:.8rem;color:var(--cyan);font-weight:800}
.collage-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.collage-large{grid-row:1/3;position:relative}.collage-large img{height:100%;aspect-ratio:4/3;border-radius:20px}.collage-large figcaption{position:absolute;left:18px;bottom:18px;background:rgba(10,27,42,.82);color:#fff;border-radius:10px;padding:12px 14px}.collage-large figcaption span{display:block;font-size:.8rem;opacity:.8}.collage-grid>article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}.collage-grid>article:nth-child(4){grid-column:2/4}.collage-grid h3{font-size:1.6rem}
.media-rail{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}.rail-card{flex:0 0 330px;scroll-snap-align:start}.rail-controls{display:flex;gap:8px}.rail-controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff}
.media-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(31,50,68,.04)}.media-cover img{width:100%;aspect-ratio:16/9}.media-body{padding:16px}.media-body .eyebrow{display:flex;justify-content:space-between;color:var(--text-3);font-size:.75rem;font-weight:800}.media-body h3{margin:7px 0}.media-body p{font-size:.88rem;margin-bottom:0}.media-card.dark{background:#10263a;color:#fff;border-color:rgba(255,255,255,.1)}.media-card.dark p{color:#c3d0da}
.grid-2plus1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.grid-2plus1 figure img{height:100%;min-height:330px;border-radius:16px}.grid-2plus1 figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.feature-text{padding:38px;background:var(--navy);color:#fff;border-radius:16px}.feature-text p{color:#d3dde4}.feature-text span{color:#84c7d5;font-weight:800}
.short-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:start}.short-tile{position:relative;background:#fff;border:1px solid var(--line);padding:10px;border-radius:16px}.short-tile.offset-1{margin-top:32px}.short-tile.offset-2{margin-top:64px}.short-tile img{aspect-ratio:3/4;border-radius:10px}.short-tile h3{font-size:1rem;margin:12px 4px 6px}.short-tile p{font-size:.8rem;margin:0 4px 8px}.short-tile a{font-size:.76rem;font-weight:800;color:var(--navy);margin:0 4px}.tile-no{position:absolute;top:18px;left:18px;z-index:1;padding:3px 7px;border-radius:5px;background:var(--navy-deep);color:#fff;font-size:.7rem}
.widescreen-zone{background:var(--navy-deep)}.widescreen-card{position:relative;overflow:hidden;border-radius:22px;min-height:520px}.widescreen-card img{width:100%;height:100%;aspect-ratio:21/9;filter:brightness(.7)}.widescreen-card>div{position:absolute;left:42px;bottom:38px;color:#fff;max-width:620px}.widescreen-card p{color:#d7e0e7}.widescreen-card span{color:#88cad8;font-weight:800}
.progress-board{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.progress-board article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.progress-board article>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.progress-board article>div:first-child span{grid-row:1/3;background:var(--coral-soft);color:#8c452f;padding:7px 10px;border-radius:8px;font-weight:800;align-self:start}.progress-board h3{margin:0}.progress-board p{margin:7px 0}.progress-line{height:7px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin:18px 0 8px}.progress-line i{display:block;height:100%;background:var(--cyan)}
.theater-spread{background:#eef3f6}.theater-spread>.wrap{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;align-items:center}.theater-spread figure img{aspect-ratio:16/10;border-radius:22px}.spread-copy p{max-width:620px}
.card-grid{display:grid;gap:18px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}
.compact-pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.compact-pick-grid a{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.compact-pick-grid span{font-size:.78rem;color:var(--text-3)}.compact-pick-grid b{font-size:1rem;line-height:1.45}
.category-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-matrix a{padding:24px;background:rgba(255,255,255,.6);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.category-matrix b{display:block;color:var(--navy);font-size:1.05rem}.category-matrix span{font-size:.8rem;color:var(--text-3)}
.creator-track{display:flex;gap:16px;overflow:auto;padding-bottom:12px}.creator-track article{flex:0 0 260px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.creator-track img{width:68px;height:68px;border-radius:50%;margin-bottom:16px}.creator-track span{font-size:.76rem;color:var(--cyan);font-weight:800}.creator-track p{font-size:.86rem;margin-bottom:0}
.step-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-cards article{padding:26px;border:1px solid var(--line);background:#fff;border-radius:16px}.step-cards b{font-size:1.8rem;color:var(--cyan)}.step-cards p{margin-bottom:0;font-size:.9rem}
.compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.compare-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.compare-board article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}.compare-board span,.compare-board small{display:block;color:var(--text-3)}.compare-board b{font-size:1.5rem;color:var(--navy)}
.ranking-dual-zone{background:var(--navy-deep);color:#fff}.dual-ranking{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dual-ranking section{border:1px solid rgba(120,150,170,.28);background:rgba(255,255,255,.05);border-radius:16px;padding:22px}.dual-ranking section h3{margin-bottom:16px}.dual-ranking a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid rgba(160,180,195,.18)}.dual-ranking b{color:#78c0cf}.dual-ranking em{font-style:normal;font-size:.8rem;color:#a9bac7}
.week-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week-calendar article{padding:18px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:130px}.week-calendar b{display:block;color:var(--navy);margin-bottom:9px}.week-calendar span{font-size:.82rem;color:var(--text-2)}
.topic-four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-four a{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.topic-four img{width:100%;aspect-ratio:4/3}.topic-four span{display:block;font-weight:900;font-size:1.05rem;padding:14px 16px 0}.topic-four p{padding:0 16px 16px;margin:6px 0 0;font-size:.83rem}
.keyword-map{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.keyword-map span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy)}.keyword-map .lg{font-size:1.25rem;background:var(--cyan-soft)}.keyword-map .xl{font-size:1.6rem;background:var(--navy);color:#fff}
.comment-flow{columns:2;column-gap:18px}.comment-flow article{break-inside:avoid;margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.comment-flow article>div{display:flex;justify-content:space-between;gap:12px}.comment-flow article>div span{font-size:.76rem;color:var(--cyan)}.comment-flow button{border:0;background:var(--bg-2);border-radius:999px;padding:6px 10px;font-size:.75rem}
.submit-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.submit-checks{display:grid;gap:10px}.submit-checks span{padding:12px 14px;border-radius:10px;background:var(--bg-2);font-size:.86rem}.submit-checks .button{justify-self:start;margin-top:8px}
.app-home-zone{background:linear-gradient(135deg,#10263a,#18324a 70%,#21495c);color:#fff}.device-stack{min-height:650px;position:relative;display:grid;place-items:center}.device-stack figure{position:absolute}.device-stack img{border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.device-main{width:380px;z-index:2}.device-one{width:210px;left:12%;top:100px;transform:rotate(-5deg)}.device-two{width:220px;right:14%;top:55px;transform:rotate(5deg)}.device-three{width:210px;right:7%;bottom:10px;transform:rotate(-3deg)}.device-stack figcaption{font-size:.73rem;color:#d9e6ec;margin-top:8px}.device-main figcaption{text-align:center}
.local-state-panel{display:flex;justify-content:space-between;gap:28px;align-items:center}.local-state-panel>div:first-child{max-width:800px}.local-state-panel>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.safety-home{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.safety-home img{aspect-ratio:3/2;border-radius:20px}.safety-home figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.safety-home ul{color:var(--text-2)}
.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px 18px}.faq-list summary{font-weight:850;cursor:pointer}.faq-list p{margin:12px 0 0;max-width:1000px}
.discover-close{background:var(--sand)}.discover-close>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.scene-links{display:flex;flex-wrap:wrap;gap:10px}.scene-links a{padding:12px 14px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;font-weight:800}.scene-links a.is-current{background:var(--navy);color:#fff}

/* Breaking */
.news-desk-hero{padding:64px 0 0;background:var(--surface)}
.news-focus-grid{display:grid;grid-template-columns:7fr 5fr;gap:44px;align-items:start}.news-focus-grid>div>img{width:100%;aspect-ratio:16/9;border-radius:18px}.news-focus-grid>div>small{display:block;color:var(--text-3);margin-top:8px}.news-focus-grid aside{padding-top:84px;border-top:4px solid var(--navy)}.news-focus-grid aside h2{font-size:1.5rem}.news-focus-grid aside a{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.news-focus-grid aside b{color:var(--cyan)}
.news-info-band{margin-top:54px;background:var(--navy);color:#fff}.news-info-band>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.news-info-band span{text-align:center;padding:16px;border-right:1px solid rgba(255,255,255,.14);font-size:.82rem}
.date-index{display:flex;gap:12px;flex-wrap:wrap}.date-index a{padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:800}
.compact-news article{display:grid;grid-template-columns:110px 1fr 150px;gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}.compact-news time{font-weight:900;color:var(--navy)}.compact-news h3{margin-bottom:6px}.compact-news p{margin-bottom:6px}.compact-news aside{display:grid;gap:8px;justify-items:start}.compact-news aside span{font-size:.78rem;color:var(--text-3)}
.magazine-note{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-left:26px;border-left:3px solid var(--navy)}.magazine-note>p{font-size:1.02rem}.magazine-note>p+p{grid-column:2}
.deep-read{background:var(--surface)}.deep-read>.wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:42px;align-items:center}.deep-read img{aspect-ratio:16/10;border-radius:18px}.deep-read figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}
.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.source-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.source-grid p{margin-bottom:0;font-size:.86rem}
.trend-bars{display:grid;gap:16px}.trend-bars article{display:grid;grid-template-columns:150px 1fr 160px;gap:16px;align-items:center}.trend-bars i{height:8px;background:linear-gradient(90deg,var(--cyan) var(--p),var(--line) var(--p));border-radius:99px}.trend-bars b{font-size:.82rem;color:var(--navy)}

/* Video */
.video-cinema-hero{padding:38px 0 60px;background:var(--navy-deep)}
.cinema-banner{position:relative;border-radius:22px;overflow:hidden}.cinema-banner img{width:100%;aspect-ratio:21/9;filter:brightness(.68)}.cinema-banner>div{position:absolute;left:42px;bottom:38px;color:#fff;max-width:700px}.cinema-banner p{color:#d3dee6}.cinema-banner h1{font-size:clamp(2.6rem,4.7vw,5rem)}
.genre-deck{display:grid;grid-template-columns:repeat(6,1fr);margin:-1px 28px 0;position:relative;z-index:2;background:#fff;border-radius:0 0 16px 16px;box-shadow:var(--shadow)}.genre-deck a{text-align:center;padding:18px 10px;font-weight:800;border-right:1px solid var(--line)}.genre-deck a:last-child{border-right:0}
.channel-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.channel-feature.reverse{grid-template-columns:1fr 1.2fr}.channel-feature.reverse figure{order:2}.channel-feature img{width:100%;aspect-ratio:16/10;border-radius:18px}.channel-feature figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.text-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.text-row span{font-size:.78rem;color:var(--text-3)}
.poster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.poster-grid article{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:22px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-right:22px}.poster-grid img{grid-row:1/5;width:100%;height:100%;aspect-ratio:3/4}.poster-grid article>span{font-size:.76rem;color:var(--cyan);font-weight:800;margin-top:20px}.poster-grid h3{margin:5px 0}.poster-grid p{font-size:.88rem}.poster-grid a{font-weight:800;font-size:.82rem;margin-bottom:18px}
.theater-strip{background:var(--navy-deep)}
.scene-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-cards article{padding:26px;border-radius:16px;background:#fff;border:1px solid var(--line)}.scene-cards p{margin:0}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.playlist-grid article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:16px}.playlist-grid b{font-size:2rem;color:var(--coral)}
.duration-tabs,.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap}.duration-tabs button,.ranking-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px}.duration-tabs button.is-selected,.ranking-tabs button.is-selected{background:var(--navy);color:#fff;border-color:var(--navy)}.duration-content{margin-top:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}
.rank-table a{display:grid;grid-template-columns:54px 1fr 220px 70px;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.rank-table b{color:var(--navy);font-size:1.2rem}.rank-table small{color:var(--text-3)}.rank-table em{font-style:normal;font-weight:900;color:var(--coral);text-align:right}

/* Shorts */
.shorts-studio-hero{padding:52px 0 0;background:#f1f4f5}.shorts-hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:26px}.short-main{position:relative;max-width:520px}.short-main img{width:100%;aspect-ratio:3/4;border-radius:20px}.short-main figcaption{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(10,27,42,.88);color:#fff;padding:22px;border-radius:14px}.short-main figcaption h1{font-size:2.5rem}.short-main figcaption p{color:#d6e1e8;margin:0}.short-side{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.short-side article{padding:24px;background:#fff;border:1px solid var(--line);min-height:210px;position:relative}.short-side b{font-size:2rem;color:var(--cyan)}.short-side span{font-size:.74rem;color:var(--text-3)}
.duration-ruler{margin-top:40px;background:var(--navy);color:#fff}.duration-ruler>.wrap{display:flex;align-items:center;gap:10px;height:48px}.duration-ruler i{height:1px;background:rgba(255,255,255,.35);flex:1}.duration-ruler span{font-size:.72rem;color:#bcd0da}
.two-column-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-column-notes article{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px}.two-column-notes.dark article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.two-column-notes.dark p{color:#cbd6dd}
.dance-panel{display:grid;grid-template-columns:380px 1fr;gap:38px;align-items:center}.dance-panel img{aspect-ratio:3/4;border-radius:18px}.dance-panel ul{color:var(--text-2)}
.visual-lab{background:var(--navy-deep);color:#fff}.visual-lab>.wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.visual-lab p{color:#cbd6dd}.experiment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.experiment-grid article{min-height:150px;border:1px solid rgba(255,255,255,.16);padding:24px;border-radius:14px;background:rgba(255,255,255,.04)}.experiment-grid b{display:block;color:#7fc0ce;font-size:1.4rem}.experiment-grid span{color:#fff}
.city-observe{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}.city-observe img{aspect-ratio:3/2;border-radius:16px}.city-observe figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.ruler-table{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.ruler-table>div{padding:24px;border-right:1px solid var(--line);background:#fff}.ruler-table>div:last-child{border-right:0}.ruler-table b{display:block;color:var(--navy);margin-bottom:6px}.ruler-table span{font-size:.85rem;color:var(--text-2)}

/* Vlog */
.vlog-diary-hero{padding:58px 0;background:#f5f1ea}.vlog-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}.vlog-hero-grid img{aspect-ratio:4/3;border-radius:8px;box-shadow:18px 18px 0 #e8e0d4}.vlog-hero-grid figcaption{font-size:.78rem;color:var(--text-3);margin-top:26px}.date-mark{display:block;font-size:4rem;font-weight:900;color:rgba(24,50,74,.12);line-height:1}.weather-block{display:inline-grid;margin-top:18px;padding:14px 18px;background:#e5eef1;border-radius:10px}.weather-block span{font-size:.82rem;color:var(--text-2)}
.diary-list article{display:grid;grid-template-columns:100px 1fr 220px;gap:22px;padding:20px 0;border-bottom:1px dashed var(--line-strong)}.diary-list time{font-weight:900;color:var(--coral)}.diary-list h3{margin:0 0 5px}.diary-list p{margin:0}.diary-list>article>span{font-size:.78rem;color:var(--text-3)}
.journal-spread{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}.journal-spread.reverse{grid-template-columns:1.15fr 1fr}.journal-spread img{aspect-ratio:3/2;border-radius:6px}.journal-spread blockquote{margin:26px 0 0;padding:18px 20px;border-left:3px solid var(--coral);background:#fff;color:var(--ink-2)}
.photo-clips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-clips article{min-height:230px;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:10px 10px 0 rgba(233,226,216,.65)}
.night-journal{background:#172a3b;color:#fff}.night-journal>.wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}.night-journal p{color:#cfdae1}.night-journal img{aspect-ratio:3/2;border-radius:14px}.night-journal figcaption{color:#aebfca;font-size:.78rem;margin-top:8px}.place-map{display:flex;flex-wrap:wrap;gap:14px}.place-map span{padding:18px 22px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--navy)}

/* Theater */
.page-theater{background:#eaf0f3}.theater-hero{padding:54px 0 0;background:#0a1b2a;color:#fff}.theater-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center}.theater-hero img{aspect-ratio:16/10;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.theater-hero figcaption{color:#9fb5c3;font-size:.78rem;margin-top:8px}.theater-hero p{color:#c5d3dc}.weekly-program{margin-top:50px;border-top:1px solid rgba(255,255,255,.12);background:#10263a}.weekly-program>.wrap{display:grid;grid-template-columns:repeat(5,1fr)}.weekly-program span{padding:16px;border-right:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#d5e0e6}.weekly-program b{display:block;color:#73bac9}.theater-light{background:#edf3f5}.theater-deep{background:#10263a;color:#fff}.theater-deep p{color:#c7d5dd}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.character-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.character-grid span{display:block;color:var(--cyan);font-size:.78rem}.character-grid p{margin-bottom:0;font-size:.86rem}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.world-grid>div{padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:14px}.world-grid b{display:block;color:#7dc1cf}.world-grid span{font-size:.84rem;color:#cbd7df}

/* Topic */
.topic-opening{padding:80px 0 110px;background:#fff}.topic-opening h1{max-width:950px}.topic-opening p{font-size:1.1rem;max-width:800px}.issue-no{display:block;color:var(--coral);font-weight:900;letter-spacing:.14em;margin-bottom:20px}
.topic-crosspage{padding:0 0 100px;background:#fff}.topic-crosspage>.wrap{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:end}.topic-crosspage figure{position:relative}.topic-crosspage img{aspect-ratio:16/10}.topic-crosspage figcaption{position:absolute;left:0;bottom:-28px;font-size:4rem;font-weight:900;color:rgba(24,50,74,.12)}.topic-crosspage blockquote{margin:22px 0;padding:18px;border-left:3px solid var(--coral);background:var(--bg)}
.topic-double-cover{padding:100px 0;background:var(--navy);color:#fff}.topic-double-cover>.wrap{display:grid;grid-template-columns:220px 1fr 1fr;gap:34px;align-items:center}.topic-double-cover img{aspect-ratio:3/4;max-height:720px}.vertical-title span{display:block;font-size:6rem;color:#71bac8;font-weight:900}.vertical-title p,.margin-note p{color:#cedae1}.margin-note{border-left:1px solid rgba(255,255,255,.2);padding-left:24px}.margin-note b{color:#82c7d6}
.topic-wrap-text{padding:100px 0;background:#f1f3f2}.topic-wrap-text>.wrap{max-width:1180px}.topic-wrap-text figure{float:left;width:54%;margin:0 38px 20px 0}.topic-wrap-text img{aspect-ratio:4/3}.topic-wrap-text figcaption{font-size:.75rem;color:var(--text-3);margin-top:6px}.topic-wrap-text article p{font-size:1rem}.interview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.interview-grid img{aspect-ratio:3/2;border-radius:14px}.interview-grid figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.topic-finale{padding:80px 0;background:#0a1b2a;color:#fff}.topic-finale>.wrap{position:relative}.topic-finale img{width:100%;aspect-ratio:16/8;filter:brightness(.62)}.topic-finale> .wrap>div{position:absolute;left:48px;bottom:40px;max-width:760px}.topic-finale p{color:#d0dce4}

/* Ranking */
.ranking-top{padding:62px 0;background:#fff}.ranking-top h1{margin-bottom:12px}.top10-board{margin-top:30px;border-top:3px solid var(--navy)}.top10-board a{display:grid;grid-template-columns:80px 1fr 90px 70px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.top10-board>a>b{font-size:2rem;color:var(--navy)}.top10-board h2{font-size:1.18rem;margin:0 0 5px}.top10-board span{font-size:.78rem;color:var(--text-3)}.top10-board strong{text-align:right;color:var(--coral)}.trend{font-style:normal;font-size:.78rem;font-weight:900}.trend.up{color:#2e7f79}.trend.flat{color:var(--slate)}.trend.down{color:var(--coral)}.blackhorse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blackhorse-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}.blackhorse-grid span{font-size:.78rem;color:var(--cyan);font-weight:800}

/* Community */
.community-banner{padding:56px 0;background:var(--surface)}.community-banner>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.community-banner img{aspect-ratio:16/10;border-radius:18px}.community-banner figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.community-workspace{padding:0 0 86px}.community-three{display:grid;grid-template-columns:210px 1fr 260px;gap:24px}.community-cats,.community-side section{position:sticky;top:120px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.community-cats a,.community-side a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.community-feed article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:14px}.community-feed header{display:flex;justify-content:space-between}.community-feed header span{font-size:.78rem;color:var(--cyan)}.community-feed footer{display:flex;gap:8px}.community-feed footer button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 10px}.community-side{display:grid;gap:14px}.community-side section{position:static}.community-side h2,.community-cats h2{font-size:1rem}.community-side p{font-size:.82rem}.community-tool{}

/* Discover, category, search, detail */
.discover-hero{padding:62px 0;background:linear-gradient(135deg,#fff,#edf3f5)}.discover-hero>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.discover-hero img{aspect-ratio:3/2;border-radius:18px}.discover-hero figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.tag-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tag-matrix a{padding:24px;border-radius:14px;background:#fff;border:1px solid var(--line)}.tag-matrix b{display:block;color:var(--navy)}.tag-matrix span{font-size:.8rem;color:var(--text-3)}.relation-map{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center}.relation-map img{aspect-ratio:3/2;border-radius:16px}.relation-map figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.relation-map>div{display:grid;gap:12px}.relation-map article{padding:18px;border-left:3px solid var(--cyan);background:#fff}.relation-map b{display:block;color:var(--navy)}.relation-map span{color:var(--text-2);font-size:.86rem}.scene-result{margin-top:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.breadcrumb ol{list-style:none;padding:0;margin:0 0 28px;display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;color:var(--text-3)}.breadcrumb li+li:before{content:"/";margin-right:18px}.category-head h1{margin-bottom:12px}.filter-bar{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.filter-bar label,.page-search-form label,.contact-form label{font-size:.76rem;font-weight:800;color:var(--text-2)}.pagination{display:flex;gap:8px;justify-content:center}.pagination a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.pagination a.is-current{background:var(--navy);color:#fff}.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.empty-state h2{font-size:1.6rem}.empty-state a{font-weight:800;color:var(--navy)}
.detail-head{padding:56px 0 26px;background:#fff}.detail-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.detail-title h1{margin-bottom:12px}.detail-title>div{max-width:950px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap}.detail-meta span{padding:6px 10px;border-radius:999px;background:var(--bg-2);font-size:.78rem}.detail-visual{padding-top:24px}.detail-visual img{width:100%;aspect-ratio:16/9;border-radius:20px}.detail-visual figcaption{font-size:.84rem;color:var(--text-3);margin-top:9px}.article-body{display:grid;grid-template-columns:1.5fr .7fr;gap:48px}.article-body aside{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.article-body aside h2{font-size:1.1rem}.article-body dl{display:grid;grid-template-columns:110px 1fr;gap:12px}.article-body dt{font-size:.78rem;color:var(--text-3)}.article-body dd{margin:0;font-weight:700}.not-found{text-align:center;padding:120px 0}.not-found h1{font-size:4rem}.not-found .scene-links{justify-content:center}
.search-page-head{padding:64px 0;background:var(--navy);color:#fff}.search-page-head p{color:#d0dae1}.page-search-form{display:grid;grid-template-columns:auto 1fr auto 220px auto;gap:10px;align-items:end;margin-top:26px}.page-search-form label{color:#c9d6de}.search-group{padding:20px 0 50px}.search-group+.search-group{border-top:1px solid var(--line)}

/* App */
.app-stage{padding:70px 0 90px;background:linear-gradient(135deg,#0a1b2a,#18324a 68%,#2d6777);color:#fff}.app-stage>.wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}.app-stage-copy p{color:#d1dce4;max-width:650px}.app-device-stage{height:680px;position:relative}.app-device-stage figure{position:absolute}.app-device-stage img{border-radius:24px;box-shadow:0 32px 70px rgba(0,0,0,.3)}.app-overview{width:320px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.phone-frame{width:230px;left:48%;top:12%;z-index:2}.floating-screen{width:190px;z-index:3}.floating-screen.left{left:3%;top:25%;transform:rotate(-6deg)}.floating-screen.right{right:2%;bottom:12%;transform:rotate(6deg)}.app-device-stage figcaption{font-size:.68rem;color:#d5e2e8;margin-top:6px}
.screen-rail{display:flex;gap:16px;overflow:auto;padding:4px 0 15px}.screen-rail article{flex:0 0 280px}.screen-rail img{width:100%;aspect-ratio:1/2;border-radius:22px;border:6px solid var(--navy-deep)}.screen-rail h3{margin:12px 0 5px}.screen-rail p{font-size:.82rem}
.app-split{display:grid;grid-template-columns:2fr 1fr;gap:44px;align-items:center}.app-split img{width:min(560px,100%);aspect-ratio:1/2;border-radius:28px;margin-inline:auto}.app-split figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.triple-phone{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1000px;margin-inline:auto}.triple-phone img{aspect-ratio:1/2;border-radius:26px;border:7px solid var(--navy-deep)}.triple-phone figcaption{text-align:center;margin-top:12px}.triple-phone b,.triple-phone span{display:block}.triple-phone span{font-size:.76rem;color:var(--text-3)}
.app-search-panel{background:var(--navy);color:#fff}.app-search-panel>.wrap{display:grid;grid-template-columns:1fr 480px;gap:48px;align-items:center}.app-search-panel p,.app-search-panel li{color:#d0dbe2}.app-search-panel img{aspect-ratio:1/1.88;border-radius:28px;max-height:700px}.favorite-drawer{display:grid;grid-template-columns:430px 1fr;gap:48px;align-items:center}.favorite-drawer img{aspect-ratio:1/1.92;border-radius:28px;max-height:720px}.favorite-drawer figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.capability-list{border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.capability-list>b{}.capability-list article>b{font-size:2rem;color:var(--cyan)}.capability-list h3{margin:0 0 5px}.capability-list p{margin:0 0 5px}.capability-list span{font-size:.78rem;color:var(--text-3)}

/* Browser */
.browser-manual-hero{padding:70px 0;background:#fff}.browser-manual-hero>.wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}.browser-window{position:relative;border:10px solid #dce5e9;border-radius:18px;background:#fff;box-shadow:var(--shadow-strong);overflow:hidden}.browser-window:before{content:"";display:block;height:32px;background:#edf2f4;border-bottom:1px solid var(--line)}.browser-window img{aspect-ratio:16/10}.callout{position:absolute;background:var(--cyan);color:#fff;padding:5px 8px;font-size:.7rem;border-radius:5px}.c1{top:18%;left:6%}.c2{top:45%;right:5%}.c3{bottom:7%;left:36%}.manual-copy h1{font-size:clamp(2.8rem,4.5vw,4.8rem)}
.manual-step{display:grid;grid-template-columns:1.35fr 1fr;gap:42px;align-items:center}.manual-step.reverse{grid-template-columns:1fr 1.35fr}.manual-step.reverse figure{order:2}.manual-step img{aspect-ratio:16/10;border:8px solid #dfe7ea;border-radius:16px}.manual-step figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.manual-step b{font-size:2.4rem;color:var(--cyan)}.parameter-matrix{border:1px solid var(--line);background:#fff}.parameter-matrix>div{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}.parameter-matrix>div:last-child{border-bottom:0}.parameter-matrix b{color:var(--navy)}.parameter-matrix span{color:var(--text-2)}.parameter-matrix em{font-style:normal;color:var(--cyan);font-size:.82rem}.privacy-drawer{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.privacy-drawer>div:last-child{display:grid;gap:10px}.privacy-drawer>div:last-child span{padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:10px}

/* Services */
.service-hero{padding:65px 0;background:#fff}.service-hero>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.service-hero img{aspect-ratio:3/2;border-radius:18px}.service-hero figcaption{font-size:.78rem;color:var(--text-3);margin-top:8px}.service-text-hero{padding:80px 0;background:linear-gradient(135deg,#fff,#edf2f4)}.service-text-hero>.wrap{max-width:980px}.principle-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.principle-list article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.principle-list b{color:var(--cyan);font-size:1.4rem}.principle-list p{font-size:.84rem;margin-bottom:0}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.status-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.status-grid p{font-size:.82rem;margin:12px 0 0}.privacy-flow{display:flex;align-items:center;gap:10px}.privacy-flow article{flex:1;padding:22px;border:1px solid var(--line);background:#fff;border-radius:12px;min-height:130px}.privacy-flow article b{display:block;font-size:2rem;color:var(--cyan)}.privacy-flow i{font-style:normal;color:var(--text-3)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label:nth-child(3){grid-column:1/3}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.form-note{font-size:.8rem;margin-top:14px}.brand-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-timeline article{padding:20px;border-top:3px solid var(--navy);background:#fff}.brand-timeline time{font-size:2rem;color:var(--cyan);font-weight:900}.brand-timeline p{font-size:.82rem;margin-bottom:0}

/* Footer */
.site-footer{background:var(--bg-2);border-top:2px solid var(--navy)}
.footer-main{padding:60px 0 44px}.footer-brand{display:grid;grid-template-columns:180px 1fr 1.2fr;gap:28px;align-items:start;padding-bottom:38px;border-bottom:1px solid var(--line)}.footer-brand .tag{display:inline-flex;justify-self:start;padding:7px 10px;background:var(--cyan-soft);color:#276879;border-radius:999px;font-weight:900}.footer-brand h2{font-size:1.4rem}.footer-brand p{margin:0}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:34px}.footer-grid h3{font-size:.92rem}.footer-grid a{display:block;padding:5px 0;color:var(--text-2);font-size:.86rem}.footer-bottom{background:#fff;border-top:1px solid var(--line)}.footer-bottom>.wrap{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.76rem;color:var(--text-3)}

@media (max-width:1200px){
  .primary-nav a{padding-inline:8px;font-size:.84rem}.header-link{display:none}
  .short-wall{grid-template-columns:repeat(3,1fr)}.short-tile.offset-1,.short-tile.offset-2{margin-top:0}
  .topic-four{grid-template-columns:repeat(2,1fr)}.week-calendar{grid-template-columns:repeat(4,1fr)}
  .principle-list,.status-grid{grid-template-columns:repeat(3,1fr)}
  .community-three{grid-template-columns:180px 1fr}.community-side{grid-column:1/3;grid-template-columns:repeat(3,1fr)}
}
@media (max-width:992px){
  .wrap{width:min(calc(100% - 34px),var(--wrap))}.section-shell{padding:68px 0}
  .primary-nav{display:none}.menu-button{display:flex}.header-actions{margin-left:auto}
  .hero-editorial,.news-focus-grid,.channel-feature,.channel-feature.reverse,.theater-spread>.wrap,.compare-layout,.safety-home,.discover-hero>.wrap,.relation-map,.service-hero>.wrap,.community-banner>.wrap,.browser-manual-hero>.wrap,.app-stage>.wrap{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-visual{max-width:760px}.mini-float-row{grid-template-columns:1fr;transform:none;margin-top:24px}.channel-metrics{padding-top:30px}
  .today-bar{align-items:flex-start;flex-direction:column}.today-numbers{width:100%}.collage-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.collage-large{grid-column:1/3;grid-row:auto}.collage-grid>article:nth-child(4){grid-column:auto}
  .grid-2plus1{grid-template-columns:1fr 1fr}.feature-text{grid-column:1/3}.card-grid.three{grid-template-columns:repeat(2,1fr)}.compact-pick-grid{grid-template-columns:repeat(2,1fr)}.category-matrix{grid-template-columns:repeat(2,1fr)}.step-cards{grid-template-columns:repeat(2,1fr)}.topic-four{grid-template-columns:repeat(2,1fr)}
  .source-grid,.character-grid,.world-grid{grid-template-columns:repeat(2,1fr)}.compact-news article,.editorial-list article{grid-template-columns:64px 1fr}.compact-news aside,.editorial-list aside{grid-column:2}.deep-read>.wrap{grid-template-columns:1fr}.poster-grid{grid-template-columns:1fr}.genre-deck{grid-template-columns:repeat(3,1fr)}
  .shorts-hero-grid{grid-template-columns:1fr}.short-main{margin-inline:auto}.short-side{grid-template-columns:repeat(2,1fr)}.visual-lab>.wrap,.journal-spread,.journal-spread.reverse,.night-journal>.wrap,.topic-crosspage>.wrap,.interview-grid,.manual-step,.manual-step.reverse,.app-split,.app-search-panel>.wrap,.favorite-drawer{grid-template-columns:1fr}.manual-step.reverse figure,.journal-spread.reverse figure{order:0}
  .vlog-hero-grid,.theater-hero-grid{grid-template-columns:1fr}.weekly-program>.wrap{grid-template-columns:repeat(3,1fr)}.topic-double-cover>.wrap{grid-template-columns:160px 1fr}.topic-double-cover .margin-note{grid-column:1/3}.topic-wrap-text figure{float:none;width:100%;margin:0 0 25px}
  .community-workspace{padding-top:40px}.community-three{grid-template-columns:1fr}.community-cats{position:static;display:flex;gap:8px;overflow:auto}.community-cats h2{display:none}.community-cats a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 12px}.community-side{grid-column:auto;grid-template-columns:repeat(3,1fr)}
  .page-search-form{grid-template-columns:1fr 1fr}.page-search-form label{align-self:end}.page-search-form button{grid-column:1/3}.article-body{grid-template-columns:1fr}.parameter-matrix>div{grid-template-columns:1fr 1fr}.parameter-matrix em{grid-column:1/3}.app-device-stage{height:620px}.triple-phone{gap:14px}.principle-list,.status-grid,.brand-timeline{grid-template-columns:repeat(2,1fr)}
  .footer-brand{grid-template-columns:1fr 1fr}.footer-brand p{grid-column:1/3}
}
@media (max-width:768px){
  body{padding-bottom:68px}.channel-guide{height:28px}.guide-track{justify-content:flex-start;overflow:hidden}.guide-track span:nth-child(n+3){display:none}.header-inner{height:64px}.brand small{display:none}.icon-button{font-size:0;width:42px;padding:0}.icon-button:after{content:"⌕";font-size:1.25rem}.mobile-menu-grid{grid-template-columns:repeat(2,1fr)}
  .mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:900;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a,.mobile-bottom button{min-height:58px;display:grid;place-items:center;border:0;background:transparent;font-size:.75rem;color:var(--ink-2)}.back-top{bottom:82px;right:16px}
  h1{font-size:clamp(2.2rem,11vw,4rem)}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:2rem}.hero-copy h1{font-size:clamp(2.5rem,12vw,4.6rem)}
  .metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid a:nth-child(2){border-right:0}.today-numbers{grid-template-columns:repeat(2,1fr)}.collage-grid{display:block}.collage-grid>*{margin-bottom:14px}.grid-2plus1{grid-template-columns:1fr}.feature-text{grid-column:auto}.short-wall{grid-template-columns:repeat(2,1fr)}.widescreen-card{min-height:470px}.widescreen-card img{height:470px;aspect-ratio:auto}.widescreen-card>div{left:22px;right:22px;bottom:24px}.progress-board,.dual-ranking,.two-column-notes,.scene-cards,.playlist-grid,.photo-clips,.ruler-table{grid-template-columns:1fr}.week-calendar{grid-template-columns:repeat(2,1fr)}.comment-flow{columns:1}.submit-panel{grid-template-columns:1fr;padding:26px}.device-stack{min-height:560px}.device-main{width:280px}.device-one{width:160px;left:0}.device-two{width:160px;right:0}.device-three{width:150px;right:0}.local-state-panel{align-items:flex-start;flex-direction:column}.discover-close>.wrap{align-items:flex-start;flex-direction:column}
  .news-focus-grid aside{padding-top:20px}.news-info-band>.wrap{grid-template-columns:repeat(2,1fr)}.timeline-list article{grid-template-columns:92px 1fr}.timeline-list article:before{display:none}.timeline-list>article>span{grid-column:2}.trend-bars article{grid-template-columns:110px 1fr}.trend-bars b{grid-column:2}.genre-deck{margin-inline:0}.poster-grid article{grid-template-columns:140px 1fr}.theater-strip .media-card{min-width:280px}
  .short-side{grid-template-columns:1fr}.dance-panel,.city-observe{grid-template-columns:1fr}.visual-lab>.wrap{grid-template-columns:1fr}.experiment-grid{grid-template-columns:1fr 1fr}.diary-list article{grid-template-columns:70px 1fr}.diary-list>article>span{grid-column:2}.weekly-program>.wrap{display:flex;overflow:auto}.weekly-program span{min-width:160px}.character-grid,.world-grid{grid-template-columns:1fr 1fr}.topic-double-cover>.wrap{grid-template-columns:1fr}.topic-double-cover .margin-note{grid-column:auto}.vertical-title{display:flex;align-items:baseline;gap:20px}.vertical-title span{font-size:4rem}.topic-finale> .wrap>div{left:20px;right:20px;bottom:18px}.topic-finale img{min-height:520px;aspect-ratio:auto}
  .top10-board a{grid-template-columns:58px 1fr 60px}.top10-board strong{grid-column:2;text-align:left}.blackhorse-grid{grid-template-columns:1fr}.community-side{grid-template-columns:1fr}.page-search-form{grid-template-columns:1fr}.page-search-form button{grid-column:auto}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar button{grid-column:1/3}.detail-title{align-items:flex-start;flex-direction:column}.rank-table a{grid-template-columns:46px 1fr 54px}.rank-table small{grid-column:2}.app-device-stage{height:540px}.floating-screen.left{left:0}.floating-screen.right{right:0}.triple-phone{grid-template-columns:1fr;max-width:360px}.principle-list,.status-grid,.brand-timeline{grid-template-columns:1fr 1fr}.privacy-flow{display:grid;grid-template-columns:1fr}.privacy-flow i{transform:rotate(90deg);justify-self:center}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(3){grid-column:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-template-columns:1fr}.footer-brand p{grid-column:auto}.footer-bottom>.wrap{align-items:flex-start;flex-direction:column;padding:14px 0}
}
@media (max-width:520px){
  .wrap{width:min(calc(100% - 24px),var(--wrap))}.section-shell{padding:56px 0}.brand b{font-size:.95rem}.header-actions{gap:6px}.mobile-menu-grid{grid-template-columns:1fr 1fr;gap:18px}.search-dialog{padding:22px}.search-form>div{grid-template-columns:1fr}.search-form button{width:100%}
  .hero-editorial{gap:20px}.hero-visual figcaption{position:static;background:var(--navy);border-radius:0 0 12px 12px}.hero-visual img{border-radius:16px 16px 0 0}.today-numbers{grid-template-columns:1fr 1fr}.editorial-list article,.compact-news article{grid-template-columns:44px 1fr;gap:12px}.rank-no{font-size:1.5rem}.short-wall{grid-template-columns:1fr 1fr;gap:10px}.short-tile p{display:none}.card-grid.three,.card-grid.two,.compact-pick-grid,.category-matrix,.source-grid,.character-grid,.world-grid{grid-template-columns:1fr}.step-cards{grid-template-columns:1fr}.topic-four{grid-template-columns:1fr}.week-calendar{grid-template-columns:1fr 1fr}.device-stack{min-height:440px}.device-main{width:220px}.device-one,.device-two,.device-three{width:120px}.news-info-band>.wrap{grid-template-columns:1fr 1fr}.genre-deck{grid-template-columns:repeat(2,1fr)}.poster-grid article{grid-template-columns:110px 1fr}.poster-grid p{display:none}.experiment-grid{grid-template-columns:1fr}.diary-list article{grid-template-columns:58px 1fr}.character-grid,.world-grid{grid-template-columns:1fr}.topic-crosspage{padding-bottom:60px}.topic-finale img{min-height:560px}.community-cats{margin-inline:-12px;padding-inline:12px;border-left:0;border-right:0;border-radius:0}.filter-bar{grid-template-columns:1fr}.filter-bar button{grid-column:auto}.parameter-matrix>div{grid-template-columns:1fr}.parameter-matrix em{grid-column:auto}.app-device-stage{height:390px}.app-overview{width:190px}.phone-frame{width:130px}.floating-screen{width:105px}.favorite-drawer figure{max-width:330px;margin-inline:auto}.principle-list,.status-grid,.brand-timeline{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.scene-links a{width:100%}.ruler-table>div{border-right:0;border-bottom:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
