/* 18-about-rail.css — every rule for the About rail (#aboutSong in #sideRail): bio, "More about me", Support/Follow/Contact,
   gathered from 03/05/06/07/08/09/10/11/13 in their original cascade order.
   Rules shared with other components stay in the topic files. */
#aboutSong{flex:1 1 auto}
#sideRail{position:fixed;inset-inline-start:var(--sidex,clamp(16px,2vw,44px));z-index:12;top:calc(var(--barH,64px) + 10px + (100svh - var(--barH,64px) - var(--railRes,var(--dockH,72px)) - 20px)/2);transform:translateY(-50%);display:none;flex-direction:column;max-height:min(84svh,calc(100svh - var(--barH,64px) - var(--railRes,var(--dockH,72px)) - 20px));gap:12px}
body.panels-bare :is(#aboutSong) .un-head{color:rgba(240,244,248,.95)}

body .ed-eyebrow{display:block;font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;padding:0 0 4px;opacity:.9}
body .ed-title{display:block;margin:0 0 16px;padding:0 0 14px;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(40px,3.6vw,62px);line-height:1.02;letter-spacing:-.01em;position:relative}
body .ed-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:1px;background:currentColor;opacity:.7}
html[dir="rtl"] body .ed-title::after{left:auto;right:0}
body #aboutSong{gap:0;overflow:hidden}
body #aboutSong .abp-scroll{zoom:1;column-count:auto;display:flex!important;padding:0;gap:0}
body #sideRail{width:var(--railL)}
body #aboutSong .un-head, body #aboutSong .abp-hero, body #aboutSong .abp-k{display:none}
body #aboutSong .bio{font-size:15px;line-height:1.5}
body #aboutSong .bio p{margin:0 0 10px}
body .ed-more{display:inline-flex;align-items:center;gap:10px;margin:8px 0 0;width:max-content;padding:11px 20px;border-radius:999px; border:1px solid color-mix(in srgb,currentColor 26%,transparent);background:color-mix(in srgb,currentColor 12%,transparent); color:inherit;font:inherit;font-size:13.5px;letter-spacing:.02em;cursor:pointer;text-shadow:none;transition:background .35s var(--ease-calm),border-color .35s var(--ease-calm),transform .35s var(--ease-calm)}
body .ed-more:hover, body .ed-more:focus-visible{background:color-mix(in srgb,currentColor 22%,transparent);outline:none}
body .ed-more .ed-arrow{font-size:15px;transition:transform .45s var(--ease-calm)}
body .ed-more:hover .ed-arrow{transform:translateX(3px)}
html[dir="rtl"] body .ed-more .ed-arrow{transform:scaleX(-1)}
body #aboutSong .abp-connect .abp-k{display:none}
body #aboutSong .abp-connect{display:flex;flex-direction:column;gap:2px}
body #aboutSong .abp-connect .lf-pills{gap:2px}
body #aboutSong .abp-connect .lf-pills a, body #aboutSong .abp-connect .contact{grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;min-height:0}
body #aboutSong .abp-connect .lf-pills a .bi, body #aboutSong .abp-connect .contact .bi, body #aboutSong .abp-connect .contact svg{grid-row:1/3;width:24px;height:24px;justify-self:center}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .cn-t{grid-column:2;grid-row:1}
body #aboutSong .abp-connect .lf-pills a, body #aboutSong .abp-connect .contact{font-size:15px;font-weight:500;letter-spacing:0;display:grid;column-gap:14px;row-gap:0;padding:4px 6px;border:none;background:none;border-radius:10px;color:inherit;text-shadow:inherit;--hb:currentColor;position:relative;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease),color .25s var(--ease)}
body #aboutSong .abp-connect .lf-pills a:hover, body #aboutSong .abp-connect .contact:hover, body #aboutSong .abp-connect .lf-pills a:focus-visible, body #aboutSong .abp-connect .contact:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--hb) 22%,transparent),color-mix(in srgb,currentColor 7%,transparent) 70%); box-shadow:inset 3px 0 0 var(--hb);transform:translateX(4px);outline:none}
body #aboutSong .abp-connect .lf-pills a::after, body #aboutSong .abp-connect .contact::after{content:attr(data-sub);grid-column:2;font-size:11.5px;font-weight:400;letter-spacing:.01em;opacity:.76;transition:opacity .25s var(--ease)}
body #aboutSong .abp-connect .lf-pills a:hover::after, body #aboutSong .abp-connect .contact:hover::after{opacity:1}
body #aboutSong .abp-connect .lf-pills a .bi, body #aboutSong .abp-connect .contact .bi{transition:transform .3s var(--ease-snap),color .25s var(--ease),filter .3s var(--ease)}
body #aboutSong .abp-connect .lf-pills a:hover .bi, body #aboutSong .abp-connect .contact:hover .bi{transform:scale(1.1);filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--hb) 40%,transparent))}
body #aboutSong .abp-connect .lf-pills a[data-platform="instagram"]{--hb:#e1306c}
body #aboutSong .abp-connect .lf-pills a[data-platform="tiktok"]{--hb:#fe2c55}
body #aboutSong .abp-connect .lf-pills a[data-platform="bmc"]{--hb:#ffdd00}
body #aboutSong .abp-connect .contact{--hb:var(--red)}
html[dir="rtl"] body #aboutSong .abp-connect .lf-pills a:hover, html[dir="rtl"] body #aboutSong .abp-connect .contact:hover{transform:translateX(-4px);box-shadow:inset -3px 0 0 var(--hb)}
body .ed-script-l{margin:clamp(20px,2.6vh,32px) 0 0 -6px;transform:rotate(-6deg);transform-origin:left center}
html[dir="rtl"] body .ed-script-l{transform:rotate(6deg);transform-origin:right center;margin-inline:0 -6px}
@media (min-width:960px){
body.hide-aboutsong #aboutSong{display:none}
body.hide-connect #aboutSong .abp-connect{display:none}
}
.abp-scroll{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:0 6px 4px;scrollbar-width:thin;zoom:var(--abp-zoom,1)}
#aboutSong.abp-cols .abp-scroll{display:block;column-count:2;column-gap:28px}
#aboutSong.abp-cols .abp-scroll>*+*{margin-top:10px}
#aboutSong.abp-cols .abp-hero{break-inside:avoid;break-after:avoid-column}
#aboutSong.abp-cols .abp-k{break-inside:avoid;break-after:avoid-column}
#aboutSong.abp-cols .lf-pills a, #aboutSong.abp-cols .contact{break-inside:avoid}
.abp-hero{display:flex;align-items:center;gap:10px}
.abp-logo{width:24px;height:24px;display:block}
.abp-word{font-family:var(--disp);font-size:13px;letter-spacing:.32em;color:#fff}
.abp-k{margin:6px 0 0;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,238,245,.82)}
#aboutSong .bio{color:rgba(232,238,245,.92)}
#aboutSong #abpWhatHead{display:none}

