/* Shared navigation with an original-layout homepage and a distraction-free Watch view. */
body.lc-shell-ready{--shell-surface:#fff;--shell-soft:#f1f1ef;--shell-ink:#242424;--shell-muted:#626873;--shell-border:#dedede;--shell-gold:#ffc107;--shell-rail:80px;--shell-top:66px;box-sizing:border-box;padding-top:var(--shell-top)!important;padding-left:var(--shell-rail)!important;transition:padding-left .28s cubic-bezier(.2,.8,.2,1)}
body.lc-shell-ready.darkmode{--shell-surface:#171717;--shell-soft:#282828;--shell-ink:#eee;--shell-muted:#b6b6bc;--shell-border:#323232}
.lc-shell-ready [data-shell-legacy]{display:none!important}
.lc-shell-header,.lc-shell-rail,.lc-shell-more-backdrop,.lc-shell-recent-popup{box-sizing:border-box;color:var(--shell-ink);font:400 15px/1.4 'Outfit','Segoe UI',sans-serif;letter-spacing:normal;text-transform:none}
.lc-shell-header{position:fixed;inset:0 0 auto;z-index:10020;background:var(--shell-surface);border-bottom:1px solid var(--shell-border);box-shadow:none!important}
.lc-shell-top{height:66px;display:flex;align-items:center;gap:24px;padding:0 24px 0 16px;max-width:2000px;margin:auto}
.lc-shell-start{display:flex;align-items:center;gap:20px;flex:0 0 236px;min-width:0}
.lc-shell-brand{display:flex;align-items:center;text-decoration:none!important;border:0!important;min-width:0}
.lc-shell-brand img{display:block;width:155px;height:auto;max-height:43px;object-fit:contain;background:transparent!important;border:0;border-radius:0;box-shadow:none}
.lc-shell-ready .lc-shell-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;box-sizing:border-box;height:40px;width:40px;border:0;border-radius:50%;background:transparent!important;color:var(--shell-ink)!important;padding:9px;cursor:pointer;outline-offset:3px}
.lc-shell-ready .lc-shell-icon:hover{background:var(--shell-soft)!important}
.lc-shell-icon svg,.lc-shell-link-icon svg{display:block;width:24px;height:24px;flex-shrink:0}
.lc-shell-ready .lc-shell-tools{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;gap:8px;min-width:86px}
.lc-shell-tools .lc-hub-header-tools{margin:0;gap:12px;color:var(--shell-ink)}
.lc-shell-tools .lc-shell-icon{display:none}.lc-shell-tools [data-hub-account],.lc-shell-tools [data-hub-library]{order:3}
.lc-hub-library-link{text-decoration:none!important;color:inherit!important}.lc-hub-library-link svg{width:25px;height:25px}
.lc-shell-search{min-width:0;max-width:720px;flex:1;margin:auto;display:flex;align-items:center;justify-content:center}
.lc-shell-ready .lc-shell-search-form{align-items:center;box-sizing:border-box;min-height:42px;height:42px;padding:0!important;margin:0!important;background:var(--shell-surface)!important;color:var(--shell-ink)!important;border:1px solid var(--shell-border)!important;border-radius:30px!important;box-shadow:none;overflow:hidden;gap:0}
.lc-shell-ready .lc-shell-search .lc-shell-search-form,.lc-shell-ready .lc-shell-audio-search .lc-shell-search-form{display:flex!important;width:100%;max-width:100%}
.lc-shell-leading-search{display:none!important}
.lc-shell-ready .lc-shell-search-form input{display:block!important;min-width:0;width:100%;flex:1;box-sizing:border-box;background:transparent!important;border:0!important;outline:none;color:var(--shell-ink)!important;font:400 16px/1.4 'Outfit','Segoe UI',sans-serif;padding:9px 18px!important;margin:0!important;height:40px}
.lc-shell-ready .lc-shell-search-form:focus-within{border-color:#b58b09!important;box-shadow:0 0 0 1px #b58b09}
.lc-shell-ready .lc-shell-search-form button{display:flex!important;align-items:center;justify-content:center;border:0;border-left:1px solid var(--shell-border)!important;background:var(--shell-soft)!important;border-radius:0!important;color:var(--shell-ink)!important;padding:8px 19px!important;width:64px;min-width:64px;height:42px;cursor:pointer;flex-shrink:0}
.lc-shell-ready .lc-shell-search-form button svg{width:24px;height:24px}
.lc-shell-tabs,.lc-shell-more-backdrop,.lc-shell-audio-search,.lc-shell-rail-backdrop{display:none}
.lc-shell-ready .lc-shell-rail{position:fixed;top:66px;bottom:0;left:0;width:var(--shell-rail);z-index:10010;box-sizing:border-box;padding:12px 7px 24px;background:var(--shell-surface);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--shell-border) transparent;transition:width .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1);border-right:1px solid var(--shell-border)}
.lc-shell-link{display:flex;align-items:center;gap:18px;box-sizing:border-box;min-width:0;min-height:47px;border:0!important;border-radius:11px;padding:10px 13px;text-decoration:none!important;color:inherit!important;line-height:1.25;font:inherit!important;transition:background .18s ease}
.lc-shell-link:hover,.lc-shell-link[aria-expanded=true]{background:var(--shell-soft)}
.lc-shell-link[aria-current=page]{background:var(--shell-soft);font-weight:600!important}
.lc-shell-link[aria-current=page] .lc-shell-link-icon{color:#b98900}.darkmode .lc-shell-link[aria-current=page] .lc-shell-link-icon{color:var(--shell-gold)}
.lc-shell-link-icon{display:flex;align-items:center;justify-content:center;width:25px;flex-shrink:0}.lc-shell-link-label{min-width:0;overflow-wrap:anywhere}
.lc-shell-ready:not(.lc-shell-expanded) .lc-shell-rail>.lc-shell-link,.lc-shell-ready:not(.lc-shell-expanded) .lc-shell-group>.lc-shell-link{flex-direction:column;gap:7px;padding:13px 1px;min-height:70px;font-size:10px!important;text-align:center}
.lc-shell-recent-popup{position:fixed;z-index:10040;max-height:calc(100dvh - 90px);overflow:auto;padding:8px;border:1px solid var(--shell-border);border-radius:14px;box-shadow:0 10px 30px #0004;background:var(--shell-surface);animation:lc-shell-drop .15s ease-out}
.lc-shell-popup-heading{display:block;padding:10px 12px;font-size:13px;color:var(--shell-muted)}
.lc-shell-popup-empty{padding:10px 12px;font-size:14px}
.lc-shell-recent-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--shell-ink)!important;text-decoration:none!important;border:0!important;padding:12px;font-size:14px!important;line-height:1.45!important;border-radius:8px}
.lc-shell-recent-link:hover{background:var(--shell-soft)}
.lc-shell-theme{display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 8px;margin-top:8px;border-top:1px solid var(--shell-border)}
.lc-shell-theme>span{font-size:14px;display:none}
.lc-shell-ready .lc-shell-theme .theme-control{position:relative!important;inset:auto!important;margin:0!important;width:30px;height:30px;min-width:30px;transform:none!important}
.lc-shell-ready .lc-shell-theme .theme-control svg{width:25px;height:25px}
.lc-shell-ready .lc-shell-icon:focus-visible,.lc-shell-ready .lc-shell-link:focus-visible,.lc-shell-more-button:focus-visible,.lc-shell-recent-link:focus-visible{outline:2px solid #bb8b00;outline-offset:2px}
/* The homepage retains its original logo/search row, width and content layout. */
body.lc-shell-home{--shell-rail:0px;--shell-top:0px;padding-top:0!important;padding-left:0!important;padding-bottom:72px!important}
.lc-shell-home .home-header-controls{gap:10px}.lc-shell-home .home-brand-row{display:flex!important}
.lc-shell-home .lc-shell-tools{min-width:0;margin-left:0}.lc-shell-home .home-search-preview{width:clamp(220px,28vw,340px)}
.lc-shell-home .home-header-controls .theme-control{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:30px;height:30px;min-width:30px}
/* One viewport-fixed, icon-only bottom bar. Labels remain available to screen readers. */
.lc-shell-ready .home-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;z-index:10030;box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;padding:10px max(8px,calc((100vw - 1200px)/2)) max(12px,env(safe-area-inset-bottom))!important;margin:0!important;background:var(--shell-surface)!important;color:var(--shell-ink)!important;border-top:1px solid var(--shell-border)}
.lc-shell-ready .home-bottom-nav.lc-has-account,.lc-shell-ready .home-bottom-nav.lc-has-library{grid-template-columns:repeat(6,minmax(0,1fr))}
.lc-shell-ready .home-bottom-nav a,.lc-shell-ready .home-bottom-nav .lc-hub-mobile-account{position:relative;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;padding:0 0 7px!important;margin:0!important;font:400 12px/1.2 'Outfit','Segoe UI',sans-serif;color:var(--shell-ink)!important;background:transparent!important;border:0;border-radius:0;min-height:36px;text-decoration:none!important;flex-direction:row}
.lc-shell-ready .home-bottom-nav a>span:not(.lc-shell-bottom-icon):not(.lc-hub-avatar),.lc-shell-ready .home-bottom-nav .lc-hub-mobile-account>span:not(.lc-hub-avatar){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.lc-shell-ready .home-bottom-nav svg,.lc-shell-ready .home-bottom-nav .lc-hub-avatar{width:28px!important;height:28px!important;flex:0 0 28px;font-size:14px}
.lc-shell-ready .home-bottom-nav a[aria-current=page]{color:var(--shell-gold)!important}
.lc-shell-ready .home-bottom-nav [aria-current=page]::after{content:'';position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--shell-gold)}
.lc-shell-ready [data-hub-library][hidden],.lc-shell-ready [data-hub-mobile-library][hidden],.lc-shell-ready [data-hub-mobile-account][hidden],.lc-shell-ready .lc-shell-icon[hidden],.lc-shell-ready .lc-shell-recent-popup[hidden],.lc-shell-ready .lc-shell-rail-backdrop[hidden]{display:none!important}
@media(min-width:901px){body.lc-shell-expanded{--shell-rail:270px}.lc-shell-expanded .lc-shell-theme>span{display:block}.lc-shell-expanded .lc-shell-theme{justify-content:space-between;padding:16px}.lc-shell-header .lc-shell-audio-search{display:none!important}
 .lc-shell-ready:not(.lc-shell-home) .home-bottom-nav{display:none!important}
 body.lc-shell-drawer{--shell-rail:0px}.lc-shell-drawer .lc-shell-rail{width:270px;transform:translateX(-100%);visibility:hidden;z-index:10025}.lc-shell-drawer.lc-shell-expanded .lc-shell-rail{transform:translateX(0);visibility:visible}.lc-shell-drawer .lc-shell-rail-backdrop:not([hidden]){display:block;position:fixed;inset:var(--shell-top) 0 0;z-index:10021;background:#0007;animation:lc-shell-fade .2s ease-out}
}
@media(max-width:1150px) and (min-width:901px){.lc-shell-start{flex-basis:200px;gap:12px}.lc-shell-top{gap:16px}.lc-shell-brand img{width:140px}}
@media(max-width:900px){
 body.lc-shell-ready{--shell-rail:0px;--shell-top:60px;padding-left:0!important;padding-bottom:70px!important;transition:none}
 body.lc-shell-home{--shell-top:0px}
 .lc-shell-top{height:60px;padding:0 14px;gap:10px;justify-content:space-between}
 .lc-shell-start{flex:0 1 auto;gap:8px}.lc-shell-start>.lc-shell-icon{display:inline-flex!important;flex-basis:36px;width:36px}.lc-shell-brand img{width:138px;max-height:39px}
 .lc-shell-search{display:none!important}.lc-shell-ready .lc-shell-rail{display:none!important}.lc-shell-start .lc-shell-brand{flex-shrink:1}.lc-shell-start .lc-shell-brand img{max-width:100%}
 .lc-shell-tools{min-width:74px!important}.lc-shell-tools .lc-hub-header-tools{gap:6px}
 .lc-shell-tools .lc-shell-icon{display:flex}.lc-shell-tools [data-hub-account]{display:none!important}
 .lc-shell-tabs{display:none!important}
 .lc-shell-more-backdrop:not([hidden]){display:block;position:fixed;inset:var(--shell-top) 0 0;z-index:10025;background:#0007;animation:lc-shell-fade .2s ease-out}
 .lc-shell-more{box-sizing:border-box;width:min(290px,calc(100vw - 48px));height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--shell-surface);border-right:1px solid var(--shell-border);box-shadow:10px 0 30px #0003;padding:12px 12px calc(84px + env(safe-area-inset-bottom));animation:lc-shell-drawer-in .24s cubic-bezier(.2,.8,.2,1)}
 .lc-shell-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px 13px;color:var(--shell-muted);font-size:13px}
 .lc-shell-menu-heading .lc-shell-icon{width:36px;height:36px;padding:8px}
 .lc-shell-more .lc-shell-link{gap:18px;min-height:50px;font-size:16px!important}.lc-shell-more .lc-shell-theme{justify-content:space-between}.lc-shell-more .lc-shell-theme>span{display:block}
 body.lc-shell-mobile-menu-open{overflow:hidden!important}
 .lc-shell-audio-search:not([hidden]){display:block;padding:6px 16px 12px;background:var(--shell-surface)}
 .lc-shell-ready .home-bottom-nav{padding-left:8px!important;padding-right:8px!important}
 .lc-shell-home .lc-shell-tools{min-width:0!important}
 body.lc-shell-watch{--shell-top:0px;padding-top:0!important}.lc-shell-watch .lc-shell-header{display:none!important}
}
@media(max-width:699px){.lc-shell-home .home-brand{width:clamp(100px,34vw,160px);max-width:none}.lc-shell-home .home-brand-row{gap:10px}.lc-shell-home .home-header-controls{gap:5px}.lc-shell-home .home-search-preview{display:none!important}.lc-shell-home .home-header-controls>.home-search-mobile{display:grid;width:36px;height:36px;border-radius:50%;padding:7px}.lc-shell-home .lc-hub-icon{width:36px;height:36px;padding:6px}.lc-shell-home .home-header-controls .theme-control{width:28px;height:28px;min-width:28px}}
@keyframes lc-shell-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes lc-shell-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes lc-shell-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.lc-shell-ready,.lc-shell-ready .lc-shell-rail,.lc-shell-link{transition:none!important}.lc-shell-more,.lc-shell-recent-popup,.lc-shell-rail-backdrop{animation:none!important}}

