/* Sierra Shph public UI quality layer — v1.8.4 */
:root{
  --public-bg:#f5f6f8;
  --public-surface:#ffffff;
  --public-surface-soft:#f0f2f5;
  --public-border:#dfe3e9;
  --public-text:#202631;
  --public-heading:#0f141d;
  --public-muted:#626b78;
  --public-subtle:#858e9b;
  --public-shadow-sm:0 10px 30px rgba(17,24,39,.065);
  --public-shadow-md:0 22px 58px rgba(17,24,39,.11);
  --public-radius-card:22px;
  --public-control-height:46px;
}
html[data-theme="dark"]{
  --public-bg:#0c1118;
  --public-surface:#131a24;
  --public-surface-soft:#101720;
  --public-border:#283342;
  --public-text:#dfe6ef;
  --public-heading:#f7f9fc;
  --public-muted:#a3afbd;
  --public-subtle:#7e8b9b;
  --public-shadow-sm:0 12px 34px rgba(0,0,0,.22);
  --public-shadow-md:0 26px 66px rgba(0,0,0,.36);
  color-scheme:dark;
}
.public-page{background:var(--public-bg)!important;color:var(--public-text);line-height:1.6;-webkit-font-smoothing:antialiased}
.public-page :where(h1,h2,h3,h4,h5,h6){color:var(--public-heading);text-wrap:balance}
.public-page :where(p,li,dd){color:inherit}
.shph-public-container{width:min(100% - clamp(22px,4vw,48px),var(--public-shell))!important}
.section{padding-block:clamp(58px,7vw,96px)!important}
.section-heading{margin-bottom:clamp(25px,3vw,40px)!important}
.section-heading h2,.page-hero h1{line-height:1.02!important}
.section-heading p,.catalog-heading p,.release-description,.video-card-body p,.collection-card p,.live-schedule-main p{color:var(--public-muted)!important}

/* Navigation */
.site-header{border-color:rgba(255,255,255,.09)!important}
.navbar{min-height:74px!important}
.navbar-brand img{max-height:46px!important}
.nav-link{min-height:44px;display:flex!important;align-items:center}
.icon-button{width:46px!important;height:46px!important;border-radius:14px!important}
.btn-subscribe{min-height:46px!important;padding-inline:1.05rem!important}

/* Unified surfaces */
.public-page :where(
  .value-grid article,.release-story,.watch-stat-row>span,.bio-trust-grid>div,.live-schedule-card,.live-replay-card,
  .product-card,.playlist-card,.podcast-card,.karaoke-track,.bio-related-card,.cart-panel,.checkout-panel,.order-panel,
  .premium-search,.filter-panel,.stat-card,.feature-card,.gallery-card
){
  border-color:var(--public-border)!important;
  border-radius:var(--public-radius-card)!important;
  background:var(--public-surface)!important;
  color:var(--public-text)!important;
  box-shadow:var(--public-shadow-sm)!important;
}
.public-page :where(.video-thumb,.live-replay-art,.gallery-item,.collection-card,.hero-player){border-radius:var(--public-radius-card)!important}
.public-page :where(.video-card,.release-card,.product-card,.playlist-card,.podcast-card,.karaoke-track,.bio-related-card,.gallery-card):hover{box-shadow:var(--public-shadow-md)!important}
.public-page :where(.section-soft,.value-section,.watch-section){background:var(--public-surface-soft)!important}
.public-page :where(.section-dark,.site-footer){background:#0b0f15!important}
.public-page .collection-card{min-height:230px;padding:clamp(22px,2.2vw,30px)!important}
.public-page .collection-card h3{margin-top:clamp(36px,5vw,52px)!important;font-size:clamp(21px,2vw,26px)!important}

/* Forms and controls */
.public-page :where(.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]),select,textarea){
  min-height:var(--public-control-height);
  border:1px solid var(--public-border)!important;
  border-radius:12px!important;
  background:var(--public-surface)!important;
  color:var(--public-text)!important;
  font-size:.92rem;
}
.public-page textarea{min-height:120px;resize:vertical}
.public-page :where(.form-control,.form-select,input,select,textarea)::placeholder{color:var(--public-subtle)}
.public-page .btn{min-height:44px!important;border-radius:12px!important;font-size:.86rem;line-height:1.25}
.public-page .btn-light{background:var(--public-surface)!important;border-color:var(--public-border)!important;color:var(--public-heading)!important}
.public-page .btn-outline-secondary{border-color:var(--public-border)!important;color:var(--public-text)!important}
.public-page .alert{border-color:var(--public-border);background:var(--public-surface);color:var(--public-text);box-shadow:var(--public-shadow-sm)!important}
.public-page .table-responsive{overflow:auto;border:1px solid var(--public-border);border-radius:16px;background:var(--public-surface)}
.public-page .table{min-width:680px;--bs-table-bg:transparent;--bs-table-color:var(--public-text);--bs-table-border-color:var(--public-border)}

/* Dark-mode correction for legacy light surfaces */
html[data-theme="dark"] .public-page :where(
  .value-section,.watch-section,.section-soft,.release-story,.watch-stat-row>span,.bio-trust-grid>div,.live-schedule-card,
  .live-replay-card,.product-card,.playlist-card,.podcast-card,.karaoke-track,.bio-related-card,.cart-panel,.checkout-panel,
  .order-panel,.premium-search,.filter-panel,.stat-card,.feature-card,.gallery-card,.bg-white,.bg-light
){background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-border)!important}
html[data-theme="dark"] .public-page :where(.text-dark,.card-title){color:var(--public-heading)!important}
html[data-theme="dark"] .public-page :where(.text-muted,.form-text,.video-card-meta,.rights-note){color:var(--public-muted)!important}
html[data-theme="dark"] .public-page .live-countdown>span{background:var(--public-surface-soft)!important}
html[data-theme="dark"] .public-page .live-schedule-date{background:color-mix(in srgb,var(--shph-primary) 13%,var(--public-surface))!important}
html[data-theme="dark"] .public-page .btn-close{filter:invert(1) grayscale(1)}

/* Device behavior */
@media(max-width:1199.98px){
  .video-grid,.collections-grid,.value-grid{gap:18px!important}
}
@media(max-width:991.98px){
  .navbar-collapse{border-radius:18px!important}
  .section-heading,.catalog-heading{align-items:flex-start!important;flex-direction:column!important}
  .video-grid,.collections-grid,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .release-story{grid-template-columns:1fr!important;gap:24px!important;padding:26px!important}
}
@media(max-width:767.98px){
  .section{padding-block:50px!important}
  .hero-music{min-height:auto!important}
  .hero-grid{padding-block:54px!important}
  .hero-copy h1{font-size:clamp(42px,13vw,66px)!important}
  .video-grid,.collections-grid,.value-grid{grid-template-columns:1fr!important}
  .public-page .collection-card{min-height:210px}
  .channel-cta-inner{padding:28px!important}
  .premium-watch-meta,.live-feature-copy{padding:24px!important}
}
@media(max-width:575.98px){
  .shph-public-container{width:min(100% - 20px,var(--public-shell))!important}
  .navbar-brand img{max-width:158px!important}
  .navbar-collapse{left:10px!important;right:10px!important}
  .header-actions{grid-template-columns:46px 46px minmax(0,1fr)!important}
  .public-page .btn{min-height:48px!important;width:100%}
  .public-page .btn-group{display:grid;width:100%}
  .video-card-body{padding-inline:2px}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
}
@media(pointer:coarse){
  .public-page :where(a,button,.btn,.nav-link,.icon-button){touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}