body { margin:0; font-family:Arial, sans-serif; background:#f6f6f6; color:#222;  font-size:17px; }
a { color:#064f8f; }
.site-header { background:#111; color:white; padding:16px 24px; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.site-header a { color:white; text-decoration:none; margin-left:14px; }
.site-header nav a[href$="principles/index.html"],
.site-header nav a[href$="about/index.html"],
.site-header nav a[href$="ask/index.html"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  white-space:normal;
  text-align:center;
  line-height:1.05;
  vertical-align:middle;
}
.site-header nav a[href$="principles/index.html"] { width:88px; }
.site-header nav a[href$="about/index.html"] { width:52px; }
.site-header nav a[href$="ask/index.html"] { width:58px; }
.brand { font-weight:700; margin-left:0 !important; }
main { max-width:1200px; margin:0 auto; padding:24px; }
footer { color:#666; text-align:center; padding:24px; }
.donate-hero { background:linear-gradient(135deg,#151515,#2a2a2a); color:#fff; border-radius:16px; padding:46px 48px; margin-bottom:24px; overflow:hidden; position:relative; }
.donate-hero::after { content:""; position:absolute; width:260px; height:260px; border:42px solid rgba(255,255,255,.045); border-radius:50%; right:-95px; top:-105px; }
.donate-hero h1 { font-size:clamp(2.1rem,5vw,3.6rem); line-height:1.02; margin:.15em 0 .35em; max-width:760px; }
.donate-hero p { max-width:780px; font-size:1.08rem; line-height:1.6; color:#e3e3e3; }
.donate-hero .donate-lead { font-size:1.28rem; color:#fff; }
.donate-eyebrow,.donate-kicker { text-transform:uppercase; letter-spacing:.12em; font-weight:800; font-size:.78rem; }
.donate-eyebrow { color:#f0b323 !important; margin:0; }
.donate-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 24px; }
.donate-card { background:#fff; border-radius:14px; padding:28px; box-shadow:0 2px 12px rgba(0,0,0,.08); border-top:5px solid #333; display:flex; flex-direction:column; }
.donate-card-primary { border-top-color:#d99800; }
.donate-card-foundation { border-top-color:#176e82; }
.donate-icon { width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#efefef; font-weight:800; font-size:1.45rem; margin-bottom:18px; }
.donate-card-primary .donate-icon { background:#fff2ce; color:#8d6000; }
.donate-card-foundation .donate-icon { background:#dff1f5; color:#176e82; }
.donate-kicker { color:#777; margin:0 0 6px; }
.donate-card h2 { margin:.15rem 0 .65rem; font-size:1.55rem; }
.donate-card > p:not(.donate-kicker):not(.donate-small) { line-height:1.55; flex:1; }
.donate-button { display:block; text-align:center; background:#d99800; color:#111; text-decoration:none; font-weight:800; padding:13px 16px; border-radius:9px; margin-top:14px; }
.donate-button-dark { background:#222; color:#fff; }
.donate-button-sea { background:#176e82; color:#fff; }
.donate-small { color:#777; font-size:.8rem; line-height:1.35; margin:10px 0 0; }
.supporter-recognition { margin:0 0 24px; }
.supporter-video-card { aspect-ratio:16/9; min-height:440px; max-height:650px; display:flex; flex-direction:column; color:#fff; background:radial-gradient(circle at 86% 8%,rgba(217,152,0,.24),transparent 27%),linear-gradient(145deg,#080808,#252525); border-radius:16px; padding:clamp(24px,4vw,44px); box-shadow:0 5px 20px rgba(0,0,0,.18); overflow:hidden; }
.supporter-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(255,255,255,.22); padding-bottom:18px; }
.supporter-card-heading h2 { margin:.25rem 0 0; font-size:clamp(1.5rem,3vw,2.5rem); line-height:1.08; }
.supporter-card-heading > strong { color:#f0b323; font-size:clamp(2rem,5vw,4.4rem); line-height:.9; }
.supporter-name-window { flex:1; min-height:0; overflow-y:auto; margin:20px -10px 10px 0; padding-right:14px; scrollbar-color:#d99800 #292929; }
.supporter-name-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 20px; }
.supporter-name-grid span { font-size:1.02rem; line-height:1.3; color:#eee; overflow-wrap:anywhere; }
.supporter-card-footer { margin:10px 0 0; color:#bbb; font-size:.86rem; }
.donate-uses,.donate-not-money { background:#fff; border-radius:14px; padding:30px; margin-bottom:24px; }
.donate-uses h2,.donate-not-money h2 { margin-top:0; }
.donate-use-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.donate-use-grid div { background:#f2f2f2; border-radius:10px; padding:16px; }
.donate-use-grid strong,.donate-use-grid span { display:block; }
.donate-use-grid strong { margin-bottom:5px; }
.donate-use-grid span { color:#5c5c5c; font-size:.92rem; line-height:1.4; }
.donate-not-money { text-align:center; border:2px dashed #c8c8c8; }
.donate-not-money p { max-width:760px; margin:0 auto; line-height:1.55; }
.email-signup-page { max-width:720px; margin:0 auto; background:#fff; border-radius:16px; padding:clamp(28px,5vw,56px); box-shadow:0 2px 12px rgba(0,0,0,.08); }
.email-signup-page h1 { font-size:clamp(2.1rem,5vw,3.4rem); margin:.15em 0 .35em; }
.email-signup-page > p:not(.donate-eyebrow) { color:#555; font-size:1.08rem; line-height:1.6; margin-bottom:28px; }
.hero { background:white; border-radius:14px; padding:28px; margin-bottom:24px; }
.stats { display:flex; gap:16px; flex-wrap:wrap; margin-top:18px; }
.stats div { background:#eee; border-radius:10px; padding:14px 18px; min-width:120px; }
.stats strong { display:block; font-size:1.6rem; }
.stats span { color:#555; }
.search-box { display:flex; gap:8px; margin:18px 0; }
.search-box input { flex:1; padding:12px; font-size:1rem; border:1px solid #ccc; border-radius:8px; }
.search-box button { padding:12px 18px; border:0; border-radius:8px; background:#111; color:white; font-weight:700; cursor:pointer; }
.search-box-big input { font-size:1.15rem; padding:15px; }
.card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.video-card, .support-card { display:block; background:white; color:#222; text-decoration:none; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.thumb { aspect-ratio:16/9; background:#d8d8d8; display:flex; align-items:center; justify-content:center; font-size:2.4rem; color:#555; overflow:hidden; }
.thumb img { width:100%; height:100%; object-fit:cover; }
.thumb-fallback { width:100%; height:100%; align-items:center; justify-content:center; font-size:2.4rem; color:#555; }
.card-title { font-weight:700; padding:12px 12px 6px; }
.card-label, .card-time { color:#666; padding:0 12px 10px; font-size:.9rem; }
.support-card { padding:16px; border:2px dashed #999; }
.support-title { font-weight:700; font-size:1.1rem; margin-bottom:8px; }
.watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; }
.player-placeholder { background:#111; color:white; aspect-ratio:16/9; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.player-placeholder a { color:white; }
.play-icon { font-size:4rem; }
.video-player-wrap { width:100%; }
.video-player, .video-iframe { width:100%; aspect-ratio:16/9; border:0; border-radius:14px; background:#111; display:block; }
.video-player-wrap p { margin:.6rem 0 1rem; }
.explore-occurrence-panel { margin:.65rem 0 .35rem; padding:.65rem .8rem .75rem; background:#f5f8fd; border:1px solid #bfd0eb; border-radius:10px; }
.explore-occurrence-heading { display:flex; justify-content:space-between; gap:12px; align-items:baseline; font-size:.92rem; color:#334; }
.explore-occurrence-heading strong { color:#111; }
.explore-occurrence-track { position:relative; height:18px; margin:.45rem 7px .25rem; cursor:pointer; }
.explore-occurrence-track:before { content:""; position:absolute; left:0; right:0; top:8px; height:4px; border-radius:999px; background:#c6ceda; }
.explore-occurrence-marker { position:absolute; top:1px; width:14px; height:14px; margin-left:-7px; padding:0; border:2px solid #fff; border-radius:50%; background:#2f64ad; box-shadow:0 0 0 1px #244f89; cursor:pointer; z-index:1; }
.explore-occurrence-marker:hover,.explore-occurrence-marker:focus-visible { transform:scale(1.28); background:#173e78; }
.explore-occurrence-marker.is-active { background:#b3262d; box-shadow:0 0 0 2px #7f171d; }
.explore-occurrence-detail { min-height:1.2em; color:#4b5563; font-size:.84rem; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.transcript { background:white; border-radius:12px; padding:18px; }
.cue-time { font-family:monospace; color:#555; margin-right:8px; }
.side-cards { display:grid; gap:14px; }
.link-list li { margin:8px 0; }
.link-list span { color:#666; font-size:.9rem; }
.note { color:#555; background:#fff; border-left:4px solid #999; padding:10px 14px; }
.item-type { display:inline-block; background:#eee; padding:6px 10px; border-radius:8px; color:#555; font-weight:700; }
.stats-small { margin-top:18px; }
.data-table { width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.data-table th, .data-table td { padding:10px 12px; border-bottom:1px solid #eee; text-align:left; vertical-align:top; }
.data-table th { background:#f0f0f0; }
.relationship-type { display:inline-block; background:#e9eef5; border-radius:999px; padding:4px 8px; font-weight:700; font-size:.86rem; }
.essential-connections { background:#fffdf1; border-left:5px solid #b8860b; border-radius:10px; padding:18px 22px; }
.entity-public-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:32px; align-items:start; margin-top:28px; }
.entity-related-column,.entity-comments-column { min-width:0; }
.entity-comments-column { position:sticky; top:18px; }
.entity-media-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.entity-related-image { margin:0; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.entity-related-image img { width:100%; height:auto; display:block; }
.entity-related-image figcaption { padding:10px 12px; color:#555; }
.entity-answer-card { background:#fff; border-radius:12px; padding:20px; margin:0 0 16px; box-shadow:0 2px 8px rgba(0,0,0,.08); border-left:4px solid #287a43; }
.entity-answer-card h3 { margin:0 0 12px; font-size:1.15rem; line-height:1.35; }
.talk-to-doug-response-with-media { display:grid; grid-template-columns:minmax(180px,38%) minmax(0,1fr); gap:18px; align-items:start; }
.entity-answer-media { display:flex; flex-direction:column; gap:10px; margin:0; min-width:0; }
.entity-answer-content { min-width:0; }
.entity-answer-media .video-card,.entity-answer-media .entity-related-image { width:100%; max-width:none; margin:0; }
.entity-answer-media .entity-related-image a { display:block; }
.entity-answer-media .entity-related-image img { display:block; width:100%; height:auto; }
.entity-answer-text { line-height:1.58; }
.entity-answer-source { margin:14px 0 0; color:#666; font-size:.88rem; }
.evidence-list { display:grid; gap:12px; }
.evidence-card { background:white; border-radius:12px; padding:14px 18px; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.evidence-card h3 { margin:0 0 8px; }
.search-result { background:white; border-radius:12px; padding:14px 18px; margin:12px 0; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.search-result h3 { margin:0 0 8px; }
.search-result p { margin:0 0 8px; color:#444; }
.search-meta { color:#666; font-size:.9rem; }
.search-source { margin-left:10px; }
.search-subject-heading { margin:28px 0 10px; padding-bottom:6px; border-bottom:2px solid #bbb; }
.search-transcript-hits { display:grid; gap:8px; margin-top:12px; }
.search-transcript-hit { display:flex; align-items:baseline; gap:10px; min-width:0; border-top:1px solid #e1e4e8; padding-top:8px; }
.search-transcript-hit a { flex:0 0 auto; font-weight:700; }
.search-transcript-hit p { min-width:0; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-transcript-hit mark { background:#ffe36e; color:inherit; padding:0 .08em; border-radius:2px; }
.search-more-hits { margin-top:8px; }
.search-more-hits summary { color:#1f5799; cursor:pointer; font-weight:700; }

.brand { display:flex; align-items:center; gap:9px; }
.brand img { width:41px; height:41px; object-fit:contain; }
.workshop-hero { text-align:center; background:#111; color:#fff; padding:18px 24px 22px; border-radius:18px; margin-bottom:14px; position:relative; overflow:hidden; }
.workshop-hero:after { content:""; position:absolute; inset:auto -15% -65% -15%; height:70%; background:#8d181d; transform:rotate(-3deg); opacity:.28; }
.hero-dragon { width:64px; height:64px; object-fit:contain; position:relative; z-index:1; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; color:#d9a7a9; font-size:.82rem; font-weight:700; }
.workshop-hero h1 { font-size:clamp(2.35rem,5.3vw,4rem); margin:.05em 0 .12em; line-height:.95; position:relative; z-index:1; }
.workshop-hero blockquote { border:0; margin:3px auto; font-size:clamp(1.05rem,2vw,1.35rem); font-style:italic; position:relative; z-index:1; }
.hero-copy { max-width:720px; margin:8px auto 10px; color:#ddd; line-height:1.4; position:relative; z-index:1; }
.hero-actions { display:flex; justify-content:center; gap:12px; position:relative; z-index:1; }
.primary-button,.secondary-button { display:inline-block; padding:12px 24px; border-radius:999px; text-decoration:none; font-weight:800; }
.primary-button { background:#9c2025; color:white; }
.secondary-button { border:1px solid #aaa; color:white; }
.path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:28px 0; }
.path-card { background:#fff; color:#222; text-decoration:none; padding:24px; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.08); border-top:4px solid #941e23; }
.path-card span { color:#941e23; font-weight:800; letter-spacing:.12em; }
.path-card h2 { margin:8px 0; }
.path-card p { color:#555; line-height:1.5; }
.latest-section { margin-top:24px; }
.foundation-page { max-width:820px; margin:0 auto; background:white; border-radius:16px; padding:clamp(24px,5vw,58px); box-shadow:0 2px 12px rgba(0,0,0,.08); line-height:1.7; }
.foundation-page h1 { font-size:clamp(2.3rem,6vw,4.2rem); margin-top:0; }
.vision-page-hero { float:right; width:42%; max-width:390px; height:auto; margin:34px 0 24px 34px; border-radius:12px; }
.foundation-page h2 { margin-top:2.1em; color:#7f171c; }
.foundation-page blockquote { margin:18px 0; padding:10px 22px; border-left:5px solid #941e23; font-size:1.35rem; font-style:italic; background:#faf5f5; }
.foundation-page p { margin:1em 0; }
.principle-list { padding-left:22px; }
@media(max-width:900px){ .entity-public-layout{grid-template-columns:1fr;} .entity-comments-column{position:static;} }
@media(max-width:650px){ .entity-media-list{grid-template-columns:1fr;} }
@media(max-width:600px){ .talk-to-doug-response-with-media{grid-template-columns:1fr;} }
@media(max-width:800px){ .watch-layout{grid-template-columns:1fr;} .site-header{display:block;} .site-header nav{margin-top:12px; line-height:2;} .search-box{display:block;} .search-box button{margin-top:8px;} .path-grid{grid-template-columns:1fr;} .hero-actions{flex-direction:column; align-items:center;} .vision-page-hero{float:none;width:100%;max-width:none;margin:0 0 24px;} }
@media(max-width:900px){ .donate-methods{grid-template-columns:1fr;} .donate-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .supporter-name-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:600px){ .donate-hero{padding:32px 24px;} .donate-card,.donate-uses,.donate-not-money{padding:22px;} .donate-use-grid{grid-template-columns:1fr;} .supporter-video-card{aspect-ratio:auto;min-height:560px;padding:24px;} .supporter-card-heading{display:block;} .supporter-card-heading>strong{display:block;margin-top:14px;} .supporter-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;} }

/* v4.1 AI thumbnail review */
.thumbnail-review-actions { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0; }
.thumbnail-review-actions button {
  border:0; border-radius:999px; padding:11px 18px; background:#111;
  color:#fff; font-weight:700; cursor:pointer;
}
.thumbnail-review-list { display:grid; gap:22px; }
.thumbnail-review-video {
  background:#fff; border-radius:14px; padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.thumbnail-review-video h2 { margin:0 0 4px; }
.thumbnail-choice-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:14px; margin-top:14px;
}
.thumbnail-choice {
  padding:0; border:3px solid transparent; border-radius:12px; overflow:hidden;
  background:#eee; cursor:pointer; text-align:left;
}
.thumbnail-choice img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:#111; }
.thumbnail-choice span { display:block; padding:9px 11px; font-weight:700; }
.thumbnail-choice.selected { border-color:#287a43; box-shadow:0 0 0 4px rgba(40,122,67,.18); position:relative; }
.thumbnail-review-intro { max-width:none; }
.thumbnail-review-dashboard { background:#fff; border-radius:14px; padding:16px 18px; box-shadow:0 2px 10px rgba(0,0,0,.07); margin:18px 0; }
.thumbnail-progress-copy { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; }
.thumbnail-progress-copy span { color:#666; }
.thumbnail-progress-track { height:14px; border-radius:999px; background:#ddd; overflow:hidden; }
.thumbnail-progress-bar { height:100%; width:0; background:#287a43; transition:width .2s ease; }
.thumbnail-review-toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:18px 0 10px; }
.thumbnail-review-toolbar input { flex:1 1 330px; min-width:240px; padding:12px 14px; border:1px solid #bbb; border-radius:10px; font-size:1rem; }
.thumbnail-review-toolbar button, .thumbnail-filter-buttons button { border:0; border-radius:999px; padding:11px 16px; background:#333; color:#fff; font-weight:700; cursor:pointer; }
.thumbnail-filter-buttons { display:flex; gap:6px; flex-wrap:wrap; }
.thumbnail-filter-buttons button.active { background:#941e23; }
.thumbnail-review-actions .secondary-action { background:#666; }
.thumbnail-review-heading { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.review-status { flex:0 0 auto; display:inline-block; border-radius:999px; padding:7px 11px; font-size:.85rem; font-weight:800; }
.review-status.reviewed { background:#e5f4e9; color:#1d6a35; }
.review-status.unreviewed { background:#fff0d5; color:#805500; }
.thumbnail-review-video { scroll-margin-top:18px; }
.thumbnail-review-video[hidden] { display:none; }
.thumbnail-choice-grid { grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; }
.thumbnail-choice { position:relative; background:#f3f3f3; }
.thumbnail-choice-badge { position:absolute; top:9px; left:9px; z-index:2; background:rgba(0,0,0,.78); color:#fff; border-radius:999px; padding:6px 10px !important; font-size:.82rem; }
.thumbnail-choice-footer { display:flex !important; justify-content:space-between; align-items:center; gap:10px; }
.thumbnail-choice-footer kbd { border:1px solid #bbb; border-bottom-width:2px; border-radius:5px; background:#fff; padding:2px 6px; font-family:inherit; }
.thumbnail-selected-mark { display:none !important; position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; background:#287a43; color:#fff; align-items:center; justify-content:center; font-size:1.35rem; font-weight:900; z-index:3; padding:0 !important; }
.thumbnail-choice.selected .thumbnail-selected-mark { display:flex !important; }
.thumbnail-choice.permanent:not(.selected) { border-color:#aaa; }
@media(max-width:700px){ .thumbnail-choice-grid{grid-template-columns:1fr;} .thumbnail-review-heading{display:block;} .review-status{margin-top:8px;} .thumbnail-progress-copy{display:block;} }

/* v3.0a Project Engine */
.project-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.25rem; margin:2rem 0; }
.project-card { display:block; padding:1.4rem; border:1px solid var(--border); border-radius:16px; background:var(--panel); text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.05); }
.project-card:hover { transform:translateY(-2px); }
.project-card h2 { margin:.2rem 0 .6rem; }
.project-card span, .project-status { color:var(--muted); font-size:.92rem; }
.content-card-thumb { margin:-1.4rem -1.4rem 1.15rem; overflow:hidden; border-radius:15px 15px 0 0; background:#171717; aspect-ratio:16/9; }
.content-card-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.project-hero { max-width:900px; padding:1rem 0 2rem; }
.project-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; }
.page-intro { max-width:820px; }



/* Compact project page opening */
.project-detail,
.project-page { padding-top: 1.25rem; }

.project-detail > .eyebrow,
.project-page > .eyebrow { margin-bottom: .25rem; }

.project-detail h1,
.project-page h1 { margin-top: .15rem; margin-bottom: .35rem; }

.project-description {
  color: #333;
  opacity: 1;
  font-size: 1.08rem;
  line-height: 1.45;
  margin-top: .35rem;
  margin-bottom: 1rem;
  max-width: 58rem;
}

.project-video-hero { margin-top: 1rem; }

@media (max-width: 700px) {
  .project-detail,
  .project-page { padding-top: .75rem; }
  .project-video-hero { display: block; }
  .project-video-hero-thumb,
  .project-video-hero-copy { width: 100%; }
  .project-video-hero-thumb .project-hero-player {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .project-video-hero-copy { padding: 1rem; }
}


/* Compact project page opening - actual project markup */
.project-hero {
  max-width: 1000px;
  padding: .25rem 0 .65rem;
}

.project-hero > p:first-child {
  margin: 0 0 .55rem;
}

.project-hero .eyebrow {
  margin: 0 0 .35rem;
}

.project-hero h1 {
  margin: 0 0 .45rem;
  line-height: 1.05;
}

.project-hero .project-status {
  margin: 0 0 .45rem;
  color: #444;
  font-size: .95rem;
}

.project-hero .hero-copy {
  max-width: 900px;
  margin: 0 0 .75rem;
  color: #444;
  font-size: 1.05rem;
  line-height: 1.4;
  opacity: 1;
}

.project-video-hero {
  margin-top: .35rem;
  margin-bottom: 1.1rem;
}

.project-videos > h2 {
  margin-top: .5rem;
}

@media (max-width: 700px) {
  main {
    padding: 14px;
  }

  .project-hero {
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .project-hero .hero-copy {
    font-size: 1rem;
  }

  .project-video-hero {
    grid-template-columns: 1fr;
    margin-top: .25rem;
  }

  .project-video-hero-thumb {
    min-height: 0;
  }

  .project-video-hero-thumb .project-hero-player {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .project-video-hero-copy {
    padding: 1rem;
  }
}

/* Project story video presentation */

.project-video-hero-thumb .project-hero-player { width:100%; height:100%; min-height:300px; display:block; object-fit:contain; background:#000; }
.project-hero-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.project-hero-fallback img { width:100%; height:100%; object-fit:cover; }

.project-video-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); background:#111; color:white; text-decoration:none; border-radius:18px; overflow:hidden; margin:0 0 28px; box-shadow:0 4px 18px rgba(0,0,0,.16); }
.project-video-hero-thumb { position:relative; min-height:300px; background:#222; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.project-video-hero-thumb img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.project-video-hero-thumb > span:not(.hero-play) { font-size:4rem; }
.hero-play { position:relative; z-index:2; width:76px; height:76px; border-radius:50%; background:rgba(0,0,0,.68); display:flex; align-items:center; justify-content:center; font-size:2rem; padding-left:5px; }
.project-video-hero-copy { padding:32px; align-self:center; }
.project-video-hero-copy h2 { font-size:clamp(1.6rem,3vw,2.5rem); margin:.25rem 0 .6rem; color:white; }
.project-video-hero-copy p { color:#ddd; }
.project-videos { margin:0 0 34px; }
.more-project-videos { margin-top:18px; }
.more-project-videos summary { cursor:pointer; display:inline-block; background:#111; color:#fff; border-radius:999px; padding:11px 20px; font-weight:700; margin-bottom:18px; }
.more-project-videos[open] summary { margin-bottom:22px; }
@media(max-width:800px){ .project-video-hero{grid-template-columns:1fr;} .project-video-hero-thumb{min-height:220px;} }

/* v3.1 evidence hierarchy and navigation */
.card-date, .video-date { color:#777; padding:0 12px 8px; font-size:.84rem; }
.evidence-summary-title { margin-top:1.6rem; }
.source-summary { align-items:stretch; }
.source-summary-card { display:flex; flex-direction:column; gap:3px; min-width:145px; background:#fff; border-radius:10px; padding:14px 18px; text-decoration:none; color:#222; border-top:4px solid #999; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.source-summary-card strong { font-size:1.6rem; }
.source-summary-card span { color:#333; font-weight:700; }
.source-summary-card small { color:#777; margin-top:4px; }
.source-summary-card.source-primary { border-top-color:#287a43; }
.source-summary-card.source-community { border-top-color:#b78312; }
.source-summary-card.source-commentary { border-top-color:#777; }
.source-section { scroll-margin-top:90px; margin:2rem 0; padding:1.25rem; border-radius:14px; background:#f1f1f1; border-left:6px solid #999; }
.source-section-primary { border-left-color:#287a43; background:#f0f7f2; }
.source-section-community { border-left-color:#b78312; background:#fff8e9; }
.source-section-commentary { border-left-color:#777; background:#f2f2f2; }
.source-section h3 { margin:.15rem 0 .35rem; font-size:1.45rem; }
.source-class { margin:0; text-transform:uppercase; letter-spacing:.12em; font-size:.76rem; font-weight:800; color:#666; }
.source-note { margin:.25rem 0 1rem; color:#555; }

/* v5.1.0 Incremental Build Modes */
.knowledge-article { max-width:900px; margin:0 auto 2rem; background:#fff; border-radius:16px; padding:clamp(22px,5vw,52px); box-shadow:0 2px 12px rgba(0,0,0,.08); }
.knowledge-article h1 { margin:.2rem 0 .4rem; font-size:clamp(2rem,5vw,3.8rem); }
.article-date { color:#666; font-weight:700; }
.timeline-hero { max-width:960px; padding-top:22px; padding-bottom:22px; margin:0 auto 18px; }
.timeline-header-row { position:relative; z-index:1; display:flex; align-items:center; gap:24px; min-width:0; }
.timeline-header-row h1 { flex:0 0 auto; margin:.15rem 0; }
.timeline-header-images { flex:1 1 auto; min-width:0; display:grid; grid-template-columns:repeat(var(--timeline-image-count),minmax(0,1fr)); gap:8px; }
.timeline-header-images a { position:relative; z-index:1; display:block; min-width:0; border-radius:8px; overflow:visible; }
.timeline-header-images img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; box-shadow:0 1px 5px rgba(0,0,0,.16); transition:transform .2s ease,filter .2s ease,box-shadow .2s ease; }
@media (hover:hover) and (pointer:fine) {
 .timeline-header-images a:hover,.timeline-header-images a:focus-visible { z-index:30; }
 .timeline-header-images a:hover img,.timeline-header-images a:focus-visible img { transform:scale(2); filter:brightness(1.04); box-shadow:0 10px 28px rgba(0,0,0,.38); }
}
.timeline-hero .hero-copy { max-width:760px; margin-top:6px; color:#4b4b4b !important; opacity:1 !important; }
.timeline-summary { max-width:1000px; margin:0 auto .75rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.timeline-summary div { background:#fff; border-radius:12px; padding:14px 16px; box-shadow:0 2px 8px rgba(0,0,0,.07); }
.timeline-summary strong,.timeline-summary span { display:block; }
.timeline-summary strong { font-size:1.45rem; }
.timeline-summary span { color:#777; font-size:.78rem; margin-top:2px; }
.timeline-year-jump { position:sticky; top:0; z-index:8; max-width:1000px; margin:0 auto .75rem; display:flex; gap:6px; flex-wrap:wrap; padding:8px 10px; border-radius:10px; background:rgba(247,247,247,.96); box-shadow:0 2px 8px rgba(0,0,0,.06); backdrop-filter:blur(6px); }
.timeline-year-jump a { display:inline-block; padding:4px 8px; border-radius:999px; text-decoration:none; color:#222; font-size:.78rem; font-weight:800; }
.timeline-year-jump a:hover { background:#222; color:#fff; }
.timeline-help { max-width:1000px; margin:0 auto 1.2rem; color:#666; }
.timeline-spine { position:relative; max-width:1000px; margin:0 auto 4rem; }
.timeline-spine:before { content:""; position:absolute; left:70px; top:0; bottom:0; width:3px; background:#aaa; }
.timeline-year { position:relative; display:grid; grid-template-columns:140px 1fr; gap:18px; margin-bottom:24px; scroll-margin-top:92px; }
.timeline-year-marker { position:relative; z-index:1; align-self:start; justify-self:center; background:#222; color:#fff; padding:8px 13px; border-radius:999px; font-weight:800; }
.timeline-year-card { background:#fff; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.08); overflow:hidden; }
.timeline-year-card > summary { cursor:pointer; list-style:none; display:flex; align-items:baseline; gap:14px; padding:17px 20px; }
.timeline-year-card > summary::-webkit-details-marker { display:none; }
.timeline-year-card > summary:after { content:"+"; margin-left:auto; font-size:1.4rem; font-weight:800; color:#777; }
.timeline-year-card[open] > summary:after { content:"–"; }
.timeline-year-title { font-size:1.35rem; font-weight:850; }
.timeline-year-counts { color:#777; font-size:.86rem; }
.timeline-milestone-badge { margin-left:auto; margin-right:12px; padding:4px 9px; border-radius:999px; background:#f3e4e4; color:#8a1d22; font-size:.75rem; font-weight:850; white-space:nowrap; }
.timeline-year-card.has-milestone { border-left:4px solid #8a1d22; }
.timeline-year-card.has-milestone > summary:after { margin-left:0; }
.timeline-year-content { border-top:1px solid #e1e1e1; padding:4px 20px 18px; }
.timeline-month { padding-top:15px; }
.timeline-month + .timeline-month { border-top:1px solid #eee; margin-top:15px; }
.timeline-month h3 { margin:0 0 10px; font-size:1rem; color:#555; }
.timeline-month-items { display:grid; gap:8px; }
.timeline-entry-wrap { display:grid; grid-template-columns:96px 1fr; gap:10px; align-items:start; }
.timeline-entry-wrap time { color:#777; font-size:.75rem; padding-top:9px; white-space:nowrap; }
.timeline-entry { min-width:0; display:flex; gap:12px; align-items:center; text-decoration:none; color:#222; border-radius:10px; padding:8px 10px; background:#f7f7f7; }
.timeline-entry:hover { background:#efefef; }
.timeline-entry-copy { min-width:0; }
.timeline-entry-copy strong { display:block; line-height:1.2; }
.timeline-entry-copy p { margin:4px 0 0; color:#666; font-size:.82rem; line-height:1.35; }
.timeline-entry-type { display:block; color:#8a1d22; font-size:.67rem; font-weight:850; text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px; }
.timeline-entry-marker { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#222; color:#fff; font-weight:900; }
.timeline-entry-article { border-left:3px solid #b7b7b7; }
.timeline-entry-video { border-left:3px solid #222; }
.timeline-entry-milestone { background:#efe5d7; border:2px solid #8a1d22; border-left-width:7px; padding-top:11px; padding-bottom:11px; box-shadow:0 2px 7px rgba(138,29,34,.10); }
.timeline-entry-milestone .timeline-entry-marker { background:#8a1d22; transform:scale(1.08); }
.timeline-entry-milestone .timeline-entry-type { font-size:.72rem; }
.timeline-entry-milestone strong { font-size:1.06rem; }
.timeline-thumb { width:100px; aspect-ratio:16/9; flex:0 0 100px; border-radius:7px; overflow:hidden; background:#111; display:flex; align-items:center; justify-content:center; color:#fff; }
.timeline-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.timeline-thumb-empty { font-size:1.4rem; }
@media(max-width:700px){
 .timeline-header-row{display:block}
 .timeline-header-images{margin-top:10px;grid-template-columns:repeat(var(--timeline-image-count),minmax(112px,1fr));overflow-x:auto;padding-bottom:4px}
 .timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .timeline-year-jump{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
 .timeline-year-jump a{flex:0 0 auto}
 .timeline-spine:before{left:23px}
 .timeline-year{grid-template-columns:46px 1fr;gap:8px}
 .timeline-year-marker{writing-mode:vertical-rl;border-radius:7px}
 .timeline-year-card > summary{display:block;padding:14px}
 .timeline-year-card > summary:after{float:right;margin-top:-1.5rem}
 .timeline-year-content{padding:4px 12px 14px}
 .timeline-entry-wrap{grid-template-columns:1fr}
 .timeline-entry-wrap time{padding:0 0 0 4px}
 .timeline-thumb{width:82px;flex-basis:82px}
}
.article-body { font-size:1.14rem; line-height:1.7; }
.article-body p { margin:1.05rem 0; }
.article-inline-link {
  overflow-wrap:anywhere;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
.article-body h2, .article-body h3, .article-body h4 { margin:1.65rem 0 .65rem; line-height:1.2; }
.article-body blockquote { margin:1.4rem 0; padding:.8rem 1.2rem; border-left:5px solid #941e23; background:#faf5f5; }
.article-body pre { overflow:auto; padding:1rem; background:#f0f0f0; border-radius:10px; white-space:pre-wrap; }
.article-list { margin:1rem 0 1.2rem; }
.article-image { text-align:center; }
.article-image a { display:inline-block; max-width:100%; }
.article-image img { display:block; max-width:100%; height:auto; margin:0 auto; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.10); }
.article-video-block { display:block; max-width:720px; margin:1.5rem auto; color:inherit; text-decoration:none; border-radius:12px; overflow:hidden; background:#f3f3f3; box-shadow:0 2px 10px rgba(0,0,0,.12); }
.article-video-block-thumb { display:block; position:relative; aspect-ratio:16/9; background:#222; }
.article-video-block-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.article-video-block-play { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:rgba(148,30,35,.92); color:#fff; font-size:1.7rem; padding-left:4px; }
.article-video-block-title { display:block; padding:12px 16px; font-weight:800; }
.article-video-block-empty { display:grid; place-items:center; height:100%; color:#fff; font-size:3rem; }
.article-image-has-fullsize a { cursor:zoom-in; }
.article-image figcaption {
  margin:.55rem auto 1.35rem;
  max-width:760px;
  color:#707070;
  font-size:.88rem;
  line-height:1.4;
  font-style:italic;
  text-align:center;
}
.article-image-center { clear:both; margin:1.6rem auto; max-width:100%; }
.article-numbered-reference-row {
  clear:both;
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin:1.35rem 0 1.6rem;
}
.article-numbered-reference-media {
  display:grid;
  gap:12px;
}
.article-numbered-reference-media .article-image {
  float:none;
  width:100%;
  max-width:none;
  margin:0;
}
.article-numbered-reference-media .article-image img {
  width:100%;
  height:auto;
  display:block;
}
.article-numbered-reference-media .article-image figcaption {
  margin:.48rem .35rem 0;
  font-size:.9rem;
  line-height:1.35;
  color:#666;
  font-style:italic;
  font-weight:400;
  text-align:center;
}
.article-numbered-reference-row-caption-only {
  grid-template-columns:minmax(260px,340px);
}
.article-numbered-reference-row-caption-only .article-numbered-reference-media {
  grid-column:1;
}
.article-numbered-reference-copy > :first-child {
  margin-top:0;
}
.article-numbered-reference-copy > :last-child {
  margin-bottom:0;
}
@media(max-width:700px){
  .article-numbered-reference-row {
    grid-template-columns:1fr;
  }
}

.article-numbered-reference-image {
  display:contents;
}
.article-numbered-reference-image + p {
  margin-top:1rem;
}
.article-image-float-left,
.article-image-float-right {
  width:min(38%,340px);
  margin-top:.45rem;
  margin-bottom:1rem;
}
.article-image-float-left { float:left; margin-right:1.35rem; margin-left:0; }
.article-image-float-right { float:right; margin-left:1.35rem; margin-right:0; }
.article-image-float-left img,
.article-image-float-right img { width:100%; }
.article-body::after { content:""; display:block; clear:both; }
.article-body h2, .article-body h3, .article-body h4 { clear:both; }
@media(max-width:700px){
  .article-image-float-left,
  .article-image-float-right {
    float:none;
    width:100%;
    max-width:520px;
    margin:1.35rem auto;
  }
}
.article-image-group {
  clear:both;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:1.5rem 0 1.8rem;
}
.article-image-group .article-image {
  float:none;
  width:100%;
  max-width:none;
  margin:0;
}
.article-image-group .article-image a { display:block; width:100%; }
.article-image-group .article-image img {
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
}
.article-image-group .article-image figcaption {
  margin:.45rem .35rem .2rem;
}
@media(max-width:700px){
  .article-image-group { grid-template-columns:1fr; }
}
.article-image-gallery { clear:both; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:1.5rem 0; }
.article-image-gallery .article-image { margin:0; }
.article-image-gallery .article-image img { width:100%; aspect-ratio:auto; object-fit:contain; }
@media(max-width:700px){ .article-image-gallery{grid-template-columns:1fr;} }
.article-table-wrap { overflow-x:auto; margin:1.3rem 0; }
.article-preview-warning { background:#fff0d5; border-left:5px solid #b78312; padding:12px 15px; font-weight:700; }
.article-featured-video { max-width:900px; margin:0 auto 2rem; }
.article-evidence-label {
  font-size:1.05rem;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.055em;
  margin:0 0 .65rem;
}
.article-evidence-label-then { color:#174f87; }
.article-evidence-label-now { color:#1f6c37; font-size:1.18rem; }
.article-inline-now { clear:both; margin:1.7rem 0; }
.article-inline-now-card {
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  background:#f1faf3;
  border-left:5px solid #287d43;
  border-radius:12px;
  overflow:hidden;
  color:#222;
  text-decoration:none;
  box-shadow:0 2px 9px rgba(0,0,0,.08);
}
.article-inline-now-thumb { background:#111; aspect-ratio:16/9; overflow:hidden; }
.article-inline-now-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.article-inline-now-copy { padding:15px 18px; }
.article-inline-now-copy h3 { margin:.15rem 0 .45rem; font-size:1.18rem; }
.article-inline-now-copy p { margin:.3rem 0; }
@media(max-width:700px){ .article-inline-now-card{grid-template-columns:1fr;} }
.article-inline-then { clear:both; margin:1.5rem 0 1.7rem; }
.article-inline-then-card {
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  background:#eef6ff;
  border-left:5px solid #2466a8;
  border-radius:12px;
  overflow:hidden;
  color:#222;
  text-decoration:none;
  box-shadow:0 2px 9px rgba(0,0,0,.08);
}
.article-inline-then-thumb { background:#111; aspect-ratio:16/9; overflow:hidden; }
.article-inline-then-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.article-inline-then-copy { padding:15px 18px; }
.article-inline-then-copy h3 { margin:.15rem 0 .45rem; font-size:1.18rem; }
.article-inline-then-copy p { margin:.3rem 0; }
@media(max-width:700px){ .article-inline-then-card{grid-template-columns:1fr;} }
.article-then-evidence { clear:both; max-width:900px; margin:2.6rem auto 1.6rem; padding-top:1.2rem; border-top:1px solid #ddd; }
.article-reviewed-video-list { display:grid; gap:16px; margin-top:1.2rem; }
.article-reviewed-video {
  display:grid;
  grid-template-columns:minmax(220px,320px) 1fr;
  background:#fff;
  color:#222;
  text-decoration:none;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.09);
  border-left:5px solid #888;
}
.article-reviewed-video-then { border-left-color:#2466a8; }
.article-reviewed-video-now { border-left-color:#287d43; }
.article-reviewed-video-thumb { background:#111; aspect-ratio:16/9; overflow:hidden; }
.article-reviewed-video-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.article-reviewed-video-copy { padding:18px 20px; }
.article-reviewed-video-copy h3 { margin:.2rem 0 .5rem; font-size:1.3rem; }
.article-reviewed-video-copy p { margin:.35rem 0; }
.article-what-became-reviewed { border-top:4px solid #287d43; padding-top:1.4rem; }
@media(max-width:700px){ .article-reviewed-video{grid-template-columns:1fr;} }
.article-what-became { max-width:900px; margin:2.5rem auto; }
.article-what-became > h2 { margin:.25rem 0 .6rem; font-size:clamp(1.7rem,4vw,2.6rem); }
.article-later-video-list { display:grid; gap:16px; margin-top:1.2rem; }
.article-later-video {
  display:grid;
  grid-template-columns:minmax(220px,320px) 1fr;
  background:#fff;
  color:#222;
  text-decoration:none;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.09);
}
.article-later-video-thumb { background:#111; aspect-ratio:16/9; overflow:hidden; }
.article-later-video-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.article-later-video-copy { padding:18px 20px; }
.article-later-video-copy h3 { margin:.2rem 0 .5rem; font-size:1.3rem; }
.article-later-video-copy p { margin:.35rem 0; }
.article-later-video-date { color:#666; }
.article-later-video-start { font-weight:800; color:#7f171c; }
@media(max-width:700px){ .article-later-video{grid-template-columns:1fr;} }
.article-relationships { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:2rem; max-width:900px; margin:2rem auto; }
.video-related-articles { margin-top:2rem; }

/* v5.1.26 Production Video pages */
.video-prev-next { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:7px 0 15px; padding:0 3px; font-size:.88rem; }
.video-prev-next a { color:#2f6fb3; font-weight:700; text-decoration:none; }
.video-prev-next a:hover { text-decoration:underline; }
.video-prev-next .nav-disabled { color:#aaa; font-weight:600; }

.original-post-photos { margin:18px 0 28px; }
.original-post-photos > h2 { margin:0 0 4px; }
.video-post-photo-group { margin:0 0 22px; }
.video-post-photo-heading { display:flex; justify-content:space-between; gap:14px; align-items:baseline; margin:8px 0 10px; }
.video-post-photo-heading h3 { margin:0; font-size:1.08rem; }
.video-post-photo-heading span { color:#777; font-size:.86rem; }
.original-post-photo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.original-post-photo { margin:0; border-radius:10px; overflow:hidden; background:#f1f1f1; }
.original-post-photo a { display:block; }
.original-post-photo img { display:block; width:100%; height:auto; }
.original-post-photo figcaption { padding:7px 9px 9px; color:#666; font-size:.84rem; font-style:italic; }

/* v5.1.38 Empty Video-page space: quote/support filler */
.video-empty-filler {
  margin:18px 0 30px;
  padding:clamp(22px,4vw,44px);
  border-radius:16px;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.video-empty-filler .eyebrow {
  margin:0 0 12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.video-quote-filler {
  background:#f5f1e8;
  border-left:6px solid #941e23;
}
.video-quote-filler blockquote {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
  line-height:1.5;
}
.video-quote-short blockquote { font-size:clamp(1.45rem,2.7vw,2.2rem); }
.video-quote-medium blockquote { font-size:clamp(1.15rem,2vw,1.6rem); }
.video-quote-long blockquote { font-size:clamp(1rem,1.55vw,1.28rem); }
.video-quote-author {
  margin:18px 0 0;
  font-weight:800;
  text-align:right;
}
.video-quote-source {
  color:#666;
  font-weight:500;
  font-style:italic;
}
.video-principle-filler {
  background:#eef4f8;
  border-left:6px solid #315d75;
}
.video-principle-filler h2 {
  margin:.1rem 0 .7rem;
  font-size:clamp(1.45rem,2.6vw,2rem);
}
.video-principle-wording {
  margin:0;
  max-width:780px;
  font-size:clamp(1.05rem,1.7vw,1.3rem);
  line-height:1.5;
}
.video-principle-link {
  margin:18px 0 0;
  font-weight:700;
}
.video-principle-link a { text-decoration:none; }
.video-principle-link a:hover { text-decoration:underline; }

.video-support-filler {
  background:#202020;
  color:#fff;
  border-left:6px solid #941e23;
}
.video-support-filler h2 {
  margin:.1rem 0 .65rem;
  color:#fff;
  font-size:clamp(1.55rem,3vw,2.3rem);
}
.video-support-filler p { max-width:720px; }
.video-support-button {
  display:inline-block;
  margin-top:8px;
  padding:.65rem 1rem;
  border-radius:999px;
  background:#fff;
  color:#161616;
  text-decoration:none;
  font-weight:800;
}
.video-support-button:hover { text-decoration:underline; }

.dynamic-topic-head { position:sticky; top:0; z-index:4; background:rgba(255,255,255,.97); border-left:5px solid #2f6fb3; border-radius:10px; padding:10px 10px 8px; margin:0 0 10px; }
.dynamic-topic-head h2 { margin:0 0 2px; }
.dynamic-topic-subtitle { margin:0; color:#555; font-size:.9rem; }
.dynamic-topic-status { margin-top:7px; color:#2f6fb3; font-weight:700; font-size:.82rem; min-height:1.1em; }
.dynamic-topic-cards { transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease; }
.dynamic-topic-cards.refreshing { opacity:.55; transform:translateY(3px); }
.dynamic-topic-cards.updated { box-shadow:0 0 0 3px rgba(47,111,179,.18); border-radius:12px; }

.video-cue-anchor { display:block; position:relative; height:0; overflow:hidden; visibility:hidden; }
@media (prefers-reduced-motion: reduce) { .dynamic-topic-cards { transition:none; } }
@media(max-width:800px) {
  .video-post-photo-heading { display:block; }
  .video-post-photo-heading span { display:block; margin-top:3px; }
}


/* v5.1.27 Chronological Videos archive */
.videos-index-intro {
  margin-top:-.25rem;
  color:#666;
  font-size:1.02rem;
}
.videos-year-nav {
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin:1rem 0 1.6rem;
}
.videos-year-nav a {
  display:inline-block;
  padding:.3rem .55rem;
  border:1px solid #d8d8d8;
  border-radius:999px;
  background:#fff;
  color:#2f6fb3;
  text-decoration:none;
  font-weight:700;
  font-size:.86rem;
}
.videos-year-nav a:hover {
  background:#f2f5f8;
}
.videos-year {
  scroll-margin-top:5rem;
  margin:0 0 2.2rem;
}
.videos-year-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .75rem;
  padding-bottom:.35rem;
  border-bottom:2px solid #e5e5e5;
}
.videos-year-heading h2 {
  margin:0;
  font-size:1.55rem;
}
.videos-year-heading span {
  color:#777;
  font-size:.88rem;
  white-space:nowrap;
}
.videos-chronological-grid {
  margin-bottom:0;
}
.videos-latest {
  margin:0 0 1.4rem;
}
.videos-latest-grid {
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-bottom:0;
}
@media(max-width:1000px) {
  .videos-latest-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:650px) {
  .videos-latest-grid {
    grid-template-columns:1fr;
  }
}


.article-original-videos{
  clear:both;margin:28px 0;padding-top:18px;border-top:1px solid #ddd
}
.article-original-video{margin:14px 0 22px}
.article-original-video-player{
  display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;
  background:#111
}
video.article-original-video-player{height:auto;aspect-ratio:16/9}
.article-original-video-title{margin:6px 0 0;color:#666;font-size:.92rem}


.video-onboarding-stills {
  margin: 18px 0 22px;
}
.video-onboarding-stills h2 {
  margin: 0 0 12px;
}
.video-onboarding-stills-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,320px));
  gap:12px;
  align-items:start;
}
@media (max-width:900px) {
  .video-onboarding-stills-grid {
    grid-template-columns:repeat(2,minmax(0,320px)) !important;
  }
}
@media (max-width:600px) {
  .video-onboarding-stills-grid {
    grid-template-columns:minmax(0,320px) !important;
  }
}
.video-onboarding-still {
  margin: 0;
}
.video-onboarding-still img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.video-watch-link a {
  display: flex;
  height: 100%;
  min-height: 360px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-decoration: none;
  font-weight: 700;
}
.video-watch-poster {
  max-width: 100%;
  max-height: 520px;
  object-fit: contain;
}