ol[data-astro-cid-ndmxps6m]{list-style:decimal;display:flex;flex-direction:column;padding:0;margin:0;overflow-x:auto}li[data-astro-cid-ndmxps6m]{display:grid;grid-template-columns:2rem 5rem 20rem 1fr;min-width:50rem;p,img,dt,dl,dd{margin:0;padding:0}img{width:100%;height:auto;aspect-ratio:1 / 1;padding:.25rem}p{height:min-content}>p:first-child{place-self:center start;border-block:1px solid #b45a0b;font-size:.825rem;color:#757575;line-height:2}dl{display:grid;grid-template-columns:max-content 1fr;gap:0 .5rem;height:max-content;align-self:center;padding-inline:1rem;border-inline-end:1px solid #76b3c1}dt{text-align:end;color:#757575;font-size:.825rem;line-height:1.75}dd{color:#b45a0b;font-weight:600}.total{width:var(--percentage);padding:.5rem;white-space:nowrap;align-self:center;color:#757575;font-size:.875rem}.total:after{content:"";display:block;width:100%;height:.8rem;margin-block-start:.25rem;background-color:#76b3c1}}ol[data-astro-cid-mc4zrpoe]{list-style:decimal;display:flex;gap:1rem;flex-direction:column;padding:0;margin:0;overflow-x:auto}li[data-astro-cid-mc4zrpoe]{display:grid;grid-template-columns:2rem 20rem 1fr;min-width:50rem;p,img,dt,dl,dd{margin:0;padding:0}img{width:100%;height:auto;aspect-ratio:1 / 1;padding:.25rem}p{height:min-content}>p:first-child{place-self:center start;border-block:1px solid #b45a0b;font-size:.825rem;color:#757575;line-height:2}dl{display:grid;grid-template-columns:max-content 1fr;gap:0 .5rem;height:100%;align-self:center;align-items:center;padding-inline:1rem;border-inline-end:1px solid #76b3c1}dt{text-align:end;color:#757575;font-size:.825rem;line-height:1.75}dd{color:#b45a0b;font-weight:600}.total{width:var(--percentage);padding:.5rem;white-space:nowrap;align-self:center;color:#757575;font-size:.875rem}.total:after{content:"";display:block;width:100%;height:.8rem;margin-block-start:.25rem;background-color:#76b3c1}}#stats-page{max-width:110rem;margin:0 auto;padding:0 1rem;header{grid-column:1 / -1;text-align:center;dfn,span.dfn{color:#354797}span.dfn{display:block;margin-block-end:1rem}h1{margin-block-end:3rem;font-size:5rem;line-height:.85;span{display:block;margin-block-end:.2em;font-size:.35em;text-transform:lowercase;font-weight:400;font-style:italic;color:#929292}}p{margin:1rem auto 3rem;max-width:70ch;&:last-of-type{margin-block-end:2rem}}nav{display:flex;flex-wrap:wrap;gap:1rem 2rem;max-width:max-content;margin-inline:auto;a{--underline-color: #b45a0b;--underline-color-focus: #76b3c1}}}a{--underline-color: #354797;--underline-color-focus: #000000;font-weight:700;text-underline-position:auto;text-decoration-line:underline;text-decoration-color:var(--underline-color);text-decoration-thickness:3px;&:hover,&:focus{color:#354797;text-decoration-color:var(--underline-color-focus);outline:none}}h2{--shadow-fore: #d3eaef;--shadow-aft: #f5c79f;margin:0;font-size:3rem;filter:drop-shadow(-8px -5px var(--shadow-fore)) drop-shadow(8px 5px var(--shadow-aft))}section{max-width:60rem;margin-inline:auto}>:is(section,header)+section{margin-block-start:7rem}.togglable{display:flex;flex-wrap:wrap;place-content:space-between;margin-block:3rem}.data-grid{--grid-col: 18rem;container:data-grid / inline-size;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-col)),1fr));gap:2rem 3rem;max-width:60rem;margin-block:4rem 3rem;margin-inline:auto;padding-inline:clamp(.25rem,calc(.25rem + 1vw),3rem)}#last-fm,#recent-tracks{width:100%;margin-block:0;h2{font-size:2rem;text-align:center;margin-block-end:1rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:0 1rem;height:max-content;place-self:center;padding-inline:1rem}dt{text-align:end;color:#757575;font-size:.825rem;line-height:1.75}dd,dd a{--underline-color: #b45a0b;--underline-color-focus: #76b3c1;margin:0;color:#b45a0b;font-weight:600}}#last-fm{dl{grid-template-columns:1fr 1fr}dl+h2{margin-block-start:2rem}ol{max-width:22rem;margin-inline:auto;list-style:none;padding:0;li{display:grid;grid-template-columns:max-content 1fr;align-items:center;width:var(--percentage);font-size:.825rem;color:#757575;span:first-child{display:flex;height:75%;place-items:center;line-height:1;margin-inline-end:1rem;padding-inline-end:.5rem;border-inline-end:1px solid #b45a0b}span:nth-child(2):after{content:"";display:block;width:100%;height:.5rem;margin-block-start:.25rem;background-color:#76b3c1}}li+li{margin-block-start:.25rem}@container data-grid (width > 18rem){padding-inline-start:3rem}}}#recent-tracks{max-width:25rem;ol{padding:0;margin:0;list-style:none}li:first-of-type{display:flex;flex-wrap:wrap;place-content:center;div{width:6rem;max-height:6rem;place-self:center}}li{padding:.5rem;border-block-end:1px solid #b45a0b;span{font-size:.825rem;color:#757575;line-height:1}}li:not(:first-of-type){display:grid;grid-template-columns:max-content 1fr;gap:1rem;align-items:center;padding-inline:1rem}}@media screen and (min-width: 500px){padding:0 5rem}}