/* v16 responsive catalog UI and contrast controls */
:root{--v16-bg:#071721;--v16-card:#102a39;--v16-ink:#eaf8fa;--v16-soft:#b4cad5;--v16-border:#315367;--v16-accent:#43d9bb;--v16-button-ink:#031e24}
.v16-page{padding-top:58px;padding-bottom:80px}.v16-page h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.v16-muted{color:var(--v16-soft);max-width:850px}.v16-cta,.v16-member-banner .v16-cta{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:10px;background:var(--v16-accent);color:var(--v16-button-ink)!important;font-weight:800;text-decoration:none;white-space:normal;text-align:center}.v16-member-banner{background:var(--v16-card);border:1px solid var(--v16-border);padding:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:18px;margin:26px 0}.v16-member-banner h2{color:var(--v16-ink);font-size:clamp(1.15rem,2.2vw,1.8rem);margin:7px 0}.v16-member-banner p{color:var(--v16-soft)}.v16-categories,.v16-video-tools{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.v16-categories a{border:1px solid var(--v16-border);background:var(--v16-card);padding:12px 14px;border-radius:12px;color:var(--v16-ink);font-weight:700}.v16-categories span{color:var(--v16-accent)}.v16-video-tools input,.v16-video-tools select,#v16-script-search{background:var(--v16-card);color:var(--v16-ink);border:1px solid var(--v16-border);border-radius:11px;padding:14px;font:inherit}.v16-video-tools input{flex:1;min-width:240px}#v16-script-search{width:100%;margin:10px 0}.v16-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v16-video-card,.v16-script-tile,.v16-opt-tile{background:var(--v16-card);border:1px solid var(--v16-border);border-radius:15px;overflow:hidden;color:var(--v16-ink);min-width:0}.v16-video-card{display:flex;flex-direction:column}.v16-video-card.channel-ai{background:linear-gradient(145deg,#1b1937,var(--v16-card));border-color:#6856a3}.v16-video-card>a img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.v16-video-body{padding:14px;display:flex;flex-direction:column;gap:9px;flex:1}.v16-video-body h3{font-size:1rem;line-height:1.3;margin:0;overflow-wrap:anywhere}.v16-video-body h3 a{color:var(--v16-ink)}.v16-video-body p{font-size:.81rem;line-height:1.5;color:var(--v16-soft);margin:0;max-height:5.9em;overflow:hidden}.v16-channel{display:flex;align-items:center;gap:9px;color:var(--v16-accent);font-size:.72rem;font-weight:800}.v16-channel img{width:31px;height:31px;object-fit:contain;background:#eef6fa;border-radius:50%;padding:2px}.channel-ai .v16-channel{color:#bda6ff}.v16-tagrow{display:flex;gap:5px;flex-wrap:wrap}.v16-tagrow span{color:var(--v16-soft);border:1px solid var(--v16-border);border-radius:99px;padding:3px 8px;font-size:.67rem}.v16-read{color:var(--v16-accent);font-size:.82rem;font-weight:800;margin-top:auto}.v16-script-group{scroll-margin-top:110px;margin:35px 0}.v16-script-grid,.v16-optimization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v16-script-tile,.v16-opt-tile{padding:20px;display:flex;flex-direction:column;gap:8px}.v16-script-tile h3,.v16-opt-tile h3{font-size:1rem;line-height:1.32;margin:0;color:var(--v16-ink)}.v16-script-tile p,.v16-opt-tile p{color:var(--v16-soft);font-size:.84rem;line-height:1.5}.v16-opt-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.v16-status{font-size:.7rem;border-radius:30px;padding:5px 9px;background:#273e4d;color:#cfdee8;white-space:nowrap}.v16-status.pass{background:#154a36;color:#a7edca}.v16-status.test{background:#53431e;color:#ffdf80}.v16-status.fail{background:#552c30;color:#ffbdc2}.v16-news-home{padding:45px 0 75px}.v16-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v16-news-grid>a,.v16-news-empty{background:var(--v16-card);border:1px solid var(--v16-border);padding:20px;border-radius:15px}.v16-news-grid h3{font-size:1.05rem}.v16-news-grid p{color:var(--v16-soft)}.v16-news-grid small{color:var(--v16-accent)}
/* Light theme: page + component surface + textual contrast; research SVG stays dark-themed by design */
html[data-theme="light"]{--v16-bg:#f3f7fb;--v16-card:#fff;--v16-ink:#163447;--v16-soft:#4a687c;--v16-border:#c6d7e2;--v16-accent:#0b8b78;--v16-button-ink:#fff;color-scheme:light}
html[data-theme="light"] body,html[data-theme="light"] main{background:#f3f7fb!important;color:#173447!important}html[data-theme="light"] .topbar,html[data-theme="light"] footer{background:#fff!important}html[data-theme="light"] .container h1,html[data-theme="light"] .container h2,html[data-theme="light"] .container h3:not(.hero-product h3){color:#173447}html[data-theme="light"] .container p,html[data-theme="light"] .container small,html[data-theme="light"] .container label{color:#4a687c}html[data-theme="light"] .container .v16-cta,html[data-theme="light"] .container .primary-action,html[data-theme="light"] .container button[type="submit"],html[data-theme="light"] .container .smallcta{background:#0b8b78!important;color:white!important}html[data-theme="light"] .catalog-member-cta,html[data-theme="light"] .cms-card,html[data-theme="light"] .cms-index,html[data-theme="light"] .hp-about-request,html[data-theme="light"] .about-card,html[data-theme="light"] .path-card,html[data-theme="light"] .v16-member-banner{background:#fff!important;border-color:#c6d7e2!important;color:#15384c!important}html[data-theme="light"] .catalog-member-cta h2,html[data-theme="light"] .catalog-member-cta p,html[data-theme="light"] .cms-card h2,html[data-theme="light"] .path-card h3{color:#173447!important}html[data-theme="light"] .about-content h2,html[data-theme="light"] .catalog-member-cta strong,html[data-theme="light"] .cms-card strong{color:#163447!important}html[data-theme="light"] .container .eyebrow{color:#087c71!important}html[data-theme="light"] .cms-card p,html[data-theme="light"] .path-card p{color:#4d6a7b!important}html[data-theme="light"] .cms-index a{color:#087c71}html[data-theme="light"] .hero-product,html[data-theme="light"] .research-card,html[data-theme="light"] .v16-video-card.channel-ai{color:#ebf8fa}html[data-theme="light"] .hero-product h3,html[data-theme="light"] .research-card h3{color:#f4fafc!important}html[data-theme="light"] .hero-product p,html[data-theme="light"] .research-card p{color:#a9c9d5!important}html[data-theme="light"] .hero-product .mini-stat,html[data-theme="light"] .research-card .stat{color:#fff}html[data-theme="light"] .price-card,html[data-theme="light"] .catalog-entry{background:#fff;color:#193d51;border-color:#cbdbe4}html[data-theme="light"] .price-card *:not(a),html[data-theme="light"] .catalog-entry *{color:#173447}html[data-theme="light"] .price-card .primary-action{color:#fff!important}
.v16-video-card[hidden],.v16-script-tile[hidden],.v16-opt-tile[hidden]{display:none!important}
@media(max-width:1050px){.v16-video-grid{grid-template-columns:repeat(3,1fr)}.v16-script-grid,.v16-optimization-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.v16-video-grid,.v16-script-grid,.v16-optimization-grid,.v16-news-grid{grid-template-columns:1fr}.v16-member-banner{flex-direction:column;align-items:stretch}.v16-video-tools select{flex:1}.v16-page{padding-top:30px}}/* Explicitly readable idea request actions in both themes */
#send-community-idea{background:#36d8ba!important;color:#072633!important;border:1px solid #36d8ba!important;font-weight:800!important;opacity:1!important;box-shadow:none!important}
#send-community-idea:hover{background:#78ead4!important;color:#052b2a!important}
html[data-theme="light"] #send-community-idea{background:#0b8b78!important;color:#fff!important;border-color:#0b8b78!important}
html[data-theme="light"] .idea-panel,html[data-theme="light"] .homepage-about aside,html[data-theme="light"] .hp-about-request{background:#fff!important;border-color:#c8dbe3!important}
html[data-theme="light"] .idea-panel h3,html[data-theme="light"] .idea-panel label,html[data-theme="light"] .idea-panel .idea-icon{color:#193447!important}
html[data-theme="light"] .idea-panel textarea,html[data-theme="light"] .v16-video-tools input,html[data-theme="light"] .v16-video-tools select{background:#fff!important;color:#193447!important;border-color:#acc4cf!important}
html[data-theme="light"] .idea-panel textarea::placeholder{color:#5c7483!important}
html[data-theme="light"] .v16-video-card.channel-ai{background:#f3efff!important;border-color:#b5a1de!important}
html[data-theme="light"] .v16-video-card.channel-ai h3 a{color:#202245!important}
