/* Risingshadow Design System v1.2.22: Commerce visibility recovery.
   Shared visual contracts only. Book Page owns placement and affiliate URLs. */
.rs-hero-commerce{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;max-width:100%;min-height:52px;padding:.8rem 1.05rem;border:1px solid var(--rs-commerce-border-strong,#9b7438);border-radius:var(--rs-radius-lg);background:var(--rs-commerce-hero-bg,#302519);color:var(--rs-text-primary);font:inherit;font-weight:var(--rs-weight-semibold);line-height:1.35;text-decoration:none;cursor:pointer;transition:background-color var(--rs-transition-normal),border-color var(--rs-transition-normal),box-shadow var(--rs-transition-normal)}
.rs-hero-commerce:hover{background:var(--rs-commerce-hero-hover,#40301c);border-color:var(--rs-commerce);color:var(--rs-text-primary);text-decoration:none}
.rs-hero-commerce:focus-visible{outline:2px solid var(--rs-border-focus);outline-offset:3px;box-shadow:var(--rs-glow-focus)}
.rs-hero-commerce__label{min-width:0}.rs-hero-commerce__arrow{color:var(--rs-commerce);font-weight:var(--rs-weight-bold);flex:none}
.rs-commerce-surface{box-sizing:border-box;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--rs-commerce-surface-border,#594630);border-radius:var(--rs-radius-lg);background:var(--rs-commerce-surface-bg,#191713);color:var(--rs-text-primary)}
.rs-commerce-surface__eyebrow{color:var(--rs-commerce-muted,#c6a779);font-size:var(--rs-text-xs);font-weight:var(--rs-weight-bold);letter-spacing:.07em;text-transform:uppercase}
.rs-commerce-surface__title{color:var(--rs-text-primary)}
.rs-commerce-surface__tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--rs-commerce-divider,#514334)}
.rs-commerce-surface__tab{appearance:none;position:relative;min-height:44px;padding:.65rem 0;border:0;background:transparent;color:var(--rs-text-muted);font:inherit;font-weight:var(--rs-weight-semibold);cursor:pointer}
.rs-commerce-surface__tab:hover{color:var(--rs-text-primary)}
.rs-commerce-surface__tab[aria-selected=true]{color:var(--rs-text-primary)}
.rs-commerce-surface__tab[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--rs-commerce)}
.rs-commerce-surface__tab:focus-visible{outline:2px solid var(--rs-border-focus);outline-offset:2px}
.rs-commerce-surface__stores{display:flex;flex-wrap:wrap;gap:.55rem}
.rs-commerce-surface .rs-button--commerce{min-height:44px;padding:.7rem .9rem;background:var(--rs-commerce-store-bg,#292219);border-color:var(--rs-commerce-store-border,#695236)}
.rs-commerce-surface .rs-button--commerce:hover{background:var(--rs-commerce-hero-bg,#302519);border-color:var(--rs-commerce)}
.rs-commerce-surface__note{color:var(--rs-text-muted);font-size:var(--rs-text-xs);line-height:1.5}
@media(max-width:480px){.rs-hero-commerce{display:flex;width:100%}.rs-commerce-surface__tabs{gap:1rem;overflow-x:auto}.rs-commerce-surface__stores>.rs-button--commerce{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.rs-hero-commerce{transition:none}}

/* Design System v1.2.23 candidate: opt-in shared compact variant. Staging validation required. */
.rs-commerce-surface--compact{padding:clamp(.85rem,1.4vw,1.1rem)}
.rs-commerce-surface--compact .rs-commerce-surface__eyebrow{line-height:1.25}
.rs-commerce-surface--compact .rs-commerce-surface__title{line-height:1.2}
.rs-commerce-surface--compact .rs-commerce-surface__tabs{gap:1.25rem}
.rs-commerce-surface--compact .rs-commerce-surface__tab{min-height:44px;padding:.45rem 0}
.rs-commerce-surface--compact .rs-commerce-surface__stores{gap:.5rem}
.rs-commerce-surface--compact .rs-button--commerce{min-height:44px;padding:.55rem .8rem}
.rs-commerce-surface--compact .rs-commerce-surface__note{line-height:1.35}

/* Compact shared composition spacing; remains optional and component-owned. */
.rs-commerce-surface--compact .rs-commerce-surface__intro{margin-bottom:.3rem}
.rs-commerce-surface--compact .rs-commerce-surface__tabs{margin-bottom:.5rem}
.rs-commerce-surface--compact .rs-commerce-surface__panels{min-height:44px}
.rs-commerce-surface--compact .rs-commerce-surface__note{display:block;margin-top:.45rem}
@media(max-width:600px){.rs-commerce-surface--compact{padding:.85rem}}
