/* Shared list layout and Studio dark palette from F:/api/cms/static/css/studio.css.
   The repeated ID overrides the existing public-theme cascade. */
html body.w2k#top#top#top#top#top#top#top#top#top .paper-video-shell {
  width:100% !important;max-width:1100px !important;margin:0 auto 16px !important;float:none !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .paper-video-player {
  width:100% !important;max-width:none !important;margin:0 auto !important;float:none !important;
}
/* Artplayer fades in its full-frame gradient with the progress bar. Keep the
   picture untouched; put contrast only behind the small controls themselves. */
html body.w2k#top#top#top#top#top#top#top#top#top .paper-video-player :is(.art-bottom,.art-bottom-gradient) {
  background:transparent !important;backdrop-filter:none !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .paper-video-player :is(.art-control:not(.art-control-progress),.art-progress-tip) {
  background:rgba(10,18,28,.65) !important;color:#fff !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .media-card-play {
  position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;
  display:grid !important;place-items:center !important;width:60px !important;height:60px !important;
  border:1px solid rgba(255,255,255,.9) !important;border-radius:50% !important;background:rgba(12,22,42,.28) !important;
  color:#fff !important;pointer-events:none !important;z-index:2 !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .media-card-play svg {display:block !important;width:24px !important;height:24px !important;color:inherit !important}
html body.w2k#top#top#top#top#top#top#top#top#top .media-card-frame:is(:hover,:focus-visible) .media-card-play {background:rgba(12,22,42,.5) !important}

/* Homepage and category text rows share the same component surface and rhythm. */
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt {
  background:#fff !important;border:0 !important;border-radius:4px !important;box-shadow:none !important;padding:0 !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-list {margin:0 !important;padding:0 !important;display:block !important;list-style:none !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-row {padding:0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid #edf1f5 !important;background:transparent !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-row:last-child {border-bottom:0 !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-link {
  display:flex !important;align-items:center !important;gap:14px !important;min-height:84px !important;padding:18px 20px !important;background:transparent !important;
}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-copy {display:flex !important;flex-direction:column !important;gap:5px !important;flex:1 !important;min-width:0 !important;background:transparent !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-name {color:#2d3d4d !important;font-size:16px !important;line-height:1.5 !important;font-weight:600 !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt :is(.w2k-dt-meta,.w2k-dt-date,.w2k-dt-views,.w2k-dt-views-num,.w2k-dt-go) {color:#667786 !important;font-size:12px !important;line-height:1.5 !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-meta {display:flex !important;align-items:center !important;gap:18px !important}
html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-link:is(:hover,:focus-visible) {background:#e7f1ff !important}

html.dark {
  color-scheme:dark;
  --studio-desktop:#172332;--studio-surface:#1d2938;--studio-panel:#223143;--studio-soft:#233244;
  --studio-text:#e4edf7;--studio-muted:#9baec4;--studio-line:#35475c;--studio-blue:#72adff;--studio-selected:#293f5d;--studio-title:#24588f;
  --grid-base:var(--studio-desktop);--grid-line:rgba(114,173,255,.05);--w2k-first-bg:var(--studio-desktop);
  --article-surface:var(--studio-surface);--article-soft:var(--studio-soft);--article-line:var(--studio-line);
  --article-text:var(--studio-text);--article-muted:var(--studio-muted);--article-accent:var(--studio-blue);--article-selected:var(--studio-selected);
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top {
  --desktop:var(--studio-desktop);--bg-app:var(--studio-desktop);--bg-sidebar:var(--studio-panel);--bg-content:var(--studio-surface);--bg-card:var(--studio-surface);
  --bg-surface-card:var(--studio-surface);--bg-surface-elevated:var(--studio-soft);--bg-surface-sunken:var(--studio-desktop);
  --surface-panel:var(--studio-surface);--surface-row-hover:var(--studio-selected);--surface-divider:var(--studio-line);--surface-panel-border:var(--studio-line);
  --soft-line:var(--studio-line);--soft-blue:var(--studio-blue);--soft-blue-sel:var(--studio-selected);--soft-nav-hover:var(--studio-selected);
  --text-primary:var(--studio-text);--text-secondary:var(--studio-muted);--text-tertiary:var(--studio-muted);--border-subtle:var(--studio-line);--border-divider:var(--studio-line);
  background-color:var(--studio-desktop) !important;color:var(--studio-text) !important;
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-window,.w2k-client,.w2k-main,.w2k-pane,.prose-paper,#article-content,.reading-content,.article-list-container,.w2k-dt,.magazine-section,.taxonomy-tile,.w2k-dt-list) {
  background-color:var(--studio-surface) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important;
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-sidebar,.w2k-menu,.w2k-breadcrumb,.w2k-toolbar,.compact-filter,.filter-popover,.w2k-statusbar,.magazine-section-head,.w2k-tree-head,.w2k-sidebar-head) {
  background:var(--studio-panel) !important;color:var(--studio-muted) !important;border-color:var(--studio-line) !important;
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top .w2k-titlebar {background:var(--studio-title) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-tree-node,.w2k-menu a,.w2k-breadcrumb a,.compact-pill,.filter-trigger,.compact-option,.w2k-count-field,.w2k-tree-count,.w2k-profile-desc,.w2k-sidebar-footer) {color:var(--studio-muted) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-dt-row,.magazine-section-head,.article-latest-list a,.w2k-sidebar hr) {border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-dt-name,.media-card-title,.magazine-section-title,.magazine-section h2,.w2k-profile-name,.w2k-doc-title,.prose-paper h1,.prose-paper h2,.prose-paper h3,.prose-paper h4,.prose-paper p,.prose-paper li,.prose-paper strong) {color:var(--studio-text) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-dt-meta,.w2k-dt-date,.w2k-dt-views,.w2k-dt-views-num,.w2k-dt-go,.media-card-date,.magazine-section-more,.w2k-crumb-current) {color:var(--studio-muted) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-menu a.is-active,.w2k-tree-node.is-active,.compact-pill.is-active,.compact-option.is-active,.w2k-menu a:hover,.w2k-tree-node:hover,.compact-pill:hover,.compact-option:hover,.w2k-dt-link:hover,.w2k-dt-link:focus-visible) {background:var(--studio-selected) !important;color:var(--studio-blue) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.paper-callout,.paper-hide-lock,.taxonomy-tile,.code-block-wrapper,.prose-paper pre,.prose-paper code,.prose-paper th,.paper-gallery-loadmore,.w2k-btn,.win-btn,.w2k-tbtn,.compact-search input,.compact-search button,.filter-trigger) {background-color:var(--studio-soft) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.table-scroll,.prose-paper table,.prose-paper td,.prose-paper blockquote) {background-color:var(--studio-surface) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top .prose-paper a {color:var(--studio-blue) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top .cms-media {
  --media-line:var(--studio-line) !important;--media-soft:var(--studio-soft) !important;--media-panel:var(--studio-panel) !important;--media-surface:var(--studio-surface) !important;--media-muted:var(--studio-muted) !important;--media-accent:var(--studio-blue) !important;--media-selected:var(--studio-selected) !important;
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-search-panel,.w2k-sys-summary,.w2k-sys-summary legend,.w2k-rail-head,.w2k-rail-title,.taxonomy-panel,.taxonomy-section,.archive-month,.media-card-copy,.w2k-empty) {
  background-color:var(--studio-panel) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important;
}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.w2k-sys-key,.w2k-sys-val,.taxonomy-name,.taxonomy-count,.w2k-empty p) {color:var(--studio-muted) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top .w2k-sys-bar {background-color:var(--studio-desktop) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.archive-year,.archive-timeline-item,.archive-year-list,.about-card,.w2k-dialog,.w2k-dialog-body,.w2k-metalist,.win-propsheet td) {background-color:var(--studio-surface) !important;color:var(--studio-text) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.archive-year-head,.w2k-pane-title,.w2k-metalist-title,.win-propsheet th,.archive-pagination a,.archive-pagination span) {background-color:var(--studio-panel) !important;color:var(--studio-muted) !important;border-color:var(--studio-line) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.archive-timeline-item strong,.taxonomy-tile strong,.archive-year-title strong,.w2k-dialog h1,.public-head h1) {color:var(--studio-text) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.archive-timeline-item time,.archive-category,.taxonomy-tile small,.archive-year-title span,.w2k-dialog p) {color:var(--studio-muted) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top :is(.taxonomy-tile:hover,.archive-timeline-item:hover,.w2k-metalist-item:hover,.archive-pagination a.is-active) {background-color:var(--studio-selected) !important;color:var(--studio-blue) !important}
html.dark body.w2k#top#top#top#top#top#top#top#top#top .w2k-dialog-overlay {background-color:var(--studio-desktop) !important}
@media(max-width:600px) {
  html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-link {padding:16px 12px !important;gap:10px !important;min-height:76px !important}
  html body.w2k#top#top#top#top#top#top#top#top#top .w2k-dt-name {font-size:14px !important}
  html body.w2k#top#top#top#top#top#top#top#top#top .media-card-play {width:44px !important;height:44px !important}
}