/* Official video (10/17): a quiet 16:9 box; the platform thumbnail until the reader taps. */
.official-video{margin:26px 0 28px;padding:0}
.official-video__play,.official-video__frame{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#1d2226;padding:0;cursor:pointer}
.official-video__play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s}
.official-video__play:hover img,.official-video__play:focus-visible img{opacity:1}
.official-video__play:focus-visible{outline:3px solid #c4471b;outline-offset:3px}
.official-video__icon{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:12px;background:rgba(15,17,19,.82)}
.official-video__icon::after{content:"";position:absolute;left:26px;top:13px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.official-video figcaption{margin-top:9px;font-size:13px;line-height:1.65;color:#55636b}
.official-video figcaption b{color:#22303a;font-weight:650}
.official-video figcaption a{color:inherit;text-underline-offset:3px}
.official-video__label{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#c4471b;border:1px solid currentColor;border-radius:4px;padding:0 5px;margin-right:2px;line-height:1.6}
.official-video__title{display:block;color:#22303a;margin-top:2px}
.official-video__note{display:block;font-size:12px;color:#6a777f;margin-top:2px}
/* Official X post (10/17): smaller than a video, like a quoted note beside the text. Before X's script, a plain quote. */
.official-post{max-width:520px;margin:20px 0 26px}
.official-post blockquote.twitter-tweet{margin:0;padding:12px 14px;border:1px solid #cfd8dc;border-left:3px solid #2b3035;border-radius:10px;background:#f7f9f9;font-size:14px;line-height:1.65;color:#22303a}
.official-post blockquote.twitter-tweet p{margin:0 0 6px}
.official-post blockquote.twitter-tweet a{color:inherit}
.official-post .twitter-tweet-rendered{margin:0!important}
.official-post figcaption{margin-top:6px;font-size:12.5px;color:#55636b;line-height:1.6}
.official-post figcaption a{color:inherit;text-underline-offset:3px}
.official-post__label{display:inline-block;font-size:11px;font-weight:700;color:#c4471b;border:1px solid currentColor;border-radius:4px;padding:0 5px;line-height:1.6}
/* X quote card (10/17): placed right after the paragraph that names the product. */
.official-post__lead{margin:0 0 7px;font-size:12.5px;font-weight:700;color:#55636b;letter-spacing:-.01em}
.official-post__card{margin:0;padding:14px 16px 12px;border:1px solid #cfd8dc;border-radius:12px;background:#fff;color:#1f2a31}
.official-post__card header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#5f6d75}
.official-post__card header b{color:#14191d;font-size:14px;font-weight:700;margin-right:3px}
.official-post__x{width:16px;height:16px;flex:none;fill:#14191d}
.official-post__card p{margin:9px 0 10px;font-size:15px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.official-post__card footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:9px;border-top:1px solid #e3e8eb;font-size:12.5px;color:#5f6d75}
.official-post__card footer a{color:inherit;text-underline-offset:3px}
.official-post__full{margin-left:auto;border:1px solid #c3ced3;border-radius:999px;background:#f5f6f6;padding:4px 12px;font:inherit;font-weight:700;color:#2b3035;cursor:pointer}
.official-post__full:hover{background:#eceff1}
/* The article body's own quote and paragraph rules must not reach the card. */
.tech-article-view .body .official-post__lead{margin:0 0 7px;padding:0}
.tech-article-view .body .official-post__card{margin:0;padding:14px 16px 12px;border:1px solid #cfd8dc;border-radius:12px;background:#fff;box-shadow:none;font-style:normal;quotes:none}
.tech-article-view .body .official-post__card::before,.tech-article-view .body .official-post__card::after{content:none}
.tech-article-view .body .official-post__card p{margin:9px 0 10px;padding:0;font-size:15px}