/*
Theme Name: Uncut YouTube Frontend 
Version: 2.7.6  
Author: uncut
Author URI: https://uncut.com
Description: uncut is a modern and clean theme for WordPress focused on Video streaming and video on demand.
Text Domain: uncut
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --text: #f1f1f1;
    --muted: #b8b8b8;
    --main: #e91e63;
    --second: #03a9f4;
    --bg: #0f0f0f;
    --overlay: #ffffff1a;
    --hover: #ffffff33;
    --border: #353535;
    --shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    --radius: 5px;
    --transition: all 0.3s ease;
}

body {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--muted);
    background-color: var(--bg);
    background-image: radial-gradient(circle at top center, #373637 0%, var(--bg) 70%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

a {
    color: var(--text);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--second);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text);
    font-weight: 600;
    margin-bottom: 10px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

strong {
    font-weight: 500;
}

p {
    color: var(--muted);
    margin-bottom: 10px;
}

img {
    max-width: 100%;
    height: auto;
}

ol,
ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}

li {
    color: var(--muted);
}

.video-section {
    margin-bottom: 10px;
}

video {
    width: 100%;
    height: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    background: var(--overlay);
    aspect-ratio: 16 / 9;
    border-radius: var(--radius);
    overflow: hidden;
    outline: none;
}


/* Accessibility */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--overlay);
    border-radius: var(--radius);
    clip: auto !important;
    clip-path: none;
    color: var(--text);
    display: block;
    font-size: 0.875rem;
    height: auto;
    left: 0.5rem;
    line-height: normal;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    top: 0.5rem;
    width: auto;
    z-index: 100000;
}

.post-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.yt-related-overlay > .post-card-link {
	position: absolute;
	inset: 0;
}

.yt-layout .yt-series-related .yt-related-overlay > .post-card-link:focus-visible {
	outline-offset: -3px;
}

.yt-channel-series-grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

.yt-channel-series-grid > li {
	min-width: 0;
}

.yt-channel-series-grid > li > .yt-channel-series-card {
	height: 100%;
	box-sizing: border-box;
}


/* Header */

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #0000008c;
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(24px);
}

.header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    max-width: 1080px;
    margin: 0 auto;
    padding: 5px 10px;
}

.site-branding {
    min-width: 0;
}

.site-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.2;
}

.site-title a {
    display: flex;
    gap: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text);
    align-items: center;
}

.site-title a:hover {
    color: var(--main);
    outline: none;
}

.header-search {
    min-width: 0;
}

.search-form {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

.search-field {
    flex: 1;
    min-width: 0;
    width: 100%;
    padding: 0.5625rem 0.75rem;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    line-height: 1.25;
}

.search-field::placeholder {
    color: var(--muted);
}

.search-field:focus {
    outline: none;
}

.search-form:focus-within {
    border-color: var(--main);
}

.search-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.5rem 0.625rem;
    border: 0;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    transition: var(--transition);
}

.search-submit:hover,
.search-submit:focus {
    color: var(--main);
    outline: none;
}

.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.375rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg);
    cursor: pointer;
    transition: var(--transition);
}

.menu-toggle:hover,
.menu-toggle:focus {
    border-color: var(--border);
    outline: none;
}

.menu-toggle__bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--text);
    border-radius: 1px;
    transition: var(--transition);
}

.site-header.is-open .menu-toggle__bar:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.site-header.is-open .menu-toggle__bar:nth-child(2) {
    opacity: 0;
}

.site-header.is-open .menu-toggle__bar:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.main-navigation {
    grid-column: 3;
    grid-row: 1;
    display: block;
}

.main-navigation .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.main-navigation .menu a {
    display: block;
    padding: 8px 15px;
    color: var(--muted);
    font-size: 0.9375rem;
    white-space: nowrap;
    border-radius: 100px;
}

.main-navigation .menu .menu-item-uncut>a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.main-navigation .menu .menu-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.main-navigation .menu a:hover,
.main-navigation .menu a:focus {
    color: var(--text);
    background: var(--hover);
}


/* Main */

.site-main {
    max-width: 1080px;
    margin: 0 auto;
    padding: 10px;
}

.home-content,
.home-posts {
    margin-bottom: 10px;
}

.best-collections {
    display: flex;
    flex-wrap: wrap;
}

.best-items {
    flex: auto;
}

.best-items ol {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 10px;
}

.best-items li {
    color: var(--muted);
}

.error-404 {
    text-align: center;
}

.error-404 a {
    text-align: center;
    border: 1px solid var(--border);
    margin: auto;
    padding: 10px;
}

.error-404 p {
    margin-bottom: 0.75rem;
}

.page-header {
    margin-bottom: 1rem;
}

.page-header .page-title {
    font-size: 24px;
    margin-bottom: 10px;
}

.archive-description {
    font-size: 16px;
    color: var(--muted);
}

