.discography-page {
    --discography-ink: #f7f3ec;
    --discography-muted: #a9a39b;
    --discography-dim: #77736d;
    --discography-accent: #d7ad72;
    --discography-accent-bright: #f0c98e;
    --discography-line: rgba(235, 213, 180, .12);
    --discography-panel: #11110f;
    width: min(1320px, 100%);
    margin: 0 auto;
    padding: clamp(12px, 2vw, 26px) clamp(12px, 2vw, 26px) 72px;
    color: var(--discography-ink);
    text-align: left;
}

.discography-player-status { min-height: 0; color: var(--discography-accent-bright); font: .75rem 'Share Tech Mono', monospace; }
.discography-player-status:empty { display: none; }
.discography-eyebrow { color: var(--discography-accent); font: .68rem 'Share Tech Mono', monospace; letter-spacing: .16em; text-transform: uppercase; }

.discography-hero {
    position: relative;
    display: flex;
    min-height: 0;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    isolation: isolate;
    margin: 8px 0 12px;
    padding: 14px 0 18px;
    border: 0;
    border-bottom: 1px solid var(--discography-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.discography-hero::before, .discography-hero::after { display: none; }
.discography-hero::before {
    inset: -35% -8% auto auto;
    width: min(54vw, 690px);
    aspect-ratio: 1;
    border: 1px solid rgba(225, 194, 153, .11);
    border-radius: 50%;
    background: repeating-radial-gradient(circle, transparent 0 54px, rgba(225, 194, 153, .035) 55px 56px);
    mask-image: linear-gradient(145deg, #000 10%, transparent 76%);
}
.discography-hero::after {
    inset: auto 13% -240px auto;
    width: 420px;
    height: 300px;
    border-radius: 50%;
    background: rgba(190, 132, 79, .11);
    filter: blur(80px);
}
.discography-hero-copy, .discography-hero-note { position: relative; z-index: 1; }
.discography-hero-copy { max-width: 720px; }
.discography-hero h1 {
    margin: 6px 0 4px;
    color: #fbf8f2;
    font: 500 clamp(2.2rem, 5vw, 3.8rem)/1.02 var(--font-reading);
    letter-spacing: -.04em;
    text-align: left;
    text-wrap: balance;
}
.discography-hero p { max-width: 480px; margin: 0; color: #aaa49a; font-size: .9rem; line-height: 1.6; }
.discography-hero-note { display: flex; align-items: baseline; gap: 8px; padding: 8px 0 8px 18px; border-left: 1px solid rgba(226, 190, 140, .32); color: #aaa49a; font: .61rem 'Share Tech Mono', monospace; letter-spacing: .1em; }
.discography-hero-note strong { color: var(--discography-accent-bright); font: 500 1.6rem/.95 var(--font-reading); letter-spacing: -.04em; }
.discography-local-nav { display: flex; align-items: center; gap: 8px; overflow-x: auto; margin: 0 0 clamp(30px, 5vw, 56px); padding: 7px 0; scrollbar-width: thin; }
.discography-local-nav a { flex: 0 0 auto; padding: 9px 14px; border: 1px solid rgba(220,184,135,.13); border-radius: 30px; color: #c5bdb1; background: rgba(255,255,255,.025); font-size: .78rem; text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease; }
.discography-local-nav a:hover, .discography-local-nav a:focus-visible { border-color: rgba(240,201,142,.44); color: var(--discography-accent-bright); background: rgba(255,255,255,.055); }
.discography-local-nav a:focus-visible { outline: 2px solid var(--discography-accent-bright); outline-offset: 2px; }

.discography-catalog, .discography-detail { margin: 0 0 clamp(48px, 8vw, 92px); }
.discography-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.discography-section-heading h2, .discography-detail-copy h2 {
    margin: 7px 0 0;
    color: #f7f3ec;
    font: 500 clamp(1.9rem, 4vw, 3.2rem)/1.08 var(--font-reading);
    letter-spacing: -.035em;
    text-align: left;
    text-wrap: balance;
}
.discography-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: clamp(14px, 2vw, 26px); }
.discography-card { min-width: 0; padding: 10px 10px 15px; border: 1px solid transparent; border-radius: 15px; background: transparent; transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease; }
.discography-card:hover, .discography-card:focus-within { transform: translateY(-5px); border-color: rgba(220, 184, 135, .19); background: rgba(255, 255, 255, .035); box-shadow: 0 18px 42px rgba(0, 0, 0, .2); }
.discography-card-link { display: grid; min-width: 0; color: inherit; text-decoration: none; }
.discography-card-cover {
    position: relative;
    display: grid;
    overflow: hidden;
    aspect-ratio: 1;
    place-items: center;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 10px;
    background:
        radial-gradient(circle at 32% 28%, rgba(206, 164, 112, .3), transparent 35%),
        linear-gradient(145deg, #34302b, #151512 72%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}
.discography-card-cover::after { position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .04); content: ""; pointer-events: none; }
.discography-card-cover > img, .discography-detail-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
.discography-card:hover .discography-card-cover > img, .discography-card:focus-within .discography-card-cover > img { transform: scale(1.065); filter: saturate(1.06); }
.discography-card-cover.is-empty, .discography-detail-cover.is-empty { color: rgba(243, 211, 171, .72); font-size: 4rem; }
.discography-card-hover { position: absolute; right: 14px; bottom: 14px; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #171410; background: var(--discography-accent-bright); box-shadow: 0 7px 24px rgba(0,0,0,.4); font-size: 1.2rem; opacity: 0; transform: translateY(8px) scale(.92); transition: .22s ease; }
.discography-card:hover .discography-card-hover, .discography-card:focus-within .discography-card-hover { opacity: 1; transform: translateY(0) scale(1); }
.discography-card-title { overflow: hidden; color: #f2eee7; font-size: .99rem; font-weight: 650; letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
.discography-card-artist { overflow: hidden; margin-top: 4px; color: #b2aca3; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.discography-card-meta { margin-top: 10px; color: #827d75; font: .65rem 'Share Tech Mono', monospace; letter-spacing: .07em; text-transform: uppercase; }

.discography-detail {
    position: relative;
    overflow: hidden;
    padding: clamp(20px, 5vw, 58px);
    border: 1px solid rgba(220, 184, 135, .17);
    border-radius: 22px;
    background:
        radial-gradient(ellipse at 84% 7%, rgba(152, 108, 72, .15), transparent 35%),
        linear-gradient(145deg, rgba(29, 27, 24, .96), rgba(15, 15, 14, .98) 66%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .22);
}
.discography-back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: clamp(24px, 4vw, 46px); color: #d7c3a9; font-size: .82rem; text-decoration: none; transition: color .2s ease; }
.discography-back-link:hover { color: var(--discography-accent-bright); }
.discography-detail-heading { display: grid; grid-template-columns: minmax(210px, 350px) minmax(0, 1fr); align-items: center; gap: clamp(28px, 6vw, 78px); }
.discography-detail-cover { position: relative; display: grid; overflow: hidden; aspect-ratio: 1; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #30261d; box-shadow: 0 24px 60px rgba(0,0,0,.48); }
.discography-detail-cover::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.08); content: ""; pointer-events: none; }
.discography-detail-copy { min-width: 0; }
.discography-detail-copy h2 { margin: 12px 0 8px; font-size: clamp(2.4rem, 6vw, 5.3rem); overflow-wrap: anywhere; }
.discography-artist { margin: 0; color: #c7bfb4; font-size: clamp(1.03rem, 2vw, 1.3rem); }
.discography-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.discography-meta span { padding: 6px 11px; border: 1px solid rgba(220,184,135,.19); border-radius: 30px; color: #d2c2ad; background: rgba(255,255,255,.025); font: .64rem 'Share Tech Mono', monospace; letter-spacing: .06em; text-transform: uppercase; }
.discography-description { max-width: 620px; margin: 20px 0 0; color: #aaa49a; line-height: 1.75; white-space: normal; }
.discography-play-all { display: inline-flex; min-height: 50px; align-items: center; gap: 11px; margin-top: 26px; padding: 0 23px; border: 1px solid transparent; border-radius: 99px; color: #1d1710; background: linear-gradient(135deg, #f3d09d, #d6a86e); box-shadow: 0 9px 26px rgba(206, 157, 97, .18); cursor: pointer; font-size: .88rem; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.discography-play-all:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(206, 157, 97, .3); filter: brightness(1.06); }
.discography-play-all:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.discography-tracklist { margin-top: clamp(38px, 6vw, 72px); }
.discography-tracklist-heading, .discography-track { display: grid; grid-template-columns: 44px 34px minmax(0, 1fr) 78px 24px; align-items: center; gap: 12px; }
.discography-tracklist-heading { padding: 0 16px 12px; border-bottom: 1px solid var(--discography-line); color: #7e7971; font: .62rem 'Share Tech Mono', monospace; letter-spacing: .13em; }
.discography-track { min-width: 0; padding: 19px 16px; border-bottom: 1px solid rgba(235, 213, 180, .075); border-radius: 9px; color: #e8e1d7; transition: background .2s ease, box-shadow .2s ease; }
.discography-track:hover { background: rgba(255,255,255,.035); }
.discography-track.is-playing { background: rgba(222, 177, 115, .075); box-shadow: inset 3px 0 var(--discography-accent); }
.discography-track.is-playing .discography-track-title, .discography-track.is-playing .discography-track-number { color: var(--discography-accent-bright); }
.discography-track.is-current:not(.is-playing) .discography-track-title { color: #e7c99e; }
.discography-track-number, .discography-track-duration { color: #918a80; font: .73rem 'Share Tech Mono', monospace; }
.discography-track-copy { display: grid; min-width: 0; gap: 12px; }
.discography-track-title { overflow: hidden; color: #eae5dd; font-size: .9rem; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.discography-inline-controls { display: grid; grid-template-columns: 34px 86px minmax(70px,1fr) 34px minmax(90px,130px); align-items: center; gap: 8px; color: #b7aa9c; }
.discography-inline-controls button { display: grid; min-width: 34px; min-height: 32px; place-items: center; border: 1px solid rgba(239,178,108,.18); border-radius: 7px; color: #e5bd87; background: rgba(255,255,255,.025); cursor: pointer; font-size: .68rem; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.discography-inline-controls button:hover:not(:disabled) { border-color: rgba(239,178,108,.45); color: #17120d; background: #efb26c; }
.discography-inline-controls button:disabled { opacity: .35; cursor: not-allowed; }
.discography-track-time { color: #9e968b; font: .62rem 'Share Tech Mono', monospace; white-space: nowrap; }
.discography-track-play { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(239,178,108,.32); border-radius: 50%; color: #f0c98e; background: rgba(255,255,255,.035); cursor: pointer; transition: color .2s ease, background .2s ease, transform .2s ease; }
.discography-track-play:hover, .discography-track-play:focus-visible, .discography-track-play[aria-label^="Pausar"] { color: #17120d; background: #efb26c; }
.discography-track-play:hover { transform: scale(1.06); }
.discography-track-play:focus-visible, .discography-inline-controls button:focus-visible, .discography-track-volume input:focus-visible, .discography-track-progress:focus-visible { outline: 2px solid #f6c68b; outline-offset: 3px; }
.discography-track-progress { width: 100%; height: 4px; margin: 0; accent-color: #efb26c; }
.discography-track-progress:disabled { opacity: .38; }
.discography-track-progress:not(:disabled) { cursor: pointer; }
.discography-track-volume { display: flex; align-items: center; gap: 6px; color: #a9a196; }
.discography-track-volume input { width: 100%; min-width: 0; height: 4px; accent-color: #efb26c; cursor: pointer; }
.discography-track-youtube { grid-column: 3 / -1; width: min(0%, 0px); min-width: 0px; aspect-ratio: 16 / 9; margin: 10px 0 4px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: #080808; box-shadow: 0 12px 32px rgba(0,0,0,.3); }
.discography-track-youtube[hidden] { display: none; }
.discography-track-youtube iframe { display: block; width: 0%; height: 0%; border: 0; }
.discography-equalizer { display: inline-flex; height: 16px; align-items: end; justify-self: end; gap: 2px; opacity: 0; }
.discography-equalizer i { width: 3px; height: 35%; background: var(--discography-accent-bright); }
.discography-equalizer i:nth-child(2) { height: 85%; }
.discography-equalizer i:nth-child(3) { height: 55%; }
.is-playing .discography-equalizer { opacity: 1; }
.is-playing .discography-equalizer i { animation: discography-eq .6s ease-in-out infinite alternate; }
.is-playing .discography-equalizer i:nth-child(2) { animation-delay: .2s; }
.is-playing .discography-equalizer i:nth-child(3) { animation-delay: .4s; }
.discography-equalizer.is-current { opacity: .8; }
@keyframes discography-eq { to { height: 25%; } }

.discography-empty, .discography-empty-state { padding: 32px; color: var(--discography-muted); text-align: center; }
.discography-empty-state { margin: 32px 0; border: 1px dashed rgba(218,168,109,.25); border-radius: 16px; background: rgba(255,255,255,.02); }
.discography-empty-state > span { color: var(--discography-accent); font-size: 2.6rem; }
.discography-empty-state a { color: var(--discography-accent-bright); }

.discography-admin { width: min(1120px, 100%); margin: 22px auto 110px; text-align: left; }
.discography-admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 15px 0 24px; }
.discography-admin-heading h1 { margin: 5px 0; text-align: left; }
.discography-admin-heading p, .discography-admin-track-heading p { margin: 0; color: var(--discography-muted); }
.discography-admin-panel { margin: 0 0 24px; padding: clamp(16px, 3vw, 30px); border: 1px solid rgba(218,168,109,.18); border-radius: 16px; background: rgba(17,15,13,.83); box-shadow: 0 14px 42px rgba(0,0,0,.18); }
.discography-admin-panel h2 { margin: 0 0 20px; text-align: left; }
.discography-admin-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.discography-admin-form label { display: grid; gap: 7px; color: #ddd2c4; font-size: .82rem; text-align: left; }
.discography-admin-form [hidden] { display: none !important; }
.discography-admin-form input, .discography-admin-form textarea, .discography-admin-form select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(218,168,109,.2); border-radius: 8px; color: #f5ede3; background: #100e0c; font: inherit; }
.discography-admin-form input:focus, .discography-admin-form textarea:focus, .discography-admin-form select:focus { border-color: rgba(240,201,142,.65); outline: 2px solid rgba(240,201,142,.15); }
.discography-admin-form textarea { resize: vertical; }
.discography-admin-form input[type="file"] { padding: 8px; }
.discography-cover-preview { display: grid; width: min(100%, 240px); aspect-ratio: 1; overflow: hidden; place-items: center; border: 1px solid rgba(218,168,109,.2); border-radius: 11px; color: #999187; background: rgba(255,255,255,.025); font-size: .78rem; text-align: center; }
.discography-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.discography-cover-preview.is-empty { padding: 18px; }
.discography-field-wide { grid-column: 1 / -1; }
.discography-admin-track-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 30px 0 14px; }
.discography-admin-track-heading h3 { margin: 0 0 5px; }
.discography-admin-tracks { display: grid; gap: 12px; }
.discography-admin-track { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) 38px; align-items: end; gap: 14px; min-width: 0; padding: 20px 14px 14px; border: 1px solid rgba(218,168,109,.15); border-radius: 11px; background: rgba(255,255,255,.018); }
.discography-admin-track legend { padding: 0 7px; color: var(--discography-accent); font: .7rem 'Share Tech Mono', monospace; }
.discography-remove-track { width: 38px; height: 42px; border: 1px solid rgba(239,120,99,.25); border-radius: 8px; color: #ed9685; background: #211513; cursor: pointer; font-size: 1.2rem; }
.discography-admin-form-actions, .discography-admin-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.discography-admin-form-actions { margin-top: 22px; }
.discography-admin-notice, .discography-admin-error { padding: 12px 15px; border-radius: 9px; }
.discography-admin-notice { color: #a7dfb3; background: rgba(47,113,68,.18); }
.discography-admin-error { color: #ffb6a7; background: rgba(139,55,43,.22); }
.discography-admin-count { color: var(--discography-accent); font: .85rem 'Share Tech Mono', monospace; }
.discography-admin-list { display: grid; }
.discography-admin-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0; border-top: 1px solid rgba(218,168,109,.12); }
.discography-admin-row > div:first-child { display: grid; gap: 4px; }
.discography-admin-row > div:first-child span, .discography-admin-empty { color: var(--discography-muted); font-size: .8rem; }
.discography-admin-row-actions form { margin: 0; }
.discography-admin-empty { margin: 0; }

@media (max-width: 900px) {
    .discography-page { padding-right: 16px; padding-left: 16px; }
    .discography-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
    .discography-detail-heading { grid-template-columns: minmax(180px, 32%) minmax(0, 1fr); gap: clamp(22px, 4vw, 42px); }
    .discography-tracklist-heading, .discography-track { grid-template-columns: 40px 26px minmax(0,1fr) 60px 18px; gap: 8px; padding-right: 10px; padding-left: 10px; }
    .discography-inline-controls { grid-template-columns: 32px 76px minmax(40px,1fr) 32px 90px; gap: 5px; }
    .discography-track-volume { gap: 4px; }
}

@media (max-width: 640px) {
    .discography-page { padding: 6px 13px 48px; }
    .discography-hero { min-height: 0; align-items: center; flex-direction: row; gap: 12px; margin: 5px 0 8px; padding: 12px 0 15px; border-radius: 0; }
    .discography-hero h1 { margin: 5px 0 3px; font-size: clamp(2rem, 9vw, 3rem); }
    .discography-hero p { max-width: 290px; font-size: .8rem; }
    .discography-hero-note { display: flex; align-items: baseline; gap: 5px; min-width: 0; padding: 5px 0 5px 10px; border-top: 0; border-left: 1px solid rgba(226,190,140,.34); font-size: .52rem; }
    .discography-hero-note strong { font-size: 1.25rem; }
    .discography-local-nav { margin-bottom: 30px; }
    .discography-local-nav a { padding: 8px 12px; font-size: .72rem; }
    .discography-section-heading { margin-bottom: 16px; }
    .discography-section-heading h2 { font-size: 2rem; }
    .discography-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
    .discography-card { padding: 7px 7px 11px; border-radius: 11px; }
    .discography-card-cover { margin-bottom: 11px; border-radius: 8px; }
    .discography-card-hover { right: 9px; bottom: 9px; width: 40px; height: 40px; opacity: 1; transform: none; }
    .discography-card-title { font-size: .85rem; }
    .discography-card-artist { font-size: .76rem; }
    .discography-card-meta { margin-top: 8px; font-size: .58rem; }
    .discography-detail { padding: 18px 14px 22px; border-radius: 17px; }
    .discography-back-link { margin-bottom: 22px; font-size: .76rem; }
    .discography-detail-heading { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 22px; }
    .discography-detail-cover { width: min(66vw, 270px); border-radius: 11px; }
    .discography-detail-copy h2 { margin-top: 10px; font-size: clamp(2.5rem, 12vw, 4.1rem); }
    .discography-artist { font-size: 1.02rem; }
    .discography-meta { gap: 7px; margin-top: 14px; }
    .discography-description { margin-top: 15px; font-size: .9rem; }
    .discography-play-all { min-height: 48px; margin-top: 21px; }
    .discography-tracklist { margin-top: 40px; }
    .discography-tracklist-heading { display: none; }
    .discography-track {
        grid-template-columns: 38px minmax(0, 1fr) 20px;
        grid-template-rows: auto auto;
        gap: 3px 10px;
        padding: 16px 6px;
        border-radius: 9px;
    }
    .discography-track-play { grid-column: 1; grid-row: 1 / 3; width: 36px; height: 36px; }
    .discography-track-number { grid-column: 2; grid-row: 1; font-size: .61rem; }
    .discography-track-copy { grid-column: 2; grid-row: 2; gap: 8px; }
    .discography-track-title { font-size: .84rem; }
    .discography-track-duration { display: none; }
    .discography-equalizer { grid-column: 3; grid-row: 1; }
    .discography-inline-controls { grid-template-columns: 31px minmax(56px, 68px) minmax(34px,1fr) 31px; gap: 5px; }
    .discography-inline-controls button { min-width: 31px; min-height: 34px; }
    .discography-inline-controls [data-track-previous] { grid-column: 1; grid-row: 1; }
    .discography-track-time { grid-column: 2; grid-row: 1; font-size: .56rem; text-align: center; }
    .discography-track-progress { grid-column: 3; grid-row: 1; }
    .discography-inline-controls [data-track-next] { grid-column: 4; grid-row: 1; }
    .discography-track-volume { grid-column: 1 / -1; grid-row: 2; width: 112px; justify-self: end; gap: 6px; }
    .discography-track-volume input { min-height: 24px; }
    .discography-track-youtube { grid-column: 1 / -1; width: 0%; min-width: 0; margin-top: 10px; border-radius: 8px; }
    .discography-admin-heading, .discography-admin-row { align-items: flex-start; flex-direction: column; }
    .discography-admin-fields { grid-template-columns: minmax(0,1fr); }
    .discography-admin-track { grid-template-columns: minmax(0,1fr) 38px; padding: 18px 10px 10px; }
    .discography-admin-track legend { grid-column: 1 / -1; }
    .discography-admin-track .discography-field-wide { grid-column: 1 / -1; }
    .discography-admin-row-actions { width: 100%; }
}

@media (max-width: 380px) {
    .discography-page { padding-right: 9px; padding-left: 9px; }
    .discography-hero { gap: 7px; }
    .discography-hero-note { flex-direction: column; gap: 1px; align-items: flex-start; }
    .discography-grid { gap: 7px; }
    .discography-card { padding: 6px 6px 9px; }
    .discography-inline-controls { grid-template-columns: 29px 57px minmax(25px,1fr) 29px; gap: 3px; }
    .discography-inline-controls button { min-width: 29px; min-height: 32px; }
    .discography-track { grid-template-columns: 34px minmax(0,1fr) 18px; column-gap: 7px; }
    .discography-track-play { width: 33px; height: 33px; }
    .discography-track-time { font-size: .53rem; }
}

@media (prefers-reduced-motion: reduce) {
    .discography-page *, .discography-page *::before, .discography-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}