.ttv-section{--v-bg:#fff;--v-text:#203443;--v-muted:#4b6577;--v-line:#c9d6df;--v-accent:#215675;box-sizing:border-box;color:var(--v-text);max-width:1440px;padding:24px clamp(16px,3vw,40px);margin:24px auto}.ttv-page{margin:0;background:#f2f5f7;color:#203443;font:16px/1.55 system-ui,sans-serif}.ttv-page *{box-sizing:border-box}.ttv-page a{color:inherit}.ttv-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px clamp(16px,3vw,40px);border-bottom:1px solid #c9d6df}.ttv-header img{object-fit:contain}.ttv-header nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ttv-header button,.ttv-top-link{padding:8px 12px;border:1px solid #8a9fac;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.ttv-top-link{text-decoration:none;white-space:nowrap;font-size:14px}.ttv-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.ttv-heading h1,.ttv-heading h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:8px 0}.ttv-heading p{margin:0;max-width:70ch;color:var(--v-muted)}.ttv-tag{font-size:11px;letter-spacing:.1em;font-weight:750;color:var(--v-accent)}.ttv-cta{border:1px solid var(--v-line);border-radius:8px;padding:10px 16px;color:var(--v-accent);text-decoration:none;font-weight:650}.ttv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ttv-card{background:var(--v-bg);border:1px solid var(--v-line);border-radius:12px;overflow:hidden;scroll-margin-top:20px}.ttv-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:0;background:#172a36;cursor:pointer}.ttv-preview img{display:block;width:100%;height:100%;object-fit:cover}.ttv-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px;background:#203443e8;border:1px solid #d3e3ec;color:#fff;border-radius:10px;font-size:24px}.ttv-preview:hover .ttv-play{background:#215675}.ttv-duration{position:absolute;bottom:10px;right:10px;background:#152330e8;color:white;border-radius:4px;padding:2px 7px;font-size:12px}.ttv-content{padding:18px}.ttv-content h3{font-size:18px;line-height:1.35;margin:8px 0}.ttv-content p,.ttv-note{font-size:14px;color:var(--v-muted)}.ttv-content a{font-size:14px;font-weight:650;color:var(--v-accent)}.ttv-frame{display:block;width:100%;aspect-ratio:16/9;border:0}.ttv-section a:focus-visible,.ttv-preview:focus-visible,.ttv-header button:focus-visible{outline:3px solid #42a3b7;outline-offset:3px}[data-theme=dark] .ttv-section{--v-bg:#233946;--v-text:#edf3f7;--v-muted:#b7c9d3;--v-line:#456273;--v-accent:#acd4e8}[data-theme=dark] .ttv-page{background:#182a35;color:#edf3f7}[data-theme=dark] .ttv-header img{filter:brightness(0) invert(1)}@media(max-width:900px){.ttv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.ttv-grid{grid-template-columns:1fr}.ttv-section{margin:12px auto}.ttv-header nav{gap:12px;font-size:14px}}
body:has(#productPage:not([hidden])) #ttVideos{display:none}

/* YouTube-style shortcut in the catalog toolbar. */
#catalogControls .ttv-top-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.2;color:var(--text,#203443);background:var(--surface,#fff);border:1px solid var(--border,#c9d6df);text-decoration:none;white-space:nowrap}
#catalogControls .ttv-youtube-icon{display:block;width:28px;height:20px;flex:none}
#catalogControls .ttv-top-link:hover{border-color:#ff0000}
#catalogControls .ttv-top-link:focus-visible{outline:2px solid var(--focus,#215675);outline-offset:3px}
@media(max-width:700px){#catalogControls .ttv-top-link{gap:5px;padding:6px 8px;font-size:12px}#catalogControls .ttv-youtube-icon{width:25px;height:18px}}