/* Keep AI discovery within the existing header search footprint. */
.home-fluid .home-header__left .caxtube-ai-search .form-group .form--control {
    padding-right: 100px;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color .1s linear, border-color .1s linear, color .1s linear;
}
.caxtube-ai-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.home-fluid .home-header__left .caxtube-ai-search .form-group .search-form-btn {
    right: 0;
    min-width: 86px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.home-fluid .home-header__left .caxtube-ai-search .form-group .search-form-btn:hover {
    background: #303030 !important;
}
.caxtube-ai-search .form-group:focus-within { border-color: #888 !important; }
.caxtube-ai-search button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; border-radius: 0 24px 24px 0; }
.caxtube-ai-label { font-size: 10px; font-weight: 600; margin-left: 5px; vertical-align: middle; }
.caxtube-ai-open { min-width: 44px; min-height: 44px; }
.caxtube-ask__intro { max-width: 850px; margin-bottom: 20px; }
.caxtube-ask__eyebrow { color: var(--caxtube-text); font-size: 11px; font-weight: 700; letter-spacing: .09em; margin-bottom: 12px; }
.caxtube-ask__eyebrow span { color: var(--caxtube-muted); font-weight: 400; letter-spacing: 0; margin-left: 10px; }
.caxtube-ask h1 { color: var(--caxtube-text); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; margin-bottom: 12px; }
.caxtube-ask__description, .caxtube-ask__status { color: #bdbdbd; font-size: 15px; line-height: 1.65; max-width: 850px; }
.caxtube-ask__examples { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.caxtube-ask__examples a { color: var(--caxtube-text); background: var(--caxtube-panel); border: 1px solid var(--caxtube-border); border-radius: 8px; padding: 12px 16px; font-size: 13px; }
.caxtube-ask__examples a span { color: var(--caxtube-muted); margin-left: 12px; }
.caxtube-ask__examples a:hover { background: var(--caxtube-panel-2); border-color: #666; }
.caxtube-ask__actions { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-bottom: 24px; }
.caxtube-ask__link { color: var(--caxtube-muted); background: transparent; font-size: 13px; padding: 8px 0; min-height: 40px; text-decoration: underline; text-underline-offset: 4px; }
.caxtube-ask__link:hover { color: var(--caxtube-text); }
.caxtube-ask [hidden] { display: none !important; }
.caxtube-ask a:focus-visible, .caxtube-ask button:focus-visible, .caxtube-ai-open:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.caxtube-ask__results { align-items: start; }
.caxtube-ask__results .title { font-size: 16px; }
.caxtube-ask__results .video-item__thumb { position: relative; aspect-ratio: 16 / 9; }
.caxtube-ask__results .video-item__thumb.caxtube-ask__short { aspect-ratio: 9 / 16; max-height: none; }
.caxtube-ask__results .caxtube-ask__short img { object-fit: contain !important; background: #080808; }
.caxtube-ask__premium { position: absolute; right: 8px; bottom: 8px; background: #181818; color: #fff; padding: 3px 8px; font-size: 11px; border-radius: 4px; }
.caxtube-ask__skeleton > div { aspect-ratio: 16 / 9; border-radius: 12px; background: var(--caxtube-panel); }
.caxtube-ask__skeleton > span { display: block; height: 12px; width: 80%; margin-top: 14px; background: var(--caxtube-panel-2); border-radius: 3px; }
.caxtube-ask__skeleton > span:last-child { width: 45%; margin-top: 10px; }
@media (max-width: 767px) {
    .home-fluid .home-header__left .caxtube-ai-search .form-group .form--control { padding-left: 44px; font-size: 16px; min-height: 46px; }
    .home-fluid .home-header__left .caxtube-ai-search .form-group .form--control::placeholder { font-size: 14px; }
    .caxtube-ask__description, .caxtube-ask__status { font-size: 14px; }
    .caxtube-ask__examples { flex-direction: column; align-items: flex-start; }
    .caxtube-ask__examples a { max-width: 100%; }
}
/* The existing mobile toolbar needs its own row on the new results page. */
@media (max-width: 575px) {
    .home-fluid:has(.caxtube-ask) .home-header { padding-bottom: 60px; }
}
@media (max-width: 424px) {
    .home-fluid:has(.caxtube-ask) .home-header { padding-bottom: 50px; }
}