/* Equal tabs and neutral surfaces in both color schemes. */
:root{color-scheme:light;--paper:#fafafa;--ink:#303030;--muted:#5b5b5b;--line:#e2e2e2;--accent:#326ca8;--pcm:#294461;--pdi:#294461;--surface:#fff;--soft:#f5f5f5;--tint:#eaeff4;--faint:#c7c7c7;--header:rgba(250,250,250,.97);--primary:#294461;--heading-accent:#294461}
:root[data-theme="dark"]{color-scheme:dark;--paper:#171717;--ink:#ededed;--muted:#bcbcbc;--line:#383838;--accent:#8bb8e8;--pcm:#8bb8e8;--pdi:#8bb8e8;--surface:#202020;--soft:#252525;--tint:#29323d;--faint:#505050;--header:rgba(23,23,23,.97);--primary:#326ca8;--heading-accent:#acceed}
body{background:var(--paper);color:var(--ink)}
.site-header{background:var(--header);border-color:var(--line)}
h1 em{color:var(--heading-accent)}
.primary-link{background:var(--primary);color:#fff}.primary-link:hover{background:#326ca8}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;white-space:nowrap;flex-shrink:0}
.theme-toggle:hover{background:var(--soft);border-color:var(--faint)}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr));background:var(--soft);align-items:stretch}
.product-tabs button{width:100%;min-width:0;justify-content:center;text-align:center;padding:16px;min-height:64px;color:var(--muted)}
.product-tabs button:hover{background:var(--tint);color:var(--ink)}.product-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #00000008}
.product-tabs button>span,.product-tabs button:not(.active)>span{background:var(--soft);color:var(--muted)}
.journey-art,.closing-icon,.icon-button{background:var(--soft)}
.art-grid{background-image:radial-gradient(var(--faint) .8px,transparent .8px)}
.art-window,.mini-window{background:var(--surface);border-color:var(--line)}
.art-video,.product-dots i,.product-dots i+i,.section-symbol,.pdi .section-symbol{background:var(--tint)}
.art-pcm,.art-pdi{background:var(--soft);border-color:var(--line)}
.art-play{background:var(--surface)}.art-orbit,.art-orbit:after,.line-art,.window-top{border-color:var(--line)}
.window-top>span,.art-progress span{background:var(--faint)}
.art-note,.window-top i,.art-progress i,.search-field input::placeholder,.search-field kbd,.topic-field label,.catalog-total>span{color:var(--muted)}
.search-field svg{stroke:var(--muted)}
.search-field,.video-card,dialog{background:var(--surface);border-color:var(--line)}
.video-card:hover{border-color:var(--faint)}.search-field kbd,.thumbnail,.pdi .thumbnail{border-color:var(--line)}
.thumb-play{background:var(--surface);border-color:var(--line);color:var(--pcm)}
.real-thumbnail,#video-player{background:var(--soft)}
.icon-button:hover{background:var(--tint)}
.check-circle{background:var(--primary);color:#fff}
dialog::backdrop{background:#000000aa}
.dialog-navigation,.closing,.toolbar{border-color:var(--line)}
@media(max-width:1000px) and (min-width:761px){.header-inner{flex-wrap:wrap}.brand{order:0}.theme-toggle{order:1;margin-left:auto}nav{order:2;width:100%;justify-content:space-between}.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.product-tabs button{justify-content:center;text-align:center;font-size:17px}}
@media(max-width:760px){.brand{order:0}.theme-toggle{order:1;margin-left:auto;font-size:15px;padding-inline:12px}nav{order:2}.product-tabs{grid-template-columns:1fr}.product-tabs button{min-height:64px;justify-content:center;text-align:center}.header-inner{column-gap:12px}}
@media(max-width:380px){.theme-toggle{font-size:14px;gap:6px;padding-inline:10px}.theme-toggle svg{width:18px;height:18px}.brand{font-size:32px}.brand svg{width:34px;height:34px}}

nav a .nav-prefix{font-weight:400;color:var(--muted)}nav a strong{font-weight:700;color:var(--ink)}

/* Explicit native popup colors for Windows select controls. */
.topic-field select{background-color:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding-inline:10px}.topic-field select option,.topic-field select optgroup{background-color:#fff;color:#303030}:root[data-theme="dark"] .topic-field select{color-scheme:dark}:root[data-theme="dark"] .topic-field select option,:root[data-theme="dark"] .topic-field select optgroup{background-color:#202020;color:#ededed}

/* Compact editorial list: thumbnail, readable content, dedicated action. */
.cards{display:flex;flex-direction:column;gap:14px}
.video-card{display:grid;grid-template-columns:clamp(180px,21vw,240px) minmax(0,1fr) 142px;align-items:center;gap:24px;padding:18px;border-radius:12px;box-shadow:0 1px 3px #00000003}
.real-thumbnail{grid-column:1;grid-row:1;width:100%;border:0;border-radius:8px;aspect-ratio:16/9;align-self:center;overflow:hidden}
.real-thumbnail img{object-fit:cover}.thumb-play{width:46px;height:46px}.thumb-play svg{width:16px;height:16px}
.card-body{grid-column:2;grid-row:1;min-width:0;padding:0;align-self:center}.card-topic{font-size:13px;letter-spacing:.7px;line-height:1.5}.video-card h4{font-size:23px;line-height:1.35;letter-spacing:-.35px;margin:7px 0 9px;overflow-wrap:normal}.video-card p{font-size:17px;line-height:1.6;margin:0}
.card-footer{grid-column:3;grid-row:1;padding:0;margin:0;align-self:stretch;justify-content:center;align-items:center;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:20px}.card-footer .video-platform{font-size:13px;line-height:1.5}.open-video{font-size:17px;min-height:48px;white-space:nowrap;gap:10px;padding:8px 0}.open-video span{font-size:22px}.section-heading{margin-bottom:20px}.video-section+.video-section{margin-top:48px}
@media(max-width:1000px){.video-card{grid-template-columns:200px minmax(0,1fr) 128px;gap:20px;padding:16px}.video-card h4{font-size:22px}.card-footer{padding-left:16px}.open-video{font-size:16px}}
@media(max-width:760px){.video-card{grid-template-columns:160px minmax(0,1fr);gap:8px 20px;padding:16px;align-items:start}.real-thumbnail{grid-column:1;grid-row:1/3;align-self:start}.card-body{grid-column:2;grid-row:1}.card-footer{grid-column:2;grid-row:2;border-left:0;padding:0;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px 18px}.card-footer .video-platform{display:none}.video-card h4{font-size:21px}.video-card p{font-size:17px}.card-topic{font-size:13px}.open-video{font-size:17px;min-height:44px}.thumb-play{width:40px;height:40px}.thumb-play svg{width:14px;height:14px}}
@media(max-width:500px){.video-card{grid-template-columns:112px minmax(0,1fr);padding:14px;column-gap:16px}.video-card h4{font-size:20px;line-height:1.4;margin-top:6px}.video-card p{font-size:16px;line-height:1.6}.card-topic{font-size:12px;letter-spacing:.3px}.thumb-play{width:32px;height:32px}.thumb-play svg{width:12px;height:12px}.open-video{font-size:16px}.cards{gap:14px}}
@media(max-width:380px){.video-card{grid-template-columns:96px minmax(0,1fr);column-gap:12px;padding:12px}.video-card h4{font-size:19px}.card-topic{font-size:12px}}
@media(max-width:500px){.video-card .card-body{display:contents}.video-card .card-topic{grid-column:2;grid-row:1;align-self:end}.video-card h4{grid-column:2;grid-row:2;margin:0;align-self:start}.video-card p{grid-column:1/-1;grid-row:3;margin-top:8px}.video-card .card-footer{grid-column:1/-1;grid-row:4;justify-content:flex-end}.video-card .real-thumbnail{grid-column:1;grid-row:1/3;align-self:start}}