/* 자동 생성 — pilot/tools/make_editorial_type.py 가 css/style.css 에서 만든다. 손으로 고치지 않는다.
   style.css 의 글자 크기·줄 간격·모서리·여백을 디자인 시스템 눈금(css/editorial.css 맨 위 토큰)에 맞춘다.
   에디토리얼 목업(editorial.html) 전용. 실제 앱(index.html)은 이 파일을 부르지 않는다. */
html[data-skin="editorial"] .theme-btn { font-size: var(--fs-body); line-height: 1; padding: 4px 8px; }
html[data-skin="editorial"] .theme-btn .tb-ic { font-size: var(--fs-body); line-height: 1; }
html[data-skin="editorial"] .theme-btn .tb-tx { font-size: var(--fs-caption); margin-left: 8px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .theme-btn { font-size: var(--fs-body-lg); margin-left: auto; padding: 8px 8px; }
  html[data-skin="editorial"] .theme-btn .tb-tx { font-size: var(--fs-micro); margin-left: 4px; }
}
html[data-skin="editorial"] body { font-size: var(--fs-body-lg); line-height: var(--lh-body); }
html[data-skin="editorial"] .topbar { gap: 16px; padding: 8px 16px; }
html[data-skin="editorial"] .topbar .brand { font-size: var(--fs-body-lg); gap: 8px; }
html[data-skin="editorial"] .topbar .brand small { margin-left: 0; }
html[data-skin="editorial"] .topbar nav { gap: 4px; margin-right: auto; }
html[data-skin="editorial"] .topbar nav a { font-size: var(--fs-label); padding: 4px 12px; }
html[data-skin="editorial"] .topbar nav .nav-div { margin: 3px 8px; }
html[data-skin="editorial"] .lock-ic,
html[data-skin="editorial"] .topbar nav a.locked::before,
html[data-skin="editorial"] .chapter-note.locked .cn-head::before { margin-right: .3em; }
html[data-skin="editorial"] .topbar nav a.locked::before { margin-right: 4px; }
html[data-skin="editorial"] .nav-tracklabel { font-size: var(--fs-micro); padding: 3px 8px; margin: 0 2px 0 8px; }
html[data-skin="editorial"] .mob-btn { font-size: var(--fs-label); padding: 4px 12px; }
html[data-skin="editorial"] body.msim .fb-btn { padding: 8px 16px; }
html[data-skin="editorial"] .wrap { margin: 0 auto; padding: 28px 20px 88px; }
html[data-skin="editorial"] h1.page { font-size: var(--fs-headline); margin-bottom: 8px; }
html[data-skin="editorial"] .stage-desc { font-size: var(--fs-label); line-height: var(--lh-snug); margin: 0 0 8px; }
html[data-skin="editorial"] p.sub { font-size: var(--fs-body); margin-bottom: 24px; }
html[data-skin="editorial"] .card { padding: 24px 24px; margin-bottom: 16px; }
html[data-skin="editorial"] .card h2 { font-size: var(--fs-subtitle); margin-bottom: 12px; }
html[data-skin="editorial"] .card h3 { font-size: var(--fs-body-lg); margin: 16px 0 8px; }
html[data-skin="editorial"] .guide-toggle { gap: 8px; margin-bottom: 24px; }
html[data-skin="editorial"] .gt-btn { font-size: var(--fs-label); padding: 8px 24px; }
html[data-skin="editorial"] .guide-sec p { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .guide-sec p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .guide-oneline { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
html[data-skin="editorial"] .guide-oneline b { margin: 0 4px; }
html[data-skin="editorial"] .guide-tracks { gap: 12px; margin-top: 16px; }
html[data-skin="editorial"] .guide-tracks-full { gap: 0; }
html[data-skin="editorial"] .guide-track { padding: 16px 0 4px; }
html[data-skin="editorial"] .guide-track:first-child { padding-top: 0; }
html[data-skin="editorial"] .guide-track-hd { gap: 8px; }
html[data-skin="editorial"] .guide-track-hd b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .guide-track-sub { font-size: var(--fs-micro); }
html[data-skin="editorial"] .guide-track-line { font-size: var(--fs-label); margin-top: 3px; }
html[data-skin="editorial"] .guide-track-full .guide-track-line-lg { font-size: var(--fs-body); margin: 4px 0 8px; }
html[data-skin="editorial"] .guide-track-full p { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .guide-track-full p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .guide-books { gap: 24px; margin-top: 16px; }
html[data-skin="editorial"] .guide-books-col h4 { font-size: var(--fs-micro); margin: 0 0 8px; }
html[data-skin="editorial"] .guide-books-col ul { margin: 0; padding: 0; }
html[data-skin="editorial"] .guide-books-col li { font-size: var(--fs-label); line-height: var(--lh-body); }
html[data-skin="editorial"] .gb-no { font-size: var(--fs-micro); }
html[data-skin="editorial"] .guide-flow-line { margin: 16px 0; padding: 12px 16px; }
html[data-skin="editorial"] .guide-eg { font-size: var(--fs-label); line-height: var(--lh-body); padding: 12px 16px; margin-top: 16px; }
html[data-skin="editorial"] .guide-flow { margin: 12px 0 0; padding-left: 24px; }
html[data-skin="editorial"] .guide-flow li { font-size: var(--fs-body); line-height: var(--lh-body); margin-bottom: 12px; }
html[data-skin="editorial"] .guide-flow li:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .guide-cta { margin-top: 16px; }
html[data-skin="editorial"] .guide-toc { padding: 16px 16px; margin-bottom: 24px; }
html[data-skin="editorial"] .guide-toc-hd { font-size: var(--fs-micro); margin-bottom: 8px; }
html[data-skin="editorial"] .guide-toc-list { gap: 1px; }
html[data-skin="editorial"] .guide-toc-item { font-size: var(--fs-label); border-radius: var(--r-sm); padding: 8px 8px; gap: 12px; }
html[data-skin="editorial"] .guide-toc-item b { font-size: var(--fs-micro); }
html[data-skin="editorial"] .guide-group { margin-bottom: 8px; }
html[data-skin="editorial"] .guide-group-hd { gap: 12px; margin: 40px 0 16px; }
html[data-skin="editorial"] .guide-group:first-child .guide-group-hd { margin-top: 4px; }
html[data-skin="editorial"] .guide-group-no { font-size: var(--fs-label); }
html[data-skin="editorial"] .guide-group-title { font-size: var(--fs-body); }
html[data-skin="editorial"] .guide-eg-tracks { margin-top: 16px; }
html[data-skin="editorial"] .guide-eg-track { padding: 20px 0 4px; }
html[data-skin="editorial"] .guide-eg-track:first-child { padding-top: 0; }
html[data-skin="editorial"] .guide-eg-track-hd { gap: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .guide-eg-track-hd b { font-size: var(--fs-body); }
html[data-skin="editorial"] .guide-eg-track-hd span { font-size: var(--fs-caption); }
html[data-skin="editorial"] .guide-eg-steps { margin: 0 0 8px; padding-left: 20px; }
html[data-skin="editorial"] .guide-eg-steps li { font-size: var(--fs-caption); line-height: var(--lh-body); }
html[data-skin="editorial"] .guide-eg-track p { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .ment { padding: 20px 24px; margin-bottom: 24px; }
html[data-skin="editorial"] .ment .who { font-size: var(--fs-caption); margin-bottom: 8px; }
html[data-skin="editorial"] .ment p { font-size: var(--fs-body-lg); margin-bottom: 8px; }
html[data-skin="editorial"] .ment p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .stage-list { gap: 12px; margin-bottom: 16px; }
html[data-skin="editorial"] .stage { gap: 16px; padding: 16px 20px; }
html[data-skin="editorial"] .stage .num { font-size: var(--fs-body); }
html[data-skin="editorial"] .stage .t b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .stage .t span { font-size: var(--fs-label); }
html[data-skin="editorial"] .stage .t .unit-time { font-size: var(--fs-caption); margin-top: 4px; }
html[data-skin="editorial"] .marks-fold > summary { font-size: var(--fs-body); }
html[data-skin="editorial"] .marks-fold[open] > summary { margin-bottom: 8px; }
html[data-skin="editorial"] .marks-list { margin: 0; padding: 0; }
html[data-skin="editorial"] .marks-list li { font-size: var(--fs-label); line-height: var(--lh-snug); padding: 8px 0; }
html[data-skin="editorial"] .marks-list .marks-ch { font-size: var(--fs-micro); }
html[data-skin="editorial"] .marks-list .drawer-badge { margin-right: 8px; }
html[data-skin="editorial"] .toc-no { margin-right: 4px; }
html[data-skin="editorial"] .mark-count { margin: 8px 0; }
html[data-skin="editorial"] .stage .badge { font-size: var(--fs-caption); }
html[data-skin="editorial"] .home-hero { padding: 16px 0 2px; margin-bottom: 32px; }
html[data-skin="editorial"] .fp-rule { margin: 0 auto; }
html[data-skin="editorial"] .fp-brand { line-height: 1; margin: 32px auto 8px; }
html[data-skin="editorial"] .fp-title { font-size: var(--fs-body-lg); line-height: var(--lh-tight); margin: 0 0 4px; }
html[data-skin="editorial"] .fp-title-en { font-size: var(--fs-body-lg); line-height: var(--lh-tight); margin: 0 0 32px; }
html[data-skin="editorial"] .fp-sub { font-size: var(--fs-caption); line-height: var(--lh-body); margin: 0 auto 48px; }
html[data-skin="editorial"] .fp-sub span + span { margin-top: 4px; }
@media (max-width: 720px) {
  html[data-skin="editorial"] .fp-brand { margin-top: 24px; }
  html[data-skin="editorial"] .fp-sub { padding: 0 8px; margin-bottom: 40px; }
}
html[data-skin="editorial"] .site-footer { margin-top: 48px; padding: 32px 20px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .site-footer { margin-top: 32px; padding: 24px 16px; }
}
html[data-skin="editorial"] .prog-head { gap: 16px; margin: 0 0 16px; padding-top: 16px; }
html[data-skin="editorial"] .prog-kicker { font-size: var(--fs-micro); }
html[data-skin="editorial"] .prog-head h2 { font-size: var(--fs-title); margin: 0; }
html[data-skin="editorial"] .prog-head p { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .gbar { gap: 12px; margin: 0 0 16px; padding-bottom: 2px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .gbar { gap: 8px; margin: 0 0 16px; }
}
html[data-skin="editorial"] .shelf { gap: 16px; margin-top: 4px; }
html[data-skin="editorial"] .prog-card { gap: 8px; padding: 16px 16px 16px; }
html[data-skin="editorial"] .prog-card .pc-kicker { font-size: var(--fs-micro); }
html[data-skin="editorial"] .prog-card b { font-size: var(--fs-subtitle); line-height: var(--lh-tight); }
html[data-skin="editorial"] .prog-card .pc-medium { font-size: var(--fs-caption); }
html[data-skin="editorial"] .prog-card .pc-blurb { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .prog-card .pc-state { font-size: var(--fs-caption); margin-top: auto; padding-top: 8px; }
html[data-skin="editorial"] .pc-tbd { font-size: var(--fs-micro); padding: 1px 8px; }
html[data-skin="editorial"] .program-hero { padding: 24px 24px 16px; margin: 12px 0 16px; }
html[data-skin="editorial"] .program-hero h1 { font-size: var(--fs-headline); margin: 8px 0 8px; }
html[data-skin="editorial"] .program-hero .kv { margin-top: 8px; }
html[data-skin="editorial"] .track-grid { gap: 16px; }
html[data-skin="editorial"] .track-card { padding: 24px 24px; }
html[data-skin="editorial"] .tk-head { gap: 8px; padding-bottom: 12px; margin-bottom: 16px; }
html[data-skin="editorial"] .tk-head b { font-size: var(--fs-title); }
html[data-skin="editorial"] .tk-meta { font-size: var(--fs-caption); }
html[data-skin="editorial"] .tk-tagline { font-size: var(--fs-label); margin-left: auto; }
html[data-skin="editorial"] .tk-cols { gap: 8px 32px; }
html[data-skin="editorial"] .tk-intro { font-size: var(--fs-body); margin-bottom: 8px; }
html[data-skin="editorial"] .tk-tasks { font-size: var(--fs-label); margin: 8px 0; }
html[data-skin="editorial"] .tk-tasks b { font-size: var(--fs-caption); margin-bottom: 4px; }
html[data-skin="editorial"] .tk-tasks ul { padding-left: 16px; }
html[data-skin="editorial"] .tk-tasks li { margin-bottom: 2px; }
html[data-skin="editorial"] .tk-book { font-size: var(--fs-label); padding-top: 8px; margin-top: 8px; }
html[data-skin="editorial"] .tk-sec { margin-top: 16px; }
html[data-skin="editorial"] .tk-col .tk-sec:first-child { margin-top: 0; }
html[data-skin="editorial"] .tk-sec > b { font-size: var(--fs-label); margin-bottom: 8px; }
html[data-skin="editorial"] .vol-wrap { gap: 8px; margin-bottom: 12px; }
html[data-skin="editorial"] .vol-row { gap: 8px; }
html[data-skin="editorial"] .vol-label { font-size: var(--fs-micro); }
html[data-skin="editorial"] .vol-grid { gap: 4px; }
html[data-skin="editorial"] .vol-cell { font-size: var(--fs-micro); line-height: var(--lh-tight); padding: 8px 4px; }
html[data-skin="editorial"] .vol-n { font-size: var(--fs-micro); }
html[data-skin="editorial"] .vol-book { font-size: var(--fs-micro); margin-top: 2px; }
html[data-skin="editorial"] .vol-eng { font-size: 8.5px; }
html[data-skin="editorial"] .vol-auth { font-size: 9.5px; margin-top: 1px; }
html[data-skin="editorial"] .vol-cell.current > b { font-size: var(--fs-micro); }
html[data-skin="editorial"] .vol-cell.current .frac { font-size: var(--fs-micro); }
html[data-skin="editorial"] .review-band { gap: 8px 16px; padding: 16px 20px; }
html[data-skin="editorial"] .review-band b { font-size: var(--fs-body); }
html[data-skin="editorial"] .review-band span { font-size: var(--fs-label); }
html[data-skin="editorial"] .vhc-inner { padding: 0 18px 15px; }
html[data-skin="editorial"] .vhc-head { gap: 14px; margin: 0 -18px; padding: 10px 18px; }
html[data-skin="editorial"] .vhc-titles { gap: 6px; }
html[data-skin="editorial"] .vhc-vol,
html[data-skin="editorial"] .vhc-name { font-size: 14.5px; line-height: 1.2; }
html[data-skin="editorial"] .vhc-meta { font-size: 10.5px; }
html[data-skin="editorial"] .vhc-prog { gap: 8px; }
html[data-skin="editorial"] .vhc-prog > span { font-size: 11px; }
html[data-skin="editorial"] .vhc-blurb { font-size: 12px; line-height: 1.65; margin: 11px 0 0; }
html[data-skin="editorial"] .vhc-sec { margin-top: 9px; }
html[data-skin="editorial"] .vhc-sec > b { font-size: 11px; }
html[data-skin="editorial"] .vhc-sec p { font-size: 11.5px; line-height: 1.6; margin: 2px 0 0; }
html[data-skin="editorial"] .vhc-tasks { font-size: 11.5px; line-height: 1.58; margin: 3px 0 0; padding-left: 16px; }
html[data-skin="editorial"] .status-line { font-size: var(--fs-label); gap: 8px; padding: 8px 16px; margin-bottom: 4px; }
html[data-skin="editorial"] .course-top { padding: 16px 20px; }
html[data-skin="editorial"] .course-subrow { gap: 16px; margin-bottom: 8px; }
html[data-skin="editorial"] .course-subrow .sub { margin: 0; }
html[data-skin="editorial"] .course-subrow .course-back { margin-left: auto; }
html[data-skin="editorial"] .read-layout { gap: 24px; }
html[data-skin="editorial"] .toc-toggle { font-size: var(--fs-body); padding: 12px 16px; }
html[data-skin="editorial"] .toc { padding: 16px; }
html[data-skin="editorial"] .toc .part { font-size: var(--fs-micro); margin: 16px 0 4px; }
html[data-skin="editorial"] .toc .part:first-child { margin-top: 0; }
html[data-skin="editorial"] .toc a { font-size: var(--fs-label); gap: 8px; padding: 4px 8px; }
html[data-skin="editorial"] .toc .toc-locked { gap: 8px; padding: 4px 8px; }
html[data-skin="editorial"] .mark-hint { font-size: var(--fs-body); line-height: var(--lh-body); gap: 12px; padding: 16px 16px; margin-bottom: 24px; }
html[data-skin="editorial"] .chapter-nav { margin-top: 24px; gap: 8px; }
html[data-skin="editorial"] .memo-box { margin-top: 24px; padding-top: 16px; }
html[data-skin="editorial"] .memo-box label { font-size: var(--fs-body); margin-bottom: 8px; }
html[data-skin="editorial"] .memo-box .hint { font-size: var(--fs-caption); margin-bottom: 8px; }
html[data-skin="editorial"] .chapter-note { margin-top: 24px; padding: 24px 24px; }
html[data-skin="editorial"] .chapter-note .cn-head { font-size: var(--fs-caption); margin-bottom: 8px; }
html[data-skin="editorial"] .chapter-note h3 { font-size: var(--fs-body-lg); margin-bottom: 12px; }
html[data-skin="editorial"] .chapter-note p { font-size: var(--fs-body); line-height: var(--lh-read); margin-bottom: 8px; }
html[data-skin="editorial"] .chapter-note p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] textarea,
html[data-skin="editorial"] input[type="text"],
html[data-skin="editorial"] input[type="number"],
html[data-skin="editorial"] select { font-size: var(--fs-body-lg); padding: 8px 12px; }
html[data-skin="editorial"] textarea { line-height: var(--lh-read); }
html[data-skin="editorial"] .field { margin-bottom: 16px; }
html[data-skin="editorial"] .field > label { font-size: var(--fs-body); margin-bottom: 8px; }
html[data-skin="editorial"] .field .hint { font-size: var(--fs-caption); margin-top: 4px; }
html[data-skin="editorial"] .field label.field-sub { font-size: var(--fs-caption); margin-bottom: 4px; }
html[data-skin="editorial"] .row { gap: 12px; }
html[data-skin="editorial"] .btn { font-size: var(--fs-body); padding: 8px 20px; }
html[data-skin="editorial"] .btn.small { font-size: var(--fs-label); padding: 8px 12px; }
html[data-skin="editorial"] .btn-row { gap: 8px; margin-top: 20px; }
html[data-skin="editorial"] .submitted-note { font-size: var(--fs-label); }
html[data-skin="editorial"] .grade { font-size: var(--fs-body); padding: 12px 16px; margin-top: 8px; }
html[data-skin="editorial"] .grade .g-note { line-height: var(--lh-body); }
html[data-skin="editorial"] .grade .g-note p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .aux-sum .as-row { padding: 8px 0 2px; }
html[data-skin="editorial"] .aux-sum .as-row:first-of-type { padding-top: 2px; }
html[data-skin="editorial"] .aux-sum .as-part { font-size: var(--fs-label); margin-bottom: 2px; }
html[data-skin="editorial"] .aux-sum .as-wrong { font-size: var(--fs-body); margin: 4px 0 0; }
html[data-skin="editorial"] .aux-sum .as-wrong a { padding: 2px 1px; }
html[data-skin="editorial"] .commentary .model { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 16px 16px; margin: 8px 0; }
html[data-skin="editorial"] .commentary .demo { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 16px 16px; margin: 8px 0; }
html[data-skin="editorial"] .commentary .diag { font-size: var(--fs-body); margin: 8px 0 20px; }
html[data-skin="editorial"] .commentary .tag { font-size: var(--fs-caption); padding: 2px 8px; margin-right: 8px; }
html[data-skin="editorial"] .ln-list { margin: 4px 0 16px; padding: 0; }
html[data-skin="editorial"] .ln-list li { line-height: var(--lh-read); padding-left: 1.1em; margin-bottom: 4px; }
html[data-skin="editorial"] .ln-list li:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .ln-quote { line-height: var(--lh-read); margin: 8px 0 16px; padding: 12px 16px; }
html[data-skin="editorial"] .ln-ind { padding-left: 1.4em; }
html[data-skin="editorial"] .wrap.commentary .card > p:not(.kv) { line-height: var(--lh-read); margin-bottom: 12px; }
html[data-skin="editorial"] .wrap.commentary .card > h2:not(:first-child) { margin-top: 28px; padding-top: 16px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .wrap.commentary .ln-list li,
  html[data-skin="editorial"] .wrap.commentary .ln-quote { font-size: var(--fs-body-lg); }
  html[data-skin="editorial"] .ln-quote { padding: 12px 12px; }
}
html[data-skin="editorial"] .kv { font-size: var(--fs-label); margin-bottom: 4px; }
html[data-skin="editorial"] .qt-sum { margin: 4px 0 0; }
html[data-skin="editorial"] .qt-sum b { margin-right: 8px; }
html[data-skin="editorial"] .qt-go { padding: 0; }
html[data-skin="editorial"] .qt-note { margin-top: 8px; }
html[data-skin="editorial"] .notif-banner { font-size: var(--fs-body); gap: 8px; padding: 12px 16px; margin-bottom: 16px; }
html[data-skin="editorial"] .roster-row { gap: 16px; padding: 16px 20px; margin-bottom: 12px; }
html[data-skin="editorial"] .roster-item { margin-bottom: 12px; }
html[data-skin="editorial"] .roster-item .roster-row { margin-bottom: 0; }
html[data-skin="editorial"] .rr-name { gap: 2px; }
html[data-skin="editorial"] .rr-name b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .rr-pending { font-size: var(--fs-micro); padding: 2px 8px; margin-top: 3px; }
html[data-skin="editorial"] .todo { padding: 16px 16px 8px; margin-bottom: 16px; }
html[data-skin="editorial"] .todo h2 { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .todo > .kv { margin: 4px 0 8px; }
html[data-skin="editorial"] .todo-row { gap: 12px; padding: 8px 12px; margin-bottom: 8px; }
html[data-skin="editorial"] .todo-row b { font-size: var(--fs-body); }
html[data-skin="editorial"] .todo-where { font-size: var(--fs-label); }
html[data-skin="editorial"] .todo-when { font-size: var(--fs-caption); margin-left: auto; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .todo-when { margin-left: 0; }
}
html[data-skin="editorial"] .rr-role { font-size: var(--fs-micro); padding: 2px 8px; margin-top: 3px; }
html[data-skin="editorial"] .todo-row .rr-role { margin-top: 0; }
html[data-skin="editorial"] .rr-info { font-size: var(--fs-caption); gap: 2px; }
html[data-skin="editorial"] .rr-prog { gap: 8px; margin-left: auto; }
html[data-skin="editorial"] .rr-chip { font-size: var(--fs-caption); padding: 3px 12px; }
html[data-skin="editorial"] .rr-controls { margin: 4px 0 12px; }
html[data-skin="editorial"] .rr-groups { margin-bottom: 8px; }
html[data-skin="editorial"] .rr-gtab { font-size: var(--fs-body); padding: 8px 16px; }
html[data-skin="editorial"] .rr-find { gap: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .rr-find input { font-size: var(--fs-body); padding: 8px 8px; }
html[data-skin="editorial"] .rr-find select { font-size: var(--fs-label); padding: 8px 8px; }
html[data-skin="editorial"] .rr-filters { gap: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .rr-ftab { font-size: var(--fs-caption); padding: 4px 12px; }
html[data-skin="editorial"] .rr-hint { margin: 0 0 8px; }
html[data-skin="editorial"] .rr-empty { margin: 8px 0 16px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .rr-find input { font-size: var(--fs-body-lg); }
  html[data-skin="editorial"] .rr-gtab { padding: 8px 12px; }
}
html[data-skin="editorial"] .prog-table { font-size: var(--fs-label); }
html[data-skin="editorial"] .prog-table th { font-size: var(--fs-caption); padding: 8px 8px; }
html[data-skin="editorial"] .prog-table td { padding: 8px 8px; }
html[data-skin="editorial"] .read-guide { margin: 16px 0 8px; padding: 12px 16px 16px; }
html[data-skin="editorial"] .rg-title { font-size: var(--fs-label); margin-bottom: 8px; }
html[data-skin="editorial"] .read-guide p { font-size: var(--fs-body); line-height: var(--lh-read); margin-bottom: .45em; }
html[data-skin="editorial"] .read-guide p:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .rg-fold > summary,
html[data-skin="editorial"] .mh-fold > summary { gap: 8px; }
html[data-skin="editorial"] .rg-fold > summary::before,
html[data-skin="editorial"] .mh-fold > summary::before { margin: 0 2px 0 2px; }
html[data-skin="editorial"] .rg-fold:not([open]) > summary.rg-title { margin-bottom: 0; }
html[data-skin="editorial"] .rg-fold:not([open]) { padding-bottom: 12px; }
html[data-skin="editorial"] .mh-fold > div { margin-top: 8px; }
html[data-skin="editorial"] .bc-cta { gap: 8px 16px; }
html[data-skin="editorial"] .bc-cta p { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .task-guide { margin: 0 0 16px; }
html[data-skin="editorial"] .replica { padding: 4px 16px 8px; margin: 16px 0 8px; }
html[data-skin="editorial"] .replica h3 { font-size: var(--fs-body); margin: 16px 0 8px; }
html[data-skin="editorial"] .replica h3:first-child { margin-top: 12px; }
html[data-skin="editorial"] .replica .ment { padding: 16px 16px; margin-bottom: 16px; }
html[data-skin="editorial"] .replica-note { font-size: var(--fs-label); margin: -4px 0 12px 8px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .rr-prog { margin-left: 0; }
}
html[data-skin="editorial"] .sel-preview { font-size: var(--fs-body); line-height: var(--lh-read); margin-top: 8px; padding: 12px 16px; }
html[data-skin="editorial"] .fb-wait { font-size: var(--fs-body); }
html[data-skin="editorial"] .fb-body { font-size: var(--fs-body); line-height: var(--lh-read); padding: 16px 16px; margin-bottom: 8px; }
html[data-skin="editorial"] .fb-letters { gap: 16px; margin-top: 8px; }
html[data-skin="editorial"] .fb-letter { padding: 0 20px 16px; margin: 16px 0; }
html[data-skin="editorial"] .fb-letter-head { gap: 4px 8px; margin: 0 -20px 16px; padding: 12px 20px 8px; }
html[data-skin="editorial"] .fb-letter-head b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .fb-letter-where { font-size: var(--fs-caption); }
html[data-skin="editorial"] .fb-letter-when { font-size: var(--fs-caption); margin-left: auto; }
html[data-skin="editorial"] .fb-letter-body { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
html[data-skin="editorial"] .fb-letter-foot { gap: 12px; margin-top: 16px; padding-top: 12px; }
html[data-skin="editorial"] .fb-letter-done { font-size: var(--fs-label); }
html[data-skin="editorial"] .fb-letter-link { font-size: var(--fs-label); margin-left: auto; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .fb-letter { padding: 0 16px 16px; }
  html[data-skin="editorial"] .fb-letter-head { margin: 0 -16px 12px; padding: 8px 16px 8px; }
  html[data-skin="editorial"] .fb-letter-when { margin-left: 0; }
  html[data-skin="editorial"] .fb-letter-body { font-size: var(--fs-body-lg); }
  html[data-skin="editorial"] .fb-letter-link { margin-left: 0; }
}
html[data-skin="editorial"] .teacher-box { margin-top: 16px; padding-top: 12px; }
html[data-skin="editorial"] .teacher-box > label { font-size: var(--fs-label); margin-bottom: 8px; }
html[data-skin="editorial"] .fb-btn { font-size: var(--fs-body); padding: 12px 20px; }
html[data-skin="editorial"] .settings { font-size: var(--fs-label); }
html[data-skin="editorial"] .settings label { gap: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .empty { font-size: var(--fs-body); padding: 8px 0; }
html[data-skin="editorial"] pre.export-preview { font-size: var(--fs-caption); padding: 16px; }
@media (max-width: 900px) {
  html[data-skin="editorial"] .topbar nav { margin-left: 0; }
  html[data-skin="editorial"] .topbar nav a { padding: 8px 12px; }
  html[data-skin="editorial"] .wrap { padding: 24px 16px 84px; }
  html[data-skin="editorial"] .card { padding: 16px 20px; }
  html[data-skin="editorial"] .tk-head b { font-size: var(--fs-title); }
  html[data-skin="editorial"] .tk-tagline { margin-left: 0; }
  html[data-skin="editorial"] .vol-hovercard { margin-top: 8px; }
  html[data-skin="editorial"] .btn.small { padding: 8px 16px; }
}
@media (hover: none) {
  html[data-skin="editorial"] .empty a,
  html[data-skin="editorial"] p.kv a { padding: 8px 2px; margin: -8px 0; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .topbar { padding: 8px 12px; gap: 8px; }
  html[data-skin="editorial"] .topbar .brand { font-size: var(--fs-body); }
  html[data-skin="editorial"] .topbar nav a { font-size: var(--fs-label); padding: 8px 8px; }
  html[data-skin="editorial"] .wrap { padding: 20px 16px 80px; }
  html[data-skin="editorial"] h1.page { font-size: var(--fs-title); }
  html[data-skin="editorial"] .card { padding: 16px; }
  html[data-skin="editorial"] .track-card { padding: 16px; }
  html[data-skin="editorial"] .track-grid { gap: 16px; }
  html[data-skin="editorial"] .tk-head { gap: 4px 8px; padding-bottom: 8px; margin-bottom: 16px; }
  html[data-skin="editorial"] .tk-head b { font-size: var(--fs-subtitle); }
  html[data-skin="editorial"] .tk-meta { font-size: var(--fs-caption); }
  html[data-skin="editorial"] .tk-tagline { font-size: var(--fs-label); }
  html[data-skin="editorial"] .vol-row { gap: 4px; }
  html[data-skin="editorial"] .vol-label { font-size: var(--fs-micro); }
  html[data-skin="editorial"] .vol-book { line-height: var(--lh-tight); }
  html[data-skin="editorial"] .vol-cell { padding: 8px 4px; }
  html[data-skin="editorial"] .status-line { font-size: var(--fs-label); padding: 8px 12px; }
  html[data-skin="editorial"] .tk-sec { margin-top: 16px; }
  html[data-skin="editorial"] .tk-intro { font-size: var(--fs-label); }
  html[data-skin="editorial"] .ment { padding: 16px; }
  html[data-skin="editorial"] .vol-label { font-size: var(--fs-micro); }
  html[data-skin="editorial"] .commentary .model,
  html[data-skin="editorial"] .commentary .demo { padding: 12px 16px; }
  html[data-skin="editorial"] .fb-btn { font-size: var(--fs-label); padding: 8px 16px; }
  html[data-skin="editorial"] textarea,
  html[data-skin="editorial"] input[type="text"],
  html[data-skin="editorial"] input[type="number"],
  html[data-skin="editorial"] input[type="password"],
  html[data-skin="editorial"] select { font-size: var(--fs-body-lg); }
  html[data-skin="editorial"] .wrap { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  html[data-skin="editorial"] .btn { font-size: var(--fs-body); padding: 8px 16px; }
  html[data-skin="editorial"] .stage { padding: 12px 16px; gap: 12px; }
  html[data-skin="editorial"] .stage .badge { font-size: var(--fs-micro); line-height: var(--lh-snug); }
}
html[data-skin="editorial"] .para-heading { margin: 32px 0 8px; }
html[data-skin="editorial"] .sec-no { border-radius: var(--r-sm); padding: 1px 8px; margin-right: 8px; }
html[data-skin="editorial"] .m6-sn { line-height: 1; margin-right: 3px; }
html[data-skin="editorial"] .drawer-badge { margin-right: 8px; }
html[data-skin="editorial"] .sym-pop { border-radius: var(--r-lg); padding: 8px; gap: 4px; }
html[data-skin="editorial"] .sym-pop button { border-radius: var(--r-md); padding: 8px 8px; }
html[data-skin="editorial"] .sym-pop button small { margin-top: 2px; }
html[data-skin="editorial"] .g1-group { border-radius: var(--r-lg); padding: 16px 16px 8px; margin-bottom: 16px; }
html[data-skin="editorial"] .bs-case { padding: 12px; }
html[data-skin="editorial"] .bs-books { gap: 4px; padding: 0 14px; }
html[data-skin="editorial"] .bs-label { font-size: 8.5px; padding: 0 7px; }
html[data-skin="editorial"] .bs-spine { padding: 0 3px; }
html[data-skin="editorial"] .bs-n { font-size: 9.5px; margin-top: 5px; padding: 2px 0 1px; }
html[data-skin="editorial"] .bs-mid { gap: 3px; padding: 6px 0 3px; }
html[data-skin="editorial"] .bs-t { font-size: 11px; line-height: 1.1; }
html[data-skin="editorial"] .bs-t.l7 { font-size: 9.5px; }
html[data-skin="editorial"] .bs-t.l9 { font-size: 8.5px; }
html[data-skin="editorial"] .bs-t.l11 { font-size: 7.5px; }
html[data-skin="editorial"] .bs-e { font-size: 7.5px; }
html[data-skin="editorial"] .bs-a { font-size: 8.5px; margin-top: 2px; padding: 2px 0 3px; }
html[data-skin="editorial"] .bs-foot { margin-bottom: 4px; }
html[data-skin="editorial"] .bs-spine.adv .bs-n { margin-top: 10px; }
html[data-skin="editorial"] .bs-frac { font-size: 9px; padding: 1px 0; }
html[data-skin="editorial"] .bs-spine.done .bs-foot::after { font-size: 8.5px; }
html[data-skin="editorial"] .bs-cover { padding: 7px; }
html[data-skin="editorial"] .bs-cv-top { font-size: 9.5px; margin: 5px 5px 0; padding: 6px 4px 5px; }
html[data-skin="editorial"] .bs-cv-art { margin: 6px 5px 0; }
html[data-skin="editorial"] .bs-cv-orn { font-size: 10px; gap: 8px; margin: 8px 14px 0; }
html[data-skin="editorial"] .bs-cv-body { margin: 0 5px; padding: 4px 6px; }
html[data-skin="editorial"] .bs-cv-n { font-size: 10px; }
html[data-skin="editorial"] .bs-cv-t { font-size: 21px; line-height: 1.22; margin-top: 4px; }
html[data-skin="editorial"] .bs-cv-e { font-size: 11px; margin-top: 5px; }
html[data-skin="editorial"] .bs-cv-rule { margin: 9px 0 7px; }
html[data-skin="editorial"] .bs-cv-a { font-size: 12px; }
html[data-skin="editorial"] .bs-cv-sub { font-size: 9px; margin-top: 4px; }
html[data-skin="editorial"] .bs-cv-foot { font-size: 8.5px; margin: 0 5px 5px; padding: 0 2px; }
html[data-skin="editorial"] .bs-cv-grade { padding: 1px 5px; }
html[data-skin="editorial"] .tk-foot { margin-top: auto; padding-top: 16px; gap: 8px; }
html[data-skin="editorial"] .tk-foot .status-line { margin-bottom: 0; }
html[data-skin="editorial"] .bs-bv-head { gap: 8px; }
html[data-skin="editorial"] .bs-bv-head b { font-size: 17px; }
html[data-skin="editorial"] .bs-bv-meta { font-size: 11.5px; }
html[data-skin="editorial"] .bs-bv-prog { font-size: 11.5px; gap: 8px; margin: 8px 0 10px; }
html[data-skin="editorial"] .bs-bv-blurb { font-size: 13px; line-height: 1.7; margin: 0; }
html[data-skin="editorial"] .bs-bv-sec { margin-top: 10px; }
html[data-skin="editorial"] .bs-bv-sec > b { font-size: 12px; }
html[data-skin="editorial"] .bs-bv-sec p { font-size: 12.5px; line-height: 1.65; margin: 2px 0 0; }
html[data-skin="editorial"] .bs-bv-tasks { font-size: 12.5px; line-height: 1.6; margin: 3px 0 0; padding-left: 16px; }
html[data-skin="editorial"] .bs-bv-foot { gap: 8px; margin-top: 14px; }
html[data-skin="editorial"] .bs-bv-foot .bs-locked { font-size: 12.5px; }
html[data-skin="editorial"] .bs-bv-gate { margin-top: 14px; padding: 10px 12px; }
html[data-skin="editorial"] .bs-bv-gate .vol-gate { font-size: 13px; line-height: 1.55; margin: 0 0 8px; }
html[data-skin="editorial"] .bs-bv-gate .vol-gate:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  html[data-skin="editorial"] .bs-cv-t { font-size: 17px; }
  html[data-skin="editorial"] .bs-books { padding: 0 10px; }
  html[data-skin="editorial"] .bs-t { font-size: 10.5px; }
  html[data-skin="editorial"] .bs-t.l7 { font-size: 9px; }
  html[data-skin="editorial"] .bs-t.l9 { font-size: 8px; }
  html[data-skin="editorial"] .bs-t.l11 { font-size: 7.2px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .fp-sub,
  html[data-skin="editorial"] p.kv,
  html[data-skin="editorial"] .hint,
  html[data-skin="editorial"] .guide-track-principle,
  html[data-skin="editorial"] .guide-sec p,
  html[data-skin="editorial"] .prog-card p,
  html[data-skin="editorial"] .pc-blurb,
  html[data-skin="editorial"] .program-hero p,
  html[data-skin="editorial"] .tk-desc p { font-size: var(--fs-body); }
  html[data-skin="editorial"] .bs-bv-blurb,
  html[data-skin="editorial"] .bs-bv-sec p { font-size: 14px; }
  html[data-skin="editorial"] .tk-intro { font-size: var(--fs-body); }
  html[data-skin="editorial"] .theme-btn .tb-tx,
  html[data-skin="editorial"] .prog-kicker,
  html[data-skin="editorial"] .pc-kicker,
  html[data-skin="editorial"] .guide-track-sub,
  html[data-skin="editorial"] .nav-tracklabel,
  html[data-skin="editorial"] .guide-toc-hd { font-size: var(--fs-caption); }
  html[data-skin="editorial"] .guide h4 { font-size: var(--fs-caption); }
  html[data-skin="editorial"] .course-subrow { gap: 8px; }
  html[data-skin="editorial"] .vol-n,
  html[data-skin="editorial"] .vol-book { font-size: var(--fs-caption); }
  html[data-skin="editorial"] .vol-label { font-size: var(--fs-micro); }
  html[data-skin="editorial"] .vol-eng { font-size: 9.5px; }
  html[data-skin="editorial"] label:has(> input[type="radio"]),
  html[data-skin="editorial"] label:has(> input[type="checkbox"]) { padding: 8px 0; gap: 8px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .topbar nav { margin-right: 0; }
}
@media (max-width: 900px) {
  html[data-skin="editorial"] .tk-foot { margin-top: 0; margin-bottom: 16px; padding-top: 0; }
  html[data-skin="editorial"] .bs-bv-foot { margin: 4px 0 14px; }
  html[data-skin="editorial"] .bs-bv-gate { margin: 0 0 10px; }
}
html[data-skin="editorial"] .mfold { margin: 0 0 16px; }
html[data-skin="editorial"] .mfold > summary { font-size: var(--fs-body); padding: 12px 16px; gap: 8px; }
html[data-skin="editorial"] .mfold > summary::before { margin-left: 2px; }
html[data-skin="editorial"] .mfold > :not(summary) { margin: 0 !important; }
html[data-skin="editorial"] .mfold > .tk-desc { padding: 16px; }
@media (max-width: 900px) {
  html[data-skin="editorial"] body[data-route="course"] .stage-list { margin-bottom: 16px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .topbar { padding: 8px 16px 0; gap: 8px 8px; }
  html[data-skin="editorial"] .theme-btn { font-size: var(--fs-label); padding: 4px 8px; }
  html[data-skin="editorial"] .theme-btn .tb-tx { font-size: var(--fs-micro); margin-left: 4px; }
  html[data-skin="editorial"] .topbar nav { gap: 8px; padding: 8px 0 8px; margin: 0 -16px; padding-left: 16px; padding-right: 16px; }
  html[data-skin="editorial"] .topbar nav a { font-size: var(--fs-label); padding: 8px 12px; }
  html[data-skin="editorial"] .topbar nav .nav-tracklabel { font-size: var(--fs-caption); padding: 0 4px 0 0; }
  html[data-skin="editorial"] .wrap { padding: 16px 16px 96px; }
  html[data-skin="editorial"] .card { padding: 16px 16px; margin-bottom: 16px; }
  html[data-skin="editorial"] .card h2 { font-size: var(--fs-subtitle); margin-bottom: 8px; }
  html[data-skin="editorial"] h1.page { font-size: var(--fs-title); line-height: var(--lh-tight); margin-bottom: 8px; }
  html[data-skin="editorial"] p.sub,
  html[data-skin="editorial"] .sub { font-size: var(--fs-body); line-height: var(--lh-snug); }
  html[data-skin="editorial"] .stage-list { gap: 8px; }
  html[data-skin="editorial"] .stage { column-gap: 12px; row-gap: 8px; padding: 12px 16px 12px; }
  html[data-skin="editorial"] .stage .num { font-size: var(--fs-label); }
  html[data-skin="editorial"] .stage .t b { font-size: var(--fs-body-lg); line-height: var(--lh-tight); }
  html[data-skin="editorial"] .stage .t span { font-size: var(--fs-caption); line-height: var(--lh-snug); margin-top: 2px; }
  html[data-skin="editorial"] .stage .badge { font-size: var(--fs-caption); padding: 3px 8px; }
  html[data-skin="editorial"] .stage.done .badge { padding-left: 0; }
  html[data-skin="editorial"] .btn:not(.small):not(.ghost) { font-size: var(--fs-body-lg); padding: 12px 16px; }
  html[data-skin="editorial"] .btn.ghost:not(.small) { padding: 12px 16px; }
  html[data-skin="editorial"] .btn-row { gap: 8px; }
  html[data-skin="editorial"] .btn-row .btn { margin: 0; }
  html[data-skin="editorial"] .track-card { padding: 16px 16px 16px; }
  html[data-skin="editorial"] .tk-head { gap: 8px 8px; margin-bottom: 12px; }
  html[data-skin="editorial"] .tk-head b { font-size: var(--fs-title); }
  html[data-skin="editorial"] .tk-tagline { font-size: var(--fs-label); }
  html[data-skin="editorial"] .tk-foot .status-line { font-size: var(--fs-label); padding: 2px 0 0; margin: 0; }
  html[data-skin="editorial"] .tk-foot { gap: 8px; }
  html[data-skin="editorial"] input[type="text"],
  html[data-skin="editorial"] input[type="password"],
  html[data-skin="editorial"] input[type="number"],
  html[data-skin="editorial"] input[type="date"],
  html[data-skin="editorial"] select { padding: 8px 12px; }
  html[data-skin="editorial"] textarea { line-height: var(--lh-snug); }
  html[data-skin="editorial"] label { font-size: var(--fs-body); }
  html[data-skin="editorial"] .fb-btn { font-size: var(--fs-label); padding: 8px 12px; }
  html[data-skin="editorial"] .mfold > summary { padding: 12px 16px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .gbar { gap: 8px; margin-bottom: 24px; padding-bottom: 0; }
  html[data-skin="editorial"] .track-grid { gap: 32px; }
}
@media (max-width: 900px) {
  html[data-skin="editorial"] .wrap { padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .topbar { padding-top: calc(8px + env(safe-area-inset-top, 0px)); padding-left: calc(14px + env(safe-area-inset-left, 0px)); padding-right: calc(14px + env(safe-area-inset-right, 0px)); }
  html[data-skin="editorial"] .topbar nav { margin-left: calc(-14px - env(safe-area-inset-left, 0px)); margin-right: calc(-14px - env(safe-area-inset-right, 0px)); padding-left: calc(14px + env(safe-area-inset-left, 0px)); padding-right: calc(14px + env(safe-area-inset-right, 0px)); }
  html[data-skin="editorial"] .wrap { padding-left: calc(14px + env(safe-area-inset-left, 0px)); padding-right: calc(14px + env(safe-area-inset-right, 0px)); padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
  html[data-skin="editorial"] .track-grid,
  html[data-skin="editorial"] .gbar { margin-left: 0; margin-right: 0; }
}
@media (max-width: 900px) {
  html[data-skin="editorial"] .read-bar { gap: 8px; margin: 0 0 12px; padding: 8px 0; }
  html[data-skin="editorial"] .read-size { gap: 8px; }
  html[data-skin="editorial"] .read-size button { font-size: var(--fs-body); padding: 0 8px; }
  html[data-skin="editorial"] .read-size button small { font-size: var(--fs-caption); margin-left: 1px; }
  html[data-skin="editorial"] .read-layout .toc { margin-bottom: 12px; }
  html[data-skin="editorial"] textarea { line-height: var(--lh-body); }
}
html[data-skin="editorial"] .guide-toggle { margin-bottom: 16px; }
html[data-skin="editorial"] .guide .guide-toggle + .sub { margin-bottom: 16px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .guide-toggle { gap: 8px; }
}
html[data-skin="editorial"] .fp-title-en small { font-size: var(--fs-label); margin-left: 8px; }
html[data-skin="editorial"] .fp-motto { font-size: var(--fs-body-lg); line-height: var(--lh-snug); margin: -16px 0 24px; }
@media (max-width: 720px) {
  html[data-skin="editorial"] .fp-title-en small { margin: 4px 0 0; }
  html[data-skin="editorial"] .fp-motto { font-size: var(--fs-body); margin: -16px 0 24px; }
}
html[data-skin="editorial"] .gi-shot { margin: 16px 0 40px; }
html[data-skin="editorial"] .gi-shot + p,
html[data-skin="editorial"] .gi-grid + p { margin-top: 0; }
html[data-skin="editorial"] .gi-grid { gap: 16px; margin: 16px 0 40px; }
html[data-skin="editorial"] .gi-grid .gi-shot { margin: 0; }
html[data-skin="editorial"] .gi-hero h2,
html[data-skin="editorial"][data-variant="atrium"] .gi-hero h2 { font-size: var(--fs-headline) !important; line-height: var(--lh-snug) !important; }
html[data-skin="editorial"] .gi-woes { margin: 4px 0 16px; }
html[data-skin="editorial"] .guide-sec .gi-woes p { padding: 8px 16px; margin: 0 0 8px; }
html[data-skin="editorial"] .gi-quote { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 16px 16px; margin: 8px 0; }
html[data-skin="editorial"] .guide-sec p.gi-fine { font-size: var(--fs-label); }
html[data-skin="editorial"] .gi-pick { gap: 8px; margin: 8px 0 12px; }
html[data-skin="editorial"] .gi-opt { font-size: var(--fs-body); line-height: var(--lh-body); padding: 12px 16px; }
html[data-skin="editorial"] .gi-opt b { margin-bottom: 4px; }
html[data-skin="editorial"] .gi-ans { margin: 4px 0 0; }
html[data-skin="editorial"] .gi-ans summary { padding: 8px 16px; }
html[data-skin="editorial"] .gi-ans > div { padding: 0 16px 12px; }
html[data-skin="editorial"] .gi-steps p b { margin-right: 4px; }
html[data-skin="editorial"] .gi-ex { font-size: var(--fs-caption); padding: 1px 8px; margin: 0 0 4px; }
html[data-skin="editorial"] .gi-letter { margin: 8px 0 16px; }
html[data-skin="editorial"] .gi-lh { font-size: var(--fs-label); padding: 8px 12px; }
html[data-skin="editorial"] .gi-lh b { font-size: var(--fs-body); margin-left: 4px; }
html[data-skin="editorial"] .gi-lb { padding: 12px 16px; }
html[data-skin="editorial"] .guide-sec .gi-lb p { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .guide-sec .gi-lb p:last-child { margin: 0; }
html[data-skin="editorial"] .gi-fold,
html[data-skin="editorial"][data-variant="atrium"] .gi-fold { padding: 0 !important; }
html[data-skin="editorial"] .gi-fold > summary { padding: 16px 32px 16px 0; }
html[data-skin="editorial"] .gi-ft { font-size: var(--fs-title); line-height: var(--lh-snug); }
html[data-skin="editorial"] .gi-fl { font-size: var(--fs-label); line-height: var(--lh-snug); margin-top: 4px; }
html[data-skin="editorial"] .gi-fb { padding: 0 0 24px; }
html[data-skin="editorial"] .guide-sec p.gi-lead2 { font-size: var(--fs-body); margin: 24px 0 4px; }
html[data-skin="editorial"] .gi-facts { font-size: var(--fs-body); line-height: var(--lh-read); padding: 12px 16px; margin: 12px 0 4px; }
html[data-skin="editorial"] .gi-trio > div { margin: 0 0 8px; }
html[data-skin="editorial"] .gi-trio .gi-tl { font-size: var(--fs-caption); padding: 8px 16px 0; }
html[data-skin="editorial"] .gi-trio .gi-tb { font-size: var(--fs-body); line-height: var(--lh-read); padding: 4px 16px 12px; }
html[data-skin="editorial"] .gi-q2 .gi-opt { margin: 0 0 8px; }
html[data-skin="editorial"] .guide-sec p.gi-q2-lead { margin-top: 24px; }
html[data-skin="editorial"] .gi-unl { padding: 16px 16px 16px; margin: 16px 0 8px; }
html[data-skin="editorial"] .gi-unl b { font-size: var(--fs-title); line-height: var(--lh-snug); margin-bottom: 8px; }
html[data-skin="editorial"] .gi-unl span { font-size: var(--fs-body); line-height: var(--lh-body); }
html[data-skin="editorial"] .gi-unl.gi-unl-s { padding: 12px 16px; }
html[data-skin="editorial"] .gi-unl.gi-unl-s b { font-size: var(--fs-subtitle); margin: 0; }
html[data-skin="editorial"] .guide-sec.gx-card,
html[data-skin="editorial"][data-variant="atrium"] .guide-sec.gx-card { padding: 24px 24px !important; margin: 0 0 16px !important; }
html[data-skin="editorial"] details.gx-card,
html[data-skin="editorial"][data-variant="atrium"] details.gx-card { padding: 0 24px !important; }
html[data-skin="editorial"] .gx-card > h2 { margin-top: 0 !important; }
@media (max-width: 600px) {
  html[data-skin="editorial"] .guide-sec.gx-card,
  html[data-skin="editorial"][data-variant="atrium"] .guide-sec.gx-card { padding: 24px 16px !important; }
  html[data-skin="editorial"] details.gx-card,
  html[data-skin="editorial"][data-variant="atrium"] details.gx-card { padding: 0 16px !important; }
}
html[data-skin="editorial"] .gx-woes { gap: 8px; }
html[data-skin="editorial"] .guide-sec .gx-woes p { border-radius: var(--r-md); margin: 0; padding: 12px 16px 12px 36px; }
html[data-skin="editorial"] .gx-woes p::before { font-size: var(--fs-display); line-height: 1; }
html[data-skin="editorial"] .gx-powers-box,
html[data-skin="editorial"] .gx-why { margin: 4px 0 16px; }
html[data-skin="editorial"] .read-guide ul.gx-powers { margin: 8px 0 0; padding: 0; }
html[data-skin="editorial"] .read-guide ul.gx-powers li { font-size: var(--fs-body-lg); padding: 4px 0 4px 24px; }
html[data-skin="editorial"] .gx-quiz .gi-opt { border-radius: var(--r-md); }
html[data-skin="editorial"] .gx-quiz .gi-opt b { font-size: var(--fs-caption); margin: 0 8px 8px 0; }
html[data-skin="editorial"] .gx-quiz .gi-ans,
html[data-skin="editorial"] .gi-trio > div { border-radius: var(--r-md); }
html[data-skin="editorial"] .ment.gx-letter { margin: 8px 0 16px; }
@media (min-width: 700px) {
  html[data-skin="editorial"] .gx-chat .gi-trio { gap: 8px; }
  html[data-skin="editorial"] .gx-chat .gi-trio > div { margin: 0; }
}
html[data-skin="editorial"] .gx-stages { margin: 8px 0 16px; gap: 8px; }
html[data-skin="editorial"] .gx-stages .stage { border-radius: var(--r-md); gap: 16px; padding: 16px 16px; }
html[data-skin="editorial"] .gx-stages .stage .num { font-size: var(--fs-label); }
html[data-skin="editorial"] .gx-stages .stage .t b { font-size: var(--fs-body-lg); margin-bottom: 2px; }
html[data-skin="editorial"] .gx-stages .stage .t span { font-size: var(--fs-body); line-height: var(--lh-body); }
html[data-skin="editorial"] .gi-unl { border-radius: var(--r-md); }
html[data-skin="editorial"] .gi-shot figcaption { font-size: var(--fs-caption); line-height: var(--lh-snug); padding: 8px 12px 8px; }
html[data-skin="editorial"] .pp-tray { padding: 14px 14px 12px; }
html[data-skin="editorial"] .pp-bins { gap: 14px; }
html[data-skin="editorial"] .pp-bin { padding: 12px 10px 0; }
html[data-skin="editorial"] .pp-bin-label { font-size: 8.5px; padding: 0 7px; }
html[data-skin="editorial"] .pp-paper { padding: 7px 9px 0; }
html[data-skin="editorial"] .pp-j { font-size: 8px; padding-left: 8px; }
html[data-skin="editorial"] .pp-t { font-size: 12px; line-height: 1.15; margin-top: 1px; }
html[data-skin="editorial"] .pp-a { font-size: 8.5px; margin-top: 2px; }
html[data-skin="editorial"] .pp-n { font-size: 8px; }
html[data-skin="editorial"] .pp-lines { margin: 10px 0 0; }
html[data-skin="editorial"] .pp-paper.done .pp-stamp { font-size: 7px; padding: 1px 4px; }
html[data-skin="editorial"] .pp-clip { border-radius: 4px; }
html[data-skin="editorial"] .pp-clip::after { border-radius: 2px; }
html[data-skin="editorial"] .pp-frac { font-size: 8.5px; }
html[data-skin="editorial"] .pp-page { padding: 14px 16px 12px; }
html[data-skin="editorial"] .pp-pg-band { font-size: 7.5px; padding-bottom: 5px; }
html[data-skin="editorial"] .pp-pg-head { padding: 14px 6px 10px; }
html[data-skin="editorial"] .pp-pg-n { font-size: 8.5px; }
html[data-skin="editorial"] .pp-pg-t { font-size: 17px; line-height: 1.3; margin-top: 5px; }
html[data-skin="editorial"] .pp-pg-e { font-size: 10px; margin-top: 4px; }
html[data-skin="editorial"] .pp-pg-a { font-size: 10.5px; margin-top: 9px; }
html[data-skin="editorial"] .pp-pg-af { font-size: 8px; margin-top: 2px; }
html[data-skin="editorial"] .pp-pg-abs { font-size: 8.5px; line-height: 1.55; margin: 10px 8px 0; }
html[data-skin="editorial"] .pp-pg-abs b { font-size: 7.5px; margin-bottom: 2px; }
html[data-skin="editorial"] .pp-pg-kw { font-size: 7.5px; margin: 6px 8px 0; }
html[data-skin="editorial"] .pp-pg-kw b { margin-right: 4px; }
html[data-skin="editorial"] .pp-pg-body { margin: 10px 8px 0; gap: 10px; }
html[data-skin="editorial"] .pp-pg-foot { font-size: 7.5px; margin-top: 8px; }
html[data-skin="editorial"] .pp-pg-grade { padding: 1px 5px; }
html[data-skin="editorial"] .pp-v-head { gap: 8px; }
html[data-skin="editorial"] .pp-v-head b { font-size: 17px; }
html[data-skin="editorial"] .pp-v-meta { font-size: 11.5px; }
html[data-skin="editorial"] .pp-v-prog { font-size: 11.5px; gap: 8px; margin: 8px 0 10px; }
html[data-skin="editorial"] .pp-v-blurb { font-size: 13px; line-height: 1.7; margin: 0; }
html[data-skin="editorial"] .pp-v-sec { margin-top: 10px; }
html[data-skin="editorial"] .pp-v-sec > b { font-size: 12px; }
html[data-skin="editorial"] .pp-v-sec p { font-size: 12.5px; line-height: 1.65; margin: 2px 0 0; }
html[data-skin="editorial"] .pp-v-foot { gap: 8px; margin-top: 14px; }
html[data-skin="editorial"] .pp-v-foot .pp-locked { font-size: 12.5px; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-paper { padding: 7px 11px 0; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-j { font-size: 9px; padding-left: 10px; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-t { font-size: 13px; margin-top: 1px; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-a { font-size: 9.5px; margin-top: 3px; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-n { font-size: 9px; }
html[data-skin="editorial"] .track-card[data-ptrack] .pp-paper.done .pp-stamp { font-size: 8px; }
html[data-skin="editorial"] .rp-rack { padding: 14px 14px 12px; }
html[data-skin="editorial"] .rp-row { padding: 14px 10px 0; margin-bottom: 10px; }
html[data-skin="editorial"] .rp-row:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .rp-label { font-size: 8.5px; padding: 0 7px; }
html[data-skin="editorial"] .rp-covers { gap: 8px; }
html[data-skin="editorial"] .rp-cover { border-radius: 4px; padding: 0; }
html[data-skin="editorial"] .rp-lid { border-radius: 4px; padding: 30px 7px 6px; }
html[data-skin="editorial"] .rp-notch { margin-left: -27%; }
html[data-skin="editorial"] .rp-clip { border-radius: 2px; margin-left: -20%; }
html[data-skin="editorial"] .rp-clip::before { margin-left: -6px; }
html[data-skin="editorial"] .rp-org { font-size: 6.5px; }
html[data-skin="editorial"] .rp-t { font-size: 10px; line-height: 1.25; margin-top: 6px; }
html[data-skin="editorial"] .rp-sub { font-size: 6px; margin-top: 3px; }
html[data-skin="editorial"] .rp-rule { margin-top: 8px; }
html[data-skin="editorial"] .rp-foot { font-size: 6.5px; margin-top: auto; }
html[data-skin="editorial"] .rp-cover.done .rp-stamp { font-size: 6px; padding: 1px 3px; }
html[data-skin="editorial"] .rp-frac { font-size: 7px; }
html[data-skin="editorial"] .rp-board { border-radius: 8px; }
html[data-skin="editorial"] .rp-bclip { border-radius: 4px; margin-left: -21%; }
html[data-skin="editorial"] .rp-bclip::before { margin-left: -13px; }
html[data-skin="editorial"] .rp-bband { font-size: 7.5px; padding: 12px 14px 0; }
html[data-skin="editorial"] .rp-bhead { padding: 10px 16px 8px; }
html[data-skin="editorial"] .rp-bn { font-size: 8.5px; }
html[data-skin="editorial"] .rp-bt { font-size: 17px; line-height: 1.3; margin-top: 4px; }
html[data-skin="editorial"] .rp-be { font-size: 10px; margin-top: 3px; }
html[data-skin="editorial"] .rp-bo { font-size: 9.5px; margin-top: 8px; }
html[data-skin="editorial"] .rp-bo small { margin-left: 6px; }
html[data-skin="editorial"] .rp-bfig { margin: 4px 16px 0; }
html[data-skin="editorial"] .rp-bfig .rp-num b { font-size: 46px; }
html[data-skin="editorial"] .rp-bfig .rp-num small { font-size: 8.5px; }
html[data-skin="editorial"] .rp-bx { font-size: 6.5px; margin: 3px 16px 0; padding: 0 8px; }
html[data-skin="editorial"] .rp-bsum { font-size: 8.5px; line-height: 1.5; margin: 10px 16px 0; padding: 7px 9px; }
html[data-skin="editorial"] .rp-bsum b { font-size: 7px; margin-bottom: 2px; }
html[data-skin="editorial"] .rp-bfoot { font-size: 7.5px; margin: 8px 16px 10px; }
html[data-skin="editorial"] .tm-drawer { padding: 16px 16px 12px; }
html[data-skin="editorial"] .tm-units { gap: 16px; }
html[data-skin="editorial"] .tm-inner { padding: 16px 0 0; }
html[data-skin="editorial"] .tm-front { margin-top: 0; }
html[data-skin="editorial"] .tm-front::before { margin-left: -20px; }
html[data-skin="editorial"] .tm-front .tm-plate { font-size: 8.5px; padding: 0 8px; }
html[data-skin="editorial"] .tm-face { font-size: 8px; padding: 0 12px; }
html[data-skin="editorial"] .tm-tab { font-size: var(--fs-micro); padding: 0 8px 0 8px; }
html[data-skin="editorial"] .tm-tab i { font-size: 8px; margin-right: 4px; }
html[data-skin="editorial"] .tm-folder.done .tm-tab::after { font-size: 8px; margin-left: 4px; }
html[data-skin="editorial"] .tm-folder.current .tm-tab { padding-right: 32px; }
html[data-skin="editorial"] .tm-folder.current .tm-tab { padding-left: 16px; }
html[data-skin="editorial"] .tm-folder.current .tm-frac { font-size: 8.5px; }
html[data-skin="editorial"] .tm-page { padding: 12px 16px 8px; }
html[data-skin="editorial"] .tm-pband { font-size: 7.5px; padding-bottom: 4px; }
html[data-skin="editorial"] .tm-pt { font-size: var(--fs-body-lg); margin: 16px 0 3px; }
html[data-skin="editorial"] .tm-pe { font-size: 8px; }
html[data-skin="editorial"] .tm-pn { font-size: 7.5px; margin-top: 4px; }
html[data-skin="editorial"] .tm-art { font-size: 8.5px; line-height: 1.6; margin-top: 9px; }
html[data-skin="editorial"] .tm-art b { font-size: 8.5px; margin-bottom: 1px; }
html[data-skin="editorial"] .tm-art em { padding: 0 2px; }
html[data-skin="editorial"] .tm-lines { margin-top: 8px; }
html[data-skin="editorial"] .tm-pfoot { font-size: 7.5px; margin-top: 8px; }
html[data-skin="editorial"] .cs-arch { padding: 14px 14px 12px; }
html[data-skin="editorial"] .cs-row { padding: 18px 10px 0; margin-bottom: 12px; }
html[data-skin="editorial"] .cs-row:last-child { margin-bottom: 0; }
html[data-skin="editorial"] .cs-label { font-size: 8.5px; padding: 0 7px; }
html[data-skin="editorial"] .cs-tag { padding: 3px 4px; }
html[data-skin="editorial"] .cs-tag .cs-n { font-size: 7.5px; }
html[data-skin="editorial"] .cs-tag .cs-t { font-size: 11px; line-height: 1.15; margin-top: 3px; }
html[data-skin="editorial"] .cs-tag .cs-c { font-size: 7.5px; margin-top: 2px; }
html[data-skin="editorial"] .cs-e { font-size: 8px; line-height: 1.3; }
html[data-skin="editorial"] .cs-e small { font-size: 6.5px; margin-top: 1px; }
html[data-skin="editorial"] .cs-env.done .cs-stamp { font-size: 7.5px; padding: 1px 4px; }
html[data-skin="editorial"] .cs-env.current .cs-frac { font-size: 8.5px; }
html[data-skin="editorial"] .cs-page { padding: 12px 16px 10px; }
html[data-skin="editorial"] .cs-pband { font-size: 7.5px; padding-bottom: 5px; }
html[data-skin="editorial"] .cs-court { font-size: 8px; margin-top: 12px; }
html[data-skin="editorial"] .cs-ptitle { font-size: 22px; margin-top: 2px; }
html[data-skin="editorial"] .cs-kv { font-size: 8px; line-height: 1.6; margin-top: 8px; column-gap: 4px; }
html[data-skin="editorial"] .cs-sec { font-size: 8px; line-height: 1.55; margin-top: 7px; }
html[data-skin="editorial"] .cs-sec b { font-size: 8.5px; margin-bottom: 2px; }
html[data-skin="editorial"] .cs-lines { margin-top: 6px; }
html[data-skin="editorial"] .cs-seal { font-size: 8px; }
html[data-skin="editorial"] .cs-pfoot { font-size: 7.5px; margin-top: 8px; }
html[data-skin="editorial"] .ref-btn { font-size: var(--fs-body); padding: 12px 16px; }
html[data-skin="editorial"] .ref-head { gap: 8px; padding: 8px 12px; }
html[data-skin="editorial"] .ref-head b { font-size: var(--fs-body); }
html[data-skin="editorial"] .ref-head input { font-size: var(--fs-body); padding: 8px 8px; }
html[data-skin="editorial"] .ref-body { padding: 8px 12px; }
html[data-skin="editorial"] .ref-miss { font-size: var(--fs-label); padding: 0 12px 8px; }
html[data-skin="editorial"] .ev-peek { margin: -8px 0 16px; }
html[data-skin="editorial"] .ev-peek .ref-miss { padding: 0; }
html[data-skin="editorial"] .c4-orig { margin: -2px 0 8px 16px; }
html[data-skin="editorial"] .c4-orig .kv { font-size: var(--fs-label); margin: 0 0 4px; }
@media (min-width: 901px) {
  html[data-skin="editorial"] .wrap.ref-side { margin-left: max(calc(var(--ref-w) + 32px), calc((100vw - 860px) / 2)); }
}
@media (max-width: 900px) {
  html[data-skin="editorial"] .ref-btn { padding: 8px 16px; }
}
html[data-skin="editorial"] .fam-strip { margin-top: 48px; }
html[data-skin="editorial"] .fam-strip + .site-footer { margin-top: 0; }
html[data-skin="editorial"] .fam-in { margin: 0 auto; padding: 24px 20px; gap: 40px; }
html[data-skin="editorial"] .fam-item { gap: 16px; }
html[data-skin="editorial"] .fam-txt b { font-size: var(--fs-body-lg); line-height: 1; gap: 8px; padding-bottom: 8px; }
html[data-skin="editorial"] .fam-desc { font-size: var(--fs-label); line-height: 1; padding-top: 8px; }
@media (max-width: 900px) {
  html[data-skin="editorial"] .fam-in { gap: 16px; padding: 16px 12px; }
}
@media (min-width: 601px) {
  html[data-skin="editorial"] .fam-in { gap: 16px 20px; }
  html[data-skin="editorial"] .fam-item { gap: 12px; }
  html[data-skin="editorial"] .fam-txt b { font-size: var(--fs-body); padding-bottom: 4px; }
  html[data-skin="editorial"] .fam-desc { font-size: var(--fs-caption); padding-top: 4px; }
}
html[data-skin="editorial"] .site-footer.nb-foot { margin-top: 0; padding: 24px 20px; }
html[data-skin="editorial"] .nb-foot-in { margin: 0 auto; }
html[data-skin="editorial"] .nb-foot-links { font-size: var(--fs-body); gap: 8px 24px; }
html[data-skin="editorial"] .nb-foot-links a { padding: 8px 0; }
html[data-skin="editorial"] .nb-foot-logo { margin-top: 20px; }
html[data-skin="editorial"] .nb-foot-co { font-size: var(--fs-body); margin: 16px 0 0; }
html[data-skin="editorial"] .nb-foot-info { font-size: var(--fs-micro); line-height: var(--lh-snug); margin: 8px 0 0; }
html[data-skin="editorial"] .nb-foot-info + .nb-foot-info { margin-top: 4px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .site-footer.nb-foot { padding: 20px 16px; }
}
html[data-skin="editorial"] .me-top { gap: 8px; margin: 4px 0 16px; }
html[data-skin="editorial"] .me-top > div { border-radius: var(--r-lg); padding: 12px 16px; }
html[data-skin="editorial"] .me-top b { line-height: var(--lh-tight); }
html[data-skin="editorial"] .me-track { margin: 24px 0 8px; }
html[data-skin="editorial"] .me-grid { gap: 12px; }
html[data-skin="editorial"] .me-card { border-radius: var(--r-lg); padding: 16px 16px; }
html[data-skin="editorial"] .me-head { gap: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .me-when { margin-top: 2px; }
html[data-skin="editorial"] .me-grade { border-radius: var(--r-lg); }
html[data-skin="editorial"] .me-grade.none { padding: 0 8px; }
html[data-skin="editorial"] .me-line { gap: 8px; margin: 8px 0; }
html[data-skin="editorial"] .me-bar { border-radius: var(--r-md); }
html[data-skin="editorial"] .me-dots { gap: 4px; }
html[data-skin="editorial"] .me-split { gap: 12px; margin: 8px 0 2px; padding-left: 72px; }
html[data-skin="editorial"] .me-more { margin-top: 8px; padding-top: 8px; }
html[data-skin="editorial"] .me-more .prog-table { margin-top: 8px; }
@media (max-width: 700px) {
  html[data-skin="editorial"] .me-split { padding-left: 0; }
}
html[data-skin="editorial"] .me-track-sub { margin: 16px 0 8px; }
html[data-skin="editorial"] .gr { padding: 16px 16px 8px; margin-bottom: 4px; }
html[data-skin="editorial"] .gr > h2 { font-size: var(--fs-subtitle); margin: 0 0 8px; }
html[data-skin="editorial"] .gr > p.sub { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 16px; }
html[data-skin="editorial"] .gr-sum { border-radius: var(--r-lg); margin: 0 0 8px; padding: 0; }
html[data-skin="editorial"] .gr-sum li { font-size: var(--fs-body); line-height: var(--lh-body); padding: 12px 16px 12px 48px; }
html[data-skin="editorial"] .gr-sum li::before { font-size: var(--fs-caption); }
html[data-skin="editorial"] .gr-blk { margin-top: 16px; padding-top: 16px; }
html[data-skin="editorial"] .gr-bh { gap: 8px 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .gr-bh b { font-size: var(--fs-body-lg); line-height: var(--lh-snug); }
html[data-skin="editorial"] .gr-bh.gr-sub { margin: 16px 0 4px; }
html[data-skin="editorial"] .gr-bh.gr-sub b { font-size: var(--fs-label); }
html[data-skin="editorial"] .gr-d { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .gr-hint { font-size: var(--fs-label); line-height: var(--lh-body); margin: 8px 0 12px; }
html[data-skin="editorial"] .gr-r { font-size: var(--fs-label); line-height: var(--lh-snug); gap: 0 8px; padding: 8px 0; }
html[data-skin="editorial"] .gr-r > span:first-child { font-size: var(--fs-caption); }
html[data-skin="editorial"] .gr-r.h { font-size: var(--fs-caption); padding-bottom: 4px; }
html[data-skin="editorial"] .gr-r.gr-gap { margin-top: 12px; }
html[data-skin="editorial"] .gr-r .kv { font-size: var(--fs-micro); }
html[data-skin="editorial"] .gr-of { font-size: var(--fs-micro); }
html[data-skin="editorial"] .gr-bars { padding: 16px 0 8px; }
html[data-skin="editorial"] .gr-bars > span { gap: 8px; }
html[data-skin="editorial"] .gr-bar em { font-size: var(--fs-micro); margin-bottom: 2px; }
html[data-skin="editorial"] .gr-lg { font-size: var(--fs-caption); gap: 4px; }
html[data-skin="editorial"] .gr-lg i { border-radius: var(--r-sm); margin-right: 8px; }
html[data-skin="editorial"] .gr-hb { border-radius: var(--r-md); margin-top: 4px; }
html[data-skin="editorial"] .gr-rg { font-size: var(--fs-label); gap: 8px; padding: 8px 0; }
html[data-skin="editorial"] .gr-rg > span:first-child { font-size: var(--fs-caption); }
html[data-skin="editorial"] .gr-tr { border-radius: var(--r-md); }
html[data-skin="editorial"] .gr-band { border-radius: var(--r-md); }
html[data-skin="editorial"] .gr-pt { margin: -8px 0 0 -8px; }
html[data-skin="editorial"] .gr-scale { font-size: var(--fs-micro); gap: 8px; }
html[data-skin="editorial"] .gr-chip { font-size: var(--fs-body); border-radius: var(--r-md); }
html[data-skin="editorial"] .gr-ex { font-size: var(--fs-label); gap: 4px 12px; padding: 8px 0; }
html[data-skin="editorial"] .gr-ex > span:first-child { font-size: var(--fs-caption); }
html[data-skin="editorial"] .gr-ex-del { font-size: var(--fs-caption); padding: 4px 2px; }
html[data-skin="editorial"] .gr-ex-none { margin: 0 0 4px; }
html[data-skin="editorial"] .gr-add { margin: 8px 0 8px; }
html[data-skin="editorial"] .gr-form { border-radius: var(--r-lg); gap: 8px 8px; margin: 8px 0 12px; padding: 12px; }
html[data-skin="editorial"] .gr-form label { font-size: var(--fs-caption); gap: 4px; }
html[data-skin="editorial"] .gr-form input { font-size: var(--fs-body-lg); border-radius: var(--r-md); padding: 8px 8px; }
html[data-skin="editorial"] .gr-f-msg { font-size: var(--fs-label); margin: 0; }
html[data-skin="editorial"] .gr-f-btns { gap: 8px; }
html[data-skin="editorial"] .gr-how { font-size: var(--fs-label); line-height: var(--lh-body); border-radius: var(--r-lg); margin: 16px 0 16px; padding: 12px 16px; }
html[data-skin="editorial"] .gr-how b { font-size: var(--fs-body); margin-bottom: 4px; }
html[data-skin="editorial"] .gr-how p { margin: 0; padding: 8px 0 0; }
html[data-skin="editorial"] .gr-how p + p { margin-top: 8px; }
html[data-skin="editorial"] .gr-sample { margin: 12px 0 0; }
@media (max-width: 560px) {
  html[data-skin="editorial"] .gr { padding: 16px 12px 8px; }
  html[data-skin="editorial"] .gr-sum li { padding: 8px 12px 8px 40px; }
  html[data-skin="editorial"] .gr-r { font-size: var(--fs-label); gap: 0 4px; }
  html[data-skin="editorial"] .gr-bars > span { gap: 3px; }
  html[data-skin="editorial"] .gr-rg,
  html[data-skin="editorial"] .gr-scale { gap: 8px; }
  html[data-skin="editorial"] .gr-ex { gap: 4px 8px; }
}
html[data-skin="editorial"] .me-cover { border-radius: var(--r-sm); }
html[data-skin="editorial"] .me-cover i { border-radius: var(--r-sm); }
html[data-skin="editorial"] .me-title { gap: 1px; }
html[data-skin="editorial"] .me-cells { gap: 3px; }
html[data-skin="editorial"] .me-cells i { border-radius: var(--r-sm); }
html[data-skin="editorial"] .me-line { margin: 8px 0; }
html[data-skin="editorial"] .me-line.sum { padding-bottom: 8px; margin-bottom: 8px; }
html[data-skin="editorial"] .me-line.grp .me-key { padding-left: 8px; }
html[data-skin="editorial"] .me-score { margin-left: 8px; }
html[data-skin="editorial"] .me-sub { margin: -3px 0 8px 84px; }
html[data-skin="editorial"] .me-sub.dim { margin-left: 0; margin-top: 8px; }
@media (max-width: 700px) {
  html[data-skin="editorial"] .me-sub { margin-left: 72px; }
}
html[data-skin="editorial"] .me-grid { gap: 8px; }
html[data-skin="editorial"] .me-card { border-radius: var(--r-lg); padding: 12px 12px; }
html[data-skin="editorial"] .me-head { margin-bottom: 8px; }
html[data-skin="editorial"] .me-title .me-vol { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .me-title .me-book { font-size: var(--fs-caption); }
html[data-skin="editorial"] .me-title .me-when { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-grade { font-size: var(--fs-subtitle); border-radius: var(--r-md); }
html[data-skin="editorial"] .me-grade.none { font-size: var(--fs-micro); padding: 3px 8px; }
html[data-skin="editorial"] .me-line { font-size: var(--fs-caption); margin: 3px 0; gap: 8px; }
html[data-skin="editorial"] .me-line.sum { font-size: var(--fs-caption); padding-bottom: 4px; margin-bottom: 8px; }
html[data-skin="editorial"] .me-key { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-val { font-size: var(--fs-caption); }
html[data-skin="editorial"] .me-val .kv { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-score { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-fb { margin-left: 4px; }
html[data-skin="editorial"] .me-sub.dim { font-size: var(--fs-micro); margin-top: 4px; }
html[data-skin="editorial"] .me-more { margin-top: 8px; padding-top: 8px; }
html[data-skin="editorial"] .me-more > summary { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-msg { font-size: var(--fs-caption); line-height: var(--lh-body); border-radius: var(--r-md); margin-top: 8px; padding: 8px 12px; }
html[data-skin="editorial"] .me-msg p { margin: 0; }
html[data-skin="editorial"] .me-msg ul { margin: 0; padding: 0; }
html[data-skin="editorial"] .me-msg li { margin-top: 8px; padding-top: 8px; }
html[data-skin="editorial"] .me-top > div { padding: 8px 12px; }
html[data-skin="editorial"] .me-top span { font-size: var(--fs-micro); }
html[data-skin="editorial"] .me-track { font-size: var(--fs-label); margin: 16px 0 8px; }
html[data-skin="editorial"] .me-tabs { margin: 2px 0 20px; }
html[data-skin="editorial"] .me-tab { font-size: var(--fs-body-lg); line-height: var(--lh-snug); padding: 12px 8px 12px; margin-bottom: -1px; }
html[data-skin="editorial"] .me-empty { border-radius: var(--r-lg); padding: 32px 20px; }
html[data-skin="editorial"] .me-empty p { font-size: var(--fs-body-lg); line-height: var(--lh-body); margin: 0 0 16px; }
html[data-skin="editorial"] .me-top { margin-bottom: 16px; }
html[data-skin="editorial"] .me-grid { gap: 16px; }
html[data-skin="editorial"] .me-card { border-radius: var(--r-lg); padding: 16px 16px; }
html[data-skin="editorial"] .me-head { gap: 12px; margin-bottom: 12px; }
html[data-skin="editorial"] .me-title { gap: 3px; }
html[data-skin="editorial"] .me-title .me-vol { font-size: var(--fs-subtitle); line-height: var(--lh-tight); }
html[data-skin="editorial"] .me-title .me-book { font-size: var(--fs-label); line-height: var(--lh-snug); }
html[data-skin="editorial"] .me-title .me-when { font-size: var(--fs-caption); line-height: var(--lh-snug); }
html[data-skin="editorial"] .me-grade { font-size: var(--fs-title); }
html[data-skin="editorial"] .me-grade.none { font-size: var(--fs-caption); padding: 4px 8px; }
html[data-skin="editorial"] .me-line { font-size: var(--fs-label); line-height: var(--lh-snug); column-gap: 8px; margin: 0; padding: 8px 0; }
html[data-skin="editorial"] .me-line.sum { font-size: var(--fs-label); padding: 2px 0 8px; margin-bottom: 4px; }
html[data-skin="editorial"] .me-key { font-size: var(--fs-label); line-height: var(--lh-tight); }
html[data-skin="editorial"] .me-line.grp .me-key { padding-left: 12px; }
html[data-skin="editorial"] .me-val { font-size: var(--fs-label); }
html[data-skin="editorial"] .me-val .kv { font-size: var(--fs-micro); margin-top: 1px; }
html[data-skin="editorial"] .me-score { font-size: var(--fs-label); margin: 0; }
html[data-skin="editorial"] .me-fb { margin-left: 4px; }
html[data-skin="editorial"] .me-sub.dim { font-size: var(--fs-caption); line-height: var(--lh-snug); margin: 8px 0 0; }
html[data-skin="editorial"] .me-msg { font-size: var(--fs-label); line-height: var(--lh-body); margin-top: 12px; padding: 12px 16px; }
html[data-skin="editorial"] .me-msg li { margin-top: 8px; padding-top: 8px; }
html[data-skin="editorial"] .me-more { margin-top: 12px; padding-top: 4px; }
html[data-skin="editorial"] .me-more > summary { font-size: var(--fs-label); }
html[data-skin="editorial"] .me-more .prog-table td { font-size: var(--fs-caption); line-height: var(--lh-snug); }
html[data-skin="editorial"] .me-track-sub { font-size: var(--fs-body-lg); margin: 24px 0 8px; }
html[data-skin="editorial"] .gr { padding: 24px 24px 8px; }
html[data-skin="editorial"] .gr > h2 { font-size: var(--fs-title); line-height: var(--lh-snug); margin-bottom: 8px; }
html[data-skin="editorial"] .gr > p.sub { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
html[data-skin="editorial"] .gr-sum li { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 12px 16px 12px 48px; }
html[data-skin="editorial"] .gr-blk { margin-top: 24px; padding-top: 20px; }
html[data-skin="editorial"] .gr-bh { margin-bottom: 8px; }
html[data-skin="editorial"] .gr-bh b { font-size: var(--fs-subtitle); }
html[data-skin="editorial"] .gr-bh.gr-sub { margin: 16px 0 8px; }
html[data-skin="editorial"] .gr-bh.gr-sub b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .gr-d { font-size: var(--fs-body); line-height: var(--lh-read); margin-bottom: 12px; }
html[data-skin="editorial"] .gr-hint { font-size: var(--fs-body); line-height: var(--lh-read); margin: 12px 0 16px; }
html[data-skin="editorial"] .gr-r { font-size: var(--fs-body); line-height: var(--lh-snug); gap: 0 12px; padding: 8px 0; }
html[data-skin="editorial"] .gr-r > span:first-child { font-size: var(--fs-body); line-height: var(--lh-snug); }
html[data-skin="editorial"] .gr-r.h { font-size: var(--fs-label); padding: 0 0 8px; }
html[data-skin="editorial"] .gr-r.gr-gap { margin-top: 16px; }
html[data-skin="editorial"] .gr-r .kv { font-size: var(--fs-caption); margin-top: 2px; }
html[data-skin="editorial"] .gr-of { font-size: var(--fs-caption); }
html[data-skin="editorial"] .gr-bars { padding: 32px 0 8px; }
html[data-skin="editorial"] .gr-bars > span { gap: 8px; }
html[data-skin="editorial"] .gr-bar em { font-size: var(--fs-label); line-height: var(--lh-tight); margin-bottom: 4px; }
html[data-skin="editorial"] .gr-lg { font-size: var(--fs-label); gap: 8px; }
html[data-skin="editorial"] .gr-hb { margin: 8px auto 0; }
html[data-skin="editorial"] .gr-rg,
html[data-skin="editorial"] .gr-scale { gap: 16px; }
html[data-skin="editorial"] .gr-rg { font-size: var(--fs-body); padding: 12px 0; }
html[data-skin="editorial"] .gr-rg > span:first-child { font-size: var(--fs-body); }
html[data-skin="editorial"] .gr-scale { font-size: var(--fs-caption); margin-top: 2px; }
html[data-skin="editorial"] .gr-ex { font-size: var(--fs-body); gap: 4px 16px; padding: 8px 0; }
html[data-skin="editorial"] .gr-ex > span:first-child { font-size: var(--fs-label); }
html[data-skin="editorial"] .gr-ex-del { font-size: var(--fs-label); }
html[data-skin="editorial"] .gr-how { font-size: var(--fs-body); line-height: var(--lh-read); padding: 16px 16px; }
html[data-skin="editorial"] .gr-how b { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .gr-sample { font-size: var(--fs-caption); }
@media (max-width: 560px) {
  html[data-skin="editorial"] .me-tab { font-size: var(--fs-body); padding: 12px 2px 12px; }
  html[data-skin="editorial"] .me-card { padding: 16px 16px; }
  html[data-skin="editorial"] .me-line { column-gap: 8px; }
  html[data-skin="editorial"] .gr { padding: 16px 16px 8px; }
  html[data-skin="editorial"] .gr > h2 { font-size: var(--fs-title); }
  html[data-skin="editorial"] .gr-sum li { font-size: var(--fs-body); padding: 12px 12px 12px 40px; }
  html[data-skin="editorial"] .gr-r { font-size: var(--fs-body); gap: 4px 8px; }
  html[data-skin="editorial"] .gr-r > span:first-child { padding-bottom: 2px; }
  html[data-skin="editorial"] .gr-r.h > span:first-child { padding-bottom: 4px; }
  html[data-skin="editorial"] .gr-bars { padding-top: 24px; }
  html[data-skin="editorial"] .gr-bars > span.gr-lg { gap: 16px; padding-top: 8px; }
  html[data-skin="editorial"] .gr-rg,
  html[data-skin="editorial"] .gr-scale { gap: 8px; }
  html[data-skin="editorial"] .gr-ex { gap: 4px 8px; }
}
@media (hover: none), (pointer: coarse), (max-width: 860px) {
  html[data-skin="editorial"] .me-more > summary { padding: 8px 2px; }
  html[data-skin="editorial"] .me-card { padding: 12px 16px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .topbar nav { padding: 8px 0 8px; }
  html[data-skin="editorial"] .topbar nav a { font-size: var(--fs-label); padding: 4px 12px; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .guide-toggle { gap: 0; margin-bottom: 16px; }
  html[data-skin="editorial"] .guide-toggle .gt-btn { font-size: var(--fs-caption); line-height: var(--lh-tight); padding: 8px 4px; margin-left: -1px; }
  html[data-skin="editorial"] .guide-toggle .gt-btn:first-child { margin-left: 0; }
}
html[data-skin="editorial"] .guide-track-full .guide-track-line-lg { margin: 8px 0 8px; }
html[data-skin="editorial"] .course-lead { margin: 2px 0 16px; }
html[data-skin="editorial"] .mfold > summary { padding-right: 48px; }
html[data-skin="editorial"] .mfold > summary::after { margin-top: -12px; }
html[data-skin="editorial"] .notes-page .card { padding-bottom: 20px; }
html[data-skin="editorial"] .notes-page .card > h2 { line-height: var(--lh-snug); margin-bottom: 12px; }
html[data-skin="editorial"] .notes-page .card > p:not(.kv) { line-height: var(--lh-read); margin: 0 0 16px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .notes-page .card > p:not(.kv) { font-size: var(--fs-body-lg); line-height: var(--lh-read); margin-bottom: 16px; }
}
@media (max-width: 600px) {
  html[data-skin="editorial"] .fam-in { gap: 12px; padding: 16px 16px; }
  html[data-skin="editorial"] .fam-item { gap: 16px; }
  html[data-skin="editorial"] .fam-txt { gap: 0; }
  html[data-skin="editorial"] .fam-txt b { font-size: var(--fs-body); padding-bottom: 4px; }
  html[data-skin="editorial"] .fam-desc { font-size: var(--fs-caption); padding-top: 4px; }
}
@media (max-width: 600px) {
  html[data-skin="editorial"] .nb-foot-links { font-size: var(--fs-caption); gap: 0 16px; }
  html[data-skin="editorial"] .nb-foot-links a { padding: 3px 0; }
  html[data-skin="editorial"] .nb-foot-logo { margin-top: 16px; }
  html[data-skin="editorial"] .nb-foot-co { font-size: var(--fs-label); margin-top: 8px; }
}
@media (max-width: 900px) {
  html[data-skin="editorial"] .to-top { padding: 0; }
  html[data-skin="editorial"] .to-top::before { margin-top: 4px; }
}
html[data-skin="editorial"] .mfold > summary { padding-left: 16px; }
@media (max-width: 1099px) {
  html[data-skin="editorial"] .topbar nav .nav-vol,
  html[data-skin="editorial"] .topbar nav .nav-step { font-size: var(--fs-label); padding: 4px 12px; }
  html[data-skin="editorial"] .topbar nav .nav-step { gap: 8px; }
  html[data-skin="editorial"] .nav-caret { margin-top: -4px; }
  html[data-skin="editorial"] .nav-step[aria-expanded="true"] .nav-caret { margin-top: 3px; }
  html[data-skin="editorial"] .nav-sheet { padding: 4px 16px 16px; }
  html[data-skin="editorial"] .ns-grp { padding-top: 8px; }
  html[data-skin="editorial"] .ns-h { font-size: var(--fs-micro); margin: 0 0 4px; }
  html[data-skin="editorial"] .ns-item { font-size: var(--fs-body); gap: 8px; padding: 8px; }
  html[data-skin="editorial"] .ns-item.dot > span:first-child::after { margin-left: 8px; }
  html[data-skin="editorial"] .ns-st { font-size: var(--fs-micro); }
  html[data-skin="editorial"] .ns-global { gap: 8px; margin-top: 12px; padding-top: 12px; }
  html[data-skin="editorial"] .ns-global a { font-size: var(--fs-label); padding: 4px 12px; }
}
html[data-skin="editorial"] .field.g1-undecided { margin: 24px 0 0; padding-top: 16px; }
html[data-skin="editorial"] .bs-sheet.track-card { padding: 0; margin: 0; }
html[data-skin="editorial"] .bs-sheet-grab { margin: 10px auto 6px; }
html[data-skin="editorial"] .bs-sheet .bs-sheet-body.bs-view { padding: 6px 18px calc(22px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 480px) {
  html[data-skin="editorial"] .guide > .sub { font-size: var(--fs-body-lg); line-height: var(--lh-read); margin-bottom: 8px; }
  html[data-skin="editorial"] .guide .card.guide-sec,
  html[data-skin="editorial"] .guide .guide-group > .card { padding: 28px 2px 8px; margin: 0; }
  html[data-skin="editorial"] .guide > .sub + .card.guide-sec { padding-top: 16px; }
  html[data-skin="editorial"] .guide .guide-group-hd + .card { padding-top: 8px; }
  html[data-skin="editorial"] .guide .card.guide-sec h2,
  html[data-skin="editorial"] .guide .guide-group > .card > h2 { font-size: var(--fs-title); line-height: var(--lh-snug); margin: 0 0 16px; }
  html[data-skin="editorial"] .guide-sec p,
  html[data-skin="editorial"] .guide .guide-group p,
  html[data-skin="editorial"] .guide-track-full p { font-size: var(--fs-body-lg); line-height: var(--lh-read); margin: 0 0 16px; }
  html[data-skin="editorial"] .guide-sec p:last-child,
  html[data-skin="editorial"] .guide-track-full p:last-child { margin-bottom: 0; }
  html[data-skin="editorial"] .guide-track-line { font-size: var(--fs-body-lg); line-height: var(--lh-snug); }
  html[data-skin="editorial"] .guide-track-full .guide-track-line-lg { font-size: var(--fs-body-lg); margin: 8px 0 12px; }
  html[data-skin="editorial"] .guide-track-principle,
  html[data-skin="editorial"] .guide-eg,
  html[data-skin="editorial"] .guide-flow-line { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
  html[data-skin="editorial"] .guide-track-sub { font-size: var(--fs-caption); }
  html[data-skin="editorial"] .guide ol li,
  html[data-skin="editorial"] .guide ul li { font-size: var(--fs-body-lg); line-height: var(--lh-body); margin-bottom: 8px; }
  html[data-skin="editorial"] .guide-track { padding: 24px 0 8px; }
  html[data-skin="editorial"] .guide-group { margin-top: 32px; }
  html[data-skin="editorial"] .guide-group-title { font-size: var(--fs-body-lg); }
  html[data-skin="editorial"] .guide-cta { margin-top: 24px; }
  html[data-skin="editorial"] .wrap.commentary > .card { padding: 28px 2px 8px; margin: 0; }
  html[data-skin="editorial"] .wrap.commentary > .sub + .card { padding-top: 12px; }
  html[data-skin="editorial"] .wrap.commentary > .card > h2 { font-size: var(--fs-title); line-height: var(--lh-snug); margin: 0 0 16px; }
  html[data-skin="editorial"] .wrap.commentary .card p:not(.kv) { font-size: var(--fs-body-lg); line-height: var(--lh-read); margin: 0 0 16px; }
  html[data-skin="editorial"] .commentary .diag { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
  html[data-skin="editorial"] .wrap.commentary > .sub { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
  html[data-skin="editorial"] .read-guide p,
  html[data-skin="editorial"] .ment p { font-size: var(--fs-body-lg); line-height: var(--lh-read); margin-bottom: 12px; }
  html[data-skin="editorial"] h1.page + .sub,
  html[data-skin="editorial"] .course-lead { font-size: var(--fs-body-lg); line-height: var(--lh-body); }
  html[data-skin="editorial"] .tk-desc p,
  html[data-skin="editorial"] .tk-intro { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
  html[data-skin="editorial"] .bs-bv-blurb,
  html[data-skin="editorial"] .bs-bv-sec p { font-size: 15px; line-height: 1.8; }
  html[data-skin="editorial"] .bs-bv-tasks li { font-size: 14.5px; line-height: 1.7; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .commentary .model { margin: 0; padding: 8px 16px; }
  html[data-skin="editorial"] .commentary .model:not(:has(+ .model)) { padding-bottom: 16px; margin-bottom: 16px; }
  html[data-skin="editorial"] .commentary :not(.model) + .model { padding-top: 16px; }
  html[data-skin="editorial"] .commentary .model p,
  html[data-skin="editorial"] .commentary .model { font-size: var(--fs-body-lg); line-height: var(--lh-read); }
}
html[data-skin="editorial"] .bs-frac { font-size: 8.5px; }
html[data-skin="editorial"] .stage .badge .btn { font-size: var(--fs-label); padding: 8px 16px; }
html[data-skin="editorial"] .stage.locked .badge .lock { margin-right: 2px; }
html[data-skin="editorial"] .status-line { border-radius: var(--r-lg); margin-bottom: 16px; }
html[data-skin="editorial"] label.settings:has(#read-done) { gap: 8px; padding: 8px 0; }
html[data-skin="editorial"] .fam-head { font-size: var(--fs-caption); margin: 0 0 8px; }
html[data-skin="editorial"] .toc a.readdone { padding-right: 24px; }
html[data-skin="editorial"] .toc a.readdone::after { font-size: var(--fs-caption); }
html[data-skin="editorial"] .home-goon { font-size: var(--fs-body); border-radius: var(--r-lg); gap: 16px; margin: 0 0 16px; padding: 12px 16px; }
html[data-skin="editorial"] .bs-view { border-radius: 8px; padding: 14px 16px; }
html[data-skin="editorial"] .bs-bv-blurb { font-size: 15px; line-height: 1.8; }
html[data-skin="editorial"] .bs-bv-sec > b { font-size: 13.5px; }
html[data-skin="editorial"] .bs-bv-sec p { font-size: 14.5px; line-height: 1.8; }
html[data-skin="editorial"] .bs-bv-tasks { font-size: 14px; line-height: 1.75; }
html[data-skin="editorial"] .bs-bv-meta { font-size: 12.5px; }
html[data-skin="editorial"] .bs-bv-prog { font-size: 12.5px; }
@media (min-width: 901px) {
  html[data-skin="editorial"] .read-bar { gap: 8px; margin: 0 0 8px; }
  html[data-skin="editorial"] .read-size { gap: 8px; }
  html[data-skin="editorial"] .read-size button { font-size: var(--fs-body); border-radius: var(--r-md); padding: 0 8px; }
  html[data-skin="editorial"] .read-size button small { font-size: var(--fs-caption); margin-left: 1px; }
}
html[data-skin="editorial"] .toc-min { font-size: var(--fs-micro); margin-left: auto; padding-left: 8px; }
html[data-skin="editorial"] .toc a { gap: 8px; }
html[data-skin="editorial"] .sel-preview .sent { border-radius: var(--r-sm); padding: 1px 2px; }
html[data-skin="editorial"] .m6-slot { padding-bottom: 16px; margin-bottom: 16px; }
html[data-skin="editorial"] .m6-hint { margin: 8px 0 0; }
html[data-skin="editorial"] .m6-src .m6-para + .m6-para { margin-top: 8px; }
html[data-skin="editorial"] .m6-full { margin: 8px 0 0; }
html[data-skin="editorial"] .m6-picks-h { font-size: var(--fs-body); margin: 16px 0 8px; }
html[data-skin="editorial"] .m6-pick-list { margin: 0; padding-left: 24px; }
html[data-skin="editorial"] .m6-pick-list li { padding: 8px 0; }
html[data-skin="editorial"] .m6-pick-tx { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .m6-pick-row { gap: 8px; }
html[data-skin="editorial"] .m6-free input { margin-bottom: 8px; }
@media (max-width: 480px) {
  html[data-skin="editorial"] .tk-foot .status-line { font-size: var(--fs-label); border-radius: var(--r-lg); padding: 12px 16px; margin: 0 0 16px; }
}
@media (max-width: 600px) {
  html[data-skin="editorial"] .fam-in { gap: 24px; padding: 24px 16px; }
}
html[data-skin="editorial"] .home-order { font-size: var(--fs-body); margin: 0 0 16px; }
html[data-skin="editorial"] .toc-cap { font-size: var(--fs-micro); padding: 0 2px 4px; }
html[data-skin="editorial"] .toc-part { font-size: var(--fs-micro); line-height: 1; padding: 3px 4px; }
html[data-skin="editorial"] .quiz-clock { font-size: var(--fs-caption); line-height: var(--lh-snug); border-radius: var(--r-lg); gap: 1px; padding: 8px 16px; }
html[data-skin="editorial"] .quiz-clock b { font-size: var(--fs-body); }
@media (max-width: 560px) {
  html[data-skin="editorial"] .quiz-clock { padding: 4px 8px; gap: 8px; }
  html[data-skin="editorial"] .quiz-clock b { font-size: var(--fs-label); }
}
html[data-skin="editorial"] .vol-time { font-size: var(--fs-label); line-height: var(--lh-snug); margin: 8px 2px 0; }
html[data-skin="editorial"] .open-why { margin-bottom: 8px; }
html[data-skin="editorial"] .vol-plan { padding-bottom: 0; }
html[data-skin="editorial"] .vol-plan summary { padding-bottom: 32px; }
html[data-skin="editorial"] .vol-plan .vp-k { font-size: var(--fs-label); margin-bottom: 4px; }
html[data-skin="editorial"] .vol-plan .vp-one { font-size: var(--fs-subtitle); line-height: var(--lh-snug); margin: 0; }
html[data-skin="editorial"] .vol-plan .vp-more { margin-left: -16px; }
html[data-skin="editorial"] .vol-plan[open] summary { padding-bottom: 32px; }
html[data-skin="editorial"] .vp-steps { font-size: var(--fs-subtitle); margin: 24px 0 8px; }
html[data-skin="editorial"] .vol-plan .vp-row { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 16px 0 0; margin: 16px 0 0; }
html[data-skin="editorial"] .vol-plan .vp-row:first-of-type { margin-top: 0; }
html[data-skin="editorial"] .vol-plan .vp-row:last-child { padding-bottom: 20px; }
html[data-skin="editorial"] .vol-plan .vp-row b { font-size: var(--fs-label); line-height: var(--lh-snug); margin: 0 0 8px; }
html[data-skin="editorial"] .vol-plan .vp-row a { margin-top: 4px; }
html[data-skin="editorial"] .vol-plan ol { margin: 4px 0 0; padding-left: 0; }
html[data-skin="editorial"] .vol-plan ol li { font-size: var(--fs-body-lg); line-height: var(--lh-read); padding: 4px 0 4px 32px; }
html[data-skin="editorial"] .vol-plan ol li::before { font-size: var(--fs-label); }
html[data-skin="editorial"] .notes-why h2 { margin-bottom: 8px; }
html[data-skin="editorial"] .note-locked h2 { font-size: var(--fs-body-lg); }
html[data-skin="editorial"] .note-locked .sub { margin: 8px 0 0; }
html[data-skin="editorial"] .rd-meter { margin: 0 0 16px; padding: 16px 16px; }
html[data-skin="editorial"] .rd-cells { gap: 12px; }
html[data-skin="editorial"] .rd-cell { gap: 3px; }
html[data-skin="editorial"] .rd-k { font-size: var(--fs-caption); line-height: var(--lh-snug); }
html[data-skin="editorial"] .rd-v { font-size: var(--fs-title); line-height: var(--lh-tight); }
html[data-skin="editorial"] .rd-n { font-size: var(--fs-caption); line-height: var(--lh-snug); }
html[data-skin="editorial"] .rd-guide { margin: 0 0 16px; padding: 16px 16px; }
html[data-skin="editorial"] .rd-gt { font-size: var(--fs-body); gap: 4px 8px; margin: 0 0 8px; }
html[data-skin="editorial"] .rd-gt span { font-size: var(--fs-caption); }
html[data-skin="editorial"] .rd-guide dl { margin: 0; gap: 8px; }
html[data-skin="editorial"] .rd-guide dl > div { gap: 12px; }
html[data-skin="editorial"] .rd-guide dt { font-size: var(--fs-label); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .rd-guide dd { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0; }
html[data-skin="editorial"] .rd-tocbar { margin: 0 0 12px; padding: 0 0 12px; }
html[data-skin="editorial"] .rd-tocbar .rd-tb { font-size: var(--fs-label); gap: 8px; }
html[data-skin="editorial"] .rd-tocbar .rd-tb span { font-size: var(--fs-caption); }
html[data-skin="editorial"] .toc a,
html[data-skin="editorial"] .toc .toc-locked { padding-right: 24px; }
@media (max-width: 560px) {
  html[data-skin="editorial"] .rd-guide dl > div { gap: 2px; }
  html[data-skin="editorial"] .rd-cells { gap: 8px; }
  html[data-skin="editorial"] .rd-cell { column-gap: 8px; row-gap: 1px; }
}
html[data-skin="editorial"] .life-note { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 16px; padding: 12px 16px; }
html[data-skin="editorial"] .eg { margin: 0 0 16px; }
html[data-skin="editorial"] .eg > summary { font-size: var(--fs-body); padding: 12px 16px; gap: 8px; }
html[data-skin="editorial"] .eg > summary small { font-size: var(--fs-caption); }
html[data-skin="editorial"] .eg-body { font-size: var(--fs-body); line-height: var(--lh-body); padding: 16px 16px 16px; }
html[data-skin="editorial"] .eg-body p { margin: 0 0 8px; }
html[data-skin="editorial"] .eg-lead { font-size: var(--fs-label); }
html[data-skin="editorial"] .eg-k { margin: 16px 0 8px !important; }
html[data-skin="editorial"] .eg-s { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 8px; padding: 8px 16px; }
html[data-skin="editorial"] .eg-claims p { margin: 0 0 4px; padding-left: 2px; }
html[data-skin="editorial"] .eg-ans { margin-top: 8px; }
html[data-skin="editorial"] .eg-v { font-size: var(--fs-caption); margin-bottom: 8px; }
html[data-skin="editorial"] .eg-ans p { margin: 0; }
html[data-skin="editorial"] .eg-row { gap: 8px; padding: 4px 0; }
html[data-skin="editorial"] .eg-row > span { font-size: var(--fs-caption); padding-top: 2px; }
html[data-skin="editorial"] .eg-row em { font-size: var(--fs-caption); margin-left: 8px; padding: 0 8px; }
html[data-skin="editorial"] .eg-why { font-size: var(--fs-label); margin: 8px 2px 0 !important; }
html[data-skin="editorial"] .eg-sm { font-size: var(--fs-label); margin-top: 8px !important; }
html[data-skin="editorial"] .eg-more { font-size: var(--fs-label); margin-top: 16px !important; padding: 8px 16px; }
@media (max-width: 520px) {
  html[data-skin="editorial"] .eg-row { gap: 2px; }
}
html[data-skin="editorial"] .nt-list { margin: 0; padding: 0; }
html[data-skin="editorial"] .nt-list a { gap: 12px; padding: 16px 2px; }
html[data-skin="editorial"] .nt-list li:first-child a { padding-top: 4px; }
html[data-skin="editorial"] .nt-list li:last-child a { padding-bottom: 4px; }
html[data-skin="editorial"] .nt-title { font-size: var(--fs-body-lg); line-height: var(--lh-snug); }
html[data-skin="editorial"] .nt-date { font-size: var(--fs-label); }
html[data-skin="editorial"] .nt-tag { font-size: var(--fs-caption); line-height: var(--lh-snug); border-radius: 999px; padding: 2px 8px; }
html[data-skin="editorial"] .nt-empty { margin: 0; }
html[data-skin="editorial"] .nt-post h2 { margin: 0 0 8px; }
html[data-skin="editorial"] .nt-post .nt-date { margin-bottom: 16px; }
html[data-skin="editorial"] .nt-post p { line-height: var(--lh-read); }
html[data-skin="editorial"] .nt-post p + p { margin-top: 16px; }
html[data-skin="editorial"] .nt-back { gap: 12px; margin-top: 16px; }
@media (max-width: 560px) {
  html[data-skin="editorial"] .nt-list a { row-gap: 4px; }
}
html[data-skin="editorial"] .cl-tabs { border-radius: 999px; gap: 4px; padding: 4px; margin: 4px 0 16px; }
html[data-skin="editorial"] .cl-tabs a { font-size: var(--fs-body-lg); border-radius: 999px; padding: 8px 16px; }
html[data-skin="editorial"] .cl-main { gap: 4px; }
html[data-skin="editorial"] .cl-sum { font-size: var(--fs-body); line-height: var(--lh-snug); }
html[data-skin="editorial"] .cl-meta { gap: 4px; }
html[data-skin="editorial"] .cl-series { font-size: var(--fs-caption); }
html[data-skin="editorial"] .cl-post .cl-series { margin-bottom: 8px; }
html[data-skin="editorial"] .cl-post .cl-byline { font-size: var(--fs-label); line-height: var(--lh-snug); margin: 0 0 8px; }
html[data-skin="editorial"] .cl-post .cl-src { font-size: var(--fs-body); line-height: var(--lh-snug); margin: 0 0 24px; }
html[data-skin="editorial"] .cl-post .cl-h1 { font-size: var(--fs-headline); line-height: var(--lh-snug); margin: 0 0 8px; }
html[data-skin="editorial"] article.cl-post .cl-body h2,
html[data-skin="editorial"] .cl-body h3,
html[data-skin="editorial"][data-skin] .cl-body h3 { font-size: var(--fs-title); line-height: var(--lh-snug); margin: 32px 0 8px; }
html[data-skin="editorial"] .cl-body li { line-height: var(--lh-read); }
html[data-skin="editorial"] .cl-body ol,
html[data-skin="editorial"] .cl-body ul { margin: 12px 0; padding-left: 1.4em; }
html[data-skin="editorial"] .cl-body li + li { margin-top: 8px; }
html[data-skin="editorial"] .cl-body blockquote { border-radius: var(--r-lg); margin: 16px 0; padding: 16px 16px; }
html[data-skin="editorial"] .cl-body blockquote p { margin: 0; }
html[data-skin="editorial"] .cl-post .cl-rel { font-size: var(--fs-body-lg); margin: 28px 0 0; padding-top: 16px; }
@media (max-width: 640px) {
  html[data-skin="editorial"] .cl-list a { gap: 8px; }
  html[data-skin="editorial"] .cl-meta { gap: 8px; }
}
html[data-skin="editorial"] .guest-try h2 { margin-top: 0; }
html[data-skin="editorial"] .guest-try p { line-height: var(--lh-body); margin: 8px 0 0; }
html[data-skin="editorial"] .guest-home { margin: 16px 0 16px; padding-right: 52px; }
html[data-skin="editorial"] .guest-home-x { font-size: var(--fs-headline); line-height: 1; }
@media (min-width: 901px) {
  html[data-skin="editorial"] .read-bar .toc-fold { font-size: var(--fs-label); border-radius: 999px; margin-right: auto; padding: 0 16px; }
  html[data-skin="editorial"] .read-layout.toc-folded > .read-bar,
  html[data-skin="editorial"] .read-layout.toc-folded > div:last-child { margin-left: auto; margin-right: auto; }
}
html[data-skin="editorial"] .g21-lv { gap: 4px 16px; margin: 0 0 12px; padding: 0; }
html[data-skin="editorial"] .g21-lv label { font-size: var(--fs-body); gap: 8px; }
html[data-skin="editorial"] .g21-lv input { margin: 0; }
html[data-skin="editorial"] .g21-lv-fixed { font-size: var(--fs-label); border-radius: 999px; margin: 0 0 12px; padding: 3px 12px; }
html[data-skin="editorial"] .g1-group.g21-sub { margin-left: 32px; }
@media (max-width: 600px) {
  html[data-skin="editorial"] .g1-group.g21-sub { margin-left: 16px; }
}
html[data-skin="editorial"] .myans { border-radius: var(--r-md); margin: 0 0 12px; }
html[data-skin="editorial"] .myans > summary { font-size: var(--fs-body); gap: 12px; padding: 12px 16px; }
html[data-skin="editorial"] .myans .ma-tog { font-size: var(--fs-label); gap: 8px; }
html[data-skin="editorial"] .myans .ma-body { font-size: var(--fs-body); padding: 4px 16px 16px; }
html[data-skin="editorial"] .myans .ma-body h3,
html[data-skin="editorial"] .myans .rep h4 { font-size: var(--fs-body); margin: 16px 0 8px; }
html[data-skin="editorial"] .myans .ma-body p { font-size: var(--fs-body); line-height: var(--lh-body); }
html[data-skin="editorial"] .myans .replica { padding: 0; margin: 0; }
html[data-skin="editorial"] .myans .prog-table { font-size: var(--fs-label); }
html[data-skin="editorial"] .myans pre { margin: 0 0 8px; }
html[data-skin="editorial"] .myans .rep .dim { font-size: var(--fs-label); }
html[data-skin="editorial"] .myans .ma-link { font-size: var(--fs-label); margin-top: 8px; }
html[data-skin="editorial"] .myans-top { margin-bottom: 16px; }
html[data-skin="editorial"] .myans-top > p.kv { margin-bottom: 8px; }
html[data-skin="editorial"] .cm-pair { margin-bottom: 16px; }
@media (min-width: 1280px) {
  html[data-skin="editorial"] .cm-pair { gap: 20px; }
  html[data-skin="editorial"] .cm-pair > .card { margin-bottom: 0; }
  html[data-skin="editorial"] .cm-pair > .myans { margin: 0; }
}
@media (max-width: 480px) {
  html[data-skin="editorial"] .wrap.commentary > .cm-pair > .card { padding: 20px 2px 8px; margin: 0; }
  html[data-skin="editorial"] .wrap.commentary > .cm-pair > .card > h2 { font-size: var(--fs-title); line-height: var(--lh-snug); margin: 0 0 16px; }
  html[data-skin="editorial"] .cm-pair { margin-bottom: 0; padding-top: 16px; }
}
html[data-skin="editorial"] .guest-next { margin-top: 16px; padding-top: 16px; }
html[data-skin="editorial"] .guest-next p { font-size: var(--fs-body-lg); line-height: var(--lh-body); margin: 0 0 8px; }
html[data-skin="editorial"] .guest-next-btns { gap: 8px; }
html[data-skin="editorial"] .join-ask { margin-top: 16px; }
html[data-skin="editorial"] .join-ask .guest-next-btns { margin-top: 12px; }
html[data-skin="editorial"] .guest-sample-unl { margin: 16px 0 0; }