/* Bright 1990s hues, with softer saturation and a calm reading surface. */
:root{--paper:#fff3b3;--navy:#37234e;--gold:#86552d;--line:#a47aba;--muted:#52405c}
body{background-color:#52b7b4;background-image:url('assets/balanced-tile.svg');color:#37234e}
.topline{background:#f0d96d;color:#713155;border-color:#bc7ca3}.topline button{background:#a2d9d2;border-color:#d6eee8;color:#37234e}
header{background:#efb4d0;border-color:#aa7bbc}.brand{color:#5c316f!important;text-shadow:2px 2px #f0d96d}.brand small{color:#724665}.brandmark{background:#f0d96d;border-color:#c284a6;color:#60366f}.brandmark span{background:#f0d96d}
nav a,nav a:visited,.navcomplaint{background:#9ed7cc;border-color:#d7ece4;color:#0000b7}nav a:nth-child(2){background:#eed782;border-color:#fcf0bd}nav a:nth-child(3){background:#c6abd9;border-color:#e9dcf0}nav a:nth-child(4){background:#e9abc5;border-color:#f8d8e7}nav a:nth-child(5){background:#eed782;border-color:#fcf0bd;color:#743858}nav a[aria-current=page]:not(.navcomplaint){background:#9055a5;color:#fff;font-weight:bold;border-color:#c8a8d8}nav a:hover,.navcomplaint:hover{background:#f0d96d;color:#801064;border-color:#fcf0bd}
main{background:#fff3b3;border-color:#aa7bbc}.heroimage{background:#efb4d0;border-color:#aa7bbc}.heroimage img{border-color:#986080}.heroimage .seal{background:#efda86;border-color:#a17778;color:#583958}.hero h1{color:#60366f}.hero h1 em{color:#954a78}.welcome{color:#954a78}.eyebrow,.ink .eyebrow{color:#875a76}.mini-note{background:#d5c2e1;border-color:#ab88bd;color:#573c60}.mini-note b{color:#a1547e}.button,.button:visited,.button.light,.ink .button{background:#9ed7cc;border-color:#d7ece4;color:#0000b7}.button.light{background:#e9abc5;border-color:#f8d8e7}.button:hover,.button.light:hover{background:#eed782;border-color:#fcf0bd;color:#743858}
.notice{background:#efb4d0;border-color:#aa7bbc}.notice strong{color:#9b405f}.notice p{color:#583753}.ribbon{background:#abdace;border-color:#aa7bbc;color:#593b70}.ribbon:before,.ribbon:after{color:#954a78}.feature h2,.sectionhead h1{color:#60366f}.feature p,.ink p,.dossier p,.sectionhead p,.albumtop p,.bonus p,.episode p,.complaintlayout p,.videogrid p{color:#52405c}.albumframe{background:#efb4d0;border-color:#aa7bbc}.meta{background:#d6c5e2;border-color:#ad89bf;color:#573c60}.ink{background:#d4c0e1;border-color:#aa7bbc}.sectionhead{border-color:#aa7bbc}.aboutintro img{border-color:#aa7bbc}.quote{background:#efb4d0;border-color:#aa7bbc;color:#90516e}.dossier{background:#f1e7f5;border-color:#aa7bbc}.tracklist{border-color:#aa7bbc}.track{background:#f6ebf7;border-color:#cfb7d8}.track:nth-child(even){background:#dceee5}.track .number{color:#90516e}.track h3{color:#493259}.bonusitem{background:#f1e7f5;border-color:#aa7bbc}.status{color:#825c71}.bonus summary{background:#dceee5;border-color:#aa7bbc;color:#60496e}.episode{border-color:#aa7bbc}.episode li{border-color:#c9adce}.episode li:before{color:#a1547e}.awaiting,.episode .awaiting{background:#dceee5;border-color:#aa7bbc;color:#573c60}.construction-note,.awaiting:before{background:repeating-linear-gradient(135deg,#efd16e 0 10px,#f7e7a7 10px 20px);border-color:#8b675c}
form,.receipt{background:#f1e7f5;border-color:#aa7bbc}label{color:#60366f}input,select,textarea{background:#fffdf0;color:#37234e;border-color:#c4accd}.complaintlayout aside .seal{background:#efda86;border-color:#a17778;color:#583958}.receipt p{color:#52405c}.page-end{background:#edd3df;border-color:#aa7bbc}.webbadges{background:#a081b1;border-color:#aa7bbc}.navybadge{background:#74518c}.goldbadge{background:#f0d96d;color:#5b1169}.rosebadge{background:#d492b0;color:#3d254c}.graybadge{background:#9ed7cc;color:#443151}footer{background:#efb4d0;border-color:#aa7bbc;color:#583753}footer .footbrand{color:#0000b7}.smallseal{background:#f0d96d;border-color:#aa7bbc;color:#60366f}.retro-bottom{color:#37234e;font-weight:bold;text-shadow:1px 1px #c5e7df}.retro-bottom a{color:#4d3270}.counter span{background:#63476d;color:#f3df95;border-color:#cba5c6;text-shadow:none}.new-label{background:#f0d96d;color:#974b6b;border-color:#ad779e}.video{border-color:#aa7bbc}

footer{display:block;background:#efb4d0;border:5px ridge #aa7bbc;padding:20px 24px;font:13px/1.5 "Times New Roman",serif;color:#583753}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:start}
footer .footbrand{font:bold 24px/1.2 "Times New Roman",serif;color:#0000a3}
footer p{margin-top:9px;max-width:310px}
.footer-social>b{font:bold 10px/1.4 "Courier New",monospace;letter-spacing:.4px;color:#724665}
.footer-social>div{display:flex;flex-wrap:wrap;gap:5px 14px;margin:7px 0}
footer .footer-social a:not(.footbrand){display:inline-block;margin:0;font-size:14px;font-weight:normal;color:#0000a3}
.footer-social small{font-size:11px;line-height:1.4;display:block}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:2px groove #e3c9dc;margin-top:18px;padding-top:14px}
.footer-signoff{display:flex;align-items:center;gap:12px;font-size:12px}
.footer-credential{flex-shrink:0;padding:5px 8px;background:#efda86;border:3px ridge #c8a379;text-align:center;font:9px/1.2 "Times New Roman",serif;color:#583958}
.footer-credential b{font-size:13px}
.footer-counter{text-align:right;font:9px/1.3 "Courier New",monospace}
.footer-counter>span{display:inline-block;margin-right:5px}.footer-counter .counter{margin:0;gap:1px;vertical-align:middle}.footer-counter .counter span{font:bold 13px/1.2 "Courier New",monospace;padding:1px 3px;border-width:1px;background:#63476d;color:#f3df95}
.footer-counter small{display:block;margin-top:4px;font:10px/1.3 "Times New Roman",serif}
.footer-note{margin-top:14px;text-align:center;font-size:11px;color:#724665}
@media(max-width:540px){footer{padding:17px 16px}.footer-top{grid-template-columns:1fr;gap:14px}.footer-bottom{align-items:flex-start;gap:14px;flex-direction:column}.footer-counter{text-align:left}.footer-note{text-align:left}.footer-social>div{gap:6px 15px}.footer-signoff{font-size:11px}.footer-counter>span{font-size:9px}footer .footbrand{font-size:23px}}

/* Track rows now contain only the number and title. */
.track{grid-template-columns:23px 1fr}@media(max-width:540px){.track{grid-template-columns:22px 1fr}}

/* Karen's personal About page. */
.about-letter{display:grid;grid-template-columns:230px 1fr;gap:28px;margin:25px 0}
.about-photo{margin:0;padding:7px;background:#efb4d0;border:5px ridge #aa7bbc}
.about-photo img{width:100%;height:285px;object-fit:cover;object-position:center top}
.about-photo figcaption{text-align:center;font:11px/1.5 "Times New Roman",serif;padding:7px 0 2px;color:#60366f}
.about-facts{margin-top:16px;padding:13px;background:#dceee5;border:3px ridge #aa7bbc}
.about-facts h2{font-size:23px;color:#60366f}.about-facts dl{margin:12px 0 0}.about-facts dt{font:bold 11px/1.4 "Courier New",monospace;color:#875a76;margin-top:11px}.about-facts dd{margin:3px 0 0;font-size:14px}
.about-note{padding:23px;background:#fffdf0;border:3px double #b793b7;box-shadow:4px 4px #d4c0e1}
.about-note h2{font-size:29px;color:#60366f}.about-note p{font-size:16px;line-height:1.6;margin-top:14px}.about-note .about-signature{margin-top:24px;color:#954a78;font-style:italic}.about-signature strong{font:bold italic 28px "Times New Roman",serif}
.about-notelet{margin-top:20px;padding:11px;background:#f7e7a7;border:2px ridge #c8a379;font-size:13px;line-height:1.5}.about-notelet b{font-size:10px;font-family:"Courier New",monospace}
.about-neighbors{border-top:4px ridge #aa7bbc;padding-top:20px}.about-neighbors h2{font-size:29px;margin-top:7px;color:#60366f}.about-neighbors>p{font-size:15px;margin:9px 0 17px}
.neighbor-roll{margin:0 0 25px;border:3px ridge #aa7bbc}.neighbor-roll>div{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:13px 15px;border-bottom:1px dotted #b793b7;background:#f1e7f5}.neighbor-roll>div:nth-child(even){background:#dceee5}.neighbor-roll>div:last-child{border-bottom:0}.neighbor-roll dt{font:bold 17px/1.4 "Times New Roman",serif;color:#60366f}.neighbor-roll dd{margin:0;font-size:15px;line-height:1.5}
.about-invitation{text-align:center;padding:20px 15px;margin:0 0 24px;border:3px ridge #aa7bbc;background:#efb4d0}.about-invitation h2{font-size:25px;color:#60366f}.about-invitation p{margin:9px 0 14px}.about-invitation .button{margin:3px}
@media(max-width:640px){.about-letter{grid-template-columns:190px 1fr;gap:18px}.about-note{padding:17px}.about-photo img{height:250px}.neighbor-roll>div{grid-template-columns:110px 1fr;gap:12px}.about-note h2{font-size:25px}}
@media(max-width:540px){.about-letter{grid-template-columns:1fr;gap:20px}.about-sidebar{max-width:290px;margin:auto;width:100%}.about-photo img{height:310px}.about-facts dl{display:grid;grid-template-columns:95px 1fr;gap:8px 12px}.about-facts dt,.about-facts dd{margin:0}.about-facts dl{margin-top:13px}.about-note{padding:20px}.neighbor-roll>div{grid-template-columns:1fr;gap:4px;padding:13px}.about-neighbors h2{font-size:26px}.about-note p{font-size:16px}}

/* YouTube hero, using Karen's supplied sidewalk photograph. */
.youtube-feature{padding:25px 0}
.youtube-hero{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:5px ridge #aa7bbc;background:#37234e;text-decoration:none}
.youtube-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .2s}
.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:52px;border-radius:12px;background:#d82626;box-shadow:0 2px 8px #0005;display:grid;place-items:center}
.youtube-play>span{display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff;margin-left:4px}
.youtube-hero-label{position:absolute;bottom:12px;right:12px;background:#37234ee8;color:#fff9e9;padding:7px 12px;font:bold 13px/1.3 "Times New Roman",serif;border:1px solid #efda86}
.youtube-hero:hover img{filter:brightness(.92)}.youtube-hero:focus-visible{outline:3px solid #60366f;outline-offset:5px}
.youtube-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.youtube-caption p{margin:0;font-size:15px;max-width:420px}.youtube-caption .button{flex-shrink:0}
.ink .feature:has(.youtube-hero){grid-template-columns:1fr 1.15fr}.youtube-hero.compact{border-width:4px}.youtube-hero.compact .youtube-play{width:56px;height:40px;border-radius:9px}.youtube-hero.compact .youtube-play>span{border-top-width:8px;border-bottom-width:8px;border-left-width:14px}.youtube-hero.compact .youtube-hero-label{font-size:10px;padding:5px 7px;bottom:7px;right:7px}
@media(max-width:640px){.youtube-caption{flex-direction:column;align-items:flex-start;gap:12px}.ink .feature:has(.youtube-hero){grid-template-columns:1fr}.youtube-hero-label{bottom:8px;right:8px;padding:5px 8px;font-size:12px}}
@media(max-width:420px){.youtube-hero{border-width:4px}.youtube-play{width:56px;height:40px;border-radius:9px}.youtube-play>span{border-top-width:8px;border-bottom-width:8px;border-left-width:14px}.youtube-hero-label{font-size:10px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.youtube-hero img{transition:none}}

.official-bio{align-items:start;grid-template-columns:250px 1fr}.official-bio .about-photo img{height:auto;aspect-ratio:2/3;object-fit:contain}.official-bio .about-note{padding:24px}.official-bio .about-note p:first-child{margin-top:0}.official-bio .about-note .bio-opening{font-size:21px;line-height:1.4;font-weight:bold;color:#60366f}.official-bio .about-note p{line-height:1.65;margin-top:20px}
@media(max-width:640px){.official-bio{grid-template-columns:200px 1fr;gap:18px}.official-bio .about-note{padding:18px}.official-bio .about-note .bio-opening{font-size:19px}}
@media(max-width:540px){.official-bio{grid-template-columns:1fr}.official-bio .about-photo{max-width:290px;margin:auto;width:100%}.official-bio .about-note{padding:20px}}

.videos-construction{padding:0 0 25px}.videos-construction .awaiting{width:100%;margin:0;padding:25px 30px;min-height:170px;text-align:center;background:#dceee5;border:4px ridge #aa7bbc}.videos-construction .awaiting:before{padding:10px;margin-bottom:21px;font-size:14px}.videos-construction .awaiting p{max-width:560px;margin:12px auto 0;font-size:16px;line-height:1.6}@media(max-width:540px){.videos-construction .awaiting{padding:18px 16px;min-height:155px}.videos-construction .awaiting:before{font-size:12px;padding:9px}.videos-construction .awaiting p{font-size:15px}}

.about-hiya{margin:28px 0;padding:7px;background:#efb4d0;border:5px ridge #aa7bbc}.about-hiya img{display:block;width:100%;height:auto}.about-hiya figcaption{text-align:center;padding:13px 8px 8px;font:bold 23px/1.4 "Times New Roman",serif;color:#60366f}

.disclaimerpage{max-width:850px}.disclaimer-copy{margin:24px 0 35px;padding:24px;background:#fff5b3;border:5px ridge #aa7bbc}.disclaimer-copy h2{font-size:25px;margin:24px 0 10px;color:#60366f}.disclaimer-copy h2:first-child{margin-top:0}.disclaimer-copy p{font-size:17px;line-height:1.65;margin:0}