.series-list {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    gap: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.series-quick-search {
    margin: 0 0 0.75rem;
    text-align: center;
}

.series-filter-input {
    width: 100%;
    max-width: 420px;
    font-size: 14px;
    padding: 5px 10px;
    background: var(--overlay);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font: inherit;
}

.series-filter-input:focus {
    outline: none;
    border-color: var(--main);
}

.series-list li {
    margin: 0;
}

.series-list a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: var(--overlay);
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.series-list a:hover,
.series-list a:focus {
    color: var(--text);
    background: var(--hover);
}

.series-list__icon {
    color: var(--muted);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.series-no-results {
    text-align: center;
    margin-top: 0.5rem;
    color: var(--muted);
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

.post-card {
    display: block;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

.post-card:hover {
    border-color: var(--main);
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

.post-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #272727;
}

.post-card-title {
    font-size: 16px;
    margin: 0;
    padding: 5px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.post-card-meta {
    padding: 5px 10px;
    color: var(--muted);
    border-top: 1px solid var(--border);
    font-size: 14px;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.post-card-meta span {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 300;
}

.pagination-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-list li {
    flex: auto;
}

.pagination-list a,
.pagination-next a,
.pagination-prev a,
.pagination-list span {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    width: 100%;
    text-align: center;
}

.pagination-list a:hover,
.pagination-list a:focus,
.pagination-next a:hover,
.pagination-next a:focus,
.pagination-prev a:hover,
.pagination-prev a:focus {
    background: var(--hover);
    color: var(--text);
}

.pagination-num,
.pagination-next,
.pagination-prev,
.pagination-current-mobile {
    flex: auto;
}

.pagination-num.is-current span,
.pagination-current-mobile span {
    background: var(--hover);
    color: var(--text);
}

.pagination-current-mobile {
    display: none;
}

.pagination-list .is-disabled {
    opacity: 0.7;
}


/* single */

h1.entry-title {
    font-size: 22px;
    margin: 0;
    margin-right: auto;
}

.section-separator {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-separator::before,
.section-separator::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border);
}

.entry-content {
    color: var(--muted);
}

.single-content p {
    margin: 0;
}

.single-content a {
    color: var(--second);
}

.single-content a:hover,
.single-content a:focus {
    color: var(--main);
}

.taxonomies {
    margin: 10px 0;
    padding: 0;
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}

.taxonomies a {
    text-align: center;
    padding: 8px;
    line-height: 1;
    min-width: 70px;
    font-size: 14px;
    color: var(--muted);
    background: var(--overlay);
    border-radius: 99px;
    cursor: pointer;
    transition: var(--transition);
    flex: auto;
}

.taxonomies a:hover,
.taxonomies a:focus {
    color: var(--text);
    background: var(--hover);
    border-color: var(--main);
    outline: none;
}


/* Footer */

.site-footer {
    border-top: 1px solid var(--border);
}

.footer-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 5px 10px;
}

.footer-copy {
    min-width: 0;
}

.site-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem 0.375rem;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--muted);
}

.site-info a {
    color: var(--text);
    font-weight: 600;
}

.site-info a:hover,
.site-info a:focus {
    color: var(--second);
}

.footer-navigation .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-navigation .menu a {
    display: block;
    padding: 8px 15px;
    font-size: 0.8125rem;
    line-height: 1;
    color: var(--muted);
    white-space: nowrap;
    border-radius: 99px;
}

.footer-navigation .menu a:hover,
.footer-navigation .menu a:focus {
    color: var(--text);
    background: var(--hover);
}


/*Other Styles*/

.single-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.action-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.acbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 15px;
    line-height: 1;
    min-width: 70px;
    color: var(--muted);
    background: var(--overlay);
    border: 1px solid var(--border);
    border-radius: 99px;
    cursor: pointer;
    transition: var(--transition);
}

.acbtn:hover,
.acbtn:focus {
    color: var(--text);
    background: var(--hover);
    outline: none;
}

.acbtn__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.vlike-panel {
    background: var(--bf-bg);
    display: flex;
    gap: 0;
    overflow: hidden;
}

.vlike-panel {
    display: flex;
    gap: 0;
    background: var(--overlay);
    border: 1px solid var(--border);
    border-radius: 99px;
    cursor: pointer;
    transition: var(--transition);
}

.vlike-separator {
    border: 1px solid var(--border);
}

.vlike-btn {
    cursor: pointer;
    border: 0;
    background: #ffffff00;
    border-radius: 0;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    min-width: 80px;
    justify-content: center;
    width: 100%;
    transition: background-color 180ms ease, transform 140ms ease, color 180ms ease;
}

.vlike-btn:hover {
    color: var(--text);
    background: var(--hover);
    outline: none;
}

.vlike-icon-wrap {
    display: inline-flex;
    align-items: center;
}

.vlike-icon {
    display: block;
}

.vlike-icon--solid {
    display: none;
}

.vlike-btn.is-active .vlike-icon--solid {
    display: block;
}

.vlike-btn.is-active .vlike-icon--outline {
    display: none;
}

.vlike-btn.is-clicking {
    transform: scale(0.94);
}

.vlike-btn .vlike-icon-wrap {
    transition: transform 220ms ease;
}

.vlike-btn.is-clicking .vlike-icon-wrap {
    transform: scale(1.12);
}

.vlike-panel.vlike-feedback-like [data-vlike-vote="like"] .vlike-icon-wrap,
.vlike-panel.vlike-feedback-dislike [data-vlike-vote="dislike"] .vlike-icon-wrap {
    animation: vlike-pop-feedback 360ms ease;
}

@keyframes vlike-pop-feedback {
    0% {
        transform: scale(1);
    }
    35% {
        transform: scale(1.22);
    }
    100% {
        transform: scale(1);
    }
}

.vlike-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.vlike-error .vlike-btn {
    border-color: #d63638;
}


/* Mobile */

@media (max-width: 767px) {
    h1.entry-title {
        flex: 100%;
    }
    .header-inner {
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
        gap: 0.625rem 0.75rem;
    }
    .search-field {
        padding: 0.5rem 0.625rem;
    }
    .menu-toggle {
        display: flex;
    }
    .main-navigation {
        grid-column: 1 / -1;
        grid-row: 2;
        display: none;
        padding-top: 0.25rem;
        border-top: 1px solid var(--border);
    }
    .site-header.is-open .main-navigation {
        display: block;
    }
    .main-navigation .menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0.125rem;
        padding: 0.25rem 0 0;
    }
    .main-navigation .menu a {
        padding: 10px;
        white-space: normal;
        border-radius: 0;
    }
    .posts-grid {
        grid-template-columns: 1fr;
    }
    .main-navigation {
        margin: 0 -10px;
    }
    .pagination-num {
        display: none;
    }
    .pagination-current-mobile {
        display: list-item;
    }
    .pagination-prev,
    .pagination-next {
        flex: 1;
    }
    .pagination-prev a,
    .pagination-next a,
    .pagination-prev .is-disabled,
    .pagination-next .is-disabled {
        width: 100%;
    }
    video {
        border-radius: 0;
    }
    .taxonomies a {
        padding: 5px;
    }
    .video-section {
        margin: -10px;
        margin-bottom: 0;
    }
    .acbtn__label {
        display: none;
    }
    .acbtn,
    .vlike-btn {
        padding: 8px 10px;
    }
    .section-separator {
        margin: 10px -10px;
    }
    .footer-inner {
        flex-direction: column;
        text-align: center;
    }
    .site-info {
        justify-content: center;
    }
    .footer-navigation .menu {
        justify-content: center;
    }
    .footer-navigation .menu a {
        padding: 5px 10px;
    }
}
/* YouTube-inspired presentation layer. Existing theme features stay intact. */
body.yt-layout{--text:#0f0f0f;--muted:#606060;--main:#f03;--second:#065fd4;--bg:#fff;--overlay:#f2f2f2;--hover:#e5e5e5;--border:#ddd;--shadow:none;background:var(--bg);color:var(--text);font:14px/1.5 Arial,Helvetica,sans-serif}
body.yt-dark{--text:#f1f1f1;--muted:#aaa;--bg:#0f0f0f;--overlay:#272727;--hover:#3a3a3a;--border:#3f3f3f;--second:#8ab4f8}
.yt-layout button{cursor:pointer;font:inherit;color:inherit}.yt-layout :focus-visible{outline:2px solid var(--second);outline-offset:3px}.yt-layout .site-header{position:fixed;inset:0 0 auto;height:64px;background:var(--bg);border:0;z-index:100}.yt-layout .header-inner{max-width:none;height:64px;margin:0;padding:0 24px 0 16px;display:flex;flex-wrap:nowrap;gap:18px}.yt-menu-toggle,.yt-theme-toggle{border:0;background:transparent;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.yt-menu-toggle:hover,.yt-theme-toggle:hover{background:var(--overlay)}.yt-layout .site-branding{flex:0 1 210px;min-width:0}.yt-layout .site-title{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.8px}.yt-layout .site-title a{display:flex;align-items:center;gap:6px;color:var(--text)}.yt-brand-mark{background:#f03;color:#fff;width:31px;height:22px;display:grid;place-items:center;border-radius:7px;font-size:14px;flex-shrink:0}.yt-layout .header-search{flex:1;max-width:640px;margin:0 auto}.yt-layout .search-form{display:flex;width:100%;border:0;background:transparent;padding:0;gap:0;height:40px;box-shadow:none}.yt-layout .search-field{border:1px solid var(--border);border-radius:24px 0 0 24px;padding:0 18px;height:40px;background:var(--bg);color:var(--text);font-size:16px;min-width:0;width:100%}.yt-layout .search-submit{width:64px;border:1px solid var(--border);border-left:0;border-radius:0 24px 24px 0;background:var(--overlay);color:var(--text);flex-shrink:0}.yt-sidebar{position:fixed;top:64px;bottom:0;left:0;width:230px;z-index:90;padding:12px;overflow:auto;background:var(--bg)}.yt-home-link{display:flex;align-items:center;gap:22px;padding:10px 14px;background:var(--overlay);border-radius:10px;font-weight:600}.yt-home-link span{font-size:22px}.yt-layout .main-navigation{display:block;margin:8px 0 0;width:100%}.yt-layout .main-navigation .menu{display:block;padding:0;margin:0;list-style:none}.yt-layout .main-navigation .menu a{display:flex;align-items:center;gap:14px;padding:10px 14px;border:0;border-radius:10px;background:transparent;font-size:14px;white-space:normal;color:var(--text)}.yt-layout .main-navigation .menu a:hover{background:var(--overlay)}.yt-layout .main-navigation .sub-menu{position:static;display:block;box-shadow:none;list-style:none;margin-left:14px;padding:0;background:transparent}.yt-explore{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.yt-explore h2{font-size:15px;margin:0 14px 6px}.yt-explore a{display:flex;justify-content:space-between;gap:8px;padding:9px 14px;border-radius:10px}.yt-explore a:hover{background:var(--overlay)}.yt-explore a span,.yt-sidebar-note{color:var(--muted);font-size:12px}.yt-sidebar-note{padding:20px 14px}.yt-layout .site-main{margin:64px 0 0 230px;padding:0 28px 32px;max-width:none;width:auto;min-width:0}.yt-filters{display:flex;gap:10px;overflow:auto;position:sticky;top:64px;z-index:50;background:var(--bg);padding:14px 0 20px;scrollbar-width:thin}.yt-filters a{white-space:nowrap;padding:7px 13px;border-radius:8px;font-size:14px;font-weight:600;background:var(--overlay);color:var(--text)}.yt-filters a:hover{background:var(--hover)}.yt-filters .is-active{background:var(--text);color:var(--bg)}.yt-list-title{font-size:20px;margin:6px 0 20px}.yt-layout .posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.yt-layout .post-card{display:block;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible;color:var(--text);transform:none;min-width:0}.yt-layout .post-card:hover{transform:none;box-shadow:none;color:var(--text)}.yt-layout div.post-card-image{width:100%;aspect-ratio:16/9;position:relative;border-radius:12px;overflow:hidden;background:var(--overlay);height:auto}.yt-layout .post-card-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}.yt-no-thumbnail{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:40px}.yt-duration{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;font-size:12px;font-weight:600;line-height:1;padding:4px 5px;border-radius:4px}.yt-layout .post-card-content{display:flex;gap:12px;padding:12px 0 0}.yt-card-avatar{width:34px;height:34px;border-radius:50%;background:var(--overlay);display:grid;place-items:center;font-weight:600;flex-shrink:0}.yt-card-copy{min-width:0}.yt-layout .post-card-title{font-size:15px;font-weight:600;line-height:21px;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card-channel{font-size:13px;color:var(--muted)}.yt-layout .post-card-meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;font-size:12px;color:var(--muted);padding:0;border:0}.yt-layout .post-card-meta span{display:inline}.yt-layout .page-header{padding:20px 0;margin:0 0 10px;background:none;border:0}.yt-layout .page-title{font-size:24px}.yt-layout .site-footer{margin-left:230px;background:var(--bg);border-top:1px solid var(--border);padding:20px 28px}.yt-layout .footer-inner{max-width:none;padding:0}.yt-layout .pagination{margin-top:30px}.yt-layout .pagination-list{flex-wrap:wrap;gap:8px}.yt-layout .pagination-list a,.yt-layout .pagination-list span{background:var(--overlay);border:0;border-radius:8px}.yt-layout .pagination-num.is-current span{background:var(--text);color:var(--bg)}.yt-layout.yt-sidebar-hidden .yt-sidebar{display:none}.yt-layout.yt-sidebar-hidden .site-main,.yt-layout.yt-sidebar-hidden .site-footer{margin-left:0}.yt-layout .yt-watch-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:24px;padding-top:24px}.yt-watch-primary,.yt-watch-related{min-width:0}.yt-layout .video-section{margin:0;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.yt-layout .video-section video{width:100%;height:100%;display:block;object-fit:contain}.yt-layout .single-buttons{display:flex;flex-wrap:wrap;gap:14px;padding:16px 0;margin:0;align-items:center}.yt-layout .entry-title{width:100%;font-size:21px;margin:0;line-height:1.35}.yt-layout .action-btns{margin-left:auto;gap:8px}.yt-layout .acbtn{background:var(--overlay);border:0;border-radius:24px;padding:9px 15px;font-size:14px;color:var(--text)}.yt-layout .vlike-panel{background:var(--overlay);border-radius:24px;border:0}.yt-layout .vlike-btn{background:transparent;color:var(--text)}.yt-layout .single-content{background:var(--overlay);padding:16px;border-radius:12px;margin:8px 0 16px;overflow-wrap:anywhere}.yt-layout .single-content p:last-child{margin-bottom:0}.yt-layout .taxonomies{margin:0;gap:8px}.yt-layout .taxonomies a{border:0;background:var(--overlay);padding:7px 12px;border-radius:8px;color:var(--text);font-size:13px}.yt-watch-related .section-separator{font-size:17px;text-align:left;margin:0 0 16px;padding:0}.yt-watch-related .section-separator:before,.yt-watch-related .section-separator:after{display:none}.yt-watch-related .posts-grid{display:flex;flex-direction:column;gap:16px}.yt-watch-related .post-card{display:flex;gap:10px}.yt-watch-related div.post-card-image{width:44%;flex-shrink:0;border-radius:8px;align-self:flex-start}.yt-watch-related .post-card-content{padding:0}.yt-watch-related .yt-card-avatar{display:none}.yt-watch-related .post-card-title{font-size:13px;line-height:18px}.yt-watch-related .post-card-meta,.yt-watch-related .yt-card-channel{font-size:11px}.yt-scrim{position:fixed;inset:64px 0 0;background:#0007;border:0;z-index:80}body.admin-bar .site-header{top:32px}body.admin-bar .yt-sidebar{top:96px}body.admin-bar .yt-filters{top:96px}body.admin-bar .yt-scrim{top:96px}[hidden]{display:none!important}
@media(min-width:1700px){.yt-layout .posts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.yt-layout .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-layout .yt-watch-layout{grid-template-columns:1fr}.yt-watch-related .posts-grid{display:grid;grid-template-columns:1fr 1fr}.yt-layout .site-branding{flex-basis:160px}}
@media(max-width:900px){.yt-sidebar{display:none;width:230px;box-shadow:10px 0 30px #0003}.yt-layout .site-main,.yt-layout .site-footer{margin-left:0}.yt-layout.yt-menu-open .yt-sidebar{display:block}.yt-layout .header-inner{gap:10px;padding:0 12px}.yt-layout .site-branding{flex:0 1 170px}.yt-layout .site-title{font-size:20px}}
@media(max-width:600px){.yt-layout .site-header,.yt-layout .header-inner{height:108px}.yt-layout .header-inner{flex-wrap:wrap;align-content:center;gap:8px}.yt-layout .site-branding{flex:1}.yt-layout .header-search{order:4;flex-basis:100%;max-width:none}.yt-layout .search-form,.yt-layout .search-field{height:36px}.yt-layout .site-main{margin-top:108px;padding:0 12px 28px}.yt-layout .yt-filters{top:108px;padding:12px 0;gap:8px}.yt-layout .posts-grid{grid-template-columns:1fr;gap:24px}.yt-sidebar{top:108px}.yt-scrim{top:108px}.yt-layout .yt-watch-layout{padding-top:12px;gap:24px}.yt-watch-related .posts-grid{display:flex}.yt-layout .entry-title{font-size:19px}.yt-layout .site-footer{padding:18px 12px}.yt-layout .series-list{grid-template-columns:1fr 1fr}.yt-layout .footer-inner{flex-wrap:wrap;gap:12px}body.admin-bar .site-header{top:46px}body.admin-bar .yt-sidebar,body.admin-bar .yt-scrim{top:154px}body.admin-bar .yt-filters{top:108px}}
@media(prefers-reduced-motion:reduce){.yt-layout *{transition:none!important;animation:none!important}}
/* Compact reference-inspired layout, with no subscription feature. */
body.yt-dark{--bg:#171717;--overlay:#272727;--border:#404040}
.yt-layout .site-header,.yt-layout .header-inner{height:54px}.yt-sidebar{top:54px;width:225px}.yt-layout .site-main{margin-top:54px;margin-left:225px;padding:0 12px 28px 20px}.yt-layout .site-footer{margin-left:225px}.yt-layout .site-title{font-size:21px}.yt-brand-mark{border-radius:50%;width:31px;height:31px;background:#ff0066}.yt-layout .header-search{max-width:550px}.yt-layout .posts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}.yt-layout .yt-filters{top:54px;padding:12px 0 10px;gap:5px}.yt-filters a{border-radius:22px;padding:5px 16px;font-weight:400}.yt-layout .yt-list-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.yt-layout div.post-card-image{border-radius:8px}.yt-layout .post-card-content{padding:8px 8px 0;gap:10px}.yt-layout .post-card-title{font-size:14px;line-height:19px;margin-bottom:0}.yt-layout .yt-card-avatar{background:#f03;color:white;font-size:18px;width:36px;height:36px}.yt-layout .post-card-meta{font-size:12px}.yt-layout .yt-card-channel{display:inline;margin-right:6px;font-size:12px}.yt-layout .post-card-meta{display:inline}.yt-layout .post-card-meta>span:first-child,.yt-layout .post-card-meta>span:nth-child(2){display:none}.yt-layout .yt-card-copy{line-height:18px}.yt-layout .yt-watch-layout{grid-template-columns:minmax(0,1fr) 320px;padding-top:1px;gap:10px;margin-left:190px;padding-left:13px}.yt-watch-related{padding:18px 0 0 8px;border-left:1px solid var(--border)}.yt-watch-related .posts-grid{display:flex;flex-direction:column;gap:12px}.yt-watch-related .post-card{display:block}.yt-watch-related div.post-card-image{width:100%}.yt-watch-related .yt-card-avatar{display:grid}.yt-watch-related .post-card-content{padding:8px}.yt-watch-related .post-card-title{font-size:14px;line-height:19px}.yt-layout .single-buttons{gap:10px;padding:4px 0 12px}.yt-layout .entry-title{font-size:20px;margin-bottom:0}.yt-channel-identity{display:flex;gap:10px;align-items:center}.yt-channel-identity strong{font-size:16px}.yt-channel-identity small{display:block;font-size:12px;color:var(--muted)}.yt-layout .single-content{padding:12px;margin-top:4px}.single-content h2{font-size:16px;margin:0}.yt-description-meta{font-size:12px;margin:3px 0 8px}.yt-comments{margin-top:30px}.yt-comments h2{text-align:center;font-size:19px}.yt-comments textarea,.yt-comments input:not([type=checkbox]){border:1px solid var(--border);background:var(--overlay);color:var(--text);padding:10px;border-radius:4px;max-width:100%;font:inherit}.yt-comments textarea{width:100%;min-height:100px}.yt-comments label{display:block}.yt-comments p{margin-bottom:12px}.yt-comments .submit{background:#3278ec!important;color:white!important;border:0!important;cursor:pointer}.comment-list{list-style:none}.comment-body{padding:12px 0;border-bottom:1px solid var(--border)}.comment-list .children{margin-left:20px}.yt-scrim{top:54px}body.admin-bar .yt-sidebar,body.admin-bar .yt-scrim{top:86px}body.admin-bar .yt-filters{top:86px}
@media(max-width:1300px){.yt-layout .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yt-layout .yt-watch-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1000px){.yt-layout .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-layout .yt-watch-layout{grid-template-columns:1fr;margin-left:225px}.yt-watch-related{border:0;padding:0}.yt-watch-related .posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.yt-layout .site-main,.yt-layout .site-footer,.yt-layout .yt-watch-layout{margin-left:0}.yt-layout .site-main{padding-left:12px}.yt-sidebar{top:54px}}
@media(max-width:600px){.yt-layout .site-header,.yt-layout .header-inner{height:102px}.yt-layout .site-main{margin-top:102px}.yt-layout .yt-filters,.yt-sidebar,.yt-scrim{top:102px}.yt-layout .posts-grid{grid-template-columns:1fr}.yt-watch-related .posts-grid{display:flex}.yt-layout .yt-watch-layout{padding-top:6px}.yt-layout .entry-title{font-size:18px}body.admin-bar .yt-sidebar,body.admin-bar .yt-scrim{top:148px}body.admin-bar .yt-filters{top:102px}}

/* Shared sidebar offset prevents overlap on every page. */
body.yt-layout{--yt-sidebar-width:225px;--yt-content-offset:var(--yt-sidebar-width)}
.yt-layout .yt-sidebar{width:var(--yt-sidebar-width)}
.yt-layout .site-main,.yt-layout .site-main.yt-watch-layout,.yt-layout .site-footer{margin-left:var(--yt-content-offset);width:auto;max-width:none}
body.yt-layout.yt-sidebar-hidden{--yt-content-offset:0px}
.yt-watch-primary,.yt-watch-related{min-width:0;max-width:100%}
@media(max-width:900px){body.yt-layout{--yt-content-offset:0px}}
/* Aligned SVG icons in the sidebar. */
.yt-nav-icon{display:block;flex:0 0 21px;width:21px;height:21px;color:var(--text)}
.yt-nav-label{min-width:0;flex:1}
.yt-layout .main-navigation .menu a,.yt-home-link,.yt-explore a{display:flex;align-items:center;gap:14px}
.yt-explore a .yt-nav-label{font-size:14px;color:var(--text)}
.yt-explore a .yt-category-count{font-size:12px;color:var(--muted);flex-shrink:0;margin-left:auto}

/* Taxonomy folder colors match the supplied reference. */
.yt-folder-icon{flex:0 0 18px;width:18px;height:18px;display:block}
.yt-group-category .yt-folder-icon{color:#ffc107}
.yt-group-series .yt-folder-icon{color:#60a5fa}
.yt-group-model .yt-folder-icon{color:#f472b6}
.yt-popular-group{margin-top:14px;padding-top:14px}
.yt-popular-group h2{font-size:14px}
.yt-popular-group a{gap:12px;padding:9px 10px}
/* Series First: main episode precedes supporting episodes in document order. */
.yt-layout .yt-series-first{padding-top:12px}
.yt-episode-heading{margin-bottom:14px}.yt-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:7px}.yt-breadcrumb a{color:var(--second)}
.yt-layout .yt-episode-heading .entry-title{font-size:clamp(22px,2.1vw,34px);line-height:1.25;margin:0;font-weight:700;overflow-wrap:anywhere}
.yt-episode-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.yt-episode-main,.yt-episode-sidebar{min-width:0}
.yt-series-first .video-section{margin:0;border-radius:8px;background:#000;aspect-ratio:16/9}.yt-player-empty{display:grid;place-items:center;height:100%;color:#ddd}
.yt-episode-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.yt-episode-channel{min-width:0}.yt-episode-channel .yt-channel-identity strong{font-size:15px}.yt-episode-meta{font-size:12px;color:var(--muted);margin:4px 0 0}.yt-episode-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.yt-series-first .acbtn{padding:8px 12px;border-radius:7px;min-width:0}.yt-series-first .acbtn__label{display:inline}.yt-series-first .vlike-panel{border-radius:7px}.yt-episode-description{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.yt-episode-description p{margin-bottom:10px}.yt-episode-description img{max-width:100%;height:auto}.yt-episode-taxonomies{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0}.yt-detail-group{display:flex;gap:10px;min-width:0}.yt-detail-label{font-size:12px;color:var(--muted)}.yt-detail-links{display:flex;gap:6px 12px;flex-wrap:wrap}.yt-detail-links a{color:var(--second);font-size:13px}.yt-detail-series .yt-nav-icon{color:#60a5fa}.yt-detail-model .yt-nav-icon{color:#f472b6}.yt-detail-category .yt-nav-icon{color:#ffc107}.yt-episode-tags{margin:6px 0 12px;font-size:12px}.yt-episode-tags summary{cursor:pointer;color:var(--muted)}.yt-episode-tags .taxonomies{padding-top:10px}
.yt-episode-sidebar h2{font-size:17px;margin:0 0 10px}.yt-episode-list{list-style:none;margin:0;padding:0;max-height:510px;overflow:auto;scrollbar-width:thin}.yt-episode-list li{margin:0 0 4px}.yt-episode-link{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:7px;color:var(--text)}.yt-episode-link:hover{background:var(--overlay)}.yt-episode-link.is-current{border-color:var(--main);background:var(--overlay)}.yt-episode-number{width:18px;flex-shrink:0;text-align:center;font-size:13px}.yt-episode-thumb{display:grid;place-items:center;width:76px;aspect-ratio:16/9;flex-shrink:0;background:var(--overlay);border-radius:4px;overflow:hidden}.yt-episode-thumb img{width:100%;height:100%;object-fit:cover}.yt-episode-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.yt-episode-name{font-size:13px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-episode-copy small{font-size:11px;color:var(--muted)}.yt-view-series{display:block;font-size:12px;color:var(--second);margin:12px 8px}.yt-no-series{font-size:13px;color:var(--muted)}
.yt-series-related{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.yt-series-related .section-separator{font-size:18px;text-align:left;padding:0;margin:0 0 12px}.yt-series-related .section-separator:before,.yt-series-related .section-separator:after{display:none}.yt-layout .yt-series-related .posts-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.yt-series-related .yt-card-avatar{display:none}.yt-series-related .post-card-content{padding:8px 0 0}.yt-layout .yt-series-related .post-card-title{font-size:13px}.yt-series-first .yt-comments{margin-top:22px;border-top:1px solid var(--border);padding-top:14px}.yt-series-first .yt-comments h2{text-align:left;font-size:18px}.yt-comments .comment-author .avatar{float:left;margin-right:9px;border-radius:50%;width:32px;height:32px}.yt-comments .comment-metadata{font-size:12px;color:var(--muted)}
@media(max-width:1200px){.yt-episode-layout{grid-template-columns:minmax(0,1fr) 270px}.yt-layout .yt-series-related .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.yt-episode-layout{grid-template-columns:1fr}.yt-episode-sidebar{border-top:1px solid var(--border);padding-top:14px}.yt-episode-list{max-height:340px}.yt-episode-thumb{width:100px}}
@media(max-width:600px){.yt-layout .yt-series-first{padding-top:10px}.yt-layout .yt-episode-heading .entry-title{font-size:22px}.yt-episode-toolbar{gap:10px}.yt-episode-actions{width:100%}.yt-layout .yt-series-related .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-episode-taxonomies{gap:14px}.yt-episode-thumb{width:85px}.yt-episode-name{font-size:13px}}
@media(max-width:360px){.yt-layout .yt-series-related .posts-grid{grid-template-columns:1fr}}
/* Approved compact refinement. */
.yt-layout .yt-series-first{padding-top:10px}
.yt-episode-heading{margin-bottom:10px}.yt-breadcrumb{font-size:11px;gap:6px;margin-bottom:5px}.yt-breadcrumb a{color:var(--muted)}
.yt-layout .yt-episode-heading .entry-title{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.4px}
.yt-episode-layout{gap:16px;grid-template-columns:minmax(0,1fr) 290px}
.yt-episode-sidebar{align-self:start;background:var(--overlay);border:1px solid var(--border);border-radius:8px;padding:12px}
.yt-panel-heading{display:flex;gap:8px;align-items:center}.yt-panel-heading h2{font-size:15px;margin:0}.yt-panel-heading>span{font-size:11px;color:var(--muted)}.yt-panel-series{font-size:12px;color:var(--muted);margin:3px 0 9px}
.yt-episode-list{max-height:450px}.yt-episode-list li{margin-bottom:2px}.yt-episode-link{padding:7px 6px;border:0;border-left:3px solid transparent;border-radius:5px;gap:9px}.yt-episode-link.is-current{border:0;border-left:3px solid var(--main);background:var(--hover)}.yt-episode-number{display:none}.yt-episode-thumb{width:64px}.yt-episode-name{font-size:12px;line-height:17px}.yt-episode-copy small{font-size:11px}.yt-view-series{margin:9px 6px 0}
.yt-episode-toolbar{margin:10px 0;gap:8px}.yt-episode-channel .yt-card-avatar{width:30px;height:30px;font-size:14px}.yt-episode-channel .yt-channel-identity{gap:8px}.yt-episode-meta{margin-top:3px;font-size:11px}.yt-series-first .acbtn{padding:7px 10px;font-size:12px;border:1px solid var(--border);border-radius:6px}.yt-series-first .vlike-panel{border:1px solid var(--border);border-radius:6px}.yt-series-first .vlike-btn{min-width:0;padding:7px 9px;font-size:12px}.yt-episode-description{font-size:13px;line-height:1.6}.yt-episode-taxonomies{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:12px 20px;padding:10px 0;margin-top:10px}.yt-detail-group{align-items:center;gap:8px}.yt-detail-group>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.yt-detail-label{font-size:12px}.yt-detail-links a{font-size:12px}.yt-detail-group .yt-nav-icon{width:17px;height:17px;flex-basis:17px}.yt-episode-tags{padding:8px 0;margin:0}.yt-series-related{margin-top:12px;padding-top:12px}.yt-series-related .section-separator{font-size:16px}.yt-series-first .yt-comments{margin-top:16px;padding-top:12px}.yt-series-first .yt-comments h2{font-size:16px}
@media(max-width:1050px){.yt-episode-layout{grid-template-columns:1fr}.yt-episode-sidebar{padding:12px}.yt-episode-list{max-height:300px}}
@media(max-width:600px){.yt-layout .yt-episode-heading .entry-title{font-size:22px}.yt-episode-taxonomies{gap:10px 16px}.yt-episode-toolbar{align-items:flex-start}.yt-episode-actions{width:100%}}

/* Approved stacked episode-card watch layout. */
.yt-layout .yt-series-first{padding:14px 20px 28px 20px}
.yt-series-article{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);column-gap:18px;align-items:start}
.yt-episode-heading{grid-column:1;grid-row:1;margin-bottom:10px;min-width:0}
.yt-episode-layout{display:contents}
.yt-episode-main{grid-column:1;grid-row:2}
.yt-episode-sidebar{grid-column:2;grid-row:1 / span 2;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px}
.yt-panel-series{margin:0 0 3px;font-size:12px}
.yt-panel-heading{justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}
.yt-panel-heading h2{font-size:18px;font-weight:600;margin:0}
.yt-panel-heading a{font-size:12px;color:var(--second)}
.yt-episode-list{max-height:620px;padding:0 2px 0 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.yt-episode-list li{margin:0 0 10px}
.yt-episode-list li:last-child{margin-bottom:0}
.yt-episode-link{display:block;position:relative;aspect-ratio:16/9;padding:0;border:1px solid var(--border);border-radius:7px;overflow:hidden;color:#fff;background:#242424;isolation:isolate}
.yt-episode-link.is-current{border:1px solid #ff0066;background:#242424}
.yt-episode-link.is-current:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#ff0066;z-index:2}
.yt-episode-link:hover{background:#242424;border-color:var(--second)}
.yt-episode-thumb{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#242424}
.yt-episode-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.yt-episode-placeholder{color:#aaa;font-size:32px}
.yt-episode-copy{position:absolute;inset:auto 0 0;padding:30px 12px 10px;gap:3px;background:linear-gradient(transparent,rgba(0,0,0,.88) 55%);color:#fff}
.yt-episode-name{font-size:13px;line-height:1.35;font-weight:600;text-shadow:0 1px 2px #000}
.yt-episode-copy small{font-size:11px;color:#ddd;line-height:1.3}
.yt-playing{color:#fff}
.yt-episode-duration{position:absolute;top:8px;right:8px;background:#000d;color:#fff;font-size:11px;line-height:1.2;font-weight:600;border-radius:4px;padding:4px 6px}
.yt-view-series{margin:10px 0 0;text-align:right}
.yt-episode-link:focus-visible{outline:3px solid var(--second);outline-offset:-3px}
@media(min-width:1500px){.yt-episode-list{max-height:680px}}
@media(max-width:1050px){.yt-series-article{display:block}.yt-episode-layout{display:block}.yt-episode-sidebar{margin-top:16px}.yt-episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:440px}.yt-episode-list li{margin:0}}
@media(max-width:600px){.yt-layout .yt-series-first{padding:10px 12px 24px}.yt-episode-list{grid-template-columns:1fr;max-height:520px}.yt-episode-sidebar{padding:10px}.yt-panel-heading h2{font-size:16px}.yt-episode-name{font-size:14px}.yt-episode-copy small{font-size:12px}}

/* Keep series cards compact on wide screens rather than scaling with the player. */
.yt-series-article{grid-template-columns:minmax(0,1fr) clamp(250px,20vw,300px);column-gap:16px}
.yt-episode-sidebar{padding:10px}
.yt-panel-heading{margin-bottom:10px;gap:6px}
.yt-panel-heading h2{font-size:16px}
.yt-panel-heading a{font-size:11px}
.yt-episode-list{max-height:520px}
.yt-episode-list li{margin-bottom:8px}
.yt-episode-copy{padding:24px 10px 8px}
.yt-episode-name{font-size:12px;line-height:1.35}
.yt-episode-duration{top:6px;right:6px;font-size:10px;padding:3px 5px}
@media(max-width:1050px){.yt-episode-list{grid-template-columns:repeat(auto-fit,minmax(180px,260px));justify-content:start;max-height:380px}.yt-episode-list li{margin:0}}
@media(max-width:600px){.yt-episode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px}.yt-episode-copy{padding:20px 7px 6px}.yt-episode-name{font-size:11px}.yt-episode-copy small{font-size:10px}.yt-episode-duration{top:4px;right:4px}}
@media(max-width:380px){.yt-episode-list{grid-template-columns:minmax(0,260px)}.yt-episode-name{font-size:12px}}

/* Episode rail shares the player/content row and fills its full height. */
@media(min-width:1051px){
 .yt-episode-sidebar{grid-row:2;align-self:stretch;display:flex;flex-direction:column;min-height:0}
 .yt-episode-list{flex:1 1 0;min-height:0;max-height:none;overflow:auto}
 .yt-panel-series,.yt-panel-heading,.yt-view-series,.yt-no-series{flex-shrink:0}
 .yt-view-series{margin-top:10px}
}

/* Clean inline details, approved option 1. */
.yt-inline-details{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.yt-inline-details .yt-episode-toolbar{margin:0 0 12px;gap:12px}
.yt-inline-details .yt-episode-channel{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.yt-inline-details .yt-channel-identity{gap:8px}
.yt-inline-details .yt-card-avatar{background:#ff0066;width:32px;height:32px;font-size:15px}
.yt-inline-details .yt-episode-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;font-size:12px}
.yt-meta-date,.yt-meta-duration{display:inline-flex;align-items:center;gap:7px;padding-left:12px;border-left:1px solid var(--border)}
.yt-inline-details .yt-episode-actions{margin-left:auto}
.yt-inline-details .acbtn{display:inline-flex;align-items:center;gap:7px;background:transparent;padding:7px 10px;font-size:12px}
.yt-inline-details .yt-episode-description{font-size:14px;margin-bottom:12px}
.yt-inline-details .yt-episode-description p:last-child{margin-bottom:0}
.yt-inline-footer{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 18px}
.yt-inline-details .yt-episode-taxonomies{display:flex;flex:1 1 auto;gap:10px 16px;margin:0;padding:0;border:0}
.yt-inline-details .yt-detail-group{gap:8px;align-items:flex-start}
.yt-inline-details .yt-detail-group+.yt-detail-group{padding-left:16px;border-left:1px solid var(--border)}
.yt-inline-details .yt-detail-group>div{gap:8px}
.yt-inline-details .yt-detail-label,.yt-inline-details .yt-detail-links a{font-size:12px;line-height:18px}
.yt-inline-details .yt-detail-links{gap:6px 12px}
.yt-inline-details .yt-episode-tags{flex:0 1 auto;margin:0;padding:0;font-size:12px}
.yt-inline-details .yt-episode-tags summary{padding:0;line-height:18px;white-space:nowrap}
.yt-inline-details .yt-episode-tags[open]{flex-basis:100%}
@media(max-width:600px){.yt-inline-details{padding:12px;margin-top:10px}.yt-inline-details .yt-episode-channel{gap:10px}.yt-inline-details .yt-episode-meta{gap:8px;font-size:11px}.yt-meta-date,.yt-meta-duration{padding-left:8px}.yt-inline-details .yt-episode-actions{width:100%;margin-left:0}.yt-inline-details .yt-detail-group+.yt-detail-group{border:0;padding-left:0}.yt-inline-footer{gap:12px}}

/* VLike 2.5 voting controls beside Download and Share. */
.yt-inline-details .yt-post-votes{display:inline-flex;align-items:center;gap:0;margin:0;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}
.yt-inline-details .yt-post-votes .vlike-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:7px 10px;min-height:32px;border:0;border-radius:0;background:transparent;color:var(--text);font-size:12px;line-height:18px}
.yt-inline-details .yt-post-votes .vlike-btn-like{order:0}
.yt-inline-details .yt-post-votes .vlike-separator{order:1;align-self:center;width:1px;height:18px;background:var(--border);margin:0}
.yt-inline-details .yt-post-votes .vlike-btn-dislike{order:2}
.yt-inline-details .yt-post-votes .vlike-btn:hover{background:var(--overlay)}
.yt-inline-details .yt-post-votes .vlike-btn.is-active{color:#ff0066;background:var(--overlay)}
.yt-inline-details .yt-post-votes .vlike-count{font-variant-numeric:tabular-nums}
.yt-inline-details .yt-post-votes .vlike-icon-wrap{display:inline-flex;width:18px;height:18px}
.yt-inline-details .yt-post-votes .vlike-btn:focus-visible{outline-offset:-3px}

/* Related videos: approved thumbnail overlays. */
.yt-layout .yt-series-related .yt-related-overlay{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#242424;color:#fff;isolation:isolate}
.yt-layout .yt-series-related .yt-related-overlay .post-card-image{position:absolute;inset:0;width:100%;height:100%;border-radius:0;aspect-ratio:auto}
.yt-layout .yt-series-related .yt-related-overlay .post-card-content{position:absolute;inset:auto 0 0;padding:32px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.9) 65%);display:block;color:#fff}
.yt-layout .yt-series-related .yt-related-overlay .post-card-title{font-size:13px;line-height:18px;font-weight:600;margin:0 0 4px;color:#fff;text-shadow:0 1px 2px #000;-webkit-line-clamp:2}
.yt-related-meta{display:flex;align-items:center;gap:7px;font-size:11px;line-height:16px;color:#ddd;min-width:0}
.yt-related-ott{display:inline-flex;align-items:center;gap:5px;min-width:0}
.yt-related-ott>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}
.yt-related-ott .yt-nav-icon{width:14px;height:14px;flex-basis:14px;color:#ffc107}
.yt-related-meta time{white-space:nowrap}
.yt-layout .yt-series-related .yt-related-overlay .yt-duration{top:7px;right:7px;bottom:auto;font-size:10px;background:#000d;z-index:2}
.yt-layout .yt-series-related .yt-related-overlay:hover{border-color:var(--second)}
.yt-layout .yt-series-related .yt-related-overlay:focus-visible{outline-offset:-3px}
@media(max-width:600px){.yt-layout .yt-series-related .posts-grid{gap:10px}.yt-layout .yt-series-related .yt-related-overlay .post-card-content{padding:28px 8px 7px}.yt-layout .yt-series-related .yt-related-overlay .post-card-title{font-size:12px;line-height:16px}.yt-related-meta{gap:5px;font-size:10px}.yt-related-ott>span{max-width:70px}}

/* Refined under-player panel with expandable description. */
.yt-inline-details{padding:14px;background:var(--bg)}
.yt-inline-details .yt-episode-toolbar{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}
.yt-inline-details .yt-description-wrap{margin-bottom:12px}
.yt-inline-details .yt-episode-description{margin-bottom:0;font-size:14px;line-height:1.65}
.yt-episode-description.is-collapsed{max-height:84px;overflow:hidden}
.yt-description-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;margin-top:7px;border:0;background:transparent;color:var(--second)!important;font-size:12px;font-weight:600}
.yt-description-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.yt-inline-footer{border-top:1px solid var(--border);padding-top:12px;align-items:center}
.yt-inline-details .yt-post-votes{gap:7px;border:0;overflow:visible}
.yt-inline-details .yt-post-votes .vlike-btn{border:1px solid var(--border);border-radius:6px;min-height:32px}
.yt-inline-details .yt-post-votes .vlike-separator{display:none}
@media(max-width:600px){.yt-inline-details{padding:12px}.yt-inline-details .yt-episode-channel{width:100%;align-items:flex-start}.yt-inline-details .yt-channel-identity{width:100%}.yt-inline-details .yt-episode-meta{width:100%}.yt-inline-details .yt-meta-date{border-left:0;padding-left:0}.yt-inline-details .yt-episode-toolbar{gap:10px}.yt-inline-details .yt-episode-actions{gap:6px}.yt-inline-details .yt-post-votes{gap:6px}.yt-inline-details .yt-post-votes .vlike-btn{padding:7px 9px}.yt-inline-details .acbtn{padding:7px 9px}.yt-inline-footer{align-items:flex-start}.yt-inline-details .yt-episode-taxonomies{flex-basis:100%}.yt-inline-details .yt-detail-group>div{align-items:flex-start}.yt-inline-details .yt-episode-tags{margin-left:auto}}

/* Visible topic links occupy the free space after Cast and Series. */
.yt-inline-details .yt-episode-taxonomies{flex:0 1 auto}
.yt-visible-topics{display:flex;align-items:center;flex:1 1 240px;flex-wrap:wrap;gap:6px;margin-left:auto;min-width:0}
.yt-topic-link{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:5px;color:var(--second);font-size:11px;line-height:18px;overflow-wrap:anywhere;background:transparent}
.yt-topic-link:hover{background:var(--overlay)}
.yt-more-topics{font-size:11px;min-width:0}
.yt-more-topics summary{cursor:pointer;color:var(--muted);padding:3px 4px;line-height:18px;white-space:nowrap}
.yt-more-topics[open]{flex-basis:100%}
.yt-extra-topics{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
@media(max-width:600px){.yt-visible-topics{flex-basis:100%;margin-left:0}.yt-inline-details .yt-episode-taxonomies{flex-basis:100%}}

/* Clear, consistent archive buttons in the episode panel. */
.yt-episode-sidebar .yt-panel-heading{align-items:center;gap:8px}
.yt-episode-sidebar .yt-panel-heading>a{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;min-height:30px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text);font-size:11px;line-height:18px;white-space:nowrap;text-decoration:none}
.yt-episode-sidebar .yt-panel-heading>a:hover{background:var(--overlay);border-color:var(--second)}
.yt-episode-sidebar .yt-view-series{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;box-sizing:border-box;min-height:36px;margin:10px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--overlay);color:var(--text);font-size:12px;font-weight:600;line-height:18px;text-align:center;text-decoration:none}
.yt-episode-sidebar .yt-view-series:hover{background:var(--hover);border-color:var(--second)}
.yt-episode-sidebar .yt-panel-heading>a:focus-visible,.yt-episode-sidebar .yt-view-series:focus-visible{outline:2px solid var(--second);outline-offset:2px}

/* Category channel page. */
.yt-layout .yt-channel-page{padding-top:16px}
.yt-channel-banner{height:clamp(110px,15vw,210px);display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:repeating-linear-gradient(145deg,transparent 0 35px,#ff006612 36px 37px),var(--overlay)}
.yt-channel-banner>span{font-size:clamp(28px,5vw,64px);font-weight:700;letter-spacing:-1px;color:var(--text)}
.yt-channel-banner img{width:100%;height:100%;object-fit:cover}
.yt-channel-header{display:flex;align-items:center;gap:18px;padding:18px 0 12px}
.yt-channel-avatar{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#ff0066;color:#fff;font-size:38px;font-weight:700}
.yt-channel-avatar img{width:100%;height:100%;object-fit:cover}
.yt-channel-info{flex:1;min-width:0}.yt-channel-info h1{font-size:30px;line-height:1.2;margin:0 0 6px;overflow-wrap:anywhere}.yt-channel-counts{font-size:13px;color:var(--muted);margin:0 0 5px}.yt-channel-intro{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.yt-channel-intro p{margin:0}.yt-channel-intro a{color:var(--second)}
.yt-layout .yt-channel-share{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;font-size:12px;flex-shrink:0}
.yt-channel-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:14px}.yt-channel-tabs a{padding:10px 6px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.yt-channel-tabs a[aria-current]{border-color:#ff0066;color:var(--text)}
.yt-channel-sort{display:flex;gap:7px;margin-bottom:14px}.yt-channel-sort a{padding:5px 12px;background:var(--overlay);color:var(--text);border:1px solid var(--border);border-radius:20px;font-size:12px}.yt-channel-sort a[aria-current]{background:var(--text);color:var(--bg)}
.yt-channel-page .post-card-content{padding:8px 0 0}.yt-channel-page .yt-card-avatar,.yt-channel-page .yt-card-channel{display:none}.yt-channel-page .post-card-title{font-family:Arial,Helvetica,sans-serif}.yt-channel-page .post-card-meta{display:block}
.yt-channel-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yt-channel-series-card{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--overlay)}.yt-channel-series-card .yt-nav-icon{color:#60a5fa}.yt-channel-series-card strong{flex:1;overflow-wrap:anywhere}.yt-channel-series-card>span{width:100%;color:var(--muted);font-size:12px}.yt-channel-about{max-width:800px;font-size:14px;overflow-wrap:anywhere}.yt-channel-about h2{font-size:18px}
@media(max-width:1100px){.yt-channel-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yt-layout .yt-channel-page{padding-top:10px}.yt-channel-header{gap:12px;flex-wrap:wrap;padding:14px 0 8px}.yt-channel-avatar{flex-basis:64px;width:64px;height:64px;font-size:28px}.yt-channel-info h1{font-size:24px}.yt-channel-intro{font-size:12px}.yt-channel-share{margin-left:76px}.yt-channel-page .acbtn__label{display:inline}.yt-channel-page .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.yt-channel-page .post-card-title{font-size:12px;line-height:17px}.yt-channel-tabs{gap:18px}.yt-channel-banner{height:110px}}
@media(max-width:360px){.yt-channel-page .posts-grid,.yt-channel-series-grid{grid-template-columns:1fr}}

/* Center category content on wide displays; preserve the banner source ratio. */
.yt-channel-container{width:100%;max-width:1280px;margin-inline:auto;min-width:0}
.yt-layout .yt-channel-page .yt-channel-banner{height:auto;aspect-ratio:6 / 1}
.yt-channel-page .yt-channel-banner img{display:block;width:100%;height:100%;object-fit:contain}
.yt-layout .yt-channel-page .posts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1200px){.yt-layout .yt-channel-page .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.yt-layout .yt-channel-page .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.yt-layout .yt-channel-page .posts-grid{grid-template-columns:1fr}}

/* Clean inline series collections. */
.yt-channel-series-card{display:flex;flex-wrap:nowrap;gap:12px;padding:12px;min-width:0;background:var(--overlay);text-decoration:none;transition:border-color .15s,background-color .15s}
.yt-channel-series-card>span{width:auto}
.yt-channel-series-card .yt-series-folder{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:8px;background:rgba(96,165,250,.10);color:#60a5fa}
.yt-series-folder .yt-nav-icon{width:22px;height:22px;margin:0}
.yt-channel-series-card .yt-series-summary{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.yt-series-summary strong{font-size:14px;line-height:1.35;color:var(--text);font-weight:600}
.yt-series-count{font-size:12px;line-height:1.4;color:var(--muted)}
.yt-series-chevron{flex:0 0 16px;color:var(--muted)}
.yt-channel-series-card:hover{border-color:#60a5fa;background:rgba(96,165,250,.05)}
.yt-channel-series-card:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
@media(max-width:600px){.yt-channel-series-grid{gap:8px}.yt-channel-series-card{padding:10px;gap:8px}.yt-channel-series-card .yt-series-folder{flex-basis:32px;width:32px;height:36px}.yt-series-summary strong{font-size:13px}.yt-series-chevron{width:12px;flex-basis:12px}}

/* Series channel: automatic artwork, compact identity and episode navigation. */
.yt-series-channel .yt-series-banner{position:relative;background:#182536}
.yt-series-channel .yt-series-banner img{object-fit:cover}
.yt-series-banner:not(.is-custom)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18))}
.yt-series-banner .yt-series-banner-label{position:absolute;z-index:1;left:24px;bottom:20px;color:#fff;font-size:clamp(18px,3vw,32px);font-weight:700;line-height:1.2;max-width:85%;overflow-wrap:anywhere}
.yt-series-channel .yt-series-avatar{background:#2389e8;color:white}
.yt-series-avatar .yt-nav-icon{width:38px;height:38px}
.yt-series-ott{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none}
.yt-series-ott .yt-nav-icon{width:16px;height:16px;color:#e5b83b}
.yt-series-channel-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.yt-series-channel-actions .acbtn{display:inline-flex;align-items:center;gap:7px;font-size:12px;text-decoration:none;white-space:nowrap}
.yt-series-channel-actions .yt-series-start{background:#ff0066;border-color:#ff0066;color:#fff}
.yt-series-cast-card .yt-series-folder{color:#f472b6;background:rgba(244,114,182,.10)}
.yt-series-cast-card .yt-nav-icon{color:#f472b6}
@media(max-width:700px){.yt-series-channel-actions{margin-left:0;width:100%}.yt-series-banner .yt-series-banner-label{left:12px;bottom:10px}.yt-series-channel .yt-channel-header{flex-wrap:wrap}}

/* Unified model, topic and directory pages. */
.yt-tax-model{--yt-tax-accent:#f472b6;--yt-tax-tint:rgba(244,114,182,.10)}
.yt-tax-tag{--yt-tax-accent:#a78bfa;--yt-tax-tint:rgba(167,139,250,.10)}
.yt-tax-category{--yt-tax-accent:#e5b83b;--yt-tax-tint:rgba(229,184,59,.10)}
.yt-tax-series{--yt-tax-accent:#60a5fa;--yt-tax-tint:rgba(96,165,250,.10)}
.yt-tax-channel .yt-channel-avatar{background:var(--yt-tax-tint);color:var(--yt-tax-accent)}
.yt-tax-channel .yt-channel-avatar .yt-nav-icon{width:36px;height:36px}
.yt-directory-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.yt-directory-icon{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:12px;color:var(--yt-tax-accent);background:var(--yt-tax-tint)}
.yt-directory-icon .yt-nav-icon{width:28px;height:28px}
.yt-directory-header h1{font-size:28px;line-height:1.2;margin:0 0 5px}
.yt-directory-header p{font-size:12px;color:var(--muted);margin:0}
.yt-directory .series-quick-search{max-width:480px;margin:0 0 18px}
.yt-directory .series-filter-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--overlay)}
.yt-directory .yt-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.yt-directory-grid li{margin:0;padding:0;border:0;background:none;min-width:0}
.yt-directory-grid li[hidden]{display:none}
.yt-directory .yt-channel-series-card{height:100%;box-sizing:border-box}
.yt-directory .yt-series-folder{color:var(--yt-tax-accent);background:var(--yt-tax-tint)}
.yt-directory .yt-series-folder .yt-nav-icon{color:inherit}
.yt-directory .yt-channel-series-card:hover{border-color:var(--yt-tax-accent);background:var(--yt-tax-tint)}
@media(max-width:1100px){.yt-directory .yt-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yt-directory-header h1{font-size:24px}.yt-directory .yt-directory-grid{gap:8px}}
@media(max-width:360px){.yt-directory .yt-directory-grid{grid-template-columns:1fr}}

.yt-directory .yt-channel-series-card{white-space:normal;overflow:visible;gap:12px;padding:12px}

/* Compact sidebar with a single, accurately selected Home row. */
.yt-sidebar{padding:8px 12px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.yt-home-link{background:transparent;font-weight:400;text-decoration:none}
.yt-home-link[aria-current="page"]{background:var(--overlay);font-weight:600}
.yt-layout .yt-home-link,.yt-layout .main-navigation .menu a{min-height:38px;padding:8px 12px;gap:12px;border-radius:8px;font-size:13px;line-height:20px;color:var(--text);box-sizing:border-box}
.yt-home-link:hover,.yt-layout .main-navigation .menu a:hover{background:var(--overlay)}
.yt-layout .main-navigation{margin-top:2px}
.yt-layout .main-navigation .menu li{margin:2px 0;padding:0;list-style:none}
.yt-layout .main-navigation .menu a[aria-current="page"]{background:var(--overlay);font-weight:600}
.yt-sidebar .yt-nav-icon{width:19px;height:19px;flex:0 0 19px}
.yt-popular-group{margin-top:12px;padding-top:12px}
.yt-popular-group h2{margin:0 12px 6px;font-size:12px;font-weight:600;line-height:18px;color:var(--muted)}
.yt-popular-group a{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;min-height:36px;border-radius:8px;text-decoration:none}
.yt-popular-group .yt-folder-icon{width:16px;height:16px}
.yt-popular-group a .yt-nav-label{font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yt-popular-group a .yt-category-count{font-size:11px;font-variant-numeric:tabular-nums;line-height:18px;margin:0}
.yt-sidebar-note{padding:16px 12px;font-size:11px;color:var(--muted)}

/* Centered directory introductions with compact browse tools. */
.yt-directory-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border);padding:24px 90px 20px;margin-bottom:18px;text-align:center}
.yt-directory-hero-copy{position:relative;z-index:1;max-width:760px;margin-inline:auto}
.yt-directory-hero h1{font-size:28px;line-height:1.25;margin:6px 0 8px;overflow-wrap:anywhere}
.yt-directory-eyebrow{color:var(--yt-tax-accent);font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;margin:0}
.yt-directory-intro{font-size:13px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.yt-directory-intro p{margin:0 0 8px}.yt-directory-intro p:last-child{margin-bottom:0}
.yt-directory-total{font-size:12px;color:var(--muted);margin:8px 0 0}
.yt-directory-hero .yt-directory-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.yt-directory-watermark{position:absolute;right:-8px;bottom:-22px;color:var(--yt-tax-accent);opacity:.09;pointer-events:none;z-index:0}
.yt-directory-watermark .yt-nav-icon{width:140px;height:140px;stroke-width:1.2}
.yt-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.yt-directory-toolbar h2{font-size:16px;margin:0}
.yt-directory-controls{display:flex;gap:8px;align-items:center}
.yt-directory-controls .series-filter-input{width:240px;max-width:100%;padding:8px 12px;font-size:12px}
.yt-directory-controls select{max-width:130px;border:1px solid var(--border);border-radius:8px;background:var(--overlay);color:var(--text);padding:8px;font:inherit;font-size:12px}
.yt-directory-alphabet{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.yt-directory-alphabet button{min-width:28px;border:1px solid var(--border);border-radius:5px;padding:5px 7px;background:var(--overlay);color:var(--muted);font-size:11px}
.yt-directory-alphabet button[aria-pressed="true"]{background:var(--yt-tax-tint);color:var(--yt-tax-accent);border-color:var(--yt-tax-accent)}
@media(max-width:700px){.yt-directory-hero{padding:20px 12px}.yt-directory-hero .yt-directory-icon{position:static;transform:none;margin:0 auto 12px;width:40px;height:40px}.yt-directory-hero .yt-directory-icon .yt-nav-icon{width:24px;height:24px}.yt-directory-hero h1{font-size:24px}.yt-directory-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.yt-directory-controls{width:100%;min-width:0}.yt-directory-controls .series-filter-input{width:100%;min-width:0;flex:1}.yt-directory-controls select{flex:0 0 auto}.yt-directory-intro{font-size:12px}}

/* Homepage: title first, followed by softly colored square category tiles. */
.yt-home-intro{text-align:center;padding:22px 12px 16px;max-width:800px;margin-inline:auto}
.yt-home-intro h1{font-size:28px;line-height:1.25;margin:0 0 8px;overflow-wrap:anywhere}
.yt-home-intro p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;overflow-wrap:anywhere}
.yt-homepage .yt-square-filters{position:static;display:flex;flex-wrap:wrap;overflow:visible;gap:8px;padding:0 0 18px;margin:0}
.yt-homepage .yt-square-filters a{width:80px;height:80px;box-sizing:border-box;flex:0 0 80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 5px;border:1px solid rgba(229,184,59,.20);border-radius:7px;background:rgba(229,184,59,.08);color:var(--text);font-size:11px;font-weight:500;text-align:center;white-space:normal;line-height:1.2}
.yt-square-filters .yt-nav-icon{width:22px;height:22px;color:#e5b83b;flex-shrink:0}
.yt-square-filters a span{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.yt-homepage .yt-square-filters a:hover{background:rgba(229,184,59,.15);border-color:rgba(229,184,59,.45)}
.yt-homepage .yt-square-filters a.is-active{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.45);color:var(--text)}
.yt-square-filters a.is-active .yt-nav-icon{color:#60a5fa}
.yt-homepage .yt-list-title{font-size:18px;margin:0 0 14px}
@media(max-width:600px){.yt-home-intro{padding:16px 0 14px}.yt-home-intro h1{font-size:23px}.yt-home-intro p{font-size:12px}.yt-homepage .yt-square-filters{gap:7px}.yt-homepage .yt-square-filters a{width:72px;height:72px;flex-basis:72px;font-size:10px}}

/* Homepage category row inspired by compact colored count badges. */
.yt-homepage .yt-color-filters{position:static;display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;padding:0 0 14px;margin:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.yt-homepage .yt-color-filters a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:40px;box-sizing:border-box;padding:7px 15px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:var(--yt-chip-bg,var(--overlay));color:var(--yt-chip-text,var(--text));font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;text-decoration:none}
.yt-homepage .yt-color-filters a:hover{filter:brightness(1.08)}
.yt-homepage .yt-color-filters a:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.yt-homepage .yt-color-filters .yt-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;background:rgba(0,0,0,.36);color:#fff;border-radius:14px;padding:2px 7px;font-size:11px;font-weight:400;line-height:20px;font-variant-numeric:tabular-nums}
.yt-homepage .yt-color-filters .yt-filter-all{background:var(--overlay);color:var(--text)}
.yt-homepage .yt-color-filters .yt-filter-all.is-active{background:var(--text);color:var(--bg)}
@media(max-width:600px){.yt-homepage .yt-color-filters{gap:7px}.yt-homepage .yt-color-filters a{padding:6px 11px;min-height:36px;font-size:12px}.yt-homepage .yt-color-filters .yt-filter-count{padding:1px 6px;font-size:10px}}

/* One subtle customizable category accent and a slightly fuller introduction. */
.yt-homepage .yt-color-filters a{background:rgba(var(--yt-chip-rgb,96,165,250),.08);border-color:rgba(var(--yt-chip-rgb,96,165,250),.22);color:var(--text);font-weight:500}
.yt-homepage .yt-color-filters a:hover{filter:none;background:rgba(var(--yt-chip-rgb,96,165,250),.16);border-color:rgba(var(--yt-chip-rgb,96,165,250),.40)}
.yt-homepage .yt-color-filters .yt-filter-count{background:rgba(var(--yt-chip-rgb,96,165,250),.15);color:var(--text)}
.yt-homepage .yt-color-filters .yt-filter-all,.yt-homepage .yt-color-filters .yt-filter-all.is-active{background:rgba(var(--yt-chip-rgb,96,165,250),.20);color:var(--text);border-color:var(--yt-chip-accent,#60a5fa)}
.yt-home-content{max-width:760px;margin:9px auto 0;color:var(--muted);font-size:13px;line-height:1.65}
.yt-home-content p{margin:0 0 8px}.yt-home-content p:last-child{margin-bottom:0}
@media(max-width:600px){.yt-home-content{font-size:12px}}

/* Unified responsive layout: all templates share the same header offsets. */
body.yt-layout{--yt-header-height:64px;--yt-admin-height:0px}
body.yt-layout.admin-bar{--yt-admin-height:32px}
.yt-layout .site-header{top:var(--yt-admin-height);height:var(--yt-header-height)}
.yt-layout .header-inner{height:var(--yt-header-height);min-width:0}
.yt-layout .site-main{margin-top:var(--yt-header-height)}
.yt-layout .yt-sidebar,.yt-layout .yt-scrim{top:calc(var(--yt-header-height) + var(--yt-admin-height))}
.yt-layout .yt-filters{top:calc(var(--yt-header-height) + var(--yt-admin-height));max-width:100%;min-width:0}
.yt-layout .yt-sidebar{overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom));height:auto}
.yt-layout .site-title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt-layout .header-search,.yt-layout .search-field{min-width:0}
.yt-layout .site-main>*,.yt-layout .yt-episode-main,.yt-layout .yt-inline-details{min-width:0}
.yt-layout .page-title,.yt-layout .entry-title,.yt-layout .yt-channel-intro,.yt-layout .yt-channel-counts,.yt-layout .comment-content{overflow-wrap:anywhere}
.yt-layout .entry-content,.yt-layout .yt-episode-description,.yt-layout .yt-channel-about,.yt-layout .yt-directory-intro{min-width:0;overflow-wrap:anywhere}
.yt-layout .entry-content img,.yt-layout .yt-episode-description img,.yt-layout .yt-channel-about img,.yt-layout .yt-directory-intro img{max-width:100%;height:auto}
.yt-layout .entry-content iframe,.yt-layout .yt-episode-description iframe{max-width:100%;aspect-ratio:16/9;height:auto}
.yt-layout .entry-content video{max-width:100%;height:auto}
.yt-layout .entry-content pre,.yt-layout .yt-episode-description pre{max-width:100%;overflow-x:auto;white-space:pre}
.yt-layout .entry-content table,.yt-layout .yt-episode-description table,.yt-layout .yt-channel-about table{display:block;max-width:100%;overflow-x:auto}
.yt-layout .entry-content .alignwide,.yt-layout .entry-content .alignfull{max-width:100%;margin-left:0;margin-right:0}
.yt-layout .footer-inner,.yt-layout .footer-navigation .menu{flex-wrap:wrap;min-width:0}
.yt-layout .footer-navigation a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.yt-layout .pagination-list a,.yt-layout .pagination-list span{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}
.yt-layout .comment-form input:not([type="checkbox"]):not([type="submit"]),.yt-layout .comment-form textarea{width:100%;max-width:100%;box-sizing:border-box}
.yt-layout .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.yt-layout .comment-form-cookies-consent input{flex-shrink:0;margin-top:4px}
@media(max-width:900px){
 .yt-layout.yt-menu-open{overflow:hidden}
 .yt-layout .yt-sidebar{width:min(280px,85vw);visibility:hidden;transform:translateX(-100%)}
 .yt-layout.yt-menu-open .yt-sidebar{display:block;visibility:visible;transform:translateX(0)}
 .yt-layout .yt-scrim{bottom:0}
 .yt-layout .yt-menu-toggle,.yt-layout .yt-theme-toggle{width:44px;height:44px;flex-basis:44px}
 .yt-layout .main-navigation .menu a,.yt-layout .yt-home-link,.yt-layout .yt-popular-group a{min-height:44px}
 .yt-layout .header-inner{padding-inline:12px;gap:10px}
 .yt-layout .site-main,.yt-layout .site-main.yt-series-first{padding-left:12px;padding-right:12px}
}
@media(max-width:782px){body.yt-layout.admin-bar{--yt-admin-height:46px}}
@media(max-width:700px){
 .yt-channel-header{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}
 .yt-channel-avatar{width:64px;height:64px;font-size:28px}
 .yt-channel-info{min-width:0}
 .yt-channel-info h1{font-size:24px}
 .yt-channel-share,.yt-series-channel-actions{grid-column:1 / -1;margin-left:0}
 .yt-channel-share{justify-self:start}
 .yt-series-channel-actions{width:100%}
 .yt-channel-tabs{max-width:100%;overflow-x:auto;white-space:nowrap;gap:18px}
 .yt-channel-tabs a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center}
 .yt-channel-sort{flex-wrap:wrap}
 .yt-channel-sort a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px}
 .yt-channel-page .acbtn{min-height:44px}
 .yt-series-channel .yt-series-banner:not(.is-custom){min-height:96px}
 .yt-series-banner .yt-series-banner-label{font-size:20px;max-width:90%}
}
@media(max-width:600px){
 body.yt-layout{--yt-header-height:112px}
 .yt-layout.admin-bar #wpadminbar{position:fixed}
 .yt-layout .header-inner{flex-wrap:wrap;align-content:center;gap:4px 8px;padding:6px 12px}
 .yt-layout .site-branding{flex:1 1 0;min-width:0}
 .yt-layout .site-title{font-size:20px}
 .yt-layout .header-search{order:4;flex:0 0 100%;max-width:none;margin:0}
 .yt-layout .search-form,.yt-layout .search-field{height:44px}
 .yt-layout .search-field{font-size:16px;padding-inline:12px}
 .yt-layout .search-submit{width:48px;min-height:44px}
 .yt-layout input[type="search"],.yt-layout input[type="text"],.yt-layout input[type="email"],.yt-layout input[type="url"],.yt-layout textarea,.yt-layout select{font-size:16px}
 .yt-layout .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
 .yt-layout .post-card-title{font-size:13px;line-height:18px}
 .yt-layout .post-card-content{gap:7px;padding-top:8px}
 .yt-layout .yt-card-avatar{width:26px;height:26px;flex-basis:26px;font-size:12px}
 .yt-layout .yt-filters:not(.yt-color-filters){position:static;padding:10px 0 14px}
 .yt-layout .yt-filters a{min-height:44px;display:inline-flex;align-items:center}
 .yt-layout .yt-color-filters{position:static}
 .yt-layout .yt-series-related .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .yt-layout .yt-inline-details .yt-episode-toolbar{flex-wrap:wrap}
 .yt-layout .yt-inline-details .yt-episode-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:0;max-width:100%}
 .yt-layout .yt-inline-details .acbtn,.yt-layout .yt-inline-details .vlike-btn{min-height:44px}
 .yt-layout .yt-inline-details .acbtn__label{display:inline}
 .yt-layout .yt-inline-details .yt-post-votes{flex-wrap:wrap;flex-shrink:1;max-width:100%}
 .yt-layout .yt-episode-taxonomies,.yt-layout .yt-detail-group,.yt-layout .yt-detail-links{min-width:0;max-width:100%}
 .yt-layout .yt-detail-links a{overflow-wrap:anywhere}
 .yt-layout .yt-topic-link{min-height:36px;padding:8px}
 .yt-layout .yt-more-topics summary,.yt-layout .yt-description-toggle{min-height:44px;padding-block:10px}
 .yt-layout .yt-episode-list{max-height:460px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
 .yt-layout .yt-panel-heading a,.yt-layout .yt-view-series{min-height:44px;display:inline-flex;align-items:center}
 .yt-layout .yt-view-series{display:flex}
 .yt-directory-controls{flex-wrap:wrap}
 .yt-directory-controls input{flex:1 1 180px;min-height:44px}
 .yt-directory-controls select{min-height:44px;max-width:100%}
 .yt-directory-alphabet{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;max-width:100%}
 .yt-directory-alphabet button{min-width:40px;min-height:44px;flex:0 0 auto}
 .yt-layout .comment-list .children{margin-left:12px}
 .yt-layout .footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
 .yt-layout .footer-navigation .menu{display:flex;gap:4px 12px;padding:0;list-style:none}
 .yt-layout .yt-comments input[type="submit"]{min-height:44px;max-width:100%;white-space:normal}
}

/* Category channel: compact premium video cards. */
.yt-layout .yt-channel-page .post-card{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.13);
	border-radius:9px;
	background:#0d1117;
	box-shadow:0 5px 14px rgba(0,0,0,.18);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.yt-layout .yt-channel-page .post-card:hover{
	transform:translateY(-2px);
	border-color:rgba(255,255,255,.26);
	box-shadow:0 9px 22px rgba(0,0,0,.28);
}
.yt-layout .yt-channel-page .post-card .post-card-image{
	border-radius:0;
}
.yt-layout .yt-channel-page .post-card-image img{
	transition:transform .28s ease,filter .28s ease;
}
.yt-layout .yt-channel-page .post-card:hover .post-card-image img{
	transform:scale(1.025);
	filter:brightness(1.04);
}
.yt-layout .yt-channel-page .post-card-content{
	position:absolute;
	inset:auto 0 0;
	z-index:2;
	display:block;
	padding:34px 10px 8px;
	background:linear-gradient(180deg,transparent 0,rgba(5,8,12,.74) 45%,rgba(5,8,12,.96) 100%);
	pointer-events:none;
}
.yt-layout .yt-channel-page .post-card-title{
	margin:0;
	color:#fff;
	font-size:13px;
	font-weight:650;
	line-height:1.3;
	text-shadow:0 1px 3px rgba(0,0,0,.9);
}
.yt-layout .yt-channel-page .post-card-meta{
	display:block;
	color:rgba(255,255,255,.72);
	font-size:10px;
	line-height:1.3;
}
.yt-layout .yt-channel-page .yt-duration{
	top:7px;
	right:7px;
	bottom:auto;
	z-index:3;
	padding:4px 6px;
	border:1px solid rgba(255,255,255,.18);
	background:rgba(0,0,0,.74);
	backdrop-filter:blur(2px);
}
@media(max-width:600px){
	.yt-layout .yt-channel-page .post-card-content{padding:28px 8px 7px}
	.yt-layout .yt-channel-page .post-card-title{font-size:12px;line-height:1.25}
	.yt-layout .yt-channel-page .post-card-meta{font-size:9px}
	.yt-layout .yt-channel-page .yt-duration{top:6px;right:6px;padding:3px 5px;font-size:10px}
}
@media(max-width:479px){
 .yt-layout .posts-grid,.yt-layout .yt-channel-page .posts-grid,.yt-layout .yt-series-related .posts-grid{grid-template-columns:minmax(0,1fr)}
 .yt-layout .yt-channel-series-grid,.yt-directory .yt-directory-grid{grid-template-columns:minmax(0,1fr)}
 .yt-layout .yt-episode-list{grid-template-columns:minmax(0,1fr);max-height:420px}
 .yt-layout .post-card-title{font-size:14px;line-height:20px}
 .yt-layout .yt-episode-name{font-size:13px}
 .yt-layout .yt-episode-copy small{font-size:11px}
 .yt-layout .yt-related-ott>span{max-width:130px}
 .yt-layout .yt-related-overlay .post-card-title{font-size:14px;line-height:19px}
 .yt-layout .yt-channel-counts{font-size:12px}
 .yt-layout .yt-inline-details{padding:10px}
}
@media(prefers-reduced-motion:reduce){.yt-layout *{scroll-behavior:auto;transition:none}}
/* Admin-bar selectors must outrank the older header offset rules. */
body.yt-layout.admin-bar .site-header{top:var(--yt-admin-height)}
body.yt-layout.admin-bar .yt-sidebar,body.yt-layout.admin-bar .yt-scrim,body.yt-layout.admin-bar .yt-filters{top:calc(var(--yt-header-height) + var(--yt-admin-height))}
.yt-layout .yt-channel-about iframe,.yt-layout .yt-directory-intro iframe{max-width:100%;aspect-ratio:16/9;height:auto}
.yt-layout .yt-directory-intro table{display:block;max-width:100%;overflow-x:auto}

/* Readable homepage introduction, proportional to the surrounding cards. */
.yt-layout .yt-home-intro{max-width:920px;padding:24px 16px 22px}
.yt-layout .yt-home-intro h1{font-size:32px;line-height:1.25;margin-bottom:12px}
.yt-layout .yt-home-intro p,.yt-layout .yt-home-content{font-size:16px;line-height:1.65}
.yt-layout .yt-home-content{max-width:860px;margin-top:12px}
.yt-layout .yt-home-content p{margin-bottom:10px}
.yt-layout .yt-home-content p:last-child{margin-bottom:0}
@media(max-width:600px){
 .yt-layout .yt-home-intro{padding:18px 0 20px}
 .yt-layout .yt-home-intro h1{font-size:26px;margin-bottom:10px}
 .yt-layout .yt-home-intro p,.yt-layout .yt-home-content{font-size:16px;line-height:1.65}
 .yt-layout .yt-home-content{margin-top:10px}
}

/* Homepage video cards: OTT identity, duration and title over the thumbnail. */
.yt-layout .yt-homepage .posts-grid{row-gap:18px}
.yt-layout .yt-homepage .yt-home-card{position:relative;padding-top:0;isolation:isolate}
.yt-layout .yt-homepage .yt-home-card .post-card-image{
	border:1px solid rgba(255,255,255,.16);
	border-top:3px solid #1689ff;
	border-radius:8px;
	box-shadow:0 7px 18px rgba(0,0,0,.18);
	transition:border-color .2s ease,box-shadow .2s ease;
}
.yt-layout .yt-homepage .yt-home-card:hover .post-card-image{
	border-color:rgba(255,255,255,.28);
	border-top-color:#1689ff;
	box-shadow:0 9px 22px rgba(0,0,0,.28);
}
.yt-layout .yt-homepage .yt-home-card .post-card-image:after{
	content:"";
	position:absolute;
	inset:42% 0 0;
	z-index:1;
	background:linear-gradient(180deg,transparent,rgba(5,7,10,.15) 28%,rgba(5,7,10,.78));
	pointer-events:none;
}
.yt-layout .yt-homepage .yt-home-card .yt-thumbnail{transition:transform .25s ease,filter .25s ease}
.yt-layout .yt-homepage .yt-home-card:hover .yt-thumbnail{transform:scale(1.018);filter:brightness(1.04)}
.yt-home-card-logo{
	position:absolute;
	top:8px;
	left:8px;
	z-index:4;
	display:grid;
	place-items:center;
	width:48px;
	height:48px;
	padding:3px;
	border:1px solid rgba(255,255,255,.62);
	border-radius:9px;
	background:linear-gradient(145deg,rgba(32,34,38,.88),rgba(8,9,12,.82));
	color:#fff;
	box-shadow:0 4px 12px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.14);
	font-size:16px;
	font-weight:700;
	backdrop-filter:blur(5px);
	overflow:hidden;
}
.yt-home-card-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.yt-layout .yt-homepage .yt-home-duration{
	top:8px;
	right:8px;
	bottom:auto;
	z-index:3;
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:5px 7px;
	border:1px solid rgba(255,255,255,.2);
	border-radius:4px;
	background:rgba(20,20,20,.82);
	font-size:11px;
	line-height:1;
	backdrop-filter:blur(3px);
}
.yt-layout .yt-homepage .yt-home-duration svg{flex:0 0 auto}
.yt-home-card-copy{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	width:auto;
	min-height:32px;
	padding:7px 10px 6px;
	background:rgba(10,15,23,.78);
	border:0;
	border-top:1px solid rgba(255,255,255,.18);
	border-radius:0 0 7px 7px;
	box-shadow:0 -5px 14px rgba(0,0,0,.12);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	color:#fff;
	pointer-events:none;
}
.yt-layout .yt-homepage .yt-home-card .post-card-title{
	margin:0;
	color:#fff;
	font-size:13px;
	font-weight:650;
	line-height:1.25;
	position:relative;
	z-index:1;
	text-shadow:0 1px 3px rgba(0,0,0,.9);
	-webkit-line-clamp:2;
}
@media(max-width:600px){
	.yt-layout .yt-homepage .posts-grid{row-gap:14px}
	.yt-layout .yt-homepage .yt-home-card{padding-top:0}
	.yt-home-card-logo{top:6px;left:6px;width:40px;height:40px;padding:3px;border-width:1px;border-radius:7px;font-size:14px}
	.yt-layout .yt-homepage .yt-home-duration{top:6px;right:6px;padding:4px 5px;font-size:10px}
	.yt-layout .yt-homepage .yt-home-duration svg{width:12px;height:12px}
	.yt-home-card-copy{left:0;right:0;bottom:0;width:auto;min-height:30px;padding:6px 8px 5px;border-radius:0 0 7px 7px}
	.yt-layout .yt-homepage .yt-home-card .post-card-title{font-size:12px;line-height:1.25}
}

/* Homepage width isolation: keep the category row swipeable without enlarging the page. */
html{width:100%;max-width:100%;overflow-x:hidden}
body.yt-layout{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body.yt-layout{overflow-x:clip}}
.yt-layout .site-main,.yt-layout .yt-homepage{min-width:0;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){.yt-layout .site-main,.yt-layout .yt-homepage{overflow-x:clip}}
.yt-layout .yt-homepage .yt-filter-viewport{
 display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;
 contain:layout paint inline-size
}
@supports(overflow:clip){.yt-layout .yt-homepage .yt-filter-viewport{overflow:clip}}
.yt-layout .yt-homepage .yt-filter-viewport .yt-color-filters{
 box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
 overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;contain:layout paint inline-size
}
.yt-layout .yt-homepage .yt-color-filters>*{flex-shrink:0}

/* Mobile glass dock: semantic links, safe-area spacing and progressive scroll behavior. */
.yt-mobile-dock{display:none}
@media(max-width:767px){
 body.yt-layout{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .yt-layout .yt-sidebar>.yt-home-link,
 .yt-layout .main-navigation .yt-mobile-dock-duplicate{display:none}
 .yt-mobile-dock{
  position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:75;
  display:block;width:min(calc(100% - 24px),390px);height:60px;
  transform:translate3d(-50%,0,0);opacity:1;visibility:visible;overflow:hidden;
  border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 45%),rgba(12,13,16,.64);color:#fff;
  box-shadow:0 14px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(24px) saturate(180%) contrast(1.04);backdrop-filter:blur(24px) saturate(180%) contrast(1.04);
  contain:layout paint style;will-change:transform,opacity;
  transition:transform .28s cubic-bezier(.22,.8,.2,1),opacity .18s ease,visibility 0s linear 0s
 }
 .yt-mobile-dock:before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.20),transparent 30%,rgba(255,255,255,.06) 52%,transparent 72%);
  opacity:.72
 }
 .yt-mobile-dock:after{
  content:"";position:absolute;inset:1px 16px auto;z-index:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent)
 }
 .yt-mobile-dock.is-hidden{
  transform:translate3d(-50%,calc(100% + 24px),0);opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .28s cubic-bezier(.4,0,.8,.2),opacity .18s ease,visibility 0s linear .28s
 }
 .yt-mobile-dock__list{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;
  width:100%;height:100%;margin:0;padding:5px;list-style:none
 }
 .yt-mobile-dock__item{min-width:0;margin:0;padding:0;list-style:none}
 .yt-mobile-dock__item>a{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;min-width:48px;min-height:48px;padding:0;border-radius:999px;
  color:rgba(255,255,255,.88);text-decoration:none;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease
 }
 .yt-mobile-dock__item>a:hover,.yt-mobile-dock__item>a:focus-visible{color:#fff;background:rgba(255,255,255,.10)}
 .yt-mobile-dock__item>a:active{transform:scale(.96)}
 .yt-mobile-dock__item.current-menu-item>a,
 .yt-mobile-dock__item.current-menu-ancestor>a,
 .yt-mobile-dock__item.current_page_item>a,
 .yt-mobile-dock__item.is-current>a{
  color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.22)
 }
 .yt-mobile-dock .yt-nav-icon{display:block;width:26px;height:26px;flex:0 0 26px;stroke-width:1.8}
 .yt-mobile-dock__label{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
 }
 body.yt-layout:not(.yt-dark) .yt-mobile-dock{
  border-color:rgba(255,255,255,.82);
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.22) 50%),rgba(224,228,235,.62);
  color:#111318;box-shadow:0 14px 38px rgba(34,40,52,.20),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(80,88,104,.12)
 }
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item>a{color:rgba(17,19,24,.78)}
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item>a:hover,
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item>a:focus-visible{color:#111318;background:rgba(255,255,255,.48)}
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item.current-menu-item>a,
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item.current-menu-ancestor>a,
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item.current_page_item>a,
 body.yt-layout:not(.yt-dark) .yt-mobile-dock__item.is-current>a{
  color:#111318;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.42));
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(62,70,84,.16)
 }
}
@media(max-width:350px){
 .yt-mobile-dock{width:calc(100% - 16px);height:58px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 body.yt-layout{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.yt-mobile-dock,.yt-mobile-dock__item>a{transition:none}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .yt-mobile-dock{background:rgba(18,18,20,.96)}
 body.yt-layout:not(.yt-dark) .yt-mobile-dock{background:rgba(241,243,247,.97)}
}