/* Jackhao.tv V69.2 — final responsive editorial UI authority.
   Loaded last in build/runtime. Fix intrinsic layout overflow instead of hiding it. */
:root{
  --jh-ui-bg:#f8f4ee;
  --jh-ui-bg-soft:#f2ebe3;
  --jh-ui-surface:#fffdfa;
  --jh-ui-surface-soft:#fbf6f0;
  --jh-ui-ink:#2b231e;
  --jh-ui-copy:#62574f;
  --jh-ui-muted:#80736a;
  --jh-ui-accent:#8f4f34;
  --jh-ui-accent-hover:#743e29;
  --jh-ui-blue:#1769aa;
  --jh-ui-line:#e3d9cf;
  --jh-ui-line-strong:#d7c9bc;
  --jh-ui-shadow:0 18px 52px rgba(65,45,32,.08);
  --jh-ui-radius:24px;
  --jh-ui-shell:1320px;
  --jh-ui-reading:760px;
}

html{background:var(--jh-ui-bg)!important;overflow-x:auto!important;scroll-padding-top:92px}
body.premium-v35{background:linear-gradient(180deg,#fff 0%,var(--jh-ui-bg) 74%,var(--jh-ui-bg-soft) 100%)!important;color:var(--jh-ui-ink)!important}
body.premium-v35 main{overflow:visible!important;min-width:0}
body.premium-v35 img{filter:none!important}
body.premium-v35 :where(h1,h2,h3,h4,h5,h6){max-inline-size:100%!important;min-width:0;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-break:strict!important;text-wrap:balance!important;color:var(--jh-ui-ink)!important}
body.premium-v35 :where(p,li){overflow-wrap:break-word;line-break:strict;text-wrap:pretty;color:var(--jh-ui-copy)!important}
body.premium-v35 :where(.container,.wrap,.ja-shell,.jh-hub-shell,.jh-content-shell){width:min(var(--jh-ui-shell),calc(100% - 48px))!important;min-width:0;margin-inline:auto}
body.premium-v35 :where(.jh-reading-copy,.editorial-prose,.novel-text){max-width:var(--jh-ui-reading)!important}
body.premium-v35 :where(.jh-media-split,.jh-media-split.reverse,.profile-layout,.v35-feature,.v35-intro,.v35-page-cover,.ref-hero-layout,.jh-growth-heading)>*{min-width:0!important;max-width:100%}

/* Header */
body.premium-v35 .site-header-v35{
  width:min(var(--jh-ui-shell),calc(100% - 48px))!important;
  height:68px!important;
  margin:14px auto 0!important;
  padding-inline:16px!important;
  border:1px solid var(--jh-ui-line)!important;
  border-radius:20px!important;
  background:rgba(255,253,250,.94)!important;
  color:var(--jh-ui-ink)!important;
  box-shadow:0 10px 30px rgba(61,43,31,.045)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
body.premium-v35 .v35-brand{min-width:178px!important;gap:9px!important}
body.premium-v35 .v35-brand-seal{width:36px!important;height:36px!important;font-size:18px!important;background:#f4e8dc!important;color:var(--jh-ui-accent)!important;border:1px solid #dccabb!important}
body.premium-v35 .v35-brand b{font-size:16px!important;color:var(--jh-ui-ink)!important}
body.premium-v35 .v35-brand em{font-size:12px!important;color:var(--jh-ui-accent)!important}
body.premium-v35 .v35-nav{gap:22px!important}
body.premium-v35 .v35-nav a{min-height:44px!important;padding:12px 1px!important;font-size:13px!important;color:#665b53!important}
body.premium-v35 .v35-nav a:hover,body.premium-v35 .v35-nav a[aria-current="page"]{color:var(--jh-ui-accent)!important}
body.premium-v35 :where(.v35-search,.v35-channel,.v35-menu){min-height:42px!important;border-color:var(--jh-ui-line)!important;background:#fff!important;color:var(--jh-ui-ink)!important}
body.premium-v35 .v35-search{min-width:42px!important;width:42px!important;height:42px!important}
body.premium-v35 .v35-channel{height:42px!important;padding-inline:14px!important;font-size:11px!important}

/* Homepage: use large displays without making text too wide. */
body.page-home .ref-home-shell{
  width:min(var(--jh-ui-shell),calc(100% - 48px))!important;
  margin:16px auto 0!important;
  border:1px solid var(--jh-ui-line)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:var(--jh-ui-surface)!important;
  box-shadow:var(--jh-ui-shadow)!important;
}
body.page-home .ref-hero-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important;
  min-height:540px!important;
  gap:0!important;
  border-bottom:1px solid var(--jh-ui-line)!important;
}
body.page-home .ref-hero-main{min-height:540px!important;background:#f4f0eb!important;border:0!important;border-radius:0!important}
body.page-home .ref-hero-main>img{filter:none!important;object-position:center 43%!important}
body.page-home .ref-hero-main:after{
  background:linear-gradient(90deg,rgba(250,247,243,.96) 0%,rgba(250,247,243,.90) 40%,rgba(250,247,243,.54) 66%,rgba(250,247,243,.16) 100%),linear-gradient(0deg,rgba(250,247,243,.72),transparent 56%)!important;
}
body.page-home .ref-hero-copy{
  left:clamp(32px,4vw,58px)!important;
  right:auto!important;
  bottom:clamp(38px,4.5vw,58px)!important;
  width:min(590px,58%)!important;
  max-width:590px!important;
}
body.page-home .ref-hero-copy .ref-kicker{margin:0 0 14px!important;color:var(--jh-ui-accent)!important;font-size:12px!important;letter-spacing:.08em!important}
body.page-home .ref-hero-copy h1{
  margin:0!important;
  max-width:10.5em!important;
  font-size:clamp(44px,4.1vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  color:var(--jh-ui-ink)!important;
  text-shadow:none!important;
}
body.page-home .ref-hero-copy>p:not(.ref-kicker){max-width:560px!important;margin:18px 0 0!important;font-size:clamp(16px,1.2vw,18px)!important;line-height:1.82!important;color:var(--jh-ui-copy)!important}
body.page-home .jh-growth-tagline{margin-top:14px!important;font-size:16px!important;line-height:1.6!important;color:var(--jh-ui-ink)!important}
body.page-home .ref-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}
body.page-home .ref-hero-actions a{min-height:46px!important;padding:0 17px!important;border:1px solid var(--jh-ui-line-strong)!important;border-radius:14px!important;background:#fff!important;color:var(--jh-ui-ink)!important;font-size:13px!important}
body.page-home .ref-hero-actions a.primary{background:var(--jh-ui-blue)!important;border-color:var(--jh-ui-blue)!important;color:#fff!important;box-shadow:none!important}

body.page-home .ref-latest{padding:30px 24px!important;border:0!important;border-left:1px solid var(--jh-ui-line)!important;border-radius:0!important;background:#fbf7f2!important;box-shadow:none!important}
body.page-home .ref-latest-head{margin-bottom:16px!important}.ref-latest-head h2{font-size:22px!important;color:var(--jh-ui-ink)!important}.ref-latest-head a{font-size:12px!important;color:var(--jh-ui-accent)!important}
body.page-home .ref-latest-list{gap:10px!important}
body.page-home .ref-latest-item{grid-template-columns:66px minmax(0,1fr) auto!important;gap:12px!important;padding:9px!important;border:1px solid transparent!important;border-radius:14px!important}
body.page-home .ref-latest-item:hover{background:#fff!important;border-color:var(--jh-ui-line)!important}
body.page-home .ref-latest-item img{width:66px!important;height:66px!important;border-radius:10px!important;filter:none!important}
body.page-home .ref-latest-item b{font-size:14px!important;color:var(--jh-ui-ink)!important}.page-home .ref-latest-item small{font-size:11px!important;color:var(--jh-ui-muted)!important}.page-home .ref-latest-item em{font-size:10px!important;background:#f3e8de!important;color:var(--jh-ui-accent)!important;border:0!important;border-radius:999px!important;padding:4px 7px!important}
body.page-home .ref-latest-more{min-height:42px!important;margin-top:15px!important;border:1px solid var(--jh-ui-line)!important;border-radius:12px!important;color:var(--jh-ui-accent)!important;background:#fff!important;font-size:12px!important}

/* Home section rhythm */
body.page-home .ref-quick{grid-template-columns:repeat(6,minmax(0,1fr))!important;background:#fff!important;border-bottom:1px solid var(--jh-ui-line)!important}
body.page-home .ref-quick a{min-width:0!important;padding:18px 15px!important;border-right:1px solid var(--jh-ui-line)!important;background:#fff!important;box-shadow:none!important}
body.page-home .ref-quick i{width:36px!important;height:36px!important;border-radius:10px!important;border-color:var(--jh-ui-line)!important;background:var(--jh-ui-surface-soft)!important;color:var(--jh-ui-accent)!important}
body.page-home .ref-quick b{font-size:13px!important;color:var(--jh-ui-ink)!important}.page-home .ref-quick small{font-size:10px!important;color:var(--jh-ui-muted)!important}
body.page-home .ref-section{padding:clamp(42px,4vw,62px) clamp(24px,3vw,42px)!important;border-bottom:1px solid var(--jh-ui-line)!important}
body.page-home .ref-section-head{align-items:end!important}.page-home .ref-section-head h2{font-size:clamp(28px,2.5vw,36px)!important}.page-home .ref-section-head p{font-size:14px!important;line-height:1.65!important}.page-home .ref-section-head>a{font-size:12px!important;color:var(--jh-ui-accent)!important}
body.page-home .ref-music-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}.page-home .ref-music-card{min-width:0!important}.page-home .ref-music-card figure{border-radius:14px!important;border-color:var(--jh-ui-line)!important}.page-home .ref-music-card img{filter:none!important}.page-home .ref-music-card b{font-size:14px!important;color:var(--jh-ui-ink)!important}.page-home .ref-music-card small{font-size:11px!important;color:var(--jh-ui-muted)!important}
body.page-home .ref-story-grid{grid-template-columns:1.2fr .8fr .8fr!important;gap:14px!important}.page-home .ref-story-card{border-radius:18px!important;border-color:var(--jh-ui-line)!important}.page-home .ref-story-card img{filter:brightness(.78) saturate(.88)!important}.page-home .ref-story-card h3{font-size:23px!important}.page-home .ref-story-card p{font-size:12px!important;color:#eee5dc!important}
body.page-home .ref-theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.page-home .ref-theme-grid a{border-radius:14px!important;border-color:var(--jh-ui-line)!important;background:#fff!important}.page-home .ref-theme-grid b{font-size:16px!important;color:var(--jh-ui-ink)!important}.page-home .ref-theme-grid small{font-size:10px!important;color:var(--jh-ui-muted)!important}
body.page-home .ref-platform-strip{padding:18px clamp(22px,3vw,34px)!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--jh-ui-line)!important;background:#f7f1ea!important;color:var(--jh-ui-ink)!important;box-shadow:none!important}.page-home .ref-platform-strip strong{font-size:13px!important;color:var(--jh-ui-ink)!important}.page-home .ref-platform-strip span,.page-home .ref-platform-strip a{font-size:11px!important}.page-home .ref-platform-badges a{width:auto!important;height:auto!important;min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;background:#fff!important;color:var(--jh-ui-accent)!important;border:1px solid var(--jh-ui-line)!important}

/* Growth + mood sections */
.jh-growth-section,.jh-mood-section,.jh-growth-inline,.jh-song-journey{width:min(var(--jh-ui-shell),calc(100% - 48px))!important}
.jh-growth-section{margin-top:24px!important;padding:clamp(28px,3.3vw,44px)!important;border-radius:24px!important;border-color:var(--jh-ui-line)!important;background:linear-gradient(180deg,#fffaf5,#fff)!important;box-shadow:none!important}
.jh-growth-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)!important;align-items:end!important;gap:32px!important}.jh-growth-heading h2{max-width:16ch!important}.jh-growth-heading p{max-width:520px!important}.jh-growth-grid{gap:14px!important}.jh-growth-card{border-radius:18px!important;border-color:var(--jh-ui-line)!important;box-shadow:none!important;background:#fff!important}.jh-growth-card img{filter:none!important}.jh-growth-card h3{color:var(--jh-ui-ink)!important}.jh-growth-card p{color:var(--jh-ui-copy)!important}.jh-growth-card small,.jh-growth-card span{color:var(--jh-ui-accent)!important}
.jh-mood-section{margin-top:20px!important}.jh-mood-shell{border-radius:24px!important;border-color:var(--jh-ui-line)!important;background:#fff!important}.jh-mood-shell h2{max-width:none!important}.jh-mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.jh-mood-card{min-width:0!important;border-radius:16px!important;border-color:var(--jh-ui-line)!important;background:#fbf6f0!important}.jh-mood-card b{color:var(--jh-ui-ink)!important}.jh-mood-card small{color:var(--jh-ui-muted)!important}

/* Theme/listening pages: eliminate text clipping at intermediate widths. */
body.page-themes .v35-page-cover,body.page-listening .jh-media-split,body.page-listening .jh-media-split.reverse{min-width:0!important}
body.page-themes .v35-page-cover>div{min-width:0!important;max-width:min(760px,100%)!important;padding-right:0!important}
body.page-themes .v35-page-cover h1{max-width:13em!important;font-size:clamp(42px,4.2vw,60px)!important;line-height:1.08!important}
body.page-listening .v26-room-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.page-listening .v26-room-card{min-width:0!important}

/* Platform directory */
.page-platforms .jh-platform-shell{width:min(1240px,calc(100% - 48px))!important}.page-platforms .jh-platforms-hero{padding:62px 0 48px!important;background:linear-gradient(145deg,#f4eee7,#fff)!important;color:var(--jh-ui-ink)!important;border-bottom:1px solid var(--jh-ui-line)!important}.page-platforms .jh-platforms-hero h1{max-width:13em!important;color:var(--jh-ui-ink)!important;text-shadow:none!important}.page-platforms .jh-platforms-hero>div>p:not(.jh-platform-kicker){color:var(--jh-ui-copy)!important}.page-platforms .jh-platforms-hero .jh-platform-card{background:#fff!important;color:var(--jh-ui-ink)!important;border-color:var(--jh-ui-line)!important}.page-platforms .jh-platforms-hero .jh-platform-card small{color:var(--jh-ui-muted)!important}.page-platforms .jh-platforms-section{background:#fff!important}.page-platforms .jh-platforms-section.pending{background:#f7f2ec!important}.jh-platform-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.jh-service-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:13px 14px;border:1px solid var(--jh-ui-line);border-radius:14px;background:#fff;color:var(--jh-ui-ink);text-decoration:none}.jh-service-card:hover,.jh-service-card:focus-visible{border-color:#cbb7a7;background:#fffaf5}.jh-service-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f2ebe4;color:var(--jh-ui-accent);font-size:11px;font-weight:800;letter-spacing:.02em}.jh-service-card span{min-width:0}.jh-service-card b{display:block;font-size:13px;line-height:1.3;color:var(--jh-ui-ink)}.jh-service-card small{display:block;margin-top:3px;font-size:10.5px;line-height:1.35;color:var(--jh-ui-muted);white-space:normal}.jh-service-card i{font-style:normal;color:var(--jh-ui-accent)}.jh-service-card[data-status="distribution"]{background:#faf7f3}.jh-service-card[data-status="distribution"] i{color:var(--jh-ui-muted)}.jh-platform-note{margin-top:18px!important;font-size:13px!important;line-height:1.7!important;color:var(--jh-ui-muted)!important}

/* Canonical compact footer */
body.premium-v35 .site-footer-v35{margin-top:0!important;padding:0!important;background:#eee7df!important;border-top:1px solid var(--jh-ui-line-strong)!important;color:var(--jh-ui-copy)!important}
body.premium-v35 .site-footer-v35 .v35-footer-grid{
  width:min(var(--jh-ui-shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding:34px 0 24px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(120px,.7fr))!important;
  gap:28px!important;
  border-bottom:1px solid var(--jh-ui-line-strong)!important;
}
body.premium-v35 .v35-footer-grid>section{min-width:0!important}.v35-footer-name{display:flex!important;gap:8px!important;align-items:baseline!important}.v35-footer-name span{font-size:24px!important;line-height:1.15!important;color:var(--jh-ui-ink)!important}.v35-footer-name em{font-size:16px!important;color:var(--jh-ui-accent)!important}.v35-footer-grid section p{max-width:360px!important;margin:12px 0 8px!important;font-size:13px!important;line-height:1.7!important;color:var(--jh-ui-copy)!important}.v35-footer-grid section>a:not(.v35-footer-name){min-height:32px!important;font-size:13px!important;color:var(--jh-ui-accent)!important}.v35-footer-grid nav{display:flex!important;flex-direction:column!important;gap:0!important}.v35-footer-grid nav>b{margin-bottom:7px!important;font-size:12px!important;letter-spacing:.05em!important;color:var(--jh-ui-ink)!important}.v35-footer-grid nav>a{min-height:34px!important;padding:4px 0!important;font-size:13px!important;line-height:1.35!important;color:#665b53!important}.v35-footer-grid nav>a:hover{color:var(--jh-ui-accent)!important}
body.premium-v35 .v35-footer-bottom{width:min(var(--jh-ui-shell),calc(100% - 48px))!important;margin-inline:auto!important;padding:15px 0 calc(17px + env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;font-size:11px!important;line-height:1.5!important;color:var(--jh-ui-muted)!important}.v35-footer-bottom>span:last-child{display:flex!important;flex-wrap:wrap!important;gap:14px!important}.v35-footer-bottom a{min-height:30px!important;display:inline-flex!important;align-items:center!important;color:var(--jh-ui-muted)!important}

/* Tablet */
@media(max-width:1100px){
  body.premium-v35 .site-header-v35,body.page-home .ref-home-shell,body.premium-v35 :where(.container,.wrap,.ja-shell,.jh-hub-shell,.jh-content-shell),.jh-growth-section,.jh-mood-section,.jh-growth-inline,.jh-song-journey,.page-platforms .jh-platform-shell{width:calc(100% - 32px)!important}
  body.premium-v35 .v35-nav{gap:14px!important}
  body.premium-v35 .v35-nav a{font-size:12px!important}
  body.page-home .ref-hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(290px,.75fr)!important}
  body.page-home .ref-hero-copy{width:min(540px,64%)!important;left:34px!important}
  body.page-home .ref-hero-copy h1{font-size:clamp(40px,4.6vw,52px)!important}
  body.page-home .ref-music-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.page-home .ref-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .jh-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-listening .v26-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jh-platform-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  body.premium-v35 .site-header-v35{grid-template-columns:auto 1fr auto!important}
  body.premium-v35 .v35-nav{display:none!important}
  body.premium-v35 .v35-menu{display:block!important}
  body.page-home .ref-hero-layout{grid-template-columns:1fr!important}
  body.page-home .ref-hero-main{min-height:520px!important}
  body.page-home .ref-hero-copy{width:min(600px,calc(100% - 64px))!important;max-width:600px!important}
  body.page-home .ref-latest{border-left:0!important;border-top:1px solid var(--jh-ui-line)!important}
  body.page-home .ref-latest-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-home .ref-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.page-home .ref-story-grid{grid-template-columns:1fr 1fr!important}.page-home .ref-story-card:first-child{grid-column:1/-1!important}
  .jh-growth-heading{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
  .jh-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-themes .v35-page-cover{grid-template-columns:1fr!important}.page-themes .v35-page-cover>img{max-height:360px!important;width:100%!important;object-fit:cover!important}
  .jh-platform-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.premium-v35 .site-footer-v35 .v35-footer-grid{grid-template-columns:1.3fr repeat(3,minmax(100px,.7fr))!important;gap:20px!important}
}

/* Phone */
@media(max-width:700px){
  html{scroll-padding-top:78px}
  body.premium-v35 .site-header-v35,body.page-home .ref-home-shell,body.premium-v35 :where(.container,.wrap,.ja-shell,.jh-hub-shell,.jh-content-shell),.jh-growth-section,.jh-mood-section,.jh-growth-inline,.jh-song-journey,.page-platforms .jh-platform-shell{width:calc(100% - 20px)!important}
  body.premium-v35 .site-header-v35{height:62px!important;margin-top:10px!important;border-radius:16px!important;padding-inline:12px!important}
  body.premium-v35 .v35-brand{min-width:0!important}.v35-brand-seal{width:34px!important;height:34px!important}.v35-brand b{font-size:15px!important}.v35-brand em{display:none!important}.v35-channel{display:none!important}
  body.premium-v35 .v35-mobile{top:68px!important;left:0!important;right:0!important;border-radius:14px!important;background:#fffdfa!important;border-color:var(--jh-ui-line)!important}.v35-mobile a{min-height:44px!important;padding:11px 12px!important;color:var(--jh-ui-ink)!important}
  body.page-home .ref-home-shell{margin-top:10px!important;border-radius:20px!important}
  body.page-home .ref-hero-main{min-height:560px!important}
  body.page-home .ref-hero-main:after{background:linear-gradient(0deg,rgba(250,247,243,.98) 0%,rgba(250,247,243,.90) 43%,rgba(250,247,243,.22) 76%,rgba(250,247,243,.06) 100%)!important}
  body.page-home .ref-hero-copy{left:20px!important;right:20px!important;bottom:28px!important;width:auto!important;max-width:none!important}
  body.page-home .ref-hero-copy h1{max-width:9.4em!important;font-size:clamp(34px,9.5vw,44px)!important;line-height:1.1!important}
  body.page-home .ref-hero-copy>p:not(.ref-kicker){font-size:16px!important;line-height:1.72!important}
  body.page-home .ref-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.page-home .ref-hero-actions a{width:100%!important;padding-inline:10px!important}
  body.page-home .ref-latest{padding:22px 14px!important}.page-home .ref-latest-list{grid-template-columns:1fr!important}.page-home .ref-latest-item{grid-template-columns:62px minmax(0,1fr) auto!important}.page-home .ref-latest-item img{width:62px!important;height:62px!important}
  body.page-home .ref-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-home .ref-quick a{padding:15px 12px!important}.page-home .ref-quick a:nth-child(2n){border-right:0!important}
  body.page-home .ref-section{padding:38px 16px!important}.page-home .ref-section-head{align-items:start!important;flex-direction:column!important;gap:8px!important}.page-home .ref-music-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-home .ref-story-grid{grid-template-columns:1fr!important}.page-home .ref-story-card:first-child{grid-column:auto!important}.page-home .ref-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-home .ref-platform-strip{align-items:flex-start!important;flex-direction:column!important;padding:16px!important}
  .jh-growth-section,.jh-mood-shell,.jh-song-journey{padding:20px!important;border-radius:18px!important}.jh-growth-grid,.jh-mood-grid{grid-template-columns:1fr!important}.jh-growth-heading h2{max-width:none!important}.jh-growth-card p,.jh-mood-card small{font-size:15px!important}
  body.page-themes .v35-page-cover h1{max-width:none!important;font-size:clamp(32px,9vw,42px)!important}.page-listening .v26-room-grid{grid-template-columns:1fr!important}
  .jh-platform-directory{grid-template-columns:1fr!important}.jh-service-card{min-height:68px!important}.page-platforms .jh-platform-grid{grid-template-columns:1fr!important}
  body.premium-v35 .site-footer-v35 .v35-footer-grid{width:calc(100% - 36px)!important;padding:28px 0 20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 14px!important}.site-footer-v35 .v35-footer-grid>section{grid-column:1/-1!important;padding-bottom:2px!important}.v35-footer-grid section p{max-width:none!important;margin:9px 0 5px!important;font-size:12.5px!important}.v35-footer-grid nav{padding-top:10px!important;border-top:1px solid var(--jh-ui-line-strong)!important}.v35-footer-grid nav>b{font-size:11.5px!important}.v35-footer-grid nav>a{min-height:36px!important;font-size:13px!important}.site-footer-v35 .v35-footer-bottom{width:calc(100% - 36px)!important;padding:13px 0 calc(16px + env(safe-area-inset-bottom))!important;align-items:flex-start!important;flex-direction:column!important;gap:5px!important;font-size:10.5px!important}
}

@media(max-width:390px){
  body.page-home .ref-hero-actions{grid-template-columns:1fr!important}.page-home .ref-hero-copy h1{font-size:clamp(32px,9.2vw,38px)!important}.page-home .ref-quick b{font-size:12px!important}.page-home .ref-quick small{font-size:9.5px!important}
  body.premium-v35 .site-footer-v35 .v35-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer-v35 .v35-footer-grid nav:last-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:16px!important}.site-footer-v35 .v35-footer-grid nav:last-child>b{grid-column:1/-1!important}
}

@media(hover:hover){.jh-service-card,.ref-latest-item,.ref-music-card,.jh-growth-card,.jh-mood-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.jh-service-card:hover,.ref-music-card:hover,.jh-growth-card:hover,.jh-mood-card:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}}