#aboutSong .bio p:last-child{margin-bottom:0}
.abp-connect{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}
.abp-connect .abp-k{margin:14px 0 4px}
.abp-connect .abp-k:first-child{margin-top:0}
.abp-connect .lf-pills{flex-direction:column;align-items:stretch;gap:1px}
.abp-connect .lf-pills a, .abp-connect .contact{display:flex;align-items:center;gap:12px;margin:0;padding:8px;min-height:38px;font-size:11.5px;width:auto;max-width:none; background:none;border:0;border-radius:11px;color:rgba(232,238,245,.88);overflow-wrap:anywhere; transition:background .2s var(--ease),color .2s var(--ease)}
.abp-connect .lf-pills, .abp-connect .contact{margin-inline:-8px}
.abp-connect .lf-pills a .bi, .abp-connect .contact .bi{flex:0 0 auto;width:20px;display:inline-flex;align-items:center;justify-content:center}
.abp-connect .lf-pills a:hover, .abp-connect .contact:hover, .abp-connect .lf-pills a:focus-visible, .abp-connect .contact:focus-visible{background:rgba(255,255,255,.07);color:#fff;text-decoration:none;outline:none}
.abp-connect .lf-pills a .bi img{width:17px;height:17px}
.abp-connect .lf-pills a .bi svg{width:17px;height:17px}
.abp-connect .lf-pills a[data-platform="instagram"] .bi{color:#e1306c}
.abp-connect .lf-pills a[data-platform="tiktok"] .bi{color:inherit}
body #aboutSong .abp-connect .lf-pills a[data-platform="tiktok"] .bi{filter:drop-shadow(-1px -.6px 0 #25F4EE) drop-shadow(1px .6px 0 #FE2C55)}
.abp-connect .lf-pills a[data-platform="tiktok"]:hover .bi, .abp-connect .lf-pills a[data-platform="tiktok"]:focus-visible .bi{color:#fff;filter:drop-shadow(-1.2px -.8px 0 #25F4EE) drop-shadow(1.2px .8px 0 #FE2C55)}
body.sky-day .abp-connect .lf-pills a[data-platform="tiktok"]:hover .bi, body.sky-day .abp-connect .lf-pills a[data-platform="tiktok"]:focus-visible .bi{color:#06283f}
body.sky-day.panels-bare #sideRail :is(.lf-pills a, .contact) .k-ic{color:#8d1a20}
body.sky-day.panels-bare #sideRail :is(.lf-pills a, .contact){color:#0b2742;font-weight:600;text-shadow:0 0 3px rgba(255,255,255,.95),0 1px 10px rgba(255,255,255,.85)}
body.sky-day.panels-bare #sideRail #aboutSong.abp-cn-compact :is(.lf-pills a, .contact){text-shadow:none;font-weight:700}
body.sky-day.panels-bare #sideRail :is(.lf-pills a, .contact)::after{color:#123a5e;font-size:12px;font-weight:500;opacity:1}
body.sky-day .abp-word{color:#0d2b47}
body.sky-day #aboutSong{color:#10304f}
body.sky-day .abp-connect{border-top-color:rgba(24,74,128,.18)}
body.sky-day .abp-connect .lf-pills a, body.sky-day .abp-connect .contact{color:rgba(13,43,71,.94)}
body.sky-day .abp-connect .lf-pills a:hover, body.sky-day .abp-connect .contact:hover, body.sky-day .abp-connect .lf-pills a:focus-visible, body.sky-day .abp-connect .contact:focus-visible{color:#06283f;background:rgba(16,48,79,.07)}
body.sky-day.panels-bare #aboutSong .un-head{color:rgba(13,43,71,.9)}
body.sky-day .abp-connect .lf-pills a, body.sky-day .abp-connect .contact{background:none;border:0}

@media (min-width:960px){
body #sideRail{width:var(--railL)}
body .ed-title{white-space:nowrap;font-size:clamp(40px,2.95vw,56px);margin:0 0 18px}
body #aboutSong .abp-scroll, body #aboutSong .bio{max-width:336px;overflow:visible}
body #aboutSong #abpWhatHead, body #aboutSong #abpBioWhat{display:none}
body #aboutSong .bio p:last-child{margin-bottom:0}
body #aboutSong .abp-connect .lf-pills a, body #aboutSong .abp-connect .contact{text-transform:none;max-width:336px}
body #aboutSong #cnFollowPills{order:1}
body #aboutSong #cnSupportPills{order:2}
body #aboutSong #cnContact{order:3}
body.zt-condensed #aboutSong .abp-scroll, body.zt-condensed #aboutSong .bio, body.zt-condensed #aboutSong .abp-connect .lf-pills a, body.zt-condensed #aboutSong .abp-connect .contact{max-width:100%}
body.zt-condensed .ed-title{font-size:clamp(34px,2.6vw,44px);margin-bottom:14px}
body.zt-compact #aboutSong .abp-scroll, body.zt-compact #aboutSong .bio, body.zt-compact #aboutSong .abp-connect .lf-pills a, body.zt-compact #aboutSong .abp-connect .contact{max-width:100%}
body.zt-compact .ed-title{white-space:normal;font-size:clamp(26px,2.6vw,40px);margin-bottom:12px}
}
body #aboutSong .ed-more{flex:0 0 auto}
@media (min-width:960px){
body .ed-script-l{max-width:calc(100% + clamp(70px,11vw,210px))}
html[dir="rtl"] body .ed-script-l{max-width:calc(100% + var(--sidex,5vw) - 12px)}
body.abp-open #aboutSong .abp-scroll{overscroll-behavior:contain;padding-bottom:4px}
body.abp-open #aboutSong #abpBioWho{display:block;max-height:none;-webkit-mask-image:none;mask-image:none}
body.abp-open #aboutSong #abpBioWhat{display:block}
#aboutSong .abp-scroll{transition:max-height .8s var(--ease-calm)}
body.abp-open #aboutSong :is(#abpWhatHead, #abpBioWhat){animation:abpFade .7s var(--ease-calm) .25s both}
body #aboutSong.abp-cn-compact .abp-connect{padding:10px 0 0;margin-top:10px;overflow:visible;display:grid;align-items:center;border-top:1px solid color-mix(in srgb,currentColor 38%,transparent)}
body #aboutSong.abp-cn-compact .lf-pills{display:contents}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact){display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:9px 6px;min-height:38px;border:0;border-radius:9px;background:none;box-shadow:none;line-height:1;text-transform:uppercase;white-space:nowrap;color:inherit;transition:color .25s var(--ease),text-decoration-color .25s var(--ease)}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact)::after{content:none}
body #aboutSong.abp-cn-compact :is(.lf-pills a .bi, .contact .bi){order:1;flex:0 0 auto;width:20px;height:20px;transition:transform .3s var(--ease-snap),filter .3s var(--ease)}
body #aboutSong.abp-cn-compact .lf-pills a .cn-t{order:2}
body #aboutSong.abp-cn-compact .contact::before, body #aboutSong.abp-cn-compact [data-platform="bmc"]::before{content:attr(data-short);order:2}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact):hover, body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact):focus-visible{background:none;box-shadow:none;transform:none;color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px; text-decoration-color:color-mix(in srgb,var(--hb) 70%,currentColor);text-shadow:inherit;outline:none}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact):hover .bi{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--hb) 40%,transparent))}
body #aboutSong.abp-cn-compact .contact:hover .bi{filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--hb) 40%,transparent))}
body #aboutSong.abp-cn-compact .lf-pills a[data-platform="tiktok"]:hover .bi{filter:drop-shadow(-1px -.6px 0 #25F4EE) drop-shadow(1px .6px 0 #FE2C55) drop-shadow(0 2px 5px rgba(0,0,0,.25))}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact):focus-visible{outline:2px solid color-mix(in srgb,var(--theme) 70%,#fff);outline-offset:2px}
html[dir="rtl"] body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact):hover{transform:none;box-shadow:none}
body #aboutSong.abp-cn-compact .contact .bi .k-ic{font-size:20px;width:20px;height:20px;color:inherit}
body.sky-day #aboutSong.abp-cn-compact .contact .bi .k-ic{color:inherit}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact), body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact) .cn-t, body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact)::before{text-shadow:none}
body.sky-day #aboutSong.abp-cn-compact :is(.lf-pills a, .contact){color:#0b2742}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact) .bi, body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact) .bi *{text-shadow:none}
body #aboutSong.abp-cn-compact .lf-pills a:not(:hover):not(:focus-visible) .bi{filter:none}
body #aboutSong.abp-cn-compact .lf-pills a[data-platform="tiktok"]:not(:hover):not(:focus-visible) .bi{filter:drop-shadow(-1px -.6px 0 #25F4EE) drop-shadow(1px .6px 0 #FE2C55)}
body #aboutSong.abp-cn-compact .contact:not(:hover):not(:focus-visible) .bi{filter:none}
body.abp-open #aboutSong .lf-pills{flex-direction:row;gap:4px}
body.abp-open #aboutSong :is(.lf-pills a, .contact){grid-template-columns:auto;grid-template-rows:auto;width:38px;height:38px;padding:0;justify-items:center;font-size:0;letter-spacing:0}
body.abp-open #aboutSong :is(.lf-pills a, .contact)::after{content:none}
body.abp-open #aboutSong :is(.lf-pills a .bi, .contact .bi, .contact svg){grid-row:1;width:22px;height:22px}
}
@media (min-width:960px){@media (prefers-reduced-motion:reduce){
#aboutSong .abp-scroll{transition:none}
body.abp-open #aboutSong :is(#abpWhatHead, #abpBioWhat){animation:none}
}}
@media (min-width:960px){
body.abp-open .ed-more .ed-arrow{transform:rotate(-90deg)}
body.abp-open .ed-more:hover .ed-arrow{transform:rotate(-90deg) translateX(2px)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.lf-pills a:not(.abp-connect *){position:relative;overflow:hidden;isolation:isolate}
.lf-pills a:not(.abp-connect *)>*{position:relative;z-index:1}
.lf-pills a:not(.abp-connect *)::before{position:absolute;z-index:0;top:-30%;bottom:-30%;left:-60%;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);transform:skewX(-14deg);opacity:0}
.lf-pills a:not(.abp-connect *):hover{transform:translateY(-2px)}
.lf-pills a:not(.abp-connect *):active{transform:translateY(0) scale(.97)}
.ed-more .ed-arrow{display:inline-block}

html[dir="rtl"] .ed-more:hover .ed-arrow{transform:scaleX(-1) translateX(4px)}
.lf-pills a:not(.abp-connect *):hover{border-color:color-mix(in srgb,var(--theme) 60%,#fff);box-shadow:0 8px 24px -12px var(--theme)}
}
@media (prefers-reduced-motion:no-preference){@media (prefers-reduced-motion:no-preference){
body.loaded .ed-title::after{transform-origin:left}
html[dir="rtl"] body.loaded .ed-title::after{transform-origin:right}

}}
body #aboutSong .ed-title{font-family:var(--ui);font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;line-height:1.3;white-space:normal; margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid color-mix(in srgb,currentColor 38%,transparent);color:inherit}
body #aboutSong .ed-title::after{display:none}
body #aboutSong .ed-eyebrow:empty{display:none}
@media (min-width:960px){
body #aboutSong #abpBioWho{display:block;max-height:none;overflow:visible;-webkit-line-clamp:none;-webkit-mask-image:none;mask-image:none}
body:not(.abp-open) #aboutSong #abpBioWhat{display:none}
body #aboutSong .abp-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}
body #aboutSong #abpBioWhat{margin-top:10px}
body #sideRail{max-height:none}
body #aboutSong{flex:0 0 auto;overflow:visible}
body #aboutSong .abp-scroll{flex:0 0 auto;overflow:visible;max-height:none;padding-bottom:0}
body #aboutSong .bio{font-size:var(--bioFs,15px);line-height:1.5}
body #sideRail:has(#aboutSong.abp-scrolls){max-height:var(--railAvail,84svh)}
body #aboutSong.abp-scrolls{flex:1 1 auto;min-height:0;overflow:hidden}
body #aboutSong.abp-scrolls .abp-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:4px}
body #aboutSong .ed-script-l{flex:0 0 auto}
}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi{font-size:22px;grid-row:1/3}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi svg, body #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi img{width:100%;height:100%}
body #aboutSong .abp-connect .contact svg{width:22px;height:22px}
body #aboutSong .abp-connect .lf-pills a[data-platform="tiktok"] .bi{color:inherit}
body:not(.sky-day) #aboutSong .abp-connect .lf-pills a[data-platform="tiktok"] .bi{color:#fff}
body.sky-day #aboutSong .abp-connect .lf-pills a[data-platform="tiktok"] .bi{color:#010101}
body #aboutSong .abp-connect :is(.lf-pills a, .contact){border-radius:10px}
body #aboutSong .abp-connect :is(.lf-pills a, .contact)::after{opacity:.76!important}
.lf-pills a:not(.abp-connect *)::before{content:none!important}
#aboutSong #abpBioWhat:empty{display:none;margin:0}
#aboutSong .bio p{text-wrap:pretty;line-height:1.55}
body #aboutSong.abp-cn-compact .abp-connect{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:4px 8px}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact){min-width:0;overflow:hidden;font-size:11.5px;letter-spacing:.08em}
body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact), body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact) .cn-t, body #aboutSong.abp-cn-compact :is(.lf-pills a, .contact)::before{font-weight:600}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi{align-self:center;justify-self:center;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi :is(svg, img){width:20px;height:20px}
body #aboutSong .abp-connect .contact .bi .k-ic{font-size:20px;width:20px;height:20px;line-height:1}
body #aboutSong .ed-more .ed-arrow{font-size:14px;line-height:1}
body #aboutSong.abp-cn-compact :is(.lf-pills a .cn-t, .contact::before, [data-platform="bmc"]::before){overflow:hidden;text-overflow:ellipsis}
@media (min-width:960px){
body #aboutSong .ed-more{display:inline-flex}
body.abp-open #sideRail{max-height:calc(100svh - var(--barH,64px) - var(--railRes,var(--dockH,72px)) - 20px)}
body.abp-open #aboutSong{flex:1 1 auto;min-height:0}
body.abp-open #aboutSong #abpWhatHead{display:none}
body.abp-open #aboutSong #abpBioWhat:not(:empty){display:block;margin-top:10px}
body.abp-open #aboutSong .abp-scroll{flex:1 1 auto;min-height:0}
body.abp-open #aboutSong .abp-connect, body.abp-open #aboutSong.abp-cn-compact .abp-connect{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0 0;margin-top:10px;overflow:visible; border-top:1px solid color-mix(in srgb,currentColor 38%,transparent)}
body.abp-open #aboutSong .abp-connect .lf-pills{display:contents}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact){display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:0;max-width:none;padding:0;margin:0; border-radius:10px;background:none;border:0;font-size:0;letter-spacing:0}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact)::before, body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact)::after{content:none}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact) .cn-t{display:none}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact) .bi{width:20px;height:20px}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact):hover, body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact):focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);text-decoration:none;transform:none;box-shadow:none}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact):hover .bi{transform:translateY(-2px) scale(1.1)}
body.abp-open #aboutSong .abp-connect :is(.lf-pills a, .contact):focus-visible{outline:2px solid color-mix(in srgb,var(--theme) 70%,#fff);outline-offset:2px}
body.abp-open #aboutSong .ed-script-l{display:none}
body #aboutSong .abp-scroll{overflow-x:hidden}
body #aboutSong .abp-connect .lf-pills, body #aboutSong .abp-connect .contact{margin-inline:0}
body #aboutSong .abp-connect :is(.lf-pills a, .contact){max-width:100%;min-width:0}
body #aboutSong .abp-connect :is(.lf-pills a, .contact) .cn-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #aboutSong .abp-connect :is(.lf-pills a, .contact)::after{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.abp-open) #aboutSong .abp-scroll{overflow:visible}
body #aboutSong .ed-more{align-self:flex-start;white-space:nowrap;flex-wrap:nowrap}
body #aboutSong .ed-more #edMoreT{white-space:nowrap}
body #aboutSong .ed-more, body #aboutSong .abp-scroll .ed-more{margin:8px 0 2px;padding:0;border:0;background:none;border-radius:0; font-family:var(--ui);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:inherit;gap:8px;transition:opacity .25s var(--ease-snap)}
body #aboutSong .ed-more:hover, body #aboutSong .ed-more:focus-visible{background:none;opacity:.75;outline:none}
body #aboutSong .ed-more:focus-visible{outline:2px solid color-mix(in srgb,var(--theme) 70%,#fff);outline-offset:3px}
body #aboutSong .abp-connect .contact .bi, body #aboutSong.abp-cn-compact .contact .bi, body.abp-open #aboutSong .abp-connect .contact .bi{color:inherit;filter:none}
body #aboutSong .abp-connect .contact{--hb:currentColor}
body #aboutSong .abp-scroll{-webkit-mask-image:none;mask-image:none;flex-direction:column}
body #aboutSong .abp-scroll .ed-more{align-self:flex-start;order:0}
body #aboutSong .abp-scroll #abpBioWhat, body #aboutSong .abp-scroll #abpWhatHead{order:-1}
body #aboutSong .abp-scroll #abpBioWho{order:-2}
body #aboutSong .abp-scroll .abp-connect{order:1}
body #aboutSong .ed-more .ed-arrow{font-size:12px;display:inline-block;transition:transform .25s var(--ease-snap)}
body:not(.abp-open) #aboutSong .ed-more:hover .ed-arrow{transform:translateX(3px)}
body.abp-open #aboutSong .ed-more .ed-arrow{transform:rotate(-90deg)}
body.abp-open #aboutSong .ed-more:hover .ed-arrow{transform:rotate(-90deg) translateX(2px)}
html[dir="rtl"] body:not(.abp-open) #aboutSong .ed-more .ed-arrow{transform:scaleX(-1)}
html[dir="rtl"] body:not(.abp-open) #aboutSong .ed-more:hover .ed-arrow{transform:scaleX(-1) translateX(3px)}
html[dir="rtl"] body.abp-open #aboutSong .ed-more .ed-arrow{transform:scaleX(-1) rotate(-90deg)}
}
@media (min-width:960px){@media (prefers-reduced-motion:no-preference){
body.abp-open #aboutSong #abpBioWhat{animation:abpFade .55s var(--ease-calm) .12s both}
}}
@media (min-width:960px){
body.abp-anim #aboutSong .abp-scroll, body.abp-anim #aboutSong{overflow:hidden!important}
body.abp-open #aboutSong .abp-scroll{overflow-x:hidden;overflow-y:auto;-webkit-mask-image:none;mask-image:none}
}
@media (min-width:960px) and (prefers-reduced-motion:no-preference){
body.abp-open #aboutSong #abpBioWhat{animation:none}
body.abp-open #aboutSong #abpBioWhat p{animation:abpReveal .6s var(--ease-calm) both;animation-delay:calc(.1s + var(--i,0) * .11s)}
body.abp-open #aboutSong #abpBioWhat p:nth-child(1){--i:0}
body.abp-open #aboutSong #abpBioWhat p:nth-child(2){--i:1}
body.abp-open #aboutSong #abpBioWhat p:nth-child(3){--i:2}
body.abp-open #aboutSong #abpBioWhat p:nth-child(4){--i:3}
body.abp-open #aboutSong #abpBioWhat p:nth-child(5){--i:4}
body.abp-open #aboutSong #abpBioWhat p:nth-child(n+6){--i:5}
body.abp-open #aboutSong .abp-scroll .ed-more{animation:abpReveal .5s var(--ease-calm) .42s both}
body.abp-open #aboutSong .abp-connect{animation:abpReveal .5s var(--ease-calm) .5s both}
}
@media (max-width:959px){
.abp-connect{grid-template-columns:1fr}
}
@media (min-width:960px){
body #aboutSong .abp-scroll, body.abp-open #aboutSong .abp-scroll, body #aboutSong.abp-scrolls .abp-scroll{scrollbar-width:none!important}
body #aboutSong .abp-scroll::-webkit-scrollbar{display:none!important}
}
@media (min-width:960px) and (max-height:760px){
#aboutSong, body #aboutSong{padding:10px 12px 10px}
body #aboutSong .bio{font-size:13.5px;line-height:1.45}
body #aboutSong .bio p{margin:0 0 6px}
body #aboutSong .ed-title{margin:0 0 6px;padding:0 0 5px}
body #aboutSong .ed-more{margin:4px 0 0}
}
@media (min-width:960px){
body.hide-aboutsong #sideRail{display:none!important}
body.lyrics-focus #sideRail{display:none!important}
}
@media (prefers-reduced-motion:no-preference){
body.loaded .ed-eyebrow,body.loaded .ed-title,body.loaded #aboutSong .ed-title{animation:enterCard .3s var(--ease) both!important}
body.loaded .ed-title::after{animation:none!important}
body.abp-open #aboutSong :is(#abpBioWhat,#abpBioWhat p,.abp-connect){animation:enterCard .25s var(--ease) both!important}
}

/* ── state overrides from shared rules ──
   These repeat declarations from shared rules in the topic files that used to come AFTER the rules above
   and win on equal specificity. Kept here so moving the rules into this file changes nothing. */
@media (min-width:960px){#sideRail{display:flex}}
body.panels-bare #upnext .un-head{color:#fff}
body.sky-day.panels-bare #upnext .un-head{color:#0d2b47}
@media (min-width:960px){body.zt-tight #aboutSong .abp-scroll{max-width:100%}}
@media (min-width:960px){body.zt-tight #aboutSong .bio{max-width:100%}}
@media (min-width:960px){body.zt-tight #aboutSong .abp-connect .contact{max-width:100%}}
@media (max-width:959px){.abp-k{font-size:14px;letter-spacing:.05em}}
@media (min-width:960px) and (max-height:760px){#sideRail{gap:8px}}