/* a2i 2018 theme + classic editor. Only the opt-in episode HTML uses this layout. */
body.a2i-episode-layout { --a2i-episode-blue:#006eb9; --a2i-episode-green:#247b1e; --a2i-episode-ink:#302b29; overflow-x:clip; }
body.a2i-episode-layout .l-main { display:flex; flex-direction:column; min-width:0; }
/* Flatten only layout wrappers; retain the theme's real h1 and global header. */
body.a2i-episode-layout .l-main > .p-cms-format,
body.a2i-episode-layout .a2i-witness-episode { display:contents; }
body.a2i-episode-layout .a2i-witness-episode * { box-sizing:border-box; }
body.a2i-episode-layout .a2i-witness-episode a { color:var(--a2i-episode-blue); text-underline-offset:3px; }
body.a2i-episode-layout .a2i-witness-episode a:focus-visible { outline:3px solid #063b72; outline-offset:4px; }
body.a2i-episode-layout .a2i-episode-nav { order:-3; position:relative; margin:0 0 40px; padding:17px 0 12px; background:#eaf5fb; box-shadow:0 0 0 100vmax #eaf5fb; clip-path:inset(0 -100vmax); }
body.a2i-episode-layout .a2i-episode-nav::before { content:''; position:absolute; top:0; left:calc((100% - 100vw)/2); width:100vw; height:5px; background:linear-gradient(to right,#009fda 0 44.5%,#fff 44.5% 44.8%,#ef3832 44.8% 64.7%,#fff 64.7% 65%,#f7b400 65% 74.2%,#fff 74.2% 74.5%,#43af33 74.5%); }
body.a2i-episode-layout .a2i-episode-nav .a2i-episode-nav-eyebrow,
body.a2i-episode-layout .a2i-episode-nav .a2i-episode-nav-title { display:none; }
body.a2i-episode-layout .a2i-episode-tabs { display:flex; align-items:stretch; gap:4px; overflow:auto; margin:0; padding:0; scrollbar-width:thin; }
body.a2i-episode-layout .a2i-episode-tabs > a,
body.a2i-episode-layout .a2i-episode-tabs > span { display:flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; white-space:normal; border:1px solid #bcdced; border-bottom:4px solid var(--a2i-episode-blue); border-radius:0; padding:12px 14px; min-height:72px; background:#fff; font-size:14px; line-height:1.6; text-align:center; text-decoration:none; font-weight:700; }
body.a2i-episode-layout .a2i-episode-tabs > a:nth-child(2) { border-bottom-color:var(--a2i-episode-green); color:var(--a2i-episode-green); }
body.a2i-episode-layout .a2i-episode-tabs > a:hover { background:#dceefa; }
body.a2i-episode-layout .a2i-episode-tabs > a:focus-visible { outline-offset:-4px; }
body.a2i-episode-layout .a2i-episode-tabs > a[aria-current] { color:#fff; background:var(--a2i-episode-green); border-color:var(--a2i-episode-green); }
body.a2i-episode-layout .a2i-episode-tabs > span { background:#fff9e5; border-bottom-color:#f7b400; color:#635e5b; font-size:13px; font-weight:400; }
body.a2i-episode-layout .a2i-episode-tabs > span:last-child { background:#fdf0f0; border-bottom-color:#ed3832; }
body.a2i-episode-layout .a2i-episode-tabs > span .a2i-episode-long { word-break:keep-all; }
body.a2i-episode-layout .a2i-episode-tabs .a2i-episode-dot { flex:none; }
body.a2i-episode-layout .a2i-episode-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; margin-right:7px; vertical-align:middle; }
body.a2i-episode-layout .a2i-episode-dot-yellow { background:#f7b400; }
body.a2i-episode-layout .a2i-episode-dot-red { background:#ed3832; }
body.a2i-episode-layout .a2i-episode-short { display:none; }
body.a2i-episode-layout .a2i-episode-kicker { order:-2; width:100%; max-width:780px; margin:0 auto 13px; color:var(--a2i-episode-green); font-size:16px; line-height:1.6; font-weight:700; }
body.a2i-episode-layout .a2i-episode-series-label { display:inline-block; margin-right:12px; padding:2px 12px; background:#edf7eb; border-radius:999px; font-size:12px; }
body.a2i-episode-layout .a2i-episode-kicker strong { font-size:23px; }
body.a2i-episode-layout .l-main > .p-postInfo { order:-1; width:100%; max-width:780px; margin:0 auto 12px; border:0; padding:0; }
body.a2i-episode-layout .p-colInfo__row { display:block; border:0; padding:0; margin:0; }
body.a2i-episode-layout .p-colInfo__row > div:first-child:not(:last-child) { display:none; }
body.a2i-episode-layout .p-colInfo__row > div:last-child { display:block; width:100%; max-width:none; padding:0; }
body.a2i-episode-layout .c-h1.p-postDetail__title { margin:0; border:0; padding:0; color:var(--a2i-episode-ink); font-size:32px; font-weight:700; line-height:1.5; }
body.a2i-episode-layout .a2i-episode-body,
body.a2i-episode-layout .a2i-episode-footer,
body.a2i-episode-layout .l-main > .p-postShare { width:100%; max-width:780px; margin-inline:auto; color:var(--a2i-episode-ink); font-size:16px; line-height:1.9; }
body.a2i-episode-layout .a2i-episode-body p { margin:0 0 18px; }
body.a2i-episode-layout .a2i-episode-body .a2i-episode-participants { font-weight:700; margin:0 0 10px; }
body.a2i-episode-layout .a2i-episode-body .a2i-episode-meta { font-size:13px; color:#635e5b; margin:0 0 22px; }
body.a2i-episode-layout .a2i-episode-meta::after { content:''; display:block; width:120px; height:3px; margin-top:18px; background:linear-gradient(to right,#009fda 0 42%,#fff 42% 45%,#ef3832 45% 63%,#fff 63% 66%,#f7b400 66% 76%,#fff 76% 79%,#43af33 79%); }
body.a2i-episode-layout .a2i-episode-media { margin:0 0 32px; }
body.a2i-episode-layout .a2i-episode-video { position:relative; width:100%; aspect-ratio:16/9; background:#eef7eb; overflow:hidden; }
body.a2i-episode-layout .a2i-episode-video > img { display:block; width:100%; height:100%; object-fit:contain; margin:0; }
body.a2i-episode-layout .a2i-episode-video > iframe { display:block; width:100%; height:100%; border:0; }
body.a2i-episode-layout .a2i-episode-video-status { position:absolute; top:12px; left:12px; padding:3px 9px; background:#ffffffed; color:#3e474b; border-radius:3px; font-size:12px; font-weight:700; }
body.a2i-episode-layout .a2i-episode-caption { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:7px; font-size:12px; color:#635e5b; }
body.a2i-episode-layout .a2i-episode-toc { padding:22px 25px; background:#eef7eb; border-radius:7px; margin-bottom:38px; }
body.a2i-episode-layout .a2i-episode-toc .a2i-episode-toc-title { margin:0 0 12px; color:var(--a2i-episode-green); font-size:16px; line-height:1.5; border:0; padding:0; }
body.a2i-episode-layout .a2i-episode-toc ul { margin:0; padding:0; list-style:none; }
body.a2i-episode-layout .a2i-episode-toc li { display:flex; gap:16px; margin:0 0 5px; font-size:14px; }
body.a2i-episode-layout .a2i-episode-toc li:last-child { margin-bottom:0; }
body.a2i-episode-layout .a2i-episode-time { min-width:55px; color:#006eb9; font-weight:700; }
body.a2i-episode-layout .a2i-episode-body .a2i-episode-lead { font-weight:700; margin-bottom:32px; }
body.a2i-episode-layout .a2i-episode-section { margin-bottom:35px; }
body.a2i-episode-layout .a2i-episode-body h2.a2i-episode-heading { margin:0 0 20px; padding:0; border:0; font-size:23px; line-height:1.6; color:var(--a2i-episode-ink); }
body.a2i-episode-layout .a2i-episode-heading::after { content:''; display:block; height:3px; width:66px; margin-top:12px; background:linear-gradient(to right,#009fda 0 42%,#fff 42% 45%,#ef3832 45% 63%,#fff 63% 66%,#f7b400 66% 76%,#fff 76% 79%,#43af33 79%); }
body.a2i-episode-layout .a2i-episode-quote { display:grid; grid-template-columns:30px minmax(0,1fr); gap:15px; padding:26px; background:#f5f7f7; border:0; border-radius:7px; margin:30px 0 0; }
body.a2i-episode-layout .a2i-episode-quote::before { content:'“'; color:#43af33; font-family:Georgia,serif; font-size:48px; font-weight:700; line-height:1; }
body.a2i-episode-layout .a2i-episode-quote p { font-weight:700; margin:0 0 10px; }
body.a2i-episode-layout .a2i-episode-quote cite { font-size:13px; font-style:normal; color:#777; }
body.a2i-episode-layout .a2i-episode-profiles { margin:54px 0 28px; }
body.a2i-episode-layout .a2i-episode-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body.a2i-episode-layout .a2i-episode-profile { padding:22px; border:1px solid #ddd; border-radius:3px; }
body.a2i-episode-layout .a2i-episode-profile-header { display:flex; gap:15px; align-items:center; margin-bottom:15px; }
body.a2i-episode-layout .a2i-episode-avatar { flex:none; width:88px; height:88px; border:3px solid #43af33; border-radius:50%; object-fit:cover; object-position:50% 12%; background:#eef7eb; }
body.a2i-episode-layout .a2i-episode-profile h3 { margin:0; padding:0; border:0; font-size:18px; line-height:1.5; }
body.a2i-episode-layout .a2i-episode-profile .a2i-episode-affiliation { font-size:12px; margin:2px 0 0; color:#635e5b; }
body.a2i-episode-layout .a2i-episode-profile .a2i-episode-biography { font-size:14px; margin:0; }
body.a2i-episode-layout .l-main > .p-postShare { order:2; margin-block:0 32px; font-size:12px; }
body.a2i-episode-layout .a2i-episode-footer { order:3; border-top:1px solid #ddd; padding-top:27px; margin-bottom:65px; }
body.a2i-episode-layout .a2i-episode-next-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:16px; }
body.a2i-episode-layout .a2i-episode-next { border:1px dashed #b5d5ad; border-radius:3px; padding:20px; font-size:14px; min-height:95px; display:flex; flex-direction:column; justify-content:center; text-align:right; }
body.a2i-episode-layout .a2i-episode-first { color:#777; border-color:#ddd; font-size:12px; text-align:center; }
body.a2i-episode-layout .a2i-episode-next small { color:#777; }
body.a2i-episode-layout .a2i-episode-footer .a2i-episode-return { display:block; text-align:center; background:#006eb9; color:#fff; border-radius:999px; font-weight:700; text-decoration:none; padding:13px 20px; line-height:1.5; }
body.a2i-episode-layout .l-main > .c-h2,
body.a2i-episode-layout .l-main > .p-pertialWrap,
body.a2i-episode-layout .l-main > p { display:none; }
@media(max-width:767px) {
  body.a2i-episode-layout .l-container { padding-inline:16px; }
  body.a2i-episode-layout .a2i-episode-nav { padding:15px 0 10px; margin-bottom:28px; }
  body.a2i-episode-layout .a2i-episode-tabs { margin-right:-16px; gap:4px; padding-bottom:6px; }
  body.a2i-episode-layout .a2i-episode-tabs > a,
  body.a2i-episode-layout .a2i-episode-tabs > span { flex:0 0 auto; min-width:132px; min-height:64px; padding:12px 16px; font-size:13px; white-space:nowrap; }
  body.a2i-episode-layout .a2i-episode-long { display:none; }
  body.a2i-episode-layout .a2i-episode-short { display:inline; }
  body.a2i-episode-layout .a2i-episode-series-label { display:none; }
  body.a2i-episode-layout .a2i-episode-kicker { margin-bottom:12px; font-size:15px; }
  body.a2i-episode-layout .a2i-episode-kicker strong { font-size:22px; }
  body.a2i-episode-layout .c-h1.p-postDetail__title { font-size:24px; line-height:1.6; }
  body.a2i-episode-layout .a2i-episode-body { font-size:16px; }
  body.a2i-episode-layout .a2i-episode-body .a2i-episode-meta { font-size:12px; margin-bottom:18px; }
  body.a2i-episode-layout .a2i-episode-meta::after { display:none; }
  body.a2i-episode-layout .a2i-episode-media { margin-inline:-16px; margin-bottom:26px; }
  body.a2i-episode-layout .a2i-episode-caption { padding-inline:16px; font-size:12px; }
  body.a2i-episode-layout .a2i-episode-toc { padding:19px 17px; margin-bottom:28px; }
  body.a2i-episode-layout .a2i-episode-toc li { gap:12px; font-size:13px; }
  body.a2i-episode-layout .a2i-episode-body h2.a2i-episode-heading { font-size:21px; }
  body.a2i-episode-layout .a2i-episode-quote { display:block; padding:22px; }
  body.a2i-episode-layout .a2i-episode-quote::before { display:block; margin-bottom:8px; height:28px; }
  body.a2i-episode-layout .a2i-episode-profiles { margin-top:40px; }
  body.a2i-episode-layout .a2i-episode-profile-grid { display:block; }
  body.a2i-episode-layout .a2i-episode-profile { padding:18px 0; border:0; border-top:1px solid #ddd; border-radius:0; }
  body.a2i-episode-layout .a2i-episode-profile:last-child { border-bottom:1px solid #ddd; }
  body.a2i-episode-layout .a2i-episode-avatar { width:72px; height:72px; }
  body.a2i-episode-layout .a2i-episode-profile-header { margin-bottom:12px; }
  body.a2i-episode-layout .a2i-episode-next-row { grid-template-columns:1fr; gap:12px; margin-bottom:12px; }
  body.a2i-episode-layout .a2i-episode-first { display:none; }
  body.a2i-episode-layout .a2i-episode-next { min-height:72px; padding:15px; text-align:left; }
  body.a2i-episode-layout .a2i-episode-footer { border:0; padding-top:8px; margin-bottom:48px; }
  body.a2i-episode-layout .a2i-episode-return .a2i-episode-long { display:none; }
  body.a2i-episode-layout .a2i-episode-return .a2i-episode-short { display:inline; }
  body.a2i-episode-layout .l-headerLogo__mark img { width:82px; }
  body.a2i-episode-layout .l-header__spOpen { padding:0; }
  body.a2i-episode-layout .l-header__spOpen a { display:grid; place-items:center; width:44px; height:44px; background:#007dc8; border-radius:4px; color:#fff; font-size:22px; }
  body.a2i-episode-layout .l-header__shortcut { background:#007dc8; border-top:0; }
  body.a2i-episode-layout .l-header__shortcut > li { width:50%; border-right:1px solid #ffffff40; }
  body.a2i-episode-layout .l-header__shortcut > li a { padding:12px 6px; color:#fff; font-size:13px; font-weight:700; }
  body.a2i-episode-layout .l-header__shortcut > li a::before { display:none; }
}
