/*
Theme Name: Women Songs
Theme URI: https://gitlab.com/musickinoproducer/women-songs
Description: WordPress theme for the Women Songs catalog.
Version: 0.7.4
Author: Prpromt
Text Domain: women-songs
*/
/* Homepage route cards: base rules copied from the approved Cloudflare preview. */
.ws-preview-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ws-preview-route{position:relative;min-height:320px;padding:0;overflow:hidden;border:1px solid var(--ws-border);border-radius:28px;background:#fff;box-shadow:var(--ws-shadow-soft);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ws-preview-route:hover{transform:translateY(-7px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.25)}.ws-preview-route .ws-preview-route-art{height:155px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0a3c8,#7a3f82)}.ws-preview-route .ws-preview-route-art::before{content:"";position:absolute;width:190px;height:190px;right:-55px;top:-85px;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.07),0 0 0 52px rgba(255,255,255,.04)}.ws-preview-route .ws-preview-route-art strong{position:absolute;left:24px;bottom:20px;color:#fff;font-size:11px;letter-spacing:.18em}.ws-preview-route:nth-child(2) .ws-preview-route-art{background:linear-gradient(135deg,#b59be0,#553a77)}.ws-preview-route:nth-child(3) .ws-preview-route-art{background:linear-gradient(135deg,#e4c48d,#87536b)}.ws-preview-route:nth-child(4) .ws-preview-route-art{background:linear-gradient(135deg,#a8c7df,#526b8d)}.ws-preview-route:nth-child(5) .ws-preview-route-art{background:linear-gradient(135deg,#e89bb9,#853a68)}.ws-preview-route:nth-child(6) .ws-preview-route-art{background:linear-gradient(135deg,#c9a5dc,#5d477e)}.ws-preview-route-body{padding:22px}.ws-preview-route-body h3{margin:4px 0 8px;font-size:27px;line-height:1;letter-spacing:-.045em}.ws-preview-route-body p{margin:0;color:var(--ws-muted);font-size:13px;line-height:1.55}.ws-preview-route-body .ws-text-link{display:inline-block;margin-top:20px;color:var(--ws-accent)}

@media(max-width:1050px){.ws-preview-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ws-preview-route-grid{grid-template-columns:1fr}.ws-preview-route{min-height:0}.ws-preview-route-body{padding:20px}}
@media(max-width:430px){.ws-preview-route .ws-preview-route-art{height:135px}.ws-preview-route-body{padding:18px}.ws-preview-route-body h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ws-preview-route{transition:none}.ws-preview-route:hover{transform:none}}
.ws-preview-route:focus-visible{outline:3px solid var(--ws-accent);outline-offset:4px}

:root{--ws-bg:#FAF5F1;--ws-surface:#FFFFFF;--ws-surface-2:#F0E5E6;--ws-text:#30232D;--ws-muted:#75666E;--ws-border:rgba(72,35,67,.12);--ws-accent:#A33367;--ws-accent-2:#C78396;--ws-purple:#79566E;--ws-gold:#C5AA7D;--ws-cream:#FAF5F1;--ws-radius:24px;--ws-shadow:0 22px 60px rgba(76,24,72,.12);--ws-shadow-soft:0 12px 35px rgba(76,24,72,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 90% 0%,rgba(236,90,168,.12),transparent 28rem),radial-gradient(circle at 0 25%,rgba(130,77,174,.08),transparent 30rem),var(--ws-bg);color:var(--ws-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto;display:block}.ws-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.ws-narrow{width:min(780px,calc(100% - 48px))}.ws-main{min-height:60vh}.ws-section{padding:88px 0}.ws-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.ws-section-head h2,.ws-intro h2,.ws-subscribe h2{margin:7px 0 0;font-size:clamp(34px,4vw,54px);line-height:.98;font-weight:800;letter-spacing:-.055em}.ws-eyebrow{margin:0;color:var(--ws-accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ws-muted{color:var(--ws-muted)}.ws-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:999px;background:var(--ws-accent);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 28px rgba(157,35,111,.2);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.ws-button:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(157,35,111,.26)}.ws-button-secondary{background:#fff;color:var(--ws-accent);border-color:rgba(157,35,111,.16);box-shadow:none}.ws-button-secondary:hover{background:var(--ws-surface)}.ws-text-link{position:relative;text-decoration:none;font-weight:800;padding-bottom:5px}.ws-text-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .25s ease}.ws-text-link:hover::after{transform:scaleX(1)}
.ws-site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,248,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(72,35,67,.08)}.ws-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ws-brand{font-size:22px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.ws-main-nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.ws-main-nav a{position:relative;text-decoration:none;font-size:13px;font-weight:700}.ws-main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--ws-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.ws-main-nav a:hover::after,.ws-main-nav a:focus-visible::after{transform:scaleX(1)}
.ws-hero{position:relative;overflow:hidden}.ws-home-hero{padding:72px 0 86px;background:radial-gradient(ellipse at 82% 20%,rgba(197,170,125,.17),transparent 55%),linear-gradient(120deg,#321525 0%,#421D32 58%,#642940 100%);color:#fff}.ws-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center}.ws-hero-copy h1,.ws-archive-hero h1,.ws-single-copy h1{margin:10px 0 22px;font-size:clamp(52px,7vw,92px);line-height:1.04;overflow:visible;font-weight:800;letter-spacing:-.06em}.ws-hero-copy .ws-eyebrow{color:#f1bfd8}.ws-hero-lead{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.55}.ws-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px}.ws-home-hero .ws-button{background:#fff;color:#7C254C}.ws-price{font-weight:800}.ws-hero-media{position:relative;min-height:480px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.22),transparent 22%),linear-gradient(145deg,#AC647F,#623049 58%,#321525);box-shadow:0 35px 90px rgba(25,5,24,.3);overflow:hidden}.ws-hero-media::before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.025)}.ws-hero-media strong{position:relative;z-index:1;font-size:clamp(42px,5vw,72px);line-height:.88;letter-spacing:-.06em}.ws-demo-note{font-size:13px;color:var(--ws-muted)}.ws-demo-note--hero{margin:22px 0 0;color:rgba(255,255,255,.56)}
.ws-intro{padding-top:96px;padding-bottom:78px}.ws-intro p:not(.ws-eyebrow){font-size:18px;color:var(--ws-muted);line-height:1.7}.ws-grid{display:grid;gap:20px}.ws-song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ws-border);border-radius:26px;background:#fff;box-shadow:var(--ws-shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ws-card:hover{transform:translateY(-7px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.22)}.ws-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.ws-card-title{margin:6px 0 15px;min-height:2.44em;font-size:24px;line-height:1.22;overflow-wrap:break-word;font-weight:800;letter-spacing:-.04em}.ws-card-title a{text-decoration:none}.ws-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--ws-muted);font-size:12px}.ws-card-meta strong{color:var(--ws-accent-deep);font-size:18px;white-space:nowrap}.ws-card .ws-button{width:100%}.ws-card-media,.ws-demo-art{aspect-ratio:1/1}.ws-card-media{position:relative;display:block;flex:none;overflow:hidden;background:linear-gradient(145deg,#D49AAE 0%,#873F62 55%,#421D32 100%);text-decoration:none}.ws-card-media img{width:100%;height:100%;object-fit:cover}.ws-card-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.24),transparent 20%),linear-gradient(145deg,#D49AAE 0%,#873F62 55%,#421D32 100%);color:#fff}.ws-card-art::before{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 60px rgba(255,255,255,.03)}.ws-card-art span{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.2em}.ws-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ws-card-listen{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.ws-language-songs .ws-card-actions{flex-wrap:wrap}.ws-language-songs .ws-card-listen{padding:9px 0}
.ws-benefits{background:linear-gradient(180deg,rgba(244,231,245,.52),rgba(255,250,248,0))}.ws-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ws-benefit{min-height:230px;padding:26px;border:1px solid var(--ws-border);border-radius:22px;background:#fff;box-shadow:var(--ws-shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ws-benefit:hover{transform:translateY(-5px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.24)}.ws-benefit-number{display:block;margin-bottom:56px;color:var(--ws-gold);font-size:12px;font-weight:800;letter-spacing:.15em}.ws-benefit h3{margin:0 0 9px;font-size:21px;line-height:1.1}.ws-benefit p{margin:0;color:var(--ws-muted);font-size:13px}
.ws-albums-section{background:linear-gradient(180deg,rgba(255,241,245,.62),rgba(255,250,248,0))}.ws-languages-section{background:linear-gradient(180deg,rgba(244,231,245,.34),rgba(255,250,248,0))}.ws-language-list{display:grid;gap:22px}.ws-language-block{padding:28px;border:1px solid var(--ws-border);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:var(--ws-shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ws-language-block:hover{transform:translateY(-3px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.24)}.ws-language-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.ws-language-heading h3{margin:0;font-size:30px;line-height:1}.ws-language-heading p{max-width:680px;margin:9px 0 0;color:var(--ws-muted);font-size:13px}.ws-language-songs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ws-language-songs .ws-card-body{padding:16px}.ws-language-songs .ws-card-title{font-size:18px}.ws-language-songs .ws-button{min-height:42px;padding:9px 14px;font-size:12px}.ws-language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.ws-language-card{position:relative;min-height:210px;padding:24px;border:1px solid var(--ws-border);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:var(--ws-shadow-soft);text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ws-language-card:hover{transform:translateY(-6px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.28)}.ws-language-card strong{display:block;margin:22px 0 10px;font-size:28px;line-height:1;letter-spacing:-.045em}.ws-language-card p{margin:0;color:var(--ws-muted);font-size:13px;line-height:1.55;max-width:240px}.ws-language-card span{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ws-accent)}.ws-language-card--featured{background:linear-gradient(145deg,#421D32,#762057 72%,#a33780);color:#fff}.ws-language-card--featured span{color:#f2c2d9}.ws-language-card--featured p{color:rgba(255,255,255,.72)}
.ws-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ws-process-item{padding:28px;border-top:2px solid var(--ws-accent);background:#fff;border-radius:0 0 22px 22px;box-shadow:var(--ws-shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.ws-process-item:hover{transform:translateY(-3px);box-shadow:var(--ws-shadow)}.ws-process-item span{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--ws-gold)}.ws-process-item h3{margin:20px 0 9px;font-size:22px;line-height:1.1}.ws-process-item p{margin:0;color:var(--ws-muted);font-size:13px}.ws-cta-panel{position:relative;overflow:hidden;padding:42px;border-radius:30px;background:linear-gradient(120deg,#281225,#68204f 62%,#932b78);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 70px rgba(58,17,52,.22);transition:transform .25s ease,box-shadow .25s ease}.ws-cta-panel:hover{transform:translateY(-3px);box-shadow:0 34px 82px rgba(58,17,52,.28)}.ws-cta-panel h2{position:relative;z-index:1;margin:8px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1}.ws-cta-panel p{position:relative;z-index:1;max-width:650px;color:rgba(255,255,255,.72);margin:0 0 24px}.ws-cta-panel .ws-button{position:relative;z-index:1;background:#fff;color:#6f164f}.ws-subscribe{padding-top:52px}.ws-subscribe-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:38px;border:1px solid var(--ws-border);border-radius:28px;background:var(--ws-cream)}.ws-subscribe-placeholder{display:flex;gap:10px}.ws-subscribe-placeholder input{min-width:0;flex:1;border:1px solid var(--ws-border);border-radius:999px;padding:0 18px;background:#fff;font:inherit}.ws-subscribe-placeholder input:disabled{opacity:1}.ws-subscribe-placeholder .ws-button:disabled{opacity:.55;cursor:not-allowed}
.ws-archive-hero{padding:72px 0;background:linear-gradient(120deg,#421D32,#762057);color:#fff}.ws-archive-hero .ws-eyebrow{color:#f1bfd8}.ws-single-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:58px;align-items:center;padding:70px 0}.ws-archive-hero .ws-muted{color:rgba(255,255,255,.72)}.ws-single-media{border-radius:30px;overflow:hidden;box-shadow:var(--ws-shadow);background:var(--ws-surface)}.ws-single-media img{width:100%;height:100%;object-fit:cover}.ws-single-copy .ws-eyebrow{color:var(--ws-accent)}.ws-single-content{width:min(780px,calc(100% - 48px));margin:0 auto;padding-bottom:80px}.ws-single-content h2{font-size:32px;line-height:1.05}.ws-single-content p{color:var(--ws-muted)}
.ws-site-footer{padding:34px 0;border-top:1px solid var(--ws-border);background:rgba(255,255,255,.62)}.ws-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.ws-footer-brand{display:flex;flex-direction:column;gap:4px}.ws-footer-brand strong{font-size:16px}.ws-footer-brand span,.ws-footer-meta{color:var(--ws-muted);font-size:12px}.ws-footer-meta{display:flex;align-items:center;gap:16px}.ws-demo-footer{padding:5px 9px;border:1px solid var(--ws-border);border-radius:999px;background:#fff}.ws-skip-link{position:absolute;left:-9999px;top:8px}.ws-skip-link:focus{left:8px;z-index:100;padding:10px 14px;background:#fff;color:#000}.ws-main-nav a:focus-visible,.ws-button:focus-visible,.ws-text-link:focus-visible,.ws-language-card:focus-visible{outline:3px solid rgba(233,75,155,.35);outline-offset:4px}
@media (max-width:1050px){.ws-song-grid,.ws-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-language-songs{grid-template-columns:1fr}.ws-process{grid-template-columns:1fr}.ws-hero-grid{gap:36px}.ws-hero-copy h1{font-size:clamp(48px,7vw,72px)}}
@media (max-width:800px){.ws-container,.ws-narrow,.ws-single-content{width:min(100% - 28px,1180px)}.ws-section{padding:64px 0}.ws-header-inner{min-height:68px;flex-direction:column;justify-content:center;padding:12px 0}.ws-main-nav ul{gap:15px;flex-wrap:wrap;justify-content:center}.ws-hero-grid,.ws-single-hero{grid-template-columns:1fr}.ws-home-hero{padding:54px 0 64px}.ws-hero-media{min-height:330px}.ws-section-head{align-items:flex-start;flex-direction:column;gap:12px}.ws-song-grid,.ws-album-grid,.ws-benefits-grid,.ws-language-grid{grid-template-columns:1fr}.ws-language-heading{flex-direction:column}.ws-subscribe-inner{grid-template-columns:1fr;padding:26px}.ws-subscribe-placeholder{flex-direction:column}.ws-subscribe-placeholder input{min-height:48px}.ws-cta-panel{padding:28px 22px}.ws-archive-hero{padding:54px 0}.ws-single-hero{padding:50px 0}.ws-card-actions{align-items:stretch;flex-direction:column}.ws-card-actions .ws-button{width:100%}.ws-card-listen{text-align:center}.ws-footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.ws-footer-meta{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ws-button,.ws-card,.ws-benefit,.ws-language-block,.ws-language-card,.ws-process-item,.ws-cta-panel,.ws-text-link::after,.ws-main-nav a::after{transition:none}.ws-card:hover,.ws-benefit:hover,.ws-language-block:hover,.ws-language-card:hover,.ws-process-item:hover,.ws-cta-panel:hover,.ws-button:hover{transform:none}}


.ws-single-taxonomy{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0 8px;padding:20px 0;border-top:1px solid var(--ws-border);border-bottom:1px solid var(--ws-border)}
.ws-single-taxonomy-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ws-taxonomy-links{display:flex;flex-wrap:wrap;gap:8px}
.ws-taxonomy-link{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid var(--ws-border);border-radius:999px;background:var(--ws-surface);color:var(--ws-text);font-size:13px;font-weight:650;text-decoration:none}
.ws-taxonomy-link:hover{border-color:var(--ws-accent-2);color:var(--ws-accent)}
.ws-error-page{padding-top:clamp(72px,10vw,132px);padding-bottom:clamp(88px,12vw,160px)}
.ws-error-page h1{max-width:760px}
@media (max-width:800px){.ws-single-taxonomy{align-items:flex-start;flex-direction:column;gap:14px}.ws-single-taxonomy-group{align-items:flex-start;flex-direction:column;gap:7px}}

/* Responsive integrity */
.ws-card,.ws-card-body,.ws-genre-block,.ws-language-block,.ws-single-copy,.ws-single-media{min-width:0}
.ws-card-title,.ws-language-heading h3,.ws-genre-heading h3,.ws-single-copy h1,.ws-archive-hero h1{overflow-wrap:normal;word-break:normal;hyphens:none}
.ws-single-media{min-height:0;aspect-ratio:1/1}
.ws-single-media .ws-card-art{position:relative;min-height:100%;height:100%}
.ws-taxonomy-link:focus-visible{outline:3px solid rgba(233,75,155,.35);outline-offset:3px}
@media (max-width:800px){
  .ws-hero-copy h1,.ws-single-copy h1,.ws-archive-hero h1{font-size:clamp(40px,13vw,64px)}
  .ws-hero-lead{font-size:16px}
  .ws-hero-actions{align-items:stretch;flex-direction:column}
  .ws-hero-actions .ws-button{width:100%}
  .ws-hero-actions .ws-price{padding:0 4px}
  .ws-hero-media{min-height:0;aspect-ratio:1/1;border-radius:26px}
  .ws-single-media{width:min(100%,520px);margin-inline:auto;border-radius:26px}
  .ws-single-content{padding-bottom:56px}
  .ws-single-content h2{font-size:28px}
  .ws-card-body{padding:18px}
  .ws-card-title{font-size:21px}
  .ws-language-block,.ws-genre-block{padding:20px}
  .ws-language-heading h3,.ws-genre-heading h3{font-size:27px}
  .ws-subscribe-placeholder .ws-button{width:100%}
}
@media (max-width:430px){
  .ws-container,.ws-narrow,.ws-single-content{width:calc(100% - 24px)}
  .ws-section{padding:52px 0}
  .ws-home-hero{padding:42px 0 50px}
  .ws-archive-hero{padding:42px 0}
  .ws-single-hero{padding:38px 0}
  .ws-section-head h2,.ws-intro h2,.ws-subscribe h2{font-size:clamp(30px,9vw,42px)}
  .ws-card-meta{align-items:flex-start;flex-direction:column;gap:6px}
  .ws-language-songs,.ws-genre-songs{gap:12px}
  .ws-language-songs .ws-card-actions,.ws-genre-songs .ws-card-actions{gap:8px}
  .ws-subscribe-inner{padding:22px}
}
@media (max-width:360px){
  .ws-container,.ws-narrow,.ws-single-content{width:calc(100% - 20px)}
  .ws-header-inner{gap:10px}
  .ws-brand{font-size:19px}
  .ws-menu-toggle{width:42px;height:42px}
  .ws-card-title{font-size:20px}
}

.ws-page-title{margin:7px 0 0;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.055em}
.ws-generic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ws-generic-card .ws-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:100%}
.ws-generic-card .ws-card-title{margin:0}
.ws-generic-card .ws-button{margin-top:auto}
.ws-empty-state{padding:38px;border:1px solid var(--ws-border);border-radius:26px;background:#fff;box-shadow:var(--ws-shadow-soft)}
.ws-empty-state h2{margin:7px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1}
.ws-empty-state p:not(.ws-eyebrow){color:var(--ws-muted)}
@media (max-width:800px){.ws-generic-list{grid-template-columns:1fr}.ws-empty-state{padding:26px 20px}}

.ws-promotion-section{background:linear-gradient(180deg,rgba(255,241,245,.5),rgba(255,250,248,0))}
.ws-promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ws-promotion-card{display:flex;flex-direction:column;min-width:0;min-height:250px;padding:30px;border:1px solid var(--ws-border);border-radius:26px;background:#fff;box-shadow:var(--ws-shadow-soft);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ws-promotion-card:hover{transform:translateY(-5px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.24)}
.ws-promotion-card h3{margin:10px 0 10px;font-size:30px;line-height:1}
.ws-promotion-card p{margin:0 0 22px;color:var(--ws-muted)}
.ws-promotion-card .ws-text-link{margin-top:auto;align-self:flex-start}
.ws-how-section{background:rgba(244,231,245,.2)}
.ws-how-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ws-how-card{min-width:0;padding:24px;border:1px solid var(--ws-border);border-radius:22px;background:#fff;box-shadow:var(--ws-shadow-soft)}
.ws-how-card>span{color:var(--ws-gold);font-size:11px;font-weight:800;letter-spacing:.16em}
.ws-how-card h3{margin:22px 0 9px;font-size:20px;line-height:1.08}
.ws-how-card p{margin:0;color:var(--ws-muted);font-size:13px;line-height:1.55}
.ws-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;flex:1}
.ws-footer-links a{font-size:12px;font-weight:700;text-decoration:none;color:var(--ws-muted)}
.ws-footer-links a:hover{color:var(--ws-accent)}
@media (max-width:1050px){.ws-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.ws-promotion-grid,.ws-how-grid{grid-template-columns:1fr}.ws-promotion-card{min-height:0;padding:24px}.ws-how-card{padding:22px}.ws-footer-links{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:9px}}

.ws-language-title-link{display:inline;text-decoration:none}
.ws-language-title-link:hover{color:var(--ws-accent)}


/* Commercial detail system */
.ws-purchase-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px;border:1px solid var(--ws-border);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:var(--ws-shadow-soft)}
.ws-purchase-panel>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ws-purchase-label{color:var(--ws-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ws-purchase-panel .ws-price{font-size:28px;line-height:1.05;color:var(--ws-text)}
.ws-package-card{padding:28px;border:1px solid var(--ws-border);border-radius:26px;background:#fff;box-shadow:var(--ws-shadow-soft)}
.ws-package-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.ws-package-list li{position:relative;padding-left:26px;color:var(--ws-text);line-height:1.55}
.ws-package-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-2))}
.ws-package-content p{margin:0 0 12px;color:var(--ws-text)}
.ws-single-description{font-size:16px;line-height:1.8}
.ws-single-description p{color:var(--ws-muted)}
.ws-description-section{padding-top:20px}
@media (max-width:800px){
  .ws-purchase-panel{align-items:stretch;flex-direction:column;padding:16px}
  .ws-purchase-panel .ws-button{width:100%}
  .ws-purchase-panel .ws-price{font-size:26px}
  .ws-package-card{padding:22px 18px}
}

/* Unified inner pages */
.ws-inner-hero{padding:82px 0 68px;border-radius:30px;background:linear-gradient(120deg,#421D32,#762057 68%,#a33780);color:#fff;box-shadow:var(--ws-shadow)}
.ws-inner-hero .ws-eyebrow{color:#f1bfd8}.ws-inner-hero h1{max-width:900px;margin:12px 0 22px;font-size:clamp(46px,6vw,76px);line-height:1.04;letter-spacing:-.055em;overflow:visible}.ws-inner-hero p:not(.ws-eyebrow){max-width:720px;margin-top:0;color:rgba(255,255,255,.74);font-size:17px;line-height:1.6}
.ws-inner-body{padding:42px 0 86px}.ws-inner-body>p,.ws-inner-body>h2,.ws-inner-body>h3,.ws-inner-body>ul,.ws-inner-body>ol{max-width:780px;margin-left:auto;margin-right:auto}.ws-inner-body p,.ws-inner-body li{color:var(--ws-muted);line-height:1.75}.ws-inner-body h2{margin-top:38px;font-size:32px;line-height:1.05}.ws-inner-body h3{margin-top:28px;font-size:22px}.ws-inner-body ul,.ws-inner-body ol{padding-left:24px}.ws-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.ws-route-card p{color:var(--ws-muted);line-height:1.6}.ws-route-card .ws-text-link{display:inline-block;margin-top:16px;color:var(--ws-accent)}.ws-directory-head{margin-top:58px}.ws-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.ws-directory-card{min-width:0;padding:25px;border:1px solid var(--ws-border);border-radius:22px;background:#fff;box-shadow:var(--ws-shadow-soft);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ws-directory-card:hover{transform:translateY(-5px);box-shadow:var(--ws-shadow);border-color:rgba(157,35,111,.24)}.ws-directory-card strong{display:block;margin:16px 0 8px;font-size:25px;line-height:1.05}.ws-directory-card p{margin:0;color:var(--ws-muted);font-size:13px}.ws-document{padding-top:50px}.ws-document .ws-inner-body{padding-top:24px}
@media(max-width:1050px){.ws-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-route-grid{grid-template-columns:1fr}}
@media(max-width:800px){.ws-inner-hero{padding:56px 22px 48px;border-radius:24px}.ws-inner-hero h1{font-size:clamp(28px,8vw,62px);line-height:1.02;margin-top:12px;margin-bottom:20px}.ws-inner-hero p:not(.ws-eyebrow){font-size:16px;line-height:1.6}.ws-inner-body{padding:30px 0 62px}.ws-directory-head{margin-top:40px}.ws-directory-grid{grid-template-columns:1fr}.ws-directory-card{padding:21px}.ws-inner-body h2{font-size:28px}}

.ws-subscribe-placeholder{display:grid;gap:12px;min-width:320px}.ws-subscribe-field input{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--ws-border);border-radius:14px;background:#fff;color:var(--ws-text);font:inherit}.ws-consent-check{display:flex;align-items:flex-start;gap:10px;color:var(--ws-muted);font-size:12px;line-height:1.45}.ws-consent-check input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0;accent-color:var(--ws-accent)}.ws-consent-check a{color:var(--ws-accent);font-weight:700}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.ws-subscribe-placeholder{min-width:0;width:100%}}

/* Card component integrity */
.ws-card{height:100%;display:flex;flex-direction:column;min-width:0}
.ws-card-media{flex:0 0 auto}
.ws-card-body{display:flex;flex:1;flex-direction:column;min-width:0}
.ws-card-title{min-width:0}
.ws-card-excerpt{margin:0 0 16px;color:var(--ws-muted);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.ws-card-meta{min-height:24px}
.ws-card-actions{margin-top:auto}
.ws-card-eyebrow-separator{color:var(--ws-muted);letter-spacing:0}
.ws-song-card .ws-card-listen{padding:8px 0}
.ws-album-card .ws-card-meta{margin-bottom:18px}
@media (max-width:800px){
  .ws-card-body{padding:20px}
  .ws-card-excerpt{margin-bottom:14px}
  .ws-card-actions{margin-top:4px}
}
@media (max-width:430px){
  .ws-card-body{padding:18px}
  .ws-card-excerpt{font-size:12px}
}

/* Detail and archive navigation */
.ws-lead{margin:0;color:var(--ws-muted);font-size:17px;line-height:1.65}
.ws-archive-lead{max-width:720px;margin:0;color:rgba(255,255,255,.74);font-size:17px;line-height:1.55}
.ws-archive-description{max-width:760px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.65}
.ws-archive-description p{margin:0}
.ws-single-meta{display:flex;justify-content:flex-end;padding:0 0 48px;color:var(--ws-muted);font-size:12px}
.ws-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:38px}
.ws-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--ws-border);border-radius:999px;background:#fff;color:var(--ws-text);font-size:12px;font-weight:800;text-decoration:none}
.ws-pagination .page-numbers.current{background:var(--ws-accent);border-color:var(--ws-accent);color:#fff}
.ws-pagination .page-numbers:hover:not(.current){border-color:rgba(157,35,111,.3);color:var(--ws-accent)}
@media(max-width:800px){
  .ws-lead,.ws-archive-lead{font-size:16px}
  .ws-single-meta{justify-content:flex-start;padding-bottom:34px}
  .ws-pagination{gap:6px;flex-wrap:wrap}
}

/* Mobile page-shell integrity */
.ws-inner-hero,
.ws-inner-body,
.ws-route-card,
.ws-document {
  min-width: 0;
}

.ws-route-card {
  padding: 26px;
  border: 1px solid var(--ws-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--ws-shadow-soft);
}

.ws-route-card h2 {
  margin: 10px 0 9px;
  font-size: 26px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.ws-route-card p {
  margin: 0;
}

.ws-document .ws-inner-body > * {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 800px) {
  .ws-inner-hero,
  .ws-route-card {
    border-radius: 22px;
  }

  .ws-route-card {
    padding: 22px 20px;
  }
}

@media (max-width: 430px) {
  .ws-inner-hero {
    padding: 40px 18px 34px;
  }

  .ws-inner-hero h1 {
    font-size: clamp(36px, 11vw, 54px);
    overflow-wrap: anywhere;
  }

  .ws-route-card {
    padding: 20px 18px;
  }

  .ws-route-card h2 {
    font-size: 23px;
  }

  .ws-footer-links {
    width: 100%;
  }

  .ws-footer-links a {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .ws-footer-meta {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 360px) {
  .ws-inner-hero {
    padding-inline: 16px;
  }

  .ws-route-card {
    padding-inline: 16px;
  }

  .ws-footer-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* Mobile content architecture */
.ws-single-song,
.ws-single-album {
  min-width: 0;
}

.ws-single-hero {
  min-width: 0;
}

.ws-single-copy {
  min-width: 0;
}

.ws-archive-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.ws-archive-hero > div {
  min-width: 0;
  width: 100%;
}

.ws-archive-hero .ws-hero-actions {
  margin-top: 0;
}

.ws-content-editor {
  max-width: 780px;
  margin: 0 auto;
  color: var(--ws-muted);
  line-height: 1.75;
}

.ws-content-editor > :first-child {
  margin-top: 0;
}

.ws-content-editor > :last-child {
  margin-bottom: 0;
}

.ws-content-editor img,
.ws-content-editor video,
.ws-content-editor iframe {
  max-width: 100%;
}

.ws-content-editor table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.ws-content-editor pre,
.ws-content-editor code {
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 800px) {
  .ws-archive-hero {
    gap: 20px;
  }

  .ws-archive-hero .ws-hero-actions {
    width: 100%;
    align-items: stretch;
  }

  .ws-archive-hero .ws-hero-actions .ws-button {
    width: 100%;
  }

  .ws-content-editor {
    font-size: 15px;
  }
}

@media (max-width: 430px) {
  .ws-single-copy h1 {
    font-size: clamp(36px, 11vw, 54px);
  }

  .ws-single-content {
    width: 100%;
  }

  .ws-single-content .ws-section {
    padding-inline: 0;
  }

  .ws-single-content .ws-section-head {
    margin-bottom: 22px;
  }

  .ws-content-editor {
    font-size: 14px;
    line-height: 1.7;
  }

  .ws-pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    padding-inline: 10px;
  }
}

@media (max-width: 360px) {
  .ws-purchase-panel .ws-price {
    font-size: 24px;
  }

  .ws-single-content .ws-section-head h2 {
    font-size: 26px;
  }
}

/* Homepage responsive system */
@media (max-width: 800px) {
  .ws-home-hero .ws-hero-grid {
    gap: 30px;
  }

  .ws-home-hero .ws-hero-copy,
  .ws-home-hero .ws-hero-media,
  .ws-intro .ws-narrow {
    min-width: 0;
  }

  .ws-home-hero .ws-hero-media {
    width: 100%;
  }

  .ws-intro p:not(.ws-eyebrow) {
    font-size: 16px;
  }

  .ws-section-head > div {
    min-width: 0;
    width: 100%;
  }

  .ws-section-head .ws-text-link {
    align-self: flex-start;
  }

  .ws-song-grid,
  .ws-album-grid {
    min-width: 0;
  }
}

@media (max-width: 430px) {
  .ws-home-hero .ws-hero-grid {
    gap: 24px;
  }

  .ws-home-hero .ws-hero-copy h1 {
    margin-bottom: 18px;
  }

  .ws-home-hero .ws-hero-lead {
    font-size: 15px;
  }

  .ws-home-hero .ws-hero-media {
    border-radius: 22px;
  }

  .ws-intro {
    padding-top: 44px;
    padding-bottom: 52px;
  }

  .ws-intro p:not(.ws-eyebrow) {
    font-size: 15px;
  }

  .ws-card {
    border-radius: 22px;
  }

  .ws-card-media,
  .ws-demo-art {
    aspect-ratio: 1 / 1;
  }

  .ws-card-body {
    padding: 18px;
  }

  .ws-card-title {
    font-size: 20px;
  }

  .ws-card-meta {
    margin-bottom: 14px;
  }

  .ws-genre-block,
  .ws-language-block {
    min-width: 0;
  }

  .ws-genre-songs,
  .ws-language-songs {
    min-width: 0;
  }

  .ws-promotion-card,
  .ws-how-card,
  .ws-package-card {
    min-width: 0;
  }

  .ws-subscribe-inner {
    gap: 22px;
  }
}

@media (max-width: 360px) {
  .ws-home-hero .ws-hero-copy h1 {
    font-size: 38px;
  }

  .ws-section-head h2,
  .ws-intro h2,
  .ws-subscribe h2 {
    font-size: 29px;
  }

  .ws-card-body {
    padding: 16px;
  }

  .ws-card-title {
    font-size: 19px;
  }
}


/* Catalog and detail responsive system */
.ws-archive-hero h1,
.ws-archive-hero .ws-archive-lead,
.ws-archive-hero .ws-archive-description,
.ws-single-copy,
.ws-single-content,
.ws-single-description,
.ws-package-card,
.ws-purchase-panel {
  min-width: 0;
}

.ws-archive-hero h1,
.ws-archive-lead,
.ws-archive-description,
.ws-single-description,
.ws-package-list li,
.ws-single-copy p,
.ws-single-content p,
.ws-single-content li {
  overflow-wrap: anywhere;
}

.ws-single-description > * {
  max-width: 100%;
}

.ws-single-description img,
.ws-single-description video,
.ws-single-description iframe,
.ws-single-description embed,
.ws-single-description object {
  max-width: 100%;
  height: auto;
}

.ws-single-description iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.ws-single-description blockquote {
  margin-inline: 0;
  padding: 18px 20px;
  border-left: 3px solid var(--ws-accent);
  border-radius: 0 16px 16px 0;
  background: var(--ws-surface);
}

.ws-single-description table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.ws-single-description pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ws-package-list li {
  min-width: 0;
}

@media (max-width: 800px) {
  .ws-archive-hero {
    width: 100%;
    gap: 18px;
  }

  .ws-archive-hero h1 {
    margin-bottom: 16px;
  }

  .ws-archive-lead,
  .ws-archive-description {
    font-size: 15px;
  }

  .ws-single-copy {
    width: 100%;
  }

  .ws-single-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ws-purchase-panel {
    width: 100%;
  }

  .ws-package-list {
    gap: 11px;
  }

  .ws-pagination {
    width: 100%;
    margin-top: 30px;
  }

  .ws-pagination .page-numbers {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 430px) {
  .ws-archive-hero {
    padding: 36px 18px;
    border-radius: 22px;
  }

  .ws-archive-hero h1 {
    font-size: clamp(34px, 11vw, 50px);
    line-height: .94;
  }

  .ws-archive-hero .ws-hero-actions {
    gap: 10px;
  }

  .ws-archive-hero .ws-button {
    min-height: 46px;
    padding-inline: 16px;
  }

  .ws-single-media {
    border-radius: 22px;
  }

  .ws-single-copy h1 {
    line-height: .94;
  }

  .ws-purchase-panel {
    border-radius: 18px;
  }

  .ws-package-card {
    border-radius: 22px;
  }

  .ws-package-list li {
    padding-left: 22px;
  }

  .ws-pagination {
    justify-content: flex-start;
  }
}

@media (max-width: 360px) {
  .ws-archive-hero {
    padding: 32px 16px;
  }

  .ws-archive-hero h1 {
    font-size: 34px;
  }

  .ws-archive-hero .ws-button {
    min-height: 44px;
    font-size: 13px;
  }

  .ws-single-copy h1 {
    font-size: 34px;
  }

  .ws-single-description {
    font-size: 14px;
  }

  .ws-package-card {
    padding: 18px 16px;
  }

  .ws-pagination .page-numbers {
    min-width: 36px;
    height: 36px;
    padding-inline: 9px;
  }
}


/* Premium visual language */
:root{
  --ws-ink:#30232D;
  --ws-deep:#421D32;
  --ws-accent-deep:#7C254C;
  --ws-gold-light:#E2D1B4;
  --ws-glow:rgba(233,75,155,.18);
}
body{
  background:
    radial-gradient(circle at 88% 4%,rgba(233,75,155,.16),transparent 24rem),
    radial-gradient(circle at 4% 42%,rgba(112,64,160,.11),transparent 28rem),
    linear-gradient(180deg,#FAF5F1 0%,#fff8fa 46%,#fbf6fa 100%);
}
.ws-site-header{
  box-shadow:0 8px 28px rgba(55,18,48,.05);
}
.ws-brand{
  position:relative;
}
.ws-brand::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:8px;
  vertical-align:middle;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ws-gold-light),var(--ws-gold));
  box-shadow:0 0 0 5px rgba(199,154,80,.09);
}
.ws-home-hero{
  position:relative;
  isolation:isolate;
  background:radial-gradient(ellipse at 82% 20%,rgba(197,170,125,.17),transparent 55%),linear-gradient(120deg,#321525 0%,#421D32 58%,#642940 100%);
}
.ws-home-hero::before,
.ws-home-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  z-index:-1;
}
.ws-home-hero::before{
  width:520px;height:520px;right:-180px;top:-250px;
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.018);
}
.ws-home-hero::after{
  width:280px;height:280px;left:-150px;bottom:-170px;
}
.ws-hero-copy h1{
  text-shadow:0 16px 42px rgba(18,4,17,.2);
}
.ws-home-hero .ws-button{
  box-shadow:0 14px 34px rgba(18,4,17,.22);
}
.ws-hero-media{
  border-color:rgba(255,255,255,.2);
}
.ws-hero-media::after{
  content:"";
  position:absolute;
  width:34%;
  aspect-ratio:1;
  right:8%;
  bottom:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,221,239,.28),transparent 68%);
  pointer-events:none;
}
.ws-intro .ws-narrow{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(157,35,111,.13);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,235,246,.78));
  box-shadow:0 20px 55px rgba(76,24,72,.08);
}
.ws-intro .ws-narrow::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-120px;
  top:-130px;
  border:1px solid rgba(199,154,80,.25);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(199,154,80,.05),0 0 0 58px rgba(199,154,80,.025);
  pointer-events:none;
}
.ws-card{
  position:relative;
  border-color:rgba(72,35,67,.11);
}
.ws-card::before{
  content:"";
  position:absolute;
  left:22px;
  top:0;
  width:54px;
  height:2px;
  background:linear-gradient(90deg,var(--ws-gold),transparent);
  z-index:2;
  pointer-events:none;
}
.ws-card:hover::before{
  width:90px;
  transition:width .25s ease;
}
.ws-card-media{
  box-shadow:inset 0 -35px 55px rgba(28,8,25,.12);
}
.ws-card-title a:hover{
  color:var(--ws-accent);
}
.ws-section-head h2,
.ws-intro h2,
.ws-subscribe h2{
  text-wrap:balance;
}
.ws-genre-block,
.ws-language-block,
.ws-promotion-card,
.ws-how-card,
.ws-route-card,
.ws-directory-card{
  position:relative;
  overflow:hidden;
}
.ws-genre-block::after,
.ws-language-block::after,
.ws-promotion-card::after,
.ws-how-card::after,
.ws-route-card::after,
.ws-directory-card::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-70px;
  top:-70px;
  border:1px solid rgba(199,154,80,.18);
  border-radius:50%;
  pointer-events:none;
}
.ws-genre-heading h3,
.ws-language-heading h3{
  letter-spacing:-.05em;
}
.ws-promotion-card{
  background:linear-gradient(145deg,#fff 0%,#fff7fa 68%,#f8edf6 100%);
}
.ws-promotion-card:first-child{
  background:linear-gradient(145deg,#fff 0%,#fff2f6 56%,#f2e4f1 100%);
}
.ws-promotion-card h3{
  max-width:500px;
}
.ws-how-card{
  background:linear-gradient(145deg,#fff,#fffafb);
}
.ws-how-card>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid rgba(199,154,80,.35);
  border-radius:50%;
  background:rgba(255,248,237,.8);
}
.ws-subscribe-inner{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(233,75,155,.13),transparent 18rem),
    linear-gradient(135deg,#FAF5F1,#fff2f6);
  box-shadow:0 22px 58px rgba(76,24,72,.08);
}
.ws-subscribe-inner::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-145px;
  bottom:-170px;
  border:1px solid rgba(199,154,80,.24);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(199,154,80,.05);
  pointer-events:none;
}
.ws-inner-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 12%,rgba(255,205,229,.22),transparent 18rem),
    linear-gradient(120deg,#291025,#69164d 66%,#922970);
}
.ws-inner-hero::after,
.ws-archive-hero::after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-145px;
  bottom:-190px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.025);
  pointer-events:none;
}
.ws-archive-hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 12%,rgba(255,205,229,.2),transparent 18rem),
    linear-gradient(120deg,#291025,#69164d 66%,#922970);
}
.ws-purchase-panel{
  border-color:rgba(157,35,111,.16);
  background:linear-gradient(135deg,#fff,#fff5f8);
}
.ws-purchase-panel .ws-price{
  color:var(--ws-accent-deep);
}
.ws-package-card{
  position:relative;
  background:linear-gradient(145deg,#fff,#fff9fb);
}
.ws-package-card::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--ws-gold),var(--ws-accent));
}
.ws-taxonomy-link{
  background:linear-gradient(135deg,#fff,#F5ECE9);
}
.ws-pagination .page-numbers.current{
  box-shadow:0 8px 22px rgba(157,35,111,.2);
}
@media(max-width:800px){
  .ws-home-hero::before{width:360px;height:360px;right:-190px;top:-170px}
  .ws-card::before{left:18px}
  .ws-intro .ws-narrow{border-radius:24px}
}
@media(max-width:430px){
  .ws-brand::after{width:5px;height:5px;margin-left:6px}
  .ws-card::before{left:16px}
}


/* Foreign songs direction */
.ws-foreign-section{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,241,248,.98));}
.ws-foreign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;}
.ws-foreign-card{position:relative;display:flex;min-height:210px;flex-direction:column;justify-content:flex-end;gap:.45rem;padding:1.7rem;border:1px solid rgba(92,42,78,.14);border-radius:24px;background:linear-gradient(145deg,#fff,rgba(246,235,242,.92));box-shadow:0 16px 40px rgba(58,31,52,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.ws-foreign-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--ws-gold-light),var(--ws-accent-deep));}
.ws-foreign-card:after{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(190,149,83,.22),transparent 68%);pointer-events:none;}
.ws-foreign-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(58,31,52,.13);border-color:rgba(190,149,83,.45);}
.ws-foreign-card strong{position:relative;z-index:1;font-size:1.45rem;line-height:1.1;color:var(--ws-deep);}
.ws-foreign-card p{position:relative;z-index:1;margin:0;color:var(--ws-muted);}
.ws-foreign-card .ws-text-link{position:relative;z-index:1;margin-top:.35rem;}
.ws-foreign-card--wide{grid-column:1/-1;min-height:180px;}
@media (max-width:800px){.ws-foreign-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ws-foreign-card--wide{grid-column:1/-1;}}
@media (max-width:430px){.ws-foreign-grid{grid-template-columns:1fr;}.ws-foreign-card,.ws-foreign-card--wide{grid-column:auto;min-height:185px;padding:1.35rem;border-radius:20px;}}

/* Mobile heading integrity: never split a word to fit the viewport. Reduce type size instead. */
.ws-inner-hero h1,.ws-detail-copy h1,.ws-archive-hero h1,.ws-single-copy h1,.ws-error-page h1,.ws-hero-copy h1{word-break:normal;overflow-wrap:normal;hyphens:none;}
@media(max-width:800px){.ws-inner-hero h1,.ws-detail-copy h1,.ws-archive-hero h1,.ws-single-copy h1,.ws-error-page h1,.ws-hero-copy h1{font-size:clamp(28px,8vw,62px);line-height:1.02;}}

/* Final mobile word integrity: words never split across lines. Heading-fit JS reduces type size when needed. */
.ws-inner-hero h1,.ws-detail-copy h1,.ws-archive-hero h1,.ws-single-copy h1,.ws-error-page h1,.ws-hero-copy h1{word-break:keep-all;overflow-wrap:normal;hyphens:none;}
@media(max-width:800px){.ws-inner-hero h1,.ws-detail-copy h1,.ws-archive-hero h1,.ws-single-copy h1,.ws-error-page h1,.ws-hero-copy h1{font-size:clamp(24px,8vw,62px);}}

/* Social links — ready for final Telegram, MAX and VK URLs. */
.ws-header-social,.ws-footer-social{display:flex;align-items:center;gap:8px}
.ws-header-social{flex:0 0 auto}
.ws-social-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid rgba(157,35,111,.14);border-radius:999px;background:rgba(255,255,255,.78);color:var(--ws-text);font-size:11px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.ws-social-link:hover{transform:translateY(-2px);border-color:rgba(157,35,111,.32);background:#fff;color:var(--ws-accent)}
.ws-social-link.is-placeholder{border-style:dashed;color:var(--ws-muted);cursor:default;opacity:.72}
.ws-social-link.is-placeholder:hover{transform:none;border-color:rgba(157,35,111,.14);background:rgba(255,255,255,.78);color:var(--ws-muted)}
.ws-footer-social{align-items:flex-start;flex-direction:column;gap:10px}
.ws-footer-social>strong{font-size:12px}
.ws-social-links{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1050px){.ws-header-social{display:none}}
@media(max-width:800px){.ws-header-social{display:flex;justify-content:center;width:100%;margin-top:4px}.ws-header-social .ws-social-link{flex:1;min-width:0}.ws-footer-social{width:100%}.ws-social-links{width:100%}.ws-social-links .ws-social-link{flex:1;min-width:0}}

/* Language buying guide card */
.ws-language-buy-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(157,35,111,.14);
  background:linear-gradient(135deg,#fff,#fff4f8 68%,#f7edf5);
  box-shadow:0 18px 46px rgba(76,24,72,.08);
}
.ws-language-buy-card::after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-90px;
  top:-105px;
  border:1px solid rgba(199,154,80,.22);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(199,154,80,.04);
  pointer-events:none;
}
.ws-language-buy-card h2{
  max-width:760px;
  margin:8px 0 12px;
}
.ws-language-buy-card p{
  max-width:760px;
}
.ws-language-buy-card .ws-button{
  margin-top:8px;
  position:relative;
  z-index:1;
}
@media(max-width:430px){
  .ws-language-buy-card{border-radius:20px}
  .ws-language-buy-card h2{font-size:25px}
}

/* Language guide mobile readability */
.ws-language-guide,
.ws-language-guide .ws-content-editor{min-width:0}
.ws-content-editor{font-size:16px;line-height:1.72;color:var(--ws-muted)}
.ws-content-editor h2{margin:34px 0 12px;color:var(--ws-text);font-size:30px;line-height:1.08;letter-spacing:-.035em}
.ws-content-editor h3{margin:28px 0 10px;color:var(--ws-text);font-size:23px;line-height:1.12}
.ws-content-editor p{margin:0 0 18px}
@media(max-width:800px){
  .ws-inner-hero h1{font-size:clamp(34px,9vw,58px);line-height:1.02;white-space:normal;overflow-wrap:normal;word-break:normal}
  .ws-inner-hero p:not(.ws-eyebrow){font-size:15px;line-height:1.55}
  .ws-content-editor{font-size:16px;line-height:1.68}
  .ws-content-editor h2{font-size:27px;line-height:1.08;margin-top:30px}
  .ws-content-editor h3{font-size:21px}
}
@media(max-width:430px){
  .ws-inner-hero{padding:38px 18px 32px}
  .ws-inner-hero h1{font-size:clamp(30px,8.5vw,46px);line-height:1.04;letter-spacing:-.045em}
  .ws-content-editor{font-size:15px;line-height:1.68}
  .ws-content-editor h2{font-size:25px;line-height:1.08;margin-top:28px}
  .ws-content-editor h3{font-size:20px}
}


/* Final mobile spacing pass: comfortable edge padding and compact page ending. */
@media (max-width: 800px) {
  .ws-route-main {
    padding-bottom: 28px;
  }

  .ws-route-main > .ws-container {
    width: calc(100% - 48px);
  }

  .ws-route-card.ws-content-editor {
    width: 100%;
    font-size: 15px;
    line-height: 1.62;
  }

  .ws-route-card.ws-content-editor h2 {
    font-size: 23px;
    line-height: 1.12;
    margin-top: 24px;
    margin-bottom: 10px;
  }

  .ws-route-card.ws-content-editor p {
    margin-bottom: 15px;
  }

  .ws-route-card.ws-content-editor > :last-child {
    margin-bottom: 0;
  }

  .ws-legal-footer {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (max-width: 430px) {
  .ws-route-main > .ws-container {
    width: calc(100% - 32px);
  }

  .ws-inner-hero {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 28px;
  }

  .ws-route-card.ws-content-editor {
    font-size: 15px;
    line-height: 1.62;
  }

  .ws-route-card.ws-content-editor h2 {
    font-size: 23px;
    line-height: 1.12;
  }
}


/* Mobile edge spacing normalization */
@media (max-width: 800px) {
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container { width: calc(100% - 48px); max-width: none; }
}
@media (max-width: 430px) {
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container { width: calc(100% - 48px); max-width: none; }
}
@media (max-width: 360px) {
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container { width: calc(100% - 48px); max-width: none; }
}

/* =========================================================
   RESPONSIVE MASTER PASS
   Desktop and mobile are intentionally styled independently.
   Changes inside one media query must not alter the other.
   ========================================================= */

:root{
  --ws-deep:#421D32;
  --ws-accent-deep:#7C254C;
  --ws-gold-light:#E2D1B4;
}

/* ---------------- DESKTOP / WEB ---------------- */
@media (min-width:981px){
  html{scroll-padding-top:92px}
  .ws-container{width:min(1180px,calc(100% - 64px))}
  .ws-narrow{width:min(780px,calc(100% - 64px))}
  .ws-site-header{position:sticky;top:0}
  .ws-header-inner{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    padding:0;
  }
  .ws-brand{font-size:23px;white-space:nowrap}
  .ws-main-nav{display:block}
  .ws-main-nav ul{gap:28px}
  .ws-main-nav a{font-size:13px}
  .ws-menu-toggle{display:none!important}
  .ws-header-social{display:flex}
  .ws-section{padding:96px 0}
  .ws-section-head{margin-bottom:36px}
  .ws-section-head h2,.ws-intro h2,.ws-subscribe h2{font-size:clamp(38px,4vw,56px)}
  .ws-home-hero{padding:86px 0 96px}
  .ws-hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
    gap:68px;
  }
  .ws-hero-copy h1,.ws-archive-hero h1,.ws-single-copy h1{
    font-size:clamp(60px,6.5vw,94px);
    line-height:.96;
  }
  .ws-hero-lead{font-size:18px;max-width:670px}
  .ws-hero-media{min-height:500px;border-radius:36px}
  .ws-song-grid,.ws-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ws-preview-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ws-preview-style-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ws-preview-language-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ws-preview-collection .ws-song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ws-language-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ws-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ws-process{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ws-how-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ws-promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-foreign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ws-detail-hero{
    grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
    gap:42px;
    padding:82px 0 50px;
  }
  .ws-detail-copy h1{font-size:clamp(52px,5.7vw,82px)}
  .ws-detail-art{min-height:430px;border-radius:32px}
  .ws-detail-panel{padding:34px;border-radius:28px}
  .ws-route-main{padding-bottom:96px}
  .ws-footer-inner{min-height:58px}
}

/* ---------------- MOBILE / PHONE ---------------- */
@media (max-width:980px){
  html{scroll-padding-top:72px}
  body{overflow-x:hidden}
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container{
    width:calc(100% - 48px);
    max-width:none;
  }

  .ws-site-header{position:sticky;top:0;z-index:50}
  .ws-header-inner{
    min-height:56px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding:8px 0;
  }
  .ws-brand{
    min-width:0;
    max-width:100%;
    font-size:18px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ws-menu-toggle{
    display:flex!important;
    width:40px;
    height:40px;
    justify-self:end;
    border-radius:12px;
  }
  .ws-header-social{display:none!important}
  .ws-main-nav{
    display:none;
    grid-column:1/-1;
    width:100%;
    padding:4px 0 8px;
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
  }
  .ws-main-nav.is-open{display:block}
  .ws-main-nav ul{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
    margin:0;
    padding:8px;
    list-style:none;
    border:1px solid var(--ws-border);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--ws-shadow-soft);
  }
  .ws-main-nav a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 12px;
    border-radius:12px;
    font-size:14px;
    line-height:1.2;
    overflow-wrap:normal;
    word-break:normal;
  }
  .ws-main-nav a::after{display:none}
  body.ws-menu-open{overflow:hidden}

  .ws-section{padding:58px 0}
  .ws-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-bottom:24px;
  }
  .ws-section-head h2,
  .ws-intro h2,
  .ws-subscribe h2{
    font-size:clamp(30px,8.5vw,44px);
    line-height:1.02;
  }

  .ws-home-hero{padding:46px 0 54px}
  .ws-hero-grid,
  .ws-single-hero,
  .ws-detail-hero,
  .ws-detail-section-grid{
    grid-template-columns:1fr;
  }
  .ws-hero-grid{gap:30px}
  .ws-hero-copy h1,
  .ws-archive-hero h1,
  .ws-single-copy h1,
  .ws-detail-copy h1,
  .ws-inner-hero h1{
    max-width:100%;
    margin:8px 0 16px;
    font-size:clamp(32px,10vw,58px);
    line-height:1.03;
    letter-spacing:-.05em;
    word-break:keep-all;
    overflow-wrap:normal;
    hyphens:none;
  }
  .ws-hero-lead{font-size:16px;line-height:1.58}
  .ws-hero-actions,
  .ws-detail-actions,
  .ws-route-links{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }
  .ws-hero-actions .ws-button,
  .ws-detail-actions .ws-button,
  .ws-route-links .ws-button{
    width:100%;
  }
  .ws-hero-media{
    min-height:0;
    width:100%;
    aspect-ratio:1/1;
    border-radius:26px;
  }

  .ws-song-grid,
  .ws-album-grid,
  .ws-benefits-grid,
  .ws-language-grid,
  .ws-generic-list,
  .ws-preview-route-grid,
  .ws-preview-style-grid,
  .ws-preview-language-grid,
  .ws-preview-collection .ws-song-grid,
  .ws-how-grid,
  .ws-process{
    grid-template-columns:1fr;
  }
  .ws-preview-route,
  .ws-preview-style,
  .ws-preview-language{min-width:0}
  .ws-preview-route-body{padding:20px}
  .ws-preview-card-body{padding:18px}
  .ws-preview-collection{padding:22px}
  .ws-preview-collection-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .ws-card-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .ws-card-actions .ws-button{width:100%}
  .ws-card-listen{text-align:center}
  .ws-card-title{font-size:21px}

  .ws-detail-hero{padding:42px 0 30px;gap:24px}
  .ws-detail-copy{padding:0}
  .ws-detail-copy>p:not(.ws-eyebrow){font-size:15px;line-height:1.65}
  .ws-detail-art{
    min-height:0;
    width:100%;
    max-width:none;
    aspect-ratio:1/1;
    border-radius:24px;
  }
  .ws-detail-panel{
    padding:22px 18px;
    border-radius:22px;
  }
  .ws-detail-panel h2{font-size:27px}
  .ws-detail-meta{grid-template-columns:1fr}
  .ws-route-main{padding-bottom:42px}

  .ws-subscribe-inner{
    grid-template-columns:1fr;
    gap:24px;
    padding:24px;
  }
  .ws-subscribe-placeholder{flex-direction:column}
  .ws-subscribe-placeholder input{min-height:48px}
  .ws-subscribe-placeholder .ws-button{width:100%}

  .ws-foreign-grid{grid-template-columns:1fr}
  .ws-foreign-card,
  .ws-foreign-card--wide{
    grid-column:auto;
    min-height:185px;
    padding:22px;
    border-radius:20px;
  }

  .ws-site-footer{padding:28px 0}
  .ws-footer-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
  .ws-footer-meta{flex-wrap:wrap}

  .ws-content-editor{font-size:15px;line-height:1.68}
  .ws-content-editor h2{font-size:25px;line-height:1.1}
  .ws-content-editor h3{font-size:20px;line-height:1.12}
}

@media (max-width:430px){
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container{
    width:calc(100% - 48px);
  }
  .ws-header-inner{min-height:54px;padding:7px 0}
  .ws-brand{font-size:17px}
  .ws-menu-toggle{width:38px;height:38px}
  .ws-main-nav ul{grid-template-columns:1fr;gap:4px;padding:7px}
  .ws-main-nav a{min-height:46px;font-size:14px}
  .ws-section{padding:50px 0}
  .ws-home-hero{padding:40px 0 48px}
  .ws-hero-copy h1,
  .ws-detail-copy h1,
  .ws-inner-hero h1{
    font-size:clamp(29px,8.7vw,46px);
    line-height:1.05;
  }
  .ws-hero-media{border-radius:20px}
  .ws-detail-art{border-radius:20px}
  .ws-detail-panel{padding:20px 16px}
  .ws-detail-panel h2{font-size:24px}
  .ws-subscribe-inner{padding:20px}
  .ws-preview-route-body{padding:18px}
  .ws-preview-card-body{padding:16px}
  .ws-preview-route-body h3{font-size:25px}
  .ws-card-title{font-size:20px}
}

@media (max-width:360px){
  .ws-container,
  .ws-narrow,
  .ws-single-content,
  .ws-route-main > .ws-container{
    width:calc(100% - 40px);
  }
  .ws-brand{font-size:16px}
  .ws-menu-toggle{width:36px;height:36px}
  .ws-section{padding:44px 0}
  .ws-main-nav a{min-height:44px;font-size:13px}
}


/* =========================================================
   UNIFIED GUIDE / STYLE PAGE SPACING
   One code path for language guides, style guides and
   their archive purchase cards. No page-specific overrides.
   ========================================================= */

.ws-route-main > .ws-container{
  width:min(1180px,calc(100% - 64px));
}

.ws-route-card.ws-content-editor,
.ws-language-buy-card,
.ws-language-buy-card.ws-style-guide-card{
  padding:36px 38px;
}

.ws-route-card.ws-content-editor > :first-child,
.ws-language-buy-card > :first-child{
  margin-top:0;
}

.ws-route-card.ws-content-editor > :last-child,
.ws-language-buy-card > :last-child{
  margin-bottom:0;
}

.ws-route-card.ws-content-editor h2,
.ws-language-buy-card h2{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.ws-route-card.ws-content-editor p,
.ws-language-buy-card p{
  max-width:760px;
}

.ws-style-guide-card{
  margin-top:32px !important;
  border-radius:26px;
}

.ws-language-buy-card .ws-button,
.ws-style-guide-card .ws-button{
  margin-top:14px;
}

@media (max-width:980px){
  .ws-route-main > .ws-container{
    width:calc(100% - 56px);
    max-width:none;
  }

  .ws-route-card.ws-content-editor,
  .ws-language-buy-card,
  .ws-language-buy-card.ws-style-guide-card{
    padding:28px 26px;
  }

  .ws-style-guide-card{
    margin-top:28px !important;
    border-radius:22px;
  }

  .ws-route-card.ws-content-editor h2,
  .ws-language-buy-card h2{
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}

@media (max-width:430px){
  .ws-route-main > .ws-container{
    width:calc(100% - 48px);
  }

  .ws-route-card.ws-content-editor,
  .ws-language-buy-card,
  .ws-language-buy-card.ws-style-guide-card{
    padding:24px 22px;
  }

  .ws-style-guide-card{
    margin-top:24px !important;
    border-radius:20px;
  }

  .ws-route-card.ws-content-editor h2,
  .ws-language-buy-card h2{
    font-size:25px;
    line-height:1.1;
  }
}

@media (max-width:360px){
  .ws-route-main > .ws-container{
    width:calc(100% - 40px);
  }

  .ws-route-card.ws-content-editor,
  .ws-language-buy-card,
  .ws-language-buy-card.ws-style-guide-card{
    padding:22px 18px;
  }
}

/* STYLE PAGES — unified spacing */
.ws-style-guide-card + .ws-detail-panel{margin-top:44px}
.ws-style-guide-card + .ws-detail-panel .ws-detail-grid{margin-top:28px}
.ws-style-guide-card .ws-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px}
@media(max-width:980px){.ws-style-guide-card + .ws-detail-panel{margin-top:36px}}
@media(max-width:430px){.ws-style-guide-card + .ws-detail-panel{margin-top:30px}.ws-style-guide-card .ws-button{width:100%}}

/* =========================================================
   LANGUAGE DETAIL PAGES — ONE VISUAL SYSTEM
   ========================================================= */
.ws-language-guide-page .ws-inner-hero,
.ws-language-guide-page .ws-content-editor{
  border-radius:30px;
}
.ws-language-guide-page .ws-inner-hero{
  overflow:hidden;
}
.ws-language-guide-page .ws-content-editor{
  margin-top:40px !important;
  padding:42px 44px;
}
.ws-language-guide-page .ws-content-editor > :first-child{margin-top:0}
.ws-language-guide-page .ws-content-editor > :last-child{margin-bottom:0}
@media(max-width:800px){
  .ws-language-guide-page .ws-inner-hero{border-radius:24px}
  .ws-language-guide-page .ws-content-editor{
    margin-top:34px !important;
    padding:30px 26px;
    border-radius:24px;
  }
}
@media(max-width:430px){
  .ws-language-guide-page .ws-inner-hero{border-radius:22px}
  .ws-language-guide-page .ws-content-editor{
    margin-top:30px !important;
    padding:26px 22px;
    border-radius:22px;
  }
}

/* Language detail hero actions — compact secondary navigation */
.ws-language-guide-page .ws-hero-actions .ws-button-secondary{
  width:auto;
  min-width:0;
  max-width:100%;
  padding:14px 22px;
  min-height:48px;
  border-radius:18px;
  font-size:15px;
  line-height:1.2;
  white-space:normal;
}
@media(max-width:430px){
  .ws-language-guide-page .ws-hero-actions .ws-button-secondary{
    width:auto;
    align-self:flex-start;
    padding:13px 18px;
    min-height:46px;
    border-radius:16px;
    font-size:14px;
  }
}

/* Language detail hero buttons — equal width */
.ws-language-guide-page .ws-hero-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ws-language-guide-page .ws-hero-actions .ws-button{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
}
@media(max-width:600px){
  .ws-language-guide-page .ws-hero-actions{
    grid-template-columns:1fr;
    gap:12px;
  }
  .ws-language-guide-page .ws-hero-actions .ws-button{
    width:100%;
  }
}

/* Detailed song pages use the same editorial visual system as language/style guides. */
.ws-song-detail-page .ws-inner-hero,
.ws-song-detail-card{
  border-radius:30px;
}
.ws-song-detail-page .ws-inner-hero{overflow:hidden}
.ws-song-detail-card{
  margin-top:40px !important;
  padding:42px 44px;
}
@media(max-width:800px){
  .ws-song-detail-page .ws-inner-hero,
  .ws-song-detail-card{border-radius:24px}
  .ws-song-detail-card{margin-top:34px !important;padding:30px 26px}
}
@media(max-width:430px){
  .ws-song-detail-page .ws-inner-hero,
  .ws-song-detail-card{border-radius:22px}
  .ws-song-detail-card{margin-top:30px !important;padding:26px 22px}
}

/* Language archive guide card — shared spacing, no inline styles. */
.ws-language-buy-card.ws-language-archive-guide{margin:0 0 34px}
@media(max-width:980px){.ws-language-buy-card.ws-language-archive-guide{margin-bottom:30px}}
@media(max-width:430px){.ws-language-buy-card.ws-language-archive-guide{margin-bottom:26px}}


/* =========================================================
   PREMIUM UI 2.0
   Global visual layer for desktop + mobile.
   ========================================================= */
:root{
  --ws-bg:#FAF5F1;
  --ws-surface:#FFFFFF;
  --ws-surface-soft:#F5ECE9;
  --ws-text:#30232D;
  --ws-muted:#75666E;
  --ws-accent:#A33367;
  --ws-accent-2:#C78396;
  --ws-purple:#79566E;
  --ws-gold:#C5AA7D;
  --ws-line:rgba(53,25,49,.10);
  --ws-radius-lg:30px;
  --ws-radius-md:22px;
  --ws-shadow-premium:0 24px 70px rgba(64,20,57,.13);
  --ws-shadow-hover:0 30px 80px rgba(64,20,57,.19);
}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.012em;
  background:
    radial-gradient(circle at 92% 2%,rgba(163,51,103,.06),transparent 25rem),
    radial-gradient(circle at 4% 42%,rgba(112,64,160,.08),transparent 28rem),
    var(--ws-bg);
}
h1,h2,h3,h4,p,a,button,input{font-family:inherit}
.ws-site-header{
  background:rgba(255,250,248,.78);
  border-bottom:1px solid rgba(53,25,49,.08);
  box-shadow:0 8px 30px rgba(53,25,49,.045);
  backdrop-filter:blur(22px) saturate(150%);
}
.ws-header-inner{min-height:78px}
.ws-brand{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:23px;
  font-weight:850;
  letter-spacing:-.055em;
}
.ws-brand::before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ws-accent-2),var(--ws-purple));
  box-shadow:0 0 0 5px rgba(239,75,157,.09);
}
.ws-main-nav ul{gap:7px}
.ws-main-nav a{
  padding:10px 13px;
  border-radius:12px;
  font-size:13px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.ws-main-nav a::after{display:none}
.ws-main-nav a:hover,.ws-main-nav a:focus-visible{
  background:var(--ws-surface-soft);
  color:var(--ws-accent);
  transform:translateY(-1px);
}
.ws-header-social{display:flex;align-items:center;gap:7px}
.ws-social-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--ws-line);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.ws-social-link:hover{
  transform:translateY(-2px);
  border-color:rgba(162,31,112,.22);
  background:#fff;
}
.ws-menu-toggle{box-shadow:0 8px 22px rgba(53,25,49,.07)}
.ws-home-hero{
  isolation:isolate;
  background:radial-gradient(ellipse at 82% 20%,rgba(197,170,125,.17),transparent 55%),linear-gradient(120deg,#321525 0%,#421D32 58%,#642940 100%);
}
.ws-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
.ws-hero-copy h1,.ws-archive-hero h1,.ws-single-copy h1,.ws-detail-copy h1,.ws-inner-hero h1{
  letter-spacing:-.065em;
  text-wrap:balance;
}
.ws-hero-lead{max-width:680px}
.ws-hero-media{
  border-radius:34px;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 38px 100px rgba(18,4,17,.34);
  transform:translateZ(0);
}
.ws-hero-media::after{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  pointer-events:none;
}
.ws-button{
  min-height:50px;
  padding:13px 22px;
  border-radius:15px;
  font-size:13px;
  letter-spacing:-.01em;
  box-shadow:0 14px 30px rgba(162,31,112,.20);
}
.ws-button:hover{transform:translateY(-3px) scale(1.01)}
.ws-button-secondary{
  background:rgba(255,255,255,.88);
  border-color:rgba(162,31,112,.14);
  color:var(--ws-accent);
}
.ws-card,.ws-preview-card,.ws-album-card,.ws-language-block,.ws-benefit,.ws-language-card,.ws-promotion-card,.ws-how-card{
  border-color:var(--ws-line);
  border-radius:26px;
  box-shadow:0 14px 42px rgba(64,20,57,.075);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.ws-card:hover,.ws-preview-card:hover,.ws-album-card:hover,.ws-language-block:hover,.ws-benefit:hover,.ws-language-card:hover,.ws-promotion-card:hover,.ws-how-card:hover{
  transform:translateY(-8px);
  border-color:rgba(162,31,112,.20);
  box-shadow:var(--ws-shadow-hover);
}
.ws-card-media,.ws-preview-art,.ws-detail-art,.ws-single-media{
  overflow:hidden;
}
.ws-card-media img,.ws-preview-art img{
  transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}
.ws-card:hover .ws-card-media img,.ws-preview-card:hover .ws-preview-art img{
  transform:scale(1.045);
  filter:saturate(1.06);
}
.ws-card-media::after,.ws-preview-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(24,8,22,.18));
  pointer-events:none;
}
.ws-card-body,.ws-preview-card-body{position:relative;display:flex;flex-direction:column;flex:1}
.ws-card-title,.ws-preview-card h3{
  text-wrap:balance;
  letter-spacing:-.045em;
}
.ws-card-meta,.ws-preview-card-meta{
  padding-top:12px;
  border-top:1px solid var(--ws-line);
}
.ws-card .ws-button,.ws-preview-card .ws-button{
  position:relative;
  overflow:hidden;
}
.ws-card .ws-button::after,.ws-preview-card .ws-button::after,.ws-button::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-80%;
  width:45%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transition:left .55s ease;
}
.ws-card .ws-button:hover::after,.ws-preview-card .ws-button:hover::after,.ws-button:hover::after{left:130%}
.ws-eyebrow{
  letter-spacing:.19em;
  font-size:10px;
}
.ws-section{position:relative}
.ws-section-head{margin-bottom:38px}
.ws-section-head h2,.ws-intro h2,.ws-subscribe h2{
  font-weight:850;
  text-wrap:balance;
}
.ws-benefit,.ws-how-card{background:rgba(255,255,255,.86)}
.ws-benefit-number{margin-bottom:72px}
.ws-language-card{
  min-height:230px;
  background:rgba(255,255,255,.86);
}
.ws-language-card--featured{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 35%),
    linear-gradient(145deg,#32132d,#762057 70%,#a42f7e);
}
.ws-cta-panel{
  border-radius:32px;
  background:
    radial-gradient(circle at 88% 15%,rgba(255,255,255,.15),transparent 22rem),
    linear-gradient(125deg,#281124,#681e50 58%,#9f2d79);
}
.ws-site-footer{
  margin-top:20px;
  padding:48px 0 34px;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.86));
}
.ws-legal-footer,.ws-footer-inner{
  align-items:flex-start;
}
.ws-footer-links,.ws-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
}
.ws-footer-links a,.ws-social-links a{
  color:var(--ws-muted);
  font-size:12px;
  text-decoration:none;
  transition:color .2s ease;
}
.ws-footer-links a:hover,.ws-social-links a:hover{color:var(--ws-accent)}
.ws-footer-meta{margin-left:auto}
.ws-inner-hero,.ws-detail-hero{
  position:relative;
  overflow:hidden;
}
.ws-inner-hero{
  border-radius:32px;
  padding:54px 52px;
  background:
    radial-gradient(circle at 90% 15%,rgba(163,51,103,.08),transparent 18rem),
    linear-gradient(135deg,#F8EEEA,#F0E5E6 65%,#fff);
  border:1px solid rgba(162,31,112,.08);
  box-shadow:var(--ws-shadow-premium);
}
.ws-inner-hero::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-100px;
  bottom:-150px;
  border:1px solid rgba(162,31,112,.10);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(162,31,112,.035),0 0 0 70px rgba(162,31,112,.02);
}
.ws-detail-hero{
  border-radius:32px;
  padding:62px 0 46px;
}
.ws-detail-panel,.ws-route-card,.ws-content-editor{
  border-radius:28px;
  box-shadow:0 14px 45px rgba(64,20,57,.065);
}
.ws-detail-note{
  border-radius:24px;
  box-shadow:0 14px 40px rgba(64,20,57,.06);
}
.ws-route-links{
  padding-top:28px;
}
.ws-text-link{
  font-size:13px;
}
.ws-text-link::after{height:1px}
@media(max-width:980px){
  .ws-header-inner{min-height:58px}
  .ws-main-nav ul{box-shadow:0 18px 45px rgba(64,20,57,.12)}
  .ws-inner-hero{padding:38px 28px;border-radius:24px}
  .ws-detail-hero{padding:40px 0 30px}
  .ws-card:hover,.ws-preview-card:hover,.ws-album-card:hover,.ws-language-block:hover,.ws-benefit:hover,.ws-language-card:hover,.ws-promotion-card:hover,.ws-how-card:hover{transform:translateY(-4px)}
}
@media(max-width:600px){
  .ws-brand::before{width:7px;height:7px;flex-basis:7px}
  .ws-brand{font-size:18px}
  .ws-inner-hero{padding:30px 22px}
  .ws-site-footer{padding:38px 0 28px}
  .ws-footer-meta{margin-left:0}
}
@media(max-width:430px){
  .ws-inner-hero{padding:28px 20px;border-radius:22px}
  .ws-button{min-height:48px;padding:12px 18px}
  .ws-card,.ws-preview-card,.ws-album-card{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  .ws-card,.ws-preview-card,.ws-album-card,.ws-language-block,.ws-benefit,.ws-language-card,.ws-promotion-card,.ws-how-card,.ws-button,.ws-card-media img,.ws-preview-art img{transition:none}
}

/* PREMIUM MICRO-INTERACTION 01 */
.ws-card,.ws-preview-card,.ws-album-card,.ws-language-card,.ws-promotion-card,.ws-how-card{position:relative;isolation:isolate}.ws-card::before,.ws-preview-card::before,.ws-album-card::before,.ws-language-card::before,.ws-promotion-card::before,.ws-how-card::before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent-2),var(--ws-purple));transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none;z-index:3}.ws-card:hover::before,.ws-preview-card:hover::before,.ws-album-card:hover::before,.ws-language-card:hover::before,.ws-promotion-card:hover::before,.ws-how-card:hover::before{transform:scaleX(1);opacity:1}@media(prefers-reduced-motion:reduce){.ws-card::before,.ws-preview-card::before,.ws-album-card::before,.ws-language-card::before,.ws-promotion-card::before,.ws-how-card::before{transition:none}}
/* PREMIUM MICRO-INTERACTION 02 */
.ws-section-head .ws-eyebrow,.ws-inner-hero .ws-eyebrow,.ws-detail-copy .ws-eyebrow{display:inline-flex;align-items:center;gap:9px}.ws-section-head .ws-eyebrow::before,.ws-inner-hero .ws-eyebrow::before,.ws-detail-copy .ws-eyebrow::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent-2));flex:0 0 24px}.ws-section-head h2,.ws-intro h2,.ws-subscribe h2{max-width:850px}.ws-section-head>span.ws-muted{padding:8px 12px;border:1px solid var(--ws-line);border-radius:999px;background:rgba(255,255,255,.7);font-size:11px;font-weight:750}@media(max-width:600px){.ws-section-head>span.ws-muted{align-self:flex-start}}
/* PREMIUM MICRO-INTERACTION 03 */
.ws-taxonomy-links{gap:9px}
.ws-taxonomy-link{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:rgba(255,255,255,.82);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.ws-taxonomy-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(135deg,rgba(239,75,157,.10),rgba(112,64,160,.08));
  opacity:0;
  transition:opacity .2s ease;
}
.ws-taxonomy-link:hover{
  transform:translateY(-2px);
  border-color:rgba(162,31,112,.28);
  background:#fff;
  box-shadow:0 8px 22px rgba(64,20,57,.08);
}
.ws-taxonomy-link:hover::after{opacity:1}
@media(prefers-reduced-motion:reduce){
  .ws-taxonomy-link{transition:none}
  .ws-taxonomy-link:hover{transform:none}
  .ws-taxonomy-link::after{transition:none}
}


