/* Public-document foundations mirror the existing browser. Scoped to static pages;
   enhancement removes this class before displaying the unchanged browser UI. */
html.seo-static{color-scheme:light;--ink:#183b43;--muted:#52676d;--aqua:#007887;--purple:#7450b5;--line:#dce7e9;--paper:#f2fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.seo-static *{box-sizing:border-box}.seo-static body{margin:0;font-size:15px;line-height:1.5}.seo-static :is(button,input,select){font:inherit;color:inherit}.seo-static :is(button,a,input,select){touch-action:manipulation}.seo-static a{color:var(--aqua)}.seo-static :is(h1,h2,h3,h4,p){margin:0}.seo-static :is(h1,h2,h3,h4){line-height:1.3}.seo-static :is(p,h1,h2,h3,h4,span,strong){overflow-wrap:anywhere}.seo-static [hidden]{display:none!important}
.seo-static input{border:1px solid #b8cdd1;border-radius:6px;background:#fff;padding:9px 12px;min-height:44px;max-width:100%;min-width:0}.seo-static label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;color:var(--muted)}.seo-static :focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.seo-static :is(.site-header,main){max-width:1168px;margin:auto;padding:0 32px}.seo-static .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;position:relative}.seo-static .site-header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;border-bottom:1px solid var(--line)}.seo-static .brand{display:flex;align-items:center;gap:16px}.seo-static nav{display:flex;gap:clamp(8px,2vw,24px);align-self:stretch}.seo-static h1{font-size:clamp(28px,4vw,36px);font-weight:650;letter-spacing:-.8px}.seo-static .muted{color:var(--muted);font-size:13px}
.seo-static .check{flex-direction:row;align-items:center}.seo-static .international-data-option{min-height:44px;gap:10px;color:var(--ink)}.seo-static .international-data-option input{padding:0;width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--aqua)}.seo-static .skip-link{position:absolute;left:12px;top:-60px;z-index:5;background:white;padding:10px}.seo-static .skip-link:focus{top:8px}
html.seo-static[lang="zh-Hans"] body{font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif}html.seo-static[lang="ko"] body{font-family:Arial,"Noto Sans CJK KR","Malgun Gothic",sans-serif}html.seo-static[lang="ja"] body{font-family:Arial,"Noto Sans CJK JP","Yu Gothic",Meiryo,sans-serif}
@media(max-width:740px){.seo-static .site-header{flex-wrap:wrap;gap:8px;padding-top:12px}.seo-static .site-header nav{width:100%;min-height:50px;gap:8px}.seo-static .site-header .brand{flex-wrap:wrap;gap:8px 16px}}
@media(max-width:600px){.seo-static :is(.site-header,main){padding-left:18px;padding-right:18px}.seo-static .site-header{flex-direction:column;align-items:flex-start}.seo-static .site-header:after{left:18px;right:18px}.seo-static h1{font-size:28px}html.seo-static:not([lang="en"]) .site-header nav{gap:8px}}
@media(max-width:420px){.seo-static .site-header nav{gap:4px}}
@media(prefers-reduced-motion:reduce){.seo-static *,.seo-static *:before,.seo-static *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Only new public song/version documents use these styles. Existing browser styles are unchanged. */
.seo-document{max-width:960px;margin:0 auto;padding:24px 16px}.seo-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.seo-actions a{min-height:44px;display:inline-flex;align-items:center}.seo-facts{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:8px 18px}.seo-facts dd{margin:0;overflow-wrap:anywhere}.seo-table{overflow-x:auto}.seo-table table{width:100%;border-collapse:collapse}.seo-table th,.seo-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #ded6ec}.seo-table td a{display:inline-block;min-height:44px}.seo-song-list{padding-left:24px}.seo-song-list li{padding:5px 0}.seo-song-list a{overflow-wrap:anywhere}.seo-document h1{overflow-wrap:anywhere}.seo-document .international-data-option{margin:16px 0}#seo-route-view[hidden]{display:none!important}
.seo-artwork{display:block;object-fit:cover;border-radius:8px;margin:16px 0}.seo-document [hidden]{display:none!important}

/* Enhanced public documents reuse the maintained browser cards and spacing. */
#seo-route-view{max-width:1168px;margin:auto;padding:0 32px}#seo-route-view .seo-document{max-width:none;padding:24px 0}#seo-route-view .song-workspace{display:grid;gap:12px;margin:16px 0}#seo-route-view .seo-facts{margin:16px 0}#seo-route-view .seo-artwork{float:left;margin:0 24px 16px 0}#seo-route-view .seo-actions{margin:16px 0}#seo-route-view .song-workspace{clear:both}@media(max-width:600px){#seo-route-view{padding:0 18px}#seo-route-view .seo-artwork{width:100px;height:100px;margin-right:16px}}

#seo-route-view:focus{outline:none}