/* Styles are confined to the music section and its dialog. */
#musik .discography-open{font:.875rem/1.5 monospace;color:var(--ink);background:none;border:0;border-bottom:1px solid #63665c;cursor:pointer;text-align:left;padding:0 0 9px}
#musik .discography-open:hover{color:var(--accent)}
#musik .discography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:28px}
#musik .discography-card{min-width:0;display:flex;flex-direction:column;align-items:stretch}
#musik .discography-cover{aspect-ratio:1;overflow:hidden;background:var(--surface)}
#musik .discography-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .5s}
@media(hover:hover){#musik .discography-cover:hover img{filter:saturate(1)}}
#musik .discography-name{font:500 1rem/1.5 monospace;color:var(--ink);margin:10px 0 4px;overflow-wrap:anywhere}
#musik .discography-label{font:.75rem/1.6 monospace;color:var(--muted);margin:0;overflow-wrap:anywhere}
#musik .discography-date{font:.75rem/1.6 monospace;color:var(--muted);margin:2px 0 0}
#musik .discography-date time{display:inline-block;white-space:nowrap}
#musik .discography-links{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:8px}
#musik .discography-links a{font:.75rem/1.6 monospace;color:var(--muted);text-transform:uppercase;padding-block:3px;overflow-wrap:anywhere}
#musik .discography-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
#discography-dialog{width:calc(100% - 64px);max-width:1240px;max-height:calc(100dvh - 64px);padding:0;border:1px solid #45473f;background:var(--bg);color:var(--ink);box-shadow:0 24px 100px #0008;overflow-y:auto;overscroll-behavior:contain;color-scheme:dark}
#discography-dialog::backdrop{background:rgba(0,0,0,.82)}
#discography-dialog .discography-dialog-inner{padding:0 36px 16px}
#discography-dialog .discography-dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:start;gap:24px;padding:28px 0 24px;margin-bottom:28px;background:var(--bg);border-bottom:1px solid var(--line)}
#discography-dialog .section-label{margin-bottom:8px}
#discography-title{font:400 clamp(1.5rem,3vw,2rem)/1.2 monospace;letter-spacing:-.03em;margin:0}
#discography-dialog .discography-dialog-header p{font:.75rem/1.6 monospace;color:var(--muted);margin:10px 0 0}
#discography-dialog .discography-close{display:flex;align-items:center;justify-content:center;gap:14px;min-width:44px;min-height:44px;padding:8px 12px;font:.875rem/1.4 monospace;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0}
#discography-dialog .discography-close:hover{border-color:var(--ink)}
#discography-dialog .discography-x{font:1.7rem/1 Arial,Helvetica,sans-serif}
@media(min-width:1100px){#musik #release-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#musik .discography-all{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1099px){#release-grid>.discography-card:nth-child(n+7){display:none}}
@media(max-width:700px){#musik .discography-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:24px}#release-grid>.discography-card:nth-child(n+5){display:none}#musik .discography-name{font-size:.875rem}#discography-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#discography-dialog .discography-dialog-inner{padding:0 16px 8px}#discography-dialog .discography-dialog-header{padding:18px 0;gap:12px;margin-bottom:20px}#discography-dialog .discography-close>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){#musik .discography-cover img{transition:none}}

/* Single-line summaries keep the preview rows aligned. */
#musik .discography-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#release-grid .discography-label,#release-grid .discography-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#musik .discography-links a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;color:var(--muted);text-decoration:none;text-underline-offset:4px}
#musik .discography-links a:hover,#musik .discography-links a:focus-visible{color:var(--ink);text-decoration:underline}
