/* Support: guides and videos (inc/support.php). Card and prose styles come from posts.css. */
.op-yt{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#06121c;border:1px solid var(--line)}
.op-yt img,.op-yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.op-yt-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:var(--mint);color:#06121c;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 40px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
.op-yt-play svg{width:32px;height:32px;fill:currentColor;margin-left:4px}
.op-yt-play:hover{transform:scale(1.06);box-shadow:0 10px 44px rgba(0,254,206,.35)}
.op-yt-play:focus-visible{outline:2px solid #fff;outline-offset:4px}
.op-yt-figure{margin:0 0 32px}
.op-yt-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px}
/* Listing thumbnails for videos */
.op-thumb-video{position:relative}
.op-thumb-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(0,254,206,.92);pointer-events:none}
.op-thumb-play::after{content:'';position:absolute;left:19px;top:14px;border-style:solid;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #06121c}
/* Category and topic chips */
.op-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:22px 0 0;padding:0}
.op-chips li{margin:0}
.op-chips a{display:inline-flex;align-items:center;min-height:36px;padding:7px 16px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:14px;text-decoration:none}
.op-chips a:hover{border-color:rgba(0,254,206,.4);color:var(--mint)}
.op-chips .current-cat>a,.op-chips a[aria-current]{border-color:var(--mint);color:var(--mint);background:rgba(0,254,206,.08)}
.op-chips .children{display:contents}
.op-chips-label{display:block;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:26px}
.op-support-search{max-width:560px;margin:26px auto 0}
.op-support-search .wp-block-search__inside-wrapper{border:1px solid var(--line);border-radius:100px;background:rgba(0,0,0,.25);padding:4px}
.op-support-search input{background:transparent;border:0;color:var(--text);font-size:16px;padding:10px 16px}
.op-support-search input:focus{outline:none}
.op-support-search .wp-block-search__inside-wrapper:focus-within{border-color:var(--mint)}
.op-support-search button{border-radius:100px;background:var(--mint);color:#06121c;border:0;padding:10px 20px;font-weight:600;cursor:pointer}
.op-terms{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}
.op-terms a{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);text-decoration:none}
.op-post-card .op-terms{justify-content:flex-start;margin:0 22px}
.op-related{border-top:1px solid var(--line);margin-top:24px;padding-top:40px}
@media (prefers-reduced-motion:reduce){.op-yt-play{transition:none}}
.op-terms .wp-block-post-terms__separator{color:var(--muted);margin:0 2px}
.op-terms-topic{justify-content:flex-start;margin-top:28px}
.op-terms .wp-block-post-terms__prefix{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.op-post-card-img img,.op-thumb-video img{aspect-ratio:16/9;object-fit:cover}
/* Search and category pills on one line (wraps on small screens) */
.op-support-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:26px;width:100%;max-width:820px;margin-inline:auto}
.op-support-bar>*{margin:0}
.op-support-bar .op-support-search{flex:1 1 380px;max-width:480px;margin:0}
.op-support-bar .op-chips{margin:0;flex:0 1 auto}
@media (max-width:640px){.op-support-bar .op-support-search{flex-basis:100%;max-width:none}}
/* Category labels: separator dot centred on the text */
.op-terms{align-items:center;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.op-terms .wp-block-post-terms__separator{display:inline-flex;align-items:center;color:var(--muted)}