.topic-explainer{display:flex;justify-content:center;padding:10px 20px;background:var(--sk-blue-50,#f0f5fc)}.topic-explainer__open{display:flex;align-items:center;gap:14px;width:100%;max-width:760px;min-width:0;padding:6px 14px 6px 6px;border:0;border-radius:16px;background:#ffffff;color:var(--sk-text,#34343b);font:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 10px rgba(15,42,76,.06);transition:background-color .15s ease,transform .15s ease}.topic-explainer__open:hover{background:var(--sk-blue-100,#e5eefa)}.topic-explainer__open:active{transform:scale(.99)}.topic-explainer__close:focus-visible,.topic-explainer__open:focus-visible{outline:3px solid var(--sk-blue-500,#4a90e2);outline-offset:3px}.topic-explainer__thumb{position:relative;flex:none;width:112px;height:63px;border-radius:11px;overflow:hidden;background:#faf9f6}.topic-explainer__thumb img{display:block;width:100%;height:100%;object-fit:cover}.topic-explainer__play{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sk-blue-600,#2f6fbb);color:#ffffff;box-shadow:0 2px 8px rgba(15,42,76,.25)}.topic-explainer__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.topic-explainer__label{font-size:13px;font-weight:700;color:var(--sk-blue-700,#174e91)}.topic-explainer__title{font-size:16px;font-weight:700;color:var(--sk-ink,#111111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-explainer__time{flex:none;font-size:14px;color:var(--sk-text-secondary,#45454d);font-variant-numeric:tabular-nums}.topic-explainer__dialog{width:min(92vw,1100px);max-width:none;max-height:none;padding:0;border:0;background:transparent;overflow:visible}.topic-explainer__dialog::backdrop{background:rgba(17,17,17,.78)}.topic-explainer__frame{position:relative}.topic-explainer__frame video{display:block;width:100%;max-height:82vh;aspect-ratio:16/9;border-radius:16px;background:#faf9f6}.topic-explainer__close{position:absolute;top:-56px;right:0;width:44px;height:44px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff;color:var(--sk-ink,#111111);cursor:pointer}.topic-explainer__close:hover{background:var(--sk-blue-100,#e5eefa)}@media (max-width:500px){.topic-explainer{padding:8px 12px}.topic-explainer__open{gap:10px;padding-right:10px}.topic-explainer__thumb{width:80px;height:45px;border-radius:9px}.topic-explainer__play{width:24px;height:24px;margin:-12px 0 0 -12px}.topic-explainer__title{font-size:15px}.topic-explainer__time{display:none}.topic-explainer__dialog{width:100vw}.topic-explainer__frame video{border-radius:0}.topic-explainer__close{right:12px}}@media (prefers-reduced-motion:reduce){.topic-explainer__open{transition:none}.topic-explainer__open:active{transform:none}}@media print{.topic-explainer{display:none}}.topic-explainer__page{display:inline-block;margin-top:12px;color:#ffffff;font-weight:700;text-decoration:underline;text-underline-offset:3px}