:root{--ink:#102436;--muted:#5d7081;--navy:#081b2b;--blue:#0a6680;--blue-2:#0d7c98;--aqua:#dff5f7;--paper:#f4f7f8;--white:#fff;--line:#dce5e9;--shadow:0 18px 50px rgba(8,27,43,.1);--radius:20px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.seo-page{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.seo-site-header{min-height:72px;padding:12px max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px rgba(8,27,43,.18)}.seo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.seo-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#48c2c7,#0b7c97);font-weight:900;font-size:1.35rem}.seo-brand>span:last-child{display:grid;line-height:1.05}.seo-brand strong{font-size:1.05rem}.seo-brand small{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a9c6d0}.seo-site-header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seo-site-header nav a{padding:9px 12px;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:700;color:#dcecf1}.seo-site-header nav a:hover,.seo-site-header nav a:focus-visible{background:rgba(255,255,255,.1);color:#fff}main{width:min(var(--max),calc(100% - 40px));margin:0 auto}.seo-breadcrumb{display:flex;gap:8px;align-items:center;overflow:hidden;padding:18px 0 12px;font-size:.84rem;color:var(--muted);white-space:nowrap}.seo-breadcrumb a{color:var(--blue);font-weight:700;text-decoration:none}.seo-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.seo-watch-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.9fr);gap:24px;align-items:stretch;margin-bottom:24px}.seo-player-column,.seo-watch-intro,.seo-panel,.seo-related-section,.seo-topic-hero,.seo-topic-results,.seo-topic-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.seo-player-column{padding:14px}.seo-player{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.seo-player.is-portrait{aspect-ratio:9/16;max-height:660px;width:min(100%,372px);margin:auto}.seo-player iframe{width:100%;height:100%;border:0;display:block}.seo-watch-actions{display:flex;gap:10px;padding-top:12px;flex-wrap:wrap}.seo-primary-button,.seo-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:11px;text-decoration:none;font-weight:800;font-size:.9rem}.seo-primary-button{background:var(--blue);color:#fff}.seo-primary-button:hover{background:var(--blue-2)}.seo-secondary-button{background:#eef4f6;color:var(--ink);border:1px solid var(--line)}.seo-watch-intro{padding:clamp(24px,4vw,42px);display:flex;flex-direction:column;justify-content:center}.seo-eyebrow{margin:0 0 8px;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.seo-watch-intro h1,.seo-topic-hero h1{font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 16px}.seo-summary{font-size:1.06rem;color:#3f5565;margin:18px 0}.seo-meta-row,.seo-tag-row{display:flex;gap:7px;flex-wrap:wrap}.seo-meta-row span,.seo-tag-row span{border-radius:999px;font-weight:750}.seo-meta-row span{background:var(--aqua);padding:6px 10px;font-size:.8rem;color:#124f5a}.seo-tag-row span{background:#f0f3f5;border:1px solid var(--line);padding:5px 9px;font-size:.74rem;color:#506675}.seo-content-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:24px;align-items:start}.seo-main-content{display:grid;gap:24px}.seo-panel{padding:24px}.seo-panel h2,.seo-related-section h2,.seo-section-heading h2,.seo-topic-results h2{margin:0;font-size:1.35rem;line-height:1.15}.seo-objectives{padding-left:22px;margin:18px 0 0}.seo-objectives li+li{margin-top:8px}.seo-mapping-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.seo-mapping-list li{padding:12px 14px;border:1px solid var(--line);background:#f7fafb;border-radius:12px;display:grid;gap:2px}.seo-mapping-list strong{font-size:.82rem;color:var(--blue)}.seo-mapping-list span{font-size:.92rem}.seo-panel-heading,.seo-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.seo-panel-heading>span{font-size:.78rem;background:#edf3f5;padding:5px 9px;border-radius:999px;color:var(--muted);white-space:nowrap}.seo-chapter-panel{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.seo-chapter-list{display:grid;gap:8px;margin-top:18px}.seo-chapter{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:11px;border-radius:12px;text-decoration:none;border:1px solid transparent}.seo-chapter:hover,.seo-chapter:focus-visible,.seo-chapter.is-active{border-color:#93cbd4;background:#effbfc}.seo-chapter time{font-size:.8rem;font-weight:900;color:var(--blue);padding-top:2px}.seo-chapter span{display:grid;gap:3px}.seo-chapter strong{font-size:.9rem}.seo-chapter small{font-size:.75rem;line-height:1.35;color:var(--muted)}.seo-muted{color:var(--muted)}.seo-series-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-series-nav a{padding:15px;background:#e9f5f7;border:1px solid #c4e2e7;border-radius:14px;text-decoration:none;display:grid;gap:3px}.seo-series-nav span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:900}.seo-series-nav strong{font-size:.86rem}.seo-related-section,.seo-topic-results{padding:24px;margin:24px 0}.seo-section-heading{margin-bottom:18px}.seo-section-heading a{color:var(--blue);text-decoration:none;font-weight:800;font-size:.86rem}.seo-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-video-card{min-width:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:transform .16s ease,box-shadow .16s ease}.seo-video-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,27,43,.1)}.seo-video-card>a{text-decoration:none;display:block;height:100%}.seo-card-thumb{position:relative;aspect-ratio:16/9;background:#102436;overflow:hidden}.seo-card-thumb img{width:100%;height:100%;display:block;object-fit:cover}.seo-card-thumb>span:last-child{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;border-radius:6px;padding:3px 6px;font-size:.7rem;font-weight:800}.seo-card-thumb .seo-card-format{position:absolute;left:8px;top:8px;background:#fff;color:#173447;border-radius:6px;padding:3px 6px;font-size:.65rem;font-weight:900}.seo-card-copy{padding:14px}.seo-card-copy small{display:block;color:var(--blue);font-weight:850;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.seo-card-copy h3{font-size:.98rem;line-height:1.2;margin:0 0 8px}.seo-card-copy p{font-size:.8rem;line-height:1.4;color:var(--muted);margin:0}.seo-topic-hero{position:relative;padding:clamp(28px,5vw,58px);overflow:hidden;margin-bottom:20px}.seo-topic-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-110px;background:linear-gradient(135deg,#daf4f6,#a9dde3);opacity:.65}.seo-topic-hero>*{position:relative;z-index:1}.seo-topic-hero>p:not(.seo-eyebrow){font-size:1.05rem;max-width:760px;color:#435968;margin:0}.seo-topic-count{position:absolute;right:38px;bottom:28px;display:grid;text-align:center;z-index:2}.seo-topic-count strong{font-size:2rem;line-height:1;color:var(--blue)}.seo-topic-count span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.seo-topic-nav{display:flex;gap:7px;overflow-x:auto;padding:4px 0 14px}.seo-topic-nav a{white-space:nowrap;text-decoration:none;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:800;color:#486071}.seo-topic-nav a.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.seo-topic-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.seo-topic-card{display:block;text-decoration:none;padding:24px;min-height:220px}.seo-topic-card span{font-size:.75rem;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.seo-topic-card h2{font-size:1.25rem;line-height:1.16;margin:12px 0}.seo-topic-card p{font-size:.88rem;color:var(--muted)}.seo-topic-card strong{font-size:.85rem;color:var(--blue)}.seo-footer{width:min(var(--max),calc(100% - 40px));margin:32px auto 0;padding:22px 0 34px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;color:var(--muted);font-size:.82rem;flex-wrap:wrap}.seo-footer-brand{display:grid;gap:2px}.seo-footer strong{color:var(--ink)}.seo-footer-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.seo-footer a{color:var(--blue);font-weight:800;text-decoration:none;padding:5px 7px;border-radius:7px}.seo-footer a:hover,.seo-footer a:focus-visible{text-decoration:underline;background:#e8f3f5}.seo-site-version{white-space:nowrap;font-weight:750}@media(max-width:960px){.seo-watch-hero,.seo-content-grid{grid-template-columns:1fr}.seo-chapter-panel{position:static;max-height:none}.seo-video-grid,.seo-topic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-topic-count{position:static;margin-top:20px;text-align:left;display:flex;gap:8px;align-items:baseline}}@media(max-width:700px){.seo-site-header{position:static;align-items:flex-start;flex-direction:column;gap:10px;padding:12px 18px}.seo-site-header nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.seo-site-header nav a{white-space:nowrap;padding-left:7px;padding-right:7px}main{width:min(100% - 24px,var(--max))}.seo-breadcrumb{padding-top:12px}.seo-player-column{padding:8px}.seo-watch-intro,.seo-panel,.seo-related-section,.seo-topic-results,.seo-topic-card{padding:18px}.seo-video-grid,.seo-topic-card-grid{grid-template-columns:1fr}.seo-series-nav{grid-template-columns:1fr}.seo-section-heading{align-items:flex-start;flex-direction:column}.seo-topic-hero{padding:26px 20px}.seo-topic-hero h1{font-size:2rem}.seo-footer{width:calc(100% - 24px);align-items:flex-start;flex-direction:column}.seo-footer-links{margin-left:0;margin-right:-7px}.seo-footer a{margin-left:0}.seo-card-copy p{font-size:.84rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-video-card{transition:none}}

.seo-platform-home{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid rgba(255,255,255,.24);border-radius:9px;color:#dcecf1;text-decoration:none;font-size:.74rem;font-weight:800;white-space:nowrap}.seo-platform-home:hover,.seo-platform-home:focus-visible{background:rgba(255,255,255,.1);color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.seo-platform-home{position:absolute;right:18px;top:16px;font-size:.7rem;padding:6px 8px}}

/* v2026.08.12.2 — compact shared public-page header */
.seo-site-header{min-height:64px;padding-top:8px;padding-bottom:8px;gap:16px}
.seo-brand{gap:9px;min-width:max-content}
.seo-brand-mark{width:40px;height:40px;border-radius:12px;font-size:1.25rem}
.seo-site-header nav{flex-wrap:nowrap;gap:3px}
.seo-site-header nav a{white-space:nowrap;padding:8px 10px;font-size:.86rem}
.seo-platform-home{padding:6px 8px;font-size:.72rem}
@media(max-width:940px){
  .seo-site-header{gap:10px}
  .seo-platform-home{display:none}
  .seo-site-header nav a{padding-inline:8px;font-size:.82rem}
}
@media(max-width:700px){
  .seo-site-header{min-height:auto;gap:8px;padding:10px 14px}
  .seo-site-header nav{width:100%;gap:2px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .seo-site-header nav::-webkit-scrollbar{display:none}
  .seo-site-header nav a{min-height:40px;display:inline-flex;align-items:center;padding-inline:9px}
}