/* Shared Rhea actions: soft sage, muted clay orange, one quiet curved silhouette. */
:root{--rhea-button-sage:#879380;--rhea-button-sage-hover:#94a08d;--rhea-button-clay:#c9baad;--rhea-button-clay-hover:#d4c7bc;--rhea-button-ink:#242b23;--rhea-action:var(--rhea-button-sage);--rhea-action-hover:var(--rhea-button-sage-hover);--rhea-action-text:var(--rhea-button-ink)}
body :is(.button,.application-button,.login-preview,.meditation-start,.edit-button,.about-button,.meditation-sound,.editorial-button,.rhea-buy-button,.sex-trailer-link,.skin-trailer-link,.manifesto-cta),
body :is(.hero-actions,.invitation-actions,.edit-actions,.index-actions,.enroll-links)>a,
body .metabolism-fields button,body .summary>button,
body.rhea-has-purchase-dock :is(.rhea-trailer-intro,.hormone-hero-copy,.sleep-hero-copy) .rhea-trailer-link,
body .rhea-purchase-dock .rhea-buy-button{
 --cta-fill:var(--rhea-button-sage);--cta-hover:var(--rhea-button-sage-hover);
 display:inline-flex!important;align-items:center;justify-content:center;gap:14px!important;box-sizing:border-box;
 min-height:50px;max-width:100%;padding:15px 26px!important;border:1px solid transparent!important;border-radius:999px!important;
 background:var(--cta-fill)!important;color:var(--rhea-button-ink)!important;
 font:500 13px/1.4 'DM Sans',Arial,sans-serif!important;letter-spacing:.025em!important;text-transform:none!important;text-decoration:none!important;text-align:center;
 white-space:normal;box-shadow:none!important;cursor:pointer;transition:background .18s ease;transform:none!important;
}
body .rhea-buy-button,body .meditation-sound,body .rhea-purchase-dock .rhea-buy-button,
body :is(.hero-actions,.invitation-actions,.edit-actions,.index-actions,.enroll-links)>a:nth-of-type(2),
body .course-shop-links>.button:nth-of-type(2){--cta-fill:var(--rhea-button-clay);--cta-hover:var(--rhea-button-clay-hover)}
body :is(.button,.application-button,.login-preview,.meditation-start,.edit-button,.about-button,.meditation-sound,.editorial-button,.rhea-buy-button,.sex-trailer-link,.skin-trailer-link,.manifesto-cta):hover,
body :is(.hero-actions,.invitation-actions,.edit-actions,.index-actions,.enroll-links)>a:hover,
body .metabolism-fields button:not(:disabled):hover,
body.rhea-has-purchase-dock :is(.rhea-trailer-intro,.hormone-hero-copy,.sleep-hero-copy) .rhea-trailer-link:hover,
body .rhea-purchase-dock .rhea-buy-button:hover{background:var(--cta-hover)!important;transform:none!important;box-shadow:none!important}
body :is(.button,.application-button,.login-preview,.meditation-start,.edit-button,.about-button,.meditation-sound,.editorial-button,.rhea-buy-button,.sex-trailer-link,.skin-trailer-link,.manifesto-cta):focus-visible,
body :is(.hero-actions,.invitation-actions,.edit-actions,.index-actions,.enroll-links)>a:focus-visible,
body .metabolism-fields button:focus-visible,body .rhea-trailer-link:focus-visible{outline:2px solid #465342!important;outline-offset:5px}
/* A slim arrow or play glyph is enough; no nested colored badges. */
body .rhea-buy-button>span,body .rhea-purchase-dock .rhea-buy-button>span,
body.rhea-has-purchase-dock :is(.rhea-trailer-intro,.hormone-hero-copy,.sleep-hero-copy) .rhea-trailer-link>span{
 display:inline!important;width:auto!important;height:auto!important;flex:0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;line-height:1;font-size:18px;
}
body.rhea-has-purchase-dock :is(.rhea-trailer-intro,.hormone-hero-copy,.sleep-hero-copy) .rhea-trailer-link>span{font-size:11px}
body :is(.hero-actions,.invitation-actions,.edit-actions,.course-shop-links,.enroll-links){display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px}
body .summary>button:disabled,body .metabolism-fields button:disabled,body .button:disabled{background:#e3e6de!important;color:#596252!important;cursor:not-allowed;box-shadow:none!important}
body .rhea-purchase-dock{box-shadow:0 8px 28px #24332820}
/* Photo-first class cards: trailer on the image, two compact choices beneath. */
body .index-card .index-trailer-photo{display:block;position:relative;overflow:hidden;text-decoration:none;isolation:isolate}
body .index-trailer-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#18241c50);pointer-events:none;z-index:1}
body .index-card .index-trailer-label{position:absolute;left:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;border:1px solid #fffcf5b3;border-radius:999px;padding:12px 18px;min-height:44px;box-sizing:border-box;background:#fffcf5ee;color:#242b23;font:500 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.02em;transition:background .18s}
body .index-trailer-label>span{font-size:10px}
body .index-trailer-photo:hover .index-trailer-label{background:#fffdf7}
body .index-trailer-photo:focus-visible{outline:3px solid #465342;outline-offset:5px}
body .index-card .index-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;width:100%}
body .index-card .index-actions>a,body .index-card .index-actions>.textlink{background:var(--cta-fill)!important;color:var(--rhea-button-ink)!important;padding:13px 20px!important;min-height:48px;font-size:12px!important;letter-spacing:0!important}
body .index-card .index-price{margin-bottom:18px}
/* The dialog stays neutral so the original film is the focus. */
.class-trailer-dialog{width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:20px;background:#f8f5ef;color:#242b23;overflow:auto}
.class-trailer-dialog::backdrop{background:#18241cd9}
.class-trailer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.class-trailer-top h2{margin:0!important;font:400 clamp(22px,3vw,30px)/1.2 Georgia,serif!important}
.class-trailer-close{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;padding:8px 16px;border:1px solid #b8bfb1;border-radius:999px;background:transparent;color:#242b23;font:500 12px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer}
.class-trailer-close span{font-size:22px}.class-trailer-close:focus-visible{outline:2px solid #465342;outline-offset:3px}
.class-trailer-dialog video{display:block;width:100%;max-height:75dvh;background:#101711;border-radius:8px}
html.rhea-trailer-open{overflow:hidden}
@media(max-width:600px){body .hero-actions{align-items:stretch}body .hero-actions>a{flex:1 1 200px}body .index-card .index-trailer-label{left:16px;bottom:16px}.class-trailer-dialog{padding:15px}.class-trailer-top{gap:12px}body .rhea-purchase-dock .rhea-buy-button{min-height:46px;padding:12px 20px!important;justify-content:center}}
@media(prefers-reduced-motion:reduce){body a,body button,body .index-trailer-label{transition:none!important}}

/* Compact class selectors are navigation pills, with the same curve. */
body .course-start-links a{border-radius:999px;padding:14px 20px;justify-content:center;text-align:center}
body [hidden]{display:none!important}

/* Larger, legible primary navigation with comfortable click and touch targets. */
body header:has(nav[aria-label="Main navigation"]){flex-wrap:wrap;gap:20px 32px;padding-top:22px;padding-bottom:22px}
body header nav[aria-label="Main navigation"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 26px;font:500 15px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.055em;color:#304234}
body header nav[aria-label="Main navigation"]>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;box-sizing:border-box;border-bottom:2px solid transparent;color:#304234;text-decoration:none;white-space:nowrap}
body header nav[aria-label="Main navigation"]>a:hover,body header nav[aria-label="Main navigation"]>a[aria-current="page"]{color:#242b23;border-bottom-color:#465342}
body header nav[aria-label="Main navigation"]>a:focus-visible{outline:2px solid #465342;outline-offset:5px;border-radius:3px}
@media(max-width:1100px){body header nav[aria-label="Main navigation"]{width:100%;justify-content:space-between;gap:8px 20px}}
@media(max-width:600px){body header:has(nav[aria-label="Main navigation"]){gap:16px;padding-top:18px;padding-bottom:18px}body header nav[aria-label="Main navigation"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px 18px;font-size:14px;letter-spacing:.025em}body header nav[aria-label="Main navigation"]>a{min-height:44px;width:fit-content;max-width:100%;white-space:normal}}

/* A clear complementary action on the Gathering's sage panel. */
html body .g-page-invitation>.button{--cta-fill:var(--rhea-button-clay);--cta-hover:var(--rhea-button-clay-hover);background:var(--cta-fill)!important;color:#242b23!important}
html body .g-page-invitation>.button:hover{background:var(--cta-hover)!important;color:#242b23!important}

/* The shop is a visible, rounded destination within the main navigation. */
body header nav[aria-label="Main navigation"]{font-size:16px;letter-spacing:.015em}
body header nav[aria-label="Main navigation"]>a.nav-apothecary{padding:10px 20px;min-height:46px;background:#c9baad;color:#242b23;border:1px solid #b9a89a;border-radius:999px}
body header nav[aria-label="Main navigation"]>a.nav-apothecary:hover{background:#d4c7bc;border-color:#9f8e80;color:#242b23}
body header nav[aria-label="Main navigation"]>a.nav-apothecary[aria-current="page"]{border-color:#465342;box-shadow:inset 0 0 0 1px #465342}
@media(max-width:600px){body header nav[aria-label="Main navigation"]{font-size:14px}body header nav[aria-label="Main navigation"]>a.nav-apothecary{padding:10px 13px;line-height:1.35;text-align:center}}
body header .rhea-purchase-menu>summary{font-size:16px;letter-spacing:.015em;text-transform:none;border-bottom:2px solid transparent}
body header .rhea-purchase-menu[open]>summary,body header .rhea-purchase-menu>summary:hover{border-bottom-color:#465342}
body .rhea-purchase-menu .purchase-menu-collection{background:#c9baad;border-radius:22px;color:#242b23!important}
@media(max-width:600px){body header .rhea-purchase-menu>summary{font-size:14px}}