/* V2.2 uses the existing palette tokens and type system. */
.site-header nav{gap:clamp(12px,1.5vw,24px)}
.site-header .nav-cd,.button-outline{background:transparent;color:var(--color-action);border:1px solid var(--color-action);border-radius:6px;padding:12px 18px;text-decoration:none;white-space:normal;min-height:44px}
.site-header .nav-cd:hover,.button-outline:hover{background:var(--color-action);color:var(--color-on-action)}
.site-header .nav-cd{white-space:nowrap;font-size:14px}
@media(min-width:761px) and (max-width:1240px){.site-header .custom-logo-link{width:190px}.site-header nav{gap:12px;font-size:14px}.site-header{gap:16px}.site-header .nav-cd{padding:10px}}
@media(min-width:761px) and (max-width:960px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;gap:10px}.site-header .custom-logo-link{width:220px}}
.cd-order-link{display:block;width:fit-content;max-width:100%;margin-top:14px;color:var(--color-action);font-size:15px;line-height:1.6;border-color:var(--color-action)}
.cd-order-link .cd-price{white-space:nowrap}
.discovery{width:91.6%;max-width:1320px;margin:20px auto 0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--color-tint);border-top:1px solid var(--color-line);border-radius:6px 6px 0 0}
.discovery-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 5px}
.discovery-kicker:before{content:"";width:26px;height:2px;background:var(--color-action)}
.discovery h2{font-size:clamp(22px,2vw,27px);line-height:1.2;margin:0}
.discovery .button{flex-shrink:0;gap:14px;padding:8px 12px;font-size:15px;border-color:transparent;background:transparent}.discovery .button:hover{color:var(--color-action-hover);border-color:var(--color-action)}
.site-footer.footer-v22{display:block;padding:22px max(4.2%,calc((100vw - 1320px)/2)) 10px;background:var(--color-background);margin:0;border-top:1px solid var(--color-line)}
.footer-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:6%}
.footer-v22 h2{font-size:12px;letter-spacing:.12em;font-weight:700;line-height:1.5;margin:0 0 8px}
.footer-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.footer-media>a,.footer-media>.media-unavailable{display:flex;align-items:center;gap:10px;padding:6px 0;min-height:44px;background:transparent;border:0;border-radius:0;text-decoration:none;font-size:16px;font-weight:600;transition:border-color .15s,background-color .15s}
.footer-media>a:hover{background:var(--color-tint);border-color:var(--color-action)}
.footer-media img{flex-shrink:0;object-fit:contain}.media-arrow{margin-left:auto;color:var(--color-action)}
.footer-web nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}
.footer-web nav a,.footer-secondary a{display:block;min-height:44px;padding:5px 0;font-size:15px;text-decoration:none}
.footer-secondary{display:flex;flex-wrap:wrap;gap:0 24px;border-top:1px solid var(--color-line);margin-top:6px;padding-top:6px}.footer-secondary a{font-size:14px}
.footer-v22 .footer-bottom{font-size:13px;margin-top:10px;gap:20px;align-items:center}.footer-v22 .footer-bottom{padding-top:6px}.footer-bottom a{display:inline-block;padding:12px 0;min-height:44px}
.cd-order{margin:24px 0}.cd-selection{margin-top:24px}.cd-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 120px;align-items:center;gap:20px;border-top:1px solid var(--color-line);padding:22px 0}
.cd-row .cd-label span{display:block;color:var(--color-muted);font-size:15px;margin-top:6px}.cd-row input{font:inherit;width:70px;min-height:44px;border:1px solid var(--color-control);border-radius:4px;background:var(--color-surface);color:var(--color-text);padding:8px}
.cd-row output{text-align:right}.cd-selection button{margin-top:16px;font:inherit;cursor:pointer}.cd-total{margin:28px 0;font-size:20px}.cd-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cd-actions .button{font:inherit;cursor:pointer;gap:4px 16px}
.cd-actions [aria-disabled="true"],.cd-actions :disabled{opacity:.6;cursor:default}.cd-copy[hidden]{display:none}.cd-validation{color:var(--color-action);font-size:15px;margin-top:16px}
.cd-notice{padding:20px;border-left:3px solid var(--color-action);background:var(--color-tint);margin:24px 0;font-size:16px;line-height:1.6}.cd-notice strong{display:block}
.cd-order textarea{font:inherit;font-size:15px;width:100%;max-width:100%;padding:16px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-control);border-radius:4px;margin:8px 0 12px}.cd-order textarea:focus-visible{outline:3px solid var(--color-focus)}
@media(max-width:760px){
 .site-header .nav-cd{margin:8px 0;width:fit-content;font-size:16px;padding:12px 18px}
 .discovery{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.discovery .button{max-width:100%;gap:12px}
 .site-footer.footer-v22{padding-top:20px}.footer-main{grid-template-columns:1fr;gap:16px}.footer-media>a,.footer-media>.media-unavailable{padding:6px 0;gap:9px;font-size:15px;min-height:44px}.footer-media{gap:2px 12px}.footer-media img{width:24px;height:24px}.footer-v22 .footer-bottom{margin-top:8px;flex-direction:row;flex-wrap:wrap}
 .cd-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.cd-row .cd-label{grid-column:1/-1}.cd-row output{text-align:right}.cd-actions{align-items:stretch;flex-direction:column}.cd-actions .button{text-align:center;padding:13px 16px}.cd-total{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.footer-media>a{transition:none}}

/* CD catalogue stays visible even when no title is currently orderable. */
main.page-shell:has(.cd-order){--wp--style--global--content-size:1050px;padding-top:28px;padding-bottom:32px}.cd-order{margin-top:12px}.cd-selection{margin-top:14px}.cd-selection>p{font-size:14px}.cd-row{grid-template-columns:80px minmax(0,1fr) 100px 150px;padding:14px 0;gap:18px}.cd-cover{display:block;width:80px;height:80px;object-fit:contain}.cd-availability{font-weight:600;color:var(--color-action)}.cd-row[data-status="unavailable"] .cd-availability{color:var(--color-muted)}.cd-summary{margin-top:22px;padding:16px;background:var(--color-tint);border-radius:6px}.cd-summary h2{font-size:21px;margin:0 0 10px}.cd-summary ul{padding-left:20px;margin:0}.cd-total{margin:18px 0}.cd-notice{padding:14px;margin:18px 0}.cd-order textarea{max-height:240px}.album-cd-status .cd-order-link{margin:12px 0}.album-next{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-line)}.album-next a{display:inline-flex;align-items:center;min-height:44px}
.discography-grid .album-more{display:block;width:fit-content;margin-top:12px;padding:8px 0;min-height:44px;color:var(--color-action);text-decoration:underline;text-underline-offset:4px}.discography-grid article{padding-bottom:16px;border-bottom:1px solid var(--color-line)}
@media(max-width:760px){.cd-row{grid-template-columns:64px minmax(0,1fr);gap:10px 14px}.cd-cover{width:64px;height:64px}.cd-row .cd-label{grid-column:2;grid-row:1}.cd-row .cd-quantity{grid-column:1/-1}.cd-row output{grid-column:2;grid-row:2;font-size:14px;pointer-events:none}.cd-row .cd-label span{font-size:13px}.cd-row .cd-label strong{font-size:16px}.cd-summary{padding:12px}.cd-summary li{font-size:15px}}
/* V2.2.2: only the two solo albums; the rest of the V2.2 layout is unchanged. */
.solo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.solo-card{min-width:0;padding:24px;background:var(--color-surface);border:1px solid var(--color-line)}.solo-cover-frame{display:grid;place-items:center;aspect-ratio:1;width:100%;background:var(--color-background);margin:0 0 24px}.solo-cover-frame img,.solo-card .solo-cover{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1;filter:none}.solo-card h3{font-size:28px;line-height:1.2;margin:14px 0 20px}.solo-card h4{font-size:23px;margin:28px 0 18px}.solo-annotation,.solo-story{font-size:17px;line-height:1.65}.solo-annotation p,.solo-story p{margin:0 0 18px}.solo-cd{margin-top:24px}.solo-permanent{margin-top:24px}.cd-row .solo-cover-frame{width:100%;max-width:80px;margin:0}.cd-row .solo-cover-frame img{width:100%;height:100%}.solo-albums.solo-detail .solo-grid{grid-template-columns:1fr}.solo-albums.solo-detail .solo-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:36px;scroll-margin-top:30px}.solo-albums.solo-detail .solo-cover-frame{align-self:start}
@media(max-width:760px){.solo-grid,.solo-albums.solo-detail .solo-card{grid-template-columns:1fr;gap:24px}.solo-card{padding:20px}.solo-card h3{font-size:25px}}
