/* Chart Room layout and Learn sharing, 19 Oct 2026. Loaded only when chart-room-v2.php is on. */
.ssa-v2-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ssa-v2-jump a{display:inline-flex;align-items:center;gap:8px;border:1px solid #7ea2ac;border-radius:40px;padding:9px 16px;font-size:13px;color:#fff;text-decoration:none;background:#03172699}
.ssa-v2-jump a:hover,.ssa-v2-jump a:focus-visible{border-color:#80d4d1;color:#80d4d1}
.ssa-v2-jump b{color:#80d4d1;font-weight:600;font-size:11px;letter-spacing:.08em}

.ssa-v2-series{background:#071e30;border:1px solid #ffffff24;border-radius:10px;padding:36px;margin:0 0 72px}
.ssa-v2-series-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:26px}
.ssa-v2-series-head h2,.ssa-v2-head h2{margin:6px 0 10px}
.ssa-v2-series-head p,.ssa-v2-head p{color:#c6d5de;max-width:620px;margin:0}
.ssa-v2-episodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ssa-v2-episode{display:flex;flex-direction:column;background:#0b2a40;border:1px solid #ffffff24;border-radius:6px;overflow:hidden;color:#fff;text-decoration:none;transition:border-color .2s}
.ssa-v2-episode:hover,.ssa-v2-episode:focus-visible{border-color:#80d4d1}
.ssa-v2-episode img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.ssa-v2-ep-n{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#80d4d1;padding:14px 16px 0}
.ssa-v2-episode h3{font-size:20px;line-height:1.2;margin:6px 16px 6px}
.ssa-v2-episode p{font-size:13px;line-height:1.55;color:#c6d5de;margin:0 16px 18px}
.ssa-v2-series-foot{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;margin-top:26px}
.ssa-v2-guides{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:14px}
.ssa-v2-guides>span{color:#9fb6c2;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ssa-v2-guides a.text-link{display:inline-flex;align-items:center;gap:6px;margin:0}
.ssa-v2-guides svg{width:14px;height:14px}

.ssa-v2-head{margin:0 0 26px}
.ssa-v2-talks{border-top:1px solid #ffffff24}
.ssa-v2-talk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:24px}
.ssa-v2-talk{display:flex;flex-direction:column;color:#fff;text-decoration:none}
.ssa-v2-talk-img{position:relative;display:block;border-radius:6px;overflow:hidden}
.ssa-v2-talk-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .3s}
.ssa-v2-talk:hover img{transform:scale(1.03)}
.ssa-v2-talk-img .play-symbol{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#80d4d1;color:#062735;display:flex;align-items:center;justify-content:center;font-size:13px}
.ssa-v2-meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#80d4d1;margin-top:14px}
.ssa-v2-talk h3{font-size:21px;line-height:1.2;margin:6px 0 0}

.ssa-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#0e3550;border:1px solid #2f5a72;border-radius:40px;padding:6px 8px 6px 18px}
.ssa-share-label{font-size:12px;color:#c6d5de;margin-right:4px}
.ssa-share button,.ssa-share a{font:500 12px/1 Inter,sans-serif;border:0;border-radius:30px;padding:9px 14px;background:#ffffff17;color:#fff;cursor:pointer;text-decoration:none}
.ssa-share button:hover,.ssa-share a:hover{background:#ffffff2e}
.ssa-share .ssa-share-copy,.ssa-share .ssa-share-native{background:#80d4d1;color:#062735}
.ssa-share .ssa-share-copy:hover,.ssa-share .ssa-share-native:hover{background:#a0e2de}
.ssa-share :focus-visible{outline:2px solid #80d4d1;outline-offset:2px}
.ssa-share-status{font-size:12px;color:#80d4d1;min-width:0}
.ssa-share-status:empty{display:none}

.ssa-learn-collection .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap}
.ssa-learn-collection .section-head p{color:#c6d5de;margin:8px 0 0}

.ssa-v2-pager{display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;font-size:14px;margin:14px 0 18px;padding-bottom:16px;border-bottom:1px solid #ffffff24}
.ssa-v2-pager>span:first-child{color:#80d4d1;font-weight:600;letter-spacing:.04em}
.ssa-v2-pager>span:last-child{display:flex;gap:20px;flex-wrap:wrap}
.ssa-v2-pager a{color:#cde7ee}
.ssa-v2-series-share{font-size:13px!important;color:#c6d5de!important;margin:12px 0 28px!important}
.ssa-v2-series-share a{color:#80d4d1}

/* Episode pages read on a light panel. */
.reading-body .ssa-v2-pager{border-bottom-color:#d3dcdf}
.reading-body .ssa-v2-pager>span:first-child{color:#1d6b69}
.reading-body .ssa-v2-pager a{color:#123649;text-decoration:underline;text-underline-offset:3px}
.reading-body .ssa-share{background:#eef3f4;border-color:#c9d6db}
.reading-body .ssa-share-label{color:#3d5562}
.reading-body .ssa-share button,.reading-body .ssa-share a{background:#fff;color:#123649;border:1px solid #c9d6db}
.reading-body .ssa-share .ssa-share-copy,.reading-body .ssa-share .ssa-share-native{background:#123649;color:#fff;border-color:#123649}
.reading-body .ssa-share-status{color:#1d6b69}
.reading-body .ssa-v2-series-share{color:#3d5562!important}
.reading-body .ssa-v2-series-share a{color:#1d6b69}

@media(max-width:1100px){.ssa-v2-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}.ssa-v2-talk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.ssa-v2-series{padding:24px 18px;border-radius:8px;margin-bottom:52px}
.ssa-v2-episodes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
.ssa-v2-episode{flex:0 0 78%;scroll-snap-align:start}
.ssa-v2-talk-grid{grid-template-columns:1fr}
.ssa-share{border-radius:12px;padding:10px}
.ssa-share-label{flex-basis:100%;margin:0 0 2px 4px}
.ssa-v2-jump a{font-size:12px;padding:8px 13px}
}