/* PREMIUM MICRO-INTERACTION 04 */
/* Mobile-safe premium typography: keep words intact and wrap only at natural word boundaries. */
.ws-section-head h2,
.ws-intro h2,
.ws-subscribe h2,
.ws-hero-copy h1,
.ws-archive-hero h1,
.ws-single-copy h1,
.ws-detail-copy h1,
.ws-inner-hero h1,
.ws-card-title,
.ws-card-title a,
.ws-preview-card h3,
.ws-language-card strong,
.ws-language-card p,
.ws-taxonomy-link,
.ws-button {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
@media (max-width: 600px) {
  .ws-section-head h2,
  .ws-intro h2,
  .ws-subscribe h2,
  .ws-hero-copy h1,
  .ws-archive-hero h1,
  .ws-single-copy h1,
  .ws-detail-copy h1,
  .ws-inner-hero h1 {
    text-wrap: balance;
  }
}


/* PREMIUM MICRO-INTERACTION 05 */
/* Clear focus states: premium interaction without changing layout or content. */
.ws-button:focus-visible,
.ws-main-nav a:focus-visible,
.ws-text-link:focus-visible,
.ws-social-link:focus-visible,
.ws-language-card:focus-visible,
.ws-taxonomy-link:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 4px;
  box-shadow: 0 0 0 6px rgba(162,31,112,.10);
}
@media (prefers-reduced-motion: reduce) {
  .ws-button:focus-visible,
  .ws-main-nav a:focus-visible,
  .ws-text-link:focus-visible,
  .ws-social-link:focus-visible,
  .ws-language-card:focus-visible,
  .ws-taxonomy-link:focus-visible {
    transition: none;
  }
}


