/* GooTune 2.0.20: refinement layer. Brand artwork and home structure are unchanged. */
#header{height:84px}.header-logo{width:108px;min-height:36px;line-height:0}.header-left{align-items:center}.nav{align-items:center}.nav a{line-height:1.35}
.home{padding-top:clamp(64px,10vh,112px)}
.brand-tagline{font-family:"Segoe UI Light","Segoe UI",system-ui,Arial,sans-serif;font-weight:300;font-size:clamp(15px,1.5vw,20px);letter-spacing:clamp(2px,.36vw,5px);line-height:1.45;color:#9099a7;white-space:nowrap;max-width:100%;margin-top:8px}
:root[data-theme=dark] .brand-tagline{color:#aab4c3}
.search-shell{border-color:#dbe2ec;box-shadow:0 2px 9px #14274506;transition:border-color .18s,box-shadow .18s}.search-shell:focus-within{border-color:#b1c7e6;box-shadow:0 5px 22px #0656e80d}.search-go{transition:background .18s,transform .18s}.search-go:hover{transform:translateX(1px)}
:root[data-theme=dark] .search-shell{border-color:#344051;box-shadow:0 3px 18px #0002}:root[data-theme=dark] .search-shell:focus-within{border-color:#58739b;box-shadow:0 5px 22px #0003}
.guide-home-link{font-weight:500;font-size:12px;margin-left:16px;gap:7px}.home-buttons .button{border-radius:12px}.context-tips{padding:10px 12px;background:transparent}.context-tips-label small{font-size:10px}
/* The guide has its own reading layout, not a second marketing homepage. */
.guide-v207{max-width:1152px;padding-top:24px}.guide-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:28px}.guide-v207 .guide-hero{max-width:740px;margin:0 auto 34px}.guide-v207 .guide-kicker{font-size:10px;letter-spacing:.18em;margin-bottom:18px}.guide-v207 .guide-hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.1;letter-spacing:-1.8px;font-weight:650;margin-bottom:20px}.guide-v207 .guide-hero p{max-width:600px;font-size:15px;line-height:1.8;margin:0 auto;color:var(--muted)}
.guide-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 44px}.guide-journey>a{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:15px;padding:20px;color:var(--text);text-decoration:none;background:var(--panel);transition:border-color .18s,background .18s}.guide-journey>a:hover{border-color:var(--blue);background:var(--surface)}.guide-journey>a>svg{margin-left:auto;color:var(--blue)}.guide-step-no{font-size:11px;color:var(--blue);font-weight:650;background:var(--soft);border-radius:9px;padding:9px}.guide-journey strong{font-size:15px;display:block;font-weight:600}.guide-journey p{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.guide-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:46px;align-items:start}.guide-sidebar{position:sticky;top:24px;max-height:calc(100svh - 48px);overflow:auto;padding:0 4px 4px 0}.guide-search{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);padding:0 10px;border-radius:11px;color:var(--muted)}.guide-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.guide-search input{min-width:0;border:0;padding:12px 0;background:none;border-radius:0;font-size:11px;box-shadow:none;outline:0}.guide-search input::-webkit-search-cancel-button{display:none}.guide-search button{border:0;background:none;padding:4px;display:flex;color:var(--muted)}.guide-toc-title{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:var(--muted);margin:24px 0 10px 10px}.guide-toc{display:flex;flex-direction:column;gap:3px}.guide-toc a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none}.guide-toc a:hover,.guide-toc a[aria-current=location]{background:var(--soft);color:var(--blue)}.guide-toc svg{width:16px;flex-shrink:0}.guide-local-count{font-size:11px;color:var(--muted);margin:18px 10px 0}.guide-version{font-size:10px;color:var(--muted);display:block;margin:20px 10px 0}
.guide-content{min-width:0}.guide-small-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:14px}.guide-examples{margin-bottom:24px}.guide-example-buttons{display:flex;gap:9px;flex-wrap:wrap}.guide-example-buttons button{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.4}.guide-example-buttons button:hover{border-color:var(--blue);color:var(--blue)}.guide-examples p{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0;max-width:600px}
.guide-section{padding:26px 28px 24px;border:1px solid var(--line);border-radius:18px;margin-bottom:20px;background:var(--panel);scroll-margin-top:24px}.guide-section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.guide-section-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--blue)}.guide-section-number{font-size:11px;letter-spacing:.08em;color:var(--muted)}.guide-section h2{font-size:23px;letter-spacing:-.6px;font-weight:600;margin-bottom:12px;outline:none}.guide-lead{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:18px}.guide-instructions{padding-left:19px;margin:0 0 20px;font-size:13px;line-height:1.8}.guide-instructions li{padding-left:6px;margin-bottom:10px}.guide-instructions li::marker{color:var(--blue);font-weight:600}.guide-note{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.75;padding:14px;background:var(--surface);border-radius:10px;color:var(--muted);margin:0 0 18px}.guide-note svg{margin-top:2px}.guide-section-actions{display:flex;gap:8px;flex-wrap:wrap}
.guide-faq{scroll-margin-top:24px;margin:36px 0}.guide-faq h2{font-size:24px;font-weight:600;outline:none;margin-bottom:20px}.guide-faq details{border-bottom:1px solid var(--line);padding:15px 0}.guide-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:550}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary svg{color:var(--blue);transition:transform .18s}.guide-faq details[open] summary svg{transform:rotate(45deg)}.guide-faq details p{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 2px;max-width:650px}.guide-availability{border-top:1px solid var(--line);padding-top:22px;margin:32px 0}.guide-availability>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-availability p{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}.guide-availability strong{display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;margin-bottom:7px}.guide-learning{padding:25px 28px;border-radius:17px;background:var(--soft);margin-top:28px;scroll-margin-top:24px}.guide-learning>.guide-section-icon{background:var(--panel);margin-bottom:17px}.guide-learning h2{font-size:21px;font-weight:600}.guide-learning>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:19px}.learning-settings{display:grid;gap:12px}.learning-settings .check{font-size:12px;line-height:1.6;align-items:flex-start;font-weight:500}.learning-settings input{flex-shrink:0;margin-top:1px}.learning-settings .link-button{text-align:left;white-space:normal;justify-self:start;font-size:11px;line-height:1.65}.guide-v207 .guide-end{justify-content:flex-start;margin:28px 0 5px}.guide-no-match{line-height:1.8}.guide-no-match button{display:block}
/* Optional tips are inline. They never cover search controls or the YouTube player. */
.learn-tip{display:flex;gap:12px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:11px;background:var(--surface);padding:15px 16px;margin:0 0 18px}.learn-icon{display:inline-flex;color:var(--blue);padding-top:2px}.learn-copy{min-width:0}.learn-copy>strong{font-size:12px;font-weight:600;display:block}.learn-copy>p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 8px}.learn-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.learn-actions .link-button{font-size:11px;display:inline-flex;align-items:center;gap:7px;line-height:1.5}.learn-dismiss{border:0;background:none;color:var(--muted);padding:4px 0;font-size:11px}.learn-dismiss:hover{color:var(--text);text-decoration:underline}.learning-preferences{padding-top:6px}.learning-preferences>p{font-size:12px}
@media(min-width:1700px){.home{padding-top:115px}}
@media(max-width:950px){.header-logo{width:100px}.guide-layout{grid-template-columns:195px minmax(0,1fr);gap:24px}.guide-journey>a{padding:16px;gap:10px}.guide-journey>a>svg{display:none}.guide-section{padding:22px}}
@media(max-width:760px){.guide-v207{padding:22px 20px 38px}.guide-back{margin-bottom:24px}.guide-v207 .guide-hero h1{font-size:38px;letter-spacing:-1.1px}.guide-v207 .guide-hero p{font-size:13px}.guide-journey{gap:9px;margin-bottom:26px}.guide-journey>a{padding:14px 12px;display:block}.guide-step-no{display:inline-block;padding:5px 7px;font-size:10px;margin-bottom:9px}.guide-journey strong{font-size:13px}.guide-journey p{font-size:10px}.guide-layout{display:block}.guide-sidebar{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:22px}.guide-search{max-width:480px}.guide-search input{font-size:13px}.guide-toc-title{margin:18px 0 9px}.guide-toc{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px}.guide-toc a{white-space:nowrap;background:var(--surface);padding:8px 11px;font-size:11px}.guide-version{display:none}.guide-local-count{margin:6px 0}.guide-section{padding:22px 20px}.guide-section h2{font-size:22px}.guide-availability>div{gap:20px}.guide-example-buttons button{font-size:11px}.guide-learning{padding:22px 20px}}
@media(max-width:700px){#header{height:72px}.header-logo{width:92px}.home{padding-top:65px}.brand-tagline{font-size:clamp(11px,3vw,15px);letter-spacing:clamp(1px,.48vw,2px);margin-top:7px}.guide-home-link{display:flex;margin:10px 0 0;justify-content:center}.learn-tip{padding:13px 12px;gap:9px}.learn-actions{gap:14px}}
@media(max-width:380px){.guide-v207{padding-left:15px;padding-right:15px}.guide-v207 .guide-hero h1{font-size:32px}.guide-journey p{display:none}.guide-journey>a{padding:12px 9px}.guide-section{padding:19px 17px}.guide-availability>div{grid-template-columns:1fr}.guide-example-buttons button{max-width:100%;flex-wrap:wrap}.home-buttons .button{font-size:11px;padding:9px 10px}.home .home-shortcuts{gap:13px}.learn-actions .link-button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.search-shell,.search-go,.guide-journey>a,.guide-faq summary svg{transition:none}.search-go:hover{transform:none}}

.diagnostic-box{margin-top:6px}.diagnostic-box .table-wrap{margin-top:10px}.diagnostic-box table{font-size:12px}.diagnostic-box th{white-space:nowrap}.diagnostic-box td{overflow-wrap:anywhere}

/* GooTune 2.0.20 - homepage visitor statistics */
.visitor-map{margin-top:10px}
.visitor-map .map-country{cursor:default;pointer-events:auto}
.visitor-map .map-country.visitor-country{fill:var(--blue)}
.visitor-map .map-country:not(.visitor-country){opacity:.55}
.visitor-map .map-country:hover{fill:var(--blue)}
@media(max-width:700px){.visitor-map{aspect-ratio:1.8;padding:5px}}