.official-watch{display:block;margin:18px auto 0;padding:10px 22px;border:1px solid #d8e5f8;border-radius:24px;background:#fff;color:#1677ff;font:inherit;cursor:pointer}
.official-watch:hover{background:#edf5ff}
.official-companion h2{margin-bottom:30px}
.official-companion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.official-video-card{padding:16px;border:1px solid #e2eaf6;border-radius:16px;background:#fff;text-align:left;cursor:pointer;color:inherit;font:inherit}
.official-video-card h3{font-size:16px;line-height:1.65;margin:0 0 14px;min-height:53px}
.official-video-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px}
.official-video-cover img{width:100%;height:100%;object-fit:cover}
.official-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#1677ff;transform:translate(-50%,-50%);padding-left:4px;box-sizing:border-box;font-size:23px;box-shadow:0 4px 20px #17395524}
.official-learn{display:block;margin-top:24px;text-align:center;color:#1677ff}
.official-video-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:0;border-radius:20px;background:#fff;color:#18293e}
.official-video-dialog::backdrop{background:#0b1726ad}
.official-video-dialog h2{font-size:20px;line-height:1.5;margin:0}
.official-video-head{position:relative;display:flex;align-items:center;min-height:36px;margin-bottom:16px;padding-right:48px}
.official-video-dialog video{display:block;width:100%;max-height:calc(100dvh - 160px);background:#0b1726;aspect-ratio:16/9;object-fit:contain;border-radius:12px}
.official-dialog-close{position:absolute;right:14px;top:8px;width:36px;height:36px;border:0;background:transparent;font-size:30px;cursor:pointer;color:inherit}
.official-video-head .official-dialog-close{right:0;top:0;display:grid;place-items:center;border-radius:50%;background:#f3f4fc;font:24px/1 Arial}
.official-contact-dialog{width:min(390px,calc(100% - 32px));text-align:center;padding:36px}
.official-contact-dialog img{max-width:100%;margin:auto}
.official-contact-dialog h2{margin:0 0 18px}
.article-grid>[role=status]{grid-column:1/-1;padding:40px;text-align:center}
.journal-tools{flex-wrap:wrap}
.journal-tabs{flex-wrap:wrap;gap:12px 28px}
.journal-tabs a{white-space:nowrap}
.pagination .pagination-step{font-size:24px;line-height:1}
.pagination .pagination-ellipsis{min-width:26px;padding:0;border:0;color:var(--muted)}
.pagination [aria-disabled=true]{color:#a7b3c3;background:#f7f9fc;cursor:default}
@media(max-width:767px){.continuation .pagination{gap:4px}.continuation .pagination>:is(a,span){min-width:32px;height:40px;padding:0 3px}.continuation .pagination>.pagination-ellipsis{min-width:12px;padding:0}}
[data-article-detail] .article-body{min-width:0}
[data-article-detail] .intro-grid{grid-template-columns:1fr}
[data-article-detail] .article-body :is(iframe,video,audio){max-width:100%}
[data-article-detail] .article-body :is(pre,table){overflow:auto;max-width:100%}
[data-article-detail] .article-body :is(h2,h3,h4,[id]){scroll-margin-top:100px}
[data-article-detail] .article-body blockquote{margin:28px 0;padding:16px 24px;border-left:3px solid #2e7bf6;background:#f4f6fa}
[data-article-detail] .article-meta{margin-top:20px}
.official-footer-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.official-footer-tabs button{font:inherit;color:inherit;border:0;padding:0;background:transparent;cursor:pointer}
.official-footer-tabs [aria-selected=true]{color:#1677ff}
.product-video-section.is-single-video .product-video-list{grid-template-columns:minmax(0,360px);grid-auto-flow:row;overflow-x:visible}
@media(max-width:767px){.official-companion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.official-video-card{padding:12px}.official-play{width:52px;height:52px;font-size:18px}.official-video-dialog:not(.official-contact-dialog){padding:14px;border-radius:16px}.official-video-dialog h2{font-size:16px}.official-video-card h3{font-size:14px;min-height:46px}}
@media(max-width:359px){.official-companion-grid{grid-template-columns:1fr}.official-video-card h3{min-height:0}}