/* PREMIUM MICRO-INTERACTION 06 */
/* Tactile button state: clearer press feedback without changing layout. */
.ws-button{
  position:relative;
  transform:translateZ(0);
}
.ws-button:active{
  transform:translateY(1px) scale(.985);
  box-shadow:0 8px 18px rgba(162,31,112,.18);
}
.ws-button-secondary:active{
  box-shadow:0 6px 16px rgba(64,20,57,.08);
}
@media (prefers-reduced-motion: reduce){
  .ws-button:active,
  .ws-button:hover{
    transform:none;
  }
}


/* Featured song: all presentation rules stay within the homepage hero. */
.ws-featured-song .ws-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px)}
.ws-featured-song .ws-hero-copy{min-width:0}
.ws-featured-song .ws-hero-copy h1{font-size:clamp(38px,5.8vw,78px);line-height:1.04;letter-spacing:-.045em;overflow-wrap:break-word;word-break:normal}
.ws-featured-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;font-size:14px;color:#fff}
.ws-featured-meta span{border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:7px 13px}
.ws-featured-meta strong{font-size:21px;margin-left:4px}
.ws-featured-song .ws-text-link{color:#fff;text-underline-offset:5px}
.ws-featured-note{font-size:13px;color:rgba(255,255,255,.75);margin:12px 0 0}
.ws-featured-purchase{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.ws-featured-purchase p{margin:0 0 12px;font-size:15px;color:rgba(255,255,255,.88)}
.ws-featured-messengers{display:flex;flex-wrap:wrap;gap:10px}
.ws-featured-song .ws-button-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}
.ws-featured-song button:disabled{opacity:.55;cursor:default;transform:none}
.ws-featured-song .ws-featured-cover{min-height:0;aspect-ratio:1;display:grid;text-decoration:none;color:#fff;transition:transform .35s ease,box-shadow .35s ease;border-radius:28px}
.ws-featured-cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.ws-featured-song .ws-featured-cover strong{font-size:clamp(32px,4.5vw,64px);line-height:1.06;text-align:center;letter-spacing:-.04em;padding:26px}
.ws-featured-cover-caption{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;padding:12px 16px;border-radius:14px;background:rgba(35,15,30,.75);color:#fff;font-size:13px;letter-spacing:.02em;text-align:center}
.ws-featured-cover:focus-visible{outline:3px solid #fff;outline-offset:6px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ws-featured-cover:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 30px 75px rgba(25,5,24,.4),0 0 45px rgba(244,167,208,.25)}}
.ws-featured-cover:active{transform:scale(.985)}
@media(max-width:800px){
.ws-featured-song .ws-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
.ws-featured-song .ws-featured-cover{grid-row:1;width:min(100%,340px);justify-self:center}
.ws-featured-song .ws-hero-copy h1{font-size:clamp(32px,9vw,56px)}
.ws-featured-song .ws-hero-actions{margin-top:22px;gap:14px}
.ws-featured-song .ws-hero-lead{font-size:16px}
.ws-featured-song .ws-featured-cover strong{font-size:42px}
.ws-featured-messengers .ws-button{flex:1 1 145px;justify-content:center;padding:12px 14px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.ws-featured-cover{transition:none!important}.ws-featured-cover:active{transform:none}}


/* Quiet artwork for songs awaiting an uploaded cover. */
.ws-card-art::before,.ws-preview-art::before{
  content:"";position:absolute;inset:20px;width:auto;aspect-ratio:auto;
  border:1px solid rgba(226,209,180,.32);border-radius:14px;box-shadow:none;
}
.ws-card-art,.ws-preview-art{
  background:radial-gradient(ellipse at 78% 12%,rgba(197,170,125,.24),transparent 62%),linear-gradient(145deg,#96546E,#421D32);
}
.ws-preview-art--violet{background:linear-gradient(145deg,#96768E,#493047)}
.ws-preview-art--gold{background:linear-gradient(145deg,#C5AA7D,#623E4D)}
.ws-preview-art--blue{background:linear-gradient(145deg,#84949E,#3D344C)}
.ws-preview-art--rose{background:linear-gradient(145deg,#B8788E,#542137)}
.ws-preview-art::after{content:none}
.ws-card-art span,.ws-preview-art strong{text-decoration:none;letter-spacing:.16em;color:#FAF5F1}


/* Song titles on placeholder covers; uploaded artwork keeps its own typography. */
.ws-card-art .ws-song-art-title,.ws-preview-art .ws-song-art-title{
  display:block;max-width:100%;padding:36px;text-align:center;
  font-size:clamp(22px,2.5vw,34px);font-weight:750;line-height:1.14;
  letter-spacing:-.035em;text-wrap:balance;word-break:normal;overflow-wrap:normal;
  hyphens:none;text-decoration:none;
}
@media(max-width:600px){
  .ws-card-art .ws-song-art-title,.ws-preview-art .ws-song-art-title{padding:28px;font-size:clamp(22px,6vw,30px)}
}

a.ws-preview-art{text-decoration:none}


/* Featured-song actions in the cherry and champagne palette. */
.ws-featured-song .ws-hero-actions>.ws-button{
  background:linear-gradient(135deg,#E2D1B4,#C5AA7D);color:#30232D;
  border:1px solid #E2D1B4;box-shadow:0 8px 24px rgba(20,5,15,.15);
}
.ws-featured-song .ws-featured-messengers>.ws-button:first-child{
  background:#FAF5F1;color:#421D32;border-color:#FAF5F1;
}
.ws-featured-song .ws-featured-messengers>.ws-button:not(:first-child){
  background:rgba(250,245,241,.05);border-color:rgba(226,209,180,.55);color:#FAF5F1;
}
.ws-featured-song .ws-button:focus-visible,.ws-featured-song .ws-text-link:focus-visible{
  outline:3px solid #E2D1B4;outline-offset:5px;
}
.ws-featured-song .ws-featured-meta strong{color:#E2D1B4}
.ws-featured-song .ws-featured-note{color:#E2D1B4}


/* Editorial featured cover: soft light, champagne frame and restrained motion. */
.ws-featured-song .ws-featured-cover{
  background:radial-gradient(ellipse at 20% 0%,rgba(226,209,180,.28),transparent 65%),linear-gradient(145deg,#9D647C 0%,#623049 48%,#321525 100%);
  border:1px solid rgba(226,209,180,.4);
  box-shadow:0 28px 65px rgba(20,5,15,.32);
}
.ws-featured-song .ws-featured-cover::before{
  content:"";position:absolute;inset:20px;width:auto;aspect-ratio:auto;
  border:1px solid rgba(226,209,180,.38);border-radius:18px;box-shadow:none;
  pointer-events:none;z-index:2;
}
.ws-featured-song .ws-featured-cover::after{
  content:"";position:absolute;inset:0;border:0;border-radius:inherit;z-index:2;
  background:linear-gradient(115deg,transparent 15%,rgba(250,245,241,.11) 42%,transparent 65%);
  transform:translateX(-25%);transition:transform .7s ease;pointer-events:none;
}
.ws-featured-song .ws-featured-cover strong{font-weight:750;text-wrap:balance;text-shadow:0 3px 20px rgba(25,5,15,.18)}
.ws-featured-song .ws-featured-cover-caption{
  left:32px;right:32px;bottom:32px;border-radius:0;border-top:1px solid rgba(226,209,180,.35);
  background:transparent;padding:16px 0 0;color:#E2D1B4;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .ws-featured-song .ws-featured-cover:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 32px 72px rgba(20,5,15,.4)}
  .ws-featured-song .ws-featured-cover:hover::after{transform:translateX(25%)}
}
@media(prefers-reduced-motion:reduce){
  .ws-featured-song .ws-featured-cover::after{transition:none;transform:none}
}


/* Catalog search controls. */
.ws-catalog-search{margin:0 0 28px;padding:22px;border:1px solid rgba(66,29,50,.12);border-radius:20px;background:#fff}
.ws-catalog-search label{display:block;margin-bottom:10px;font-weight:700;color:var(--ws-text)}
.ws-search-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.ws-search-controls input[type=search]{flex:1 1 240px;min-width:0;width:100%;padding:14px 16px;border:1px solid rgba(66,29,50,.22);border-radius:12px;background:#FAF5F1;color:#30232D;font:inherit}
.ws-search-controls input:focus-visible{outline:2px solid #A33367;outline-offset:3px}
.ws-catalog-search [role=status]{margin:12px 0 0;font-size:14px}
.ws-song-grid>article[hidden],[data-ws-search-empty][hidden]{display:none}
@media(max-width:600px){.ws-catalog-search{padding:16px}.ws-search-controls .ws-button{flex:1 1 110px}}


/* Language and genre filters share the catalog search panel. */
.ws-search-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.ws-search-filters select{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid rgba(66,29,50,.22);border-radius:12px;background:#FAF5F1;color:#30232D;font:inherit}
.ws-search-filters select:focus-visible{outline:2px solid #A33367;outline-offset:3px}
@media(max-width:480px){.ws-search-filters{grid-template-columns:minmax(0,1fr);gap:12px}}


/* Text-only favorites controls. */
.ws-save-song{align-self:flex-start;margin:0 0 16px;padding:9px 14px;min-height:44px;border:1px solid rgba(66,29,50,.2);border-radius:10px;background:#FAF5F1;color:#7C254C;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.ws-save-song[aria-pressed=true]{background:#421D32;color:#FAF5F1;border-color:#421D32}
.ws-save-song:focus-visible{outline:2px solid #A33367;outline-offset:3px}
.ws-catalog-search .ws-favorites-filter{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:14px}
.ws-favorites-filter input{width:20px;height:20px;accent-color:#A33367}
.ws-favorite-notice{font-size:14px;color:#75666E;margin:12px 0 0}
.ws-favorite-notice:empty{display:none}


/* Price range and compact mobile catalog controls. */
.ws-search-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.ws-search-price input{width:100%;min-width:0;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid rgba(66,29,50,.22);border-radius:12px;background:#FAF5F1;color:#30232D;font:inherit}
.ws-search-price input:focus-visible{outline:2px solid #A33367;outline-offset:3px}
@media(max-width:600px){
 .ws-search-controls input[type=search]{flex-basis:100%;font-size:16px}
 .ws-search-filters select,.ws-search-price input{font-size:16px}
 .ws-search-price{gap:10px;margin-top:14px}
 .ws-catalog-search label{font-size:14px}
}

/* Song sale presentation: cover, readable title, purchase focus. */
.ws-song-sale .ws-detail-hero,.ws-song-sale .ws-single-hero{gap:40px;align-items:center}
.ws-song-sale .ws-detail-copy h1,.ws-song-sale .ws-single-copy h1{font-size:clamp(32px,4.4vw,60px);line-height:1.08;letter-spacing:-.035em;word-break:normal;overflow-wrap:normal}
.ws-song-sale .ws-detail-art,.ws-song-sale .ws-single-media{position:relative;aspect-ratio:1;min-height:0;border-radius:26px}
.ws-song-sale .ws-detail-art::before{inset:24px;width:auto;aspect-ratio:auto;border-radius:12px;border:1px solid rgba(226,209,180,.55);box-shadow:none}
.ws-song-sale .ws-detail-art::after{display:none}
.ws-sale-cover{display:flex;position:relative;flex-direction:column;justify-content:space-between;gap:24px;min-height:100%;padding:42px;color:#fff;background:linear-gradient(145deg,#9B637D,#683C59 55%,#421D32)}
.ws-detail-art .ws-sale-cover{height:100%;background:none}
.ws-sale-cover-label,.ws-sale-cover-footer{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#E2D1B4}
.ws-sale-cover-title{font-size:clamp(28px,3.5vw,48px);line-height:1.16;font-weight:600;letter-spacing:-.025em;overflow-wrap:normal}
.ws-song-sale .ws-single-media>img{display:block;aspect-ratio:1;object-fit:cover}
.ws-song-sale .ws-purchase-panel{background:#FFFDF9;border-color:#E2D1B4;padding:24px}
.ws-song-sale .ws-purchase-panel .ws-price{color:var(--ws-accent);font-size:34px}
.ws-song-sale .ws-featured-messengers{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ws-song-sale .ws-featured-messengers .ws-button:first-child{background:#E2D1B4;border-color:#E2D1B4;color:#421D32}
.ws-song-sale .ws-detail-meta-item:nth-child(3){background:#F1E5DB}
.ws-song-sale .ws-detail-meta-item:nth-child(3) strong{color:var(--ws-accent);font-size:26px}
@media(max-width:800px){
.ws-song-sale .ws-detail-hero,.ws-song-sale .ws-single-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:32px}
.ws-song-sale .ws-detail-art{grid-row:1;max-width:460px;width:100%;justify-self:center}
.ws-song-sale .ws-single-media{max-width:460px;width:100%;justify-self:center}
.ws-sale-cover{padding:34px}
.ws-song-sale .ws-detail-actions,.ws-song-sale .ws-featured-messengers{align-items:stretch}
.ws-song-sale .ws-detail-actions .ws-button,.ws-song-sale .ws-featured-messengers .ws-button{width:100%;white-space:normal;text-align:center}
}

/* Keep purchase information before artwork on narrow song pages. */
@media(max-width:800px){
.ws-song-sale .ws-detail-copy,.ws-song-sale .ws-single-copy{grid-row:1}
.ws-song-sale .ws-detail-art,.ws-song-sale .ws-single-media{grid-row:2}
.ws-song-sale .ws-purchase-panel{margin-top:20px}
.ws-song-sale .ws-single-copy .ws-lead{font-size:16px;line-height:1.65}
}

.ws-copy-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}
.ws-copy-title-row [hidden]{display:none!important}
.ws-copy-feedback{flex-basis:100%;color:var(--ws-muted);font-size:13px;line-height:1.5}
.ws-copy-feedback:empty{display:none}
.ws-copy-field{width:100%;min-width:0;padding:12px;border:1px solid var(--ws-border);border-radius:12px;font:inherit;font-size:16px}
.ws-copy-title-row .ws-button{white-space:normal;text-align:center}

/* Square album covers and separation between detail panels. */
.ws-route-main .ws-detail-art,
.ws-single-album .ws-single-media{
  aspect-ratio:1 / 1;
  min-height:0;
  max-height:none;
  height:auto;
}
.ws-single-album .ws-single-media>img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
}
.ws-detail-panel .ws-detail-list{
  display:grid;
  gap:14px;
}
.ws-detail-section-grid{gap:28px}
.ws-detail-hero + .ws-detail-section-grid{margin-top:24px}
.ws-single-song .ws-package-list,
.ws-single-album .ws-package-list{gap:16px}
.ws-single-content .ws-package-section + .ws-description-section{margin-top:24px}
@media(max-width:600px){
  .ws-detail-panel .ws-detail-list{gap:12px}
  .ws-detail-section-grid{gap:24px}
}

/* WordPress homepage parity: keep text clear of the decorative intro border. */
.ws-intro > .ws-container.ws-narrow{padding:clamp(24px,4vw,44px)}
.ws-intro > .ws-container.ws-narrow > *{position:relative;z-index:1}
.ws-intro h2{line-height:1.1}
.ws-featured-song .ws-button:disabled{cursor:default;opacity:.65;transform:none}

/* Archive panel: inset content rather than clipping text against the edge. */
.ws-archive-hero{
  min-width:0;
  max-width:100%;
  padding:clamp(24px,4vw,48px);
  margin-bottom:36px;
  border-radius:28px;
  gap:24px;
  align-items:stretch;
}
.ws-archive-hero > div{min-width:0;width:100%;max-width:100%;position:relative;z-index:1}
.ws-archive-hero .ws-eyebrow{margin-bottom:14px}
.ws-archive-hero h1{
  max-width:100%;
  margin:0 0 18px;
  font-size:clamp(30px,4.7vw,64px);
  line-height:1.08;
  letter-spacing:-.035em;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.ws-archive-hero .ws-archive-lead{max-width:min(100%,720px)}
.ws-archive-hero .ws-hero-actions{flex-wrap:wrap;gap:12px}
@media(max-width:600px){
  .ws-archive-hero{padding:26px 20px;border-radius:22px;margin-bottom:28px}
  .ws-archive-hero h1{font-size:clamp(28px,7.5vw,40px)}
  .ws-archive-hero .ws-hero-actions .ws-button{max-width:100%;white-space:normal}
}

/* Shared inner-page headers: restore a colored surface behind light text. */
.ws-main .ws-inner-hero{
  background:radial-gradient(ellipse at 100% 0,rgba(197,170,125,.16),transparent 62%),linear-gradient(115deg,#542137 0%,#873255 55%,#A33B6B 100%);
  background-color:#873255;
  color:#FFFFFF;
  border-color:rgba(135,50,85,.2);
  box-shadow:0 22px 50px rgba(84,33,55,.16);
}
.ws-main .ws-inner-hero > *{position:relative;z-index:1;min-width:0}
.ws-main .ws-inner-hero h1{color:#FFFFFF;opacity:1}
.ws-main .ws-inner-hero .ws-eyebrow{color:#FFF0DC;opacity:1}
.ws-main .ws-inner-hero .ws-eyebrow::before{background:#E2D1B4}
.ws-main .ws-inner-hero p:not(.ws-eyebrow){color:#FFF0F6;opacity:1}
.ws-main .ws-inner-hero .ws-text-link{color:#FFFFFF}

/* Desktop intro card follows the full-width site container. */
@media(min-width:981px){
  .ws-intro > .ws-container.ws-narrow{width:min(1180px,calc(100% - 64px))}
  .ws-intro > .ws-container.ws-narrow h2,
  .ws-intro > .ws-container.ws-narrow p{max-width:100%}
}

/* Contact details use the existing site cards with readable spacing. */
.ws-contact-details{display:grid;gap:28px}
.ws-contact-details > .ws-route-grid{margin-top:0;gap:24px}
.ws-contact-details .ws-route-card{min-width:0}
.ws-contact-details p + p{margin-top:12px}
.ws-contact-details .ws-contact-links{display:grid;gap:12px}
.ws-contact-details .ws-contact-links p{margin:0}
.ws-contact-details h2,.ws-contact-details h3{word-break:normal;overflow-wrap:normal;line-height:1.2}
.ws-contact-details .ws-contact-phone{font-size:clamp(18px,2vw,26px);font-weight:750;line-height:1.35}
.ws-contact-details .ws-contact-phone a{white-space:nowrap}

/* Homepage only: halve the outer spacing between primary sections. */
body.home .ws-main > .ws-section{padding-block:44px}
@media(min-width:981px){
  body.home .ws-main > .ws-section{padding-block:48px}
}
@media(max-width:980px){
  body.home .ws-main > .ws-section{padding-block:29px}
}
@media(max-width:430px){
  body.home .ws-main > .ws-section{padding-block:25px}
}
@media(max-width:360px){
  body.home .ws-main > .ws-section{padding-block:22px}
}

/* Contacts: a full-width editorial layout with clear ways to get in touch. */
.ws-contacts-page .ws-content-editor{max-width:none;width:100%;margin:0;color:var(--ws-text)}
.ws-contacts-page .ws-contact-details{gap:24px}
.ws-contacts-page .ws-contact-details > .ws-route-card,
.ws-contacts-page .ws-contact-details .ws-route-grid > .ws-route-card{
  padding:clamp(24px,3vw,34px);
  border:1px solid rgba(157,35,111,.13);
  border-radius:26px;
  background:linear-gradient(145deg,#fff 30%,#fff7fa);
  box-shadow:0 14px 38px rgba(84,33,55,.07);
}
.ws-contacts-page .ws-contact-details > .ws-route-card:first-child{
  background:linear-gradient(115deg,#fff5f8,#f7e8ef 65%,#f8eedf);
}
.ws-contacts-page .ws-contact-details h2,
.ws-contacts-page .ws-contact-details h3{margin:0 0 14px;color:var(--ws-text);line-height:1.2}
.ws-contacts-page .ws-contact-details p{margin:0 0 12px}
.ws-contacts-page .ws-contact-details p:last-child{margin-bottom:0}
.ws-contacts-page .ws-contact-details .ws-contact-links{gap:10px}
.ws-contacts-page .ws-contact-links a{
  display:inline-block;
  padding:7px 13px;
  border:1px solid rgba(157,35,111,.15);
  border-radius:12px;
  background:#fff;
  color:var(--ws-accent-deep);
  font-weight:700;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.ws-contacts-page .ws-contact-links a:hover,
.ws-contacts-page .ws-contact-links a:focus-visible{background:#faeaf1;border-color:var(--ws-accent)}
@media(max-width:800px){
  .ws-contacts-page .ws-contact-details{gap:18px}
  .ws-contacts-page .ws-contact-details > .ws-route-grid{gap:18px}
}

/* Legal pages use the full site container on desktop. */
@media (min-width:981px){
  .ws-document > .ws-container.ws-narrow{width:min(1180px,calc(100% - 64px))}
  .ws-document .ws-inner-body > p,
  .ws-document .ws-inner-body > h2,
  .ws-document .ws-inner-body > h3,
  .ws-document .ws-inner-body > ul,
  .ws-document .ws-inner-body > ol{max-width:100%}
}

/* Song description uses the desktop container; the package keeps its original width. */
@media (min-width:981px){
  .ws-single-song .ws-single-content{width:100%;max-width:none}
  .ws-single-song .ws-package-section{width:min(780px,100%);margin-inline:auto}
  .ws-single-song .ws-single-description{width:100%;max-width:none}
}
.ws-single-song .ws-listening-links{margin-top:16px}

/* Comfortable inset for the song description card. */
.ws-single-song .ws-single-description{padding:clamp(24px,3.5vw,44px)}

/* Song pages: suppress Jetpack's related block and reduce section spacing. */
.ws-single-song .ws-single-description #jp-relatedposts{display:none}
.ws-single-song .ws-single-content{padding-bottom:40px}
.ws-single-song .ws-section{padding-block:44px}
.ws-single-song .ws-description-section{padding-top:10px}
.ws-single-song .ws-package-section + .ws-description-section{margin-top:12px}
@media(min-width:981px){.ws-single-song .ws-section{padding-block:48px}.ws-single-song .ws-description-section{padding-top:10px}}
@media(max-width:980px){.ws-single-song .ws-section{padding-block:29px}.ws-single-song .ws-description-section{padding-top:10px}}
@media(max-width:800px){.ws-single-song .ws-single-content{padding-bottom:28px}}
@media(max-width:430px){.ws-single-song .ws-section{padding-block:25px}.ws-single-song .ws-description-section{padding-top:10px}}
@media(max-width:360px){.ws-single-song .ws-section{padding-block:22px}.ws-single-song .ws-description-section{padding-top:10px}}

/* Featured song: the caption sits below the artwork. */
.ws-featured-artwork{min-width:0;width:100%}
.ws-featured-song .ws-featured-artwork .ws-featured-cover{width:100%}
.ws-featured-song .ws-featured-cover-caption{
  position:static;display:block;margin-top:14px;padding:0;border:0;
  color:#f6e5d1;background:transparent;text-align:center;text-decoration:none;
  font-size:14px;font-weight:400;line-height:1.5
}
.ws-featured-song .ws-featured-cover-caption:hover{text-decoration:underline}
.ws-featured-song .ws-featured-cover-caption:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:800px){
  .ws-featured-song .ws-featured-artwork{grid-row:1;width:min(100%,340px);justify-self:center}
}