/* Keep the existing search presentation on reading templates as well. */
.lc-shell-ready #home-search-dialog{--home-surface:var(--shell-surface);--home-border:var(--shell-border);--home-ink:var(--shell-ink);--home-muted:var(--shell-muted);--home-soft:var(--shell-soft);--home-accent:var(--shell-gold)}
.lc-shell-ready #home-search-dialog {width:min(820px,calc(100% - 32px)); max-height:calc(100dvh - 48px); padding:24px; border:1px solid var(--home-border); border-radius:16px; background:var(--home-surface); color:var(--home-ink); font-family:inherit; overflow-y:auto; overscroll-behavior:contain;}
.lc-shell-ready #home-search-dialog::backdrop {background:var(--bgColor-youtube-duration);}
.lc-shell-ready .home-search-heading-row {display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px;}
.lc-shell-ready #home-search-heading {font:700 26px/1.2 'Outfit','Segoe UI',sans-serif; margin:0; padding:0; border:0; box-shadow:none!important; background:none; color:var(--home-ink)!important; text-transform:none;}
.lc-shell-ready .home-search-close {display:grid; place-items:center; width:42px; height:42px; border:0; border-radius:50%; background:var(--home-soft); color:var(--home-ink); font-size:28px; cursor:pointer;}
.lc-shell-ready .home-search-label {display:block; font-size:14px; margin-bottom:8px;}
.lc-shell-ready #home-search-query {width:100%; min-height:48px; padding:12px; font:inherit; font-size:16px; border:1px solid var(--home-border); border-radius:10px; color:var(--home-ink); background:var(--home-soft);}
.lc-shell-ready #home-search-query::placeholder {color:var(--home-muted);}
.lc-shell-ready .home-search-filters {display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.lc-shell-ready .home-search-filters button,.lc-shell-ready #home-search-more,.lc-shell-ready #home-search-retry {font:inherit; padding:10px 16px; border:1px solid var(--home-border); border-radius:24px; background:var(--home-soft); color:var(--home-ink); cursor:pointer;}
.lc-shell-ready .home-search-filters [aria-pressed=true] {background:var(--home-accent); color:var(--black); border-color:var(--home-accent);}
.lc-shell-ready #home-search-status,.lc-shell-ready #home-search-warning {font-size:14px; line-height:1.5; padding:0; margin:16px 0;}
.lc-shell-ready #home-search-results {list-style:none; padding:0; margin:0 0 16px;}
.lc-shell-ready #home-search-results li {padding:0; margin:0; list-style:none;}
.lc-shell-ready #home-search-results a {display:block; padding:16px 4px; border-top:1px solid var(--home-border); overflow-wrap:anywhere;}
.lc-shell-ready #home-search-results strong {display:block; font-size:19px; font-weight:600; line-height:1.4;}
.lc-shell-ready .home-result-kind {display:block; font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; margin-bottom:6px; color:var(--home-muted);}
.lc-shell-ready .home-result-excerpt {display:block; font-size:14px; line-height:1.5; margin-top:6px; color:var(--home-muted);}
.lc-shell-ready #home-search-dialog button:focus-visible,.lc-shell-ready #home-search-dialog input:focus-visible {outline:2px solid var(--home-accent); outline-offset:3px;}
.lc-shell-ready #home-search-more[hidden],.lc-shell-ready #home-search-retry[hidden] {display:none;}
@media(max-width:450px) {.lc-shell-ready #home-search-dialog {padding:18px; width:calc(100% - 20px); max-height:calc(100dvh - 24px);}}

.lc-shell-ready #home-search-dialog{box-sizing:border-box;margin:auto}
.lc-shell-ready #home-search-results .lc-search-video-result,.lc-shell-ready #home-search-results .lc-search-reading-result{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:8px;border-top:1px solid var(--shell-border);padding:16px 4px}
.lc-shell-ready #home-search-results .lc-search-video-result>a,.lc-shell-ready #home-search-results .lc-search-reading-result>a{padding:0;border:0}
.lc-shell-ready #home-search-results .lc-save-video{margin-top:18px}

/* Reading illustration styles must not recolor navigation glyphs. */
.lc-shell-ready .lc-shell-header svg *,.lc-shell-ready .lc-shell-rail svg *,.lc-shell-ready .lc-shell-more svg *,.lc-shell-ready .home-bottom-nav svg *{color:inherit!important;fill:none!important;stroke:currentColor!important}
