/* S&C Community — an ivory, olive and limestone social journal.
   Loaded only by /app/. Marketing and home page styles are deliberately shared unchanged. */
:root { color-scheme: light; }
body.sc-app {
  --ink:#f8f7f2; --surface:#fffefa; --surface-2:#efefe7;
  --cream:#303b32; --dim:#6b7467; --line:#dedfd4;
  --lime:#4c6046; --lime-b:#3c5037; --gold:#806d4f; --gold-soft:#77664d;
  --wellness-serif:'Cormorant Garamond',Georgia,serif;
  --wellness-sans:'DM Sans','Noto Sans Thai',sans-serif;
  background:#eeeee6; color:var(--cream); font-family:var(--wellness-sans);
  line-height:1.75; font-weight:400;
}
body.sc-app *, body.sc-app *::before, body.sc-app *::after { font-style:normal!important; }
body.sc-app :is(button,input,textarea,select,.disp,.ph-title,.tl,.name,.av,.nm,.sheet-h b,.uov-top b,.uov-name,.tagpill,.cert,.feed-sort,.nav-caption,.nav-foot b) { font-family:var(--wellness-sans); }
body.sc-app :is(button,input,textarea,select) { letter-spacing:0; }
body.sc-app :is(.disp,.ph-title,.tl,.name,.tagpill,.cert) { font-weight:500; text-transform:none; }
body.sc-app :is(button,a,input,textarea,select,[tabindex]):focus-visible { outline:2px solid #4c6046!important; outline-offset:4px!important; }
body.sc-app :is(input,textarea,select) { accent-color:var(--lime); caret-color:var(--lime); }
body.sc-app :is(input,textarea)::placeholder { color:#777e71; }
body.sc-app .phone { background:var(--ink); }
body.sc-app .top { background:#f8f7f2f5; border-bottom:1px solid var(--line); box-shadow:none; min-height:80px; }
body.sc-app .top .logo { font:500 2rem/1 var(--wellness-serif); color:#344531; letter-spacing:-.08em; }
body.sc-app .top .logo span { color:inherit; }
body.sc-app .top .sc-brand-caption { display:inline-block; font:500 9px/1.8 var(--wellness-sans); letter-spacing:.2em; color:#687260; margin-left:18px; }
body.sc-app .top .r { gap:10px; }
body.sc-app .top .av, body.sc-app .composer .av { background:#e5e8dc; color:#4c6046; border:1px solid #d6ddca; font-weight:500; box-shadow:none; }
body.sc-app .icobtn { color:#55634e; }
body.sc-app .body { padding-top:30px; }
body.sc-app .nav { background:#f8f7f2f7; border-color:var(--line); box-shadow:none; }
body.sc-app .nav button { color:#70796b; font-weight:400; }
body.sc-app .nav button.on { background:#e9ecdf; color:#40563b; border:0; box-shadow:none; }
body.sc-app .nav .playwrap { background:#4c6046; color:#fffefa; box-shadow:none; border:0; }
body.sc-app .nav .playwrap svg { stroke:#fffefa; }
body.sc-app .hot-pill { display:none; }
body.sc-app .nav-caption { color:#7a826f; font-weight:400; font-size:9px; letter-spacing:.2em; }
body.sc-app .nav-foot { color:#717a69; }
body.sc-app .nav-foot b { color:#4d5b46; letter-spacing:.15em; }
body.sc-app .sc-skip { background:#4c6046;color:#fffefa; }

/* A compact editorial masthead leads into a genuine, connected member feed. */
.sc-journal-masthead { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:21px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.sc-journal-masthead span { font:500 10px/1.5 var(--wellness-sans); letter-spacing:.22em; color:#4e6047; }
.sc-journal-masthead small { font-size:10px; color:#6b7467; letter-spacing:.06em; }
body.sc-app .sc-community-hero { display:grid; grid-template-columns:1.1fr 1fr; border:0; border-radius:3px; background:#efeee5; margin:0 0 25px; min-height:330px; overflow:hidden; }
body.sc-app .sc-community-hero::after { display:none; }
body.sc-app .sc-community-hero>img { position:relative; inset:auto; grid-column:2; grid-row:1; width:100%; height:100%; min-height:330px; object-fit:cover; object-position:57% 50%; opacity:1; z-index:auto; }
body.sc-app .sc-community-hero .sc-club-hero-copy { grid-column:1;grid-row:1;max-width:none;padding:36px 30px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center; }
body.sc-app .sc-community-hero .sc-eyebrow { color:#69755f;font:500 9px/1.6 var(--wellness-sans);letter-spacing:.22em;margin-bottom:16px; }
body.sc-app .sc-community-hero h1 { font:400 clamp(2.8rem,4.3vw,4rem)/.97 var(--wellness-serif);letter-spacing:-.035em;color:#3d5036; }
body.sc-app .sc-community-hero h1 em { font-family:inherit;font-style:italic!important;font-weight:400;color:#63735b; }
body.sc-app .sc-community-hero p { color:#626e5b;font-size:.81rem;line-height:1.9;margin:18px 0 20px;max-width:290px; }
body.sc-app .sc-community-actions { display:flex;gap:12px;flex-wrap:wrap;width:100%; }
body.sc-app .sc-club-cta { min-height:44px;padding:10px 17px;background:#4c6046;color:#fffefa;border:1px solid #4c6046;border-radius:3px;font:500 .77rem/1.6 var(--wellness-sans);box-shadow:none;gap:16px; }
body.sc-app .sc-club-cta:hover { background:#3b5035;border-color:#3b5035; }
body.sc-app .sc-community-level { color:#626f59;font:400 .7rem/1.6 var(--wellness-sans);text-decoration:underline;text-underline-offset:4px; }
body.sc-app .sc-community-level:hover { color:#354d2e; }
.sc-journal-note { display:flex;justify-content:space-between;gap:16px;padding-top:20px;margin-top:22px;border-top:1px solid #d6d8c9;width:100%; }
.sc-journal-note span { font:500 8px/1.6 var(--wellness-sans);letter-spacing:.14em;color:#69775e; }
body.sc-app .applybar { background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:2px 0 22px;font-size:.75rem;color:#6d7666;margin-bottom:26px; }
body.sc-app .applybar b { color:#4c6046;font-weight:500; }
body.sc-app .sc-feed-label { margin-top:24px;margin-bottom:16px;align-items:center; }
body.sc-app .sc-journal-heading { display:block;margin:0; }
.sc-journal-heading .sc-eyebrow { display:block;font:400 9px/1.5 var(--wellness-sans);letter-spacing:.22em;color:#707b65;margin-bottom:5px; }
body.sc-app .sc-feed-label h2 { font-family:var(--wellness-sans);font-size:1.05rem;font-weight:500;color:#344331;letter-spacing:-.02em; }
body.sc-app .sc-explore-btn { color:#5a6c51;font-size:.74rem; }
body.sc-app .composer { background:#fffefa;border:1px solid var(--line);border-radius:5px;min-height:75px;padding:17px 20px;margin-bottom:18px;gap:14px;box-shadow:none; }
body.sc-app .composer>span { font-size:.83rem;color:#74806c; }
body.sc-app .composer .ic { color:#68785c;flex:0 0 auto; }
body.sc-app .compose { background:#fffefa;border:1px solid #a3af98;border-radius:6px;padding:20px; }
body.sc-app .compose textarea { background:#f8f7f2;min-height:125px;border-color:var(--line);border-radius:4px;line-height:1.8; }
body.sc-app :is(.attach,.ctxq,.ctxchip,.tagpill,.cert) { border-radius:4px;background:#eef0e7;border-color:#d9dfce;color:#556b49;font-weight:500;box-shadow:none; }
body.sc-app .attach-group { gap:8px; }
body.sc-app .attach { padding:8px 10px;font-size:.75rem; }
body.sc-app .crow { flex-wrap:wrap;gap:16px; }
body.sc-app .crow>div:last-child { margin-left:auto; }
body.sc-app .cpost { border-radius:4px;font-weight:500; }
body.sc-app .yt-howto { background:#f4f4ec;border-color:var(--line); }
body.sc-app .yt-open { color:#745347;border-color:#c9b9b0; }
body.sc-app .feed-sort { display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 23px;padding:0; }
body.sc-app .feed-sort button { background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;min-height:48px;padding:9px 1px;color:#78816f;font-size:.8rem;font-weight:400;box-shadow:none; }
body.sc-app .feed-sort button.on { color:#405439;border-bottom-color:#526a47;background:transparent; }
body.sc-app .feed-sort .sc-icon-wrap { display:none; }
body.sc-app .post { background:#fffefa;border:1px solid var(--line);border-radius:6px;padding:22px;margin-bottom:25px;box-shadow:none; }
body.sc-app .post .hd { gap:12px;margin-bottom:16px; }
body.sc-app .post .av { width:42px;height:42px;border:1px solid #d9dfce;background-color:#e8ecdf!important;color:#4c6046!important;box-shadow:none;font-weight:500; }
body.sc-app .post .nm { font-size:.9rem;font-weight:500; }
body.sc-app .post .mt { font-size:.71rem;color:#76816e; }
body.sc-app .post p { color:#4f5c48;line-height:1.85;font-size:.89rem; }
body.sc-app .post .post-ctx { color:#75816b; }
body.sc-app .post :is(.pimg,.carousel .track,.carousel .slide,.img) { border-radius:2px;background:#efeee8; }
body.sc-app .post .act { border-top:0;gap:22px;padding-top:12px;color:#68765d;font-size:.8rem; }
body.sc-app .post .act b { color:#435a39;font-weight:500; }
body.sc-app .post .ptxt-more { color:#586b4c;font-weight:500; }
body.sc-app .cert { font-family:var(--wellness-sans);font-size:.56rem;letter-spacing:.04em;font-weight:400;padding:3px 6px; }
body.sc-app .sc-empty { border:1px solid var(--line);border-radius:5px;background:#f2f3eb;color:#738068;padding:36px 24px;box-shadow:none; }
body.sc-app .sc-empty h3 { font:500 1rem/1.7 var(--wellness-sans);color:#42553a;margin:8px 0; }
body.sc-app .sc-empty p { font-size:.8rem;line-height:1.85; }
body.sc-app .sc-empty button { background:#4c6046;color:#fffefa;border:0;border-radius:4px;font:500 .8rem/1.6 var(--wellness-sans);margin-top:17px; }
.sc-empty-mark { display:block;margin:auto;width:30px;height:30px;color:#78866b; }

/* Every surface reached from the social feed follows the same calm system. */
body.sc-app :is(.sheet,.sc-explore-sheet,.profileov,.eventov,.brandov,.quizov,.scdlg) { background:#f8f7f2;border-color:var(--line);color:var(--cream); }
body.sc-app :is(.sheet-h,.sc-explore-sheet .sheet-h,.uov-top,.eov-top,.bp-top,.brand-top) { background:#f8f7f2;border-color:var(--line);color:var(--cream); }
body.sc-app .sheet-h .x { background:#eaece1;border:1px solid #d8ddce;color:#53644a; }
body.sc-app :is(.sheet-h b,.uov-top b,.uov-name,.uov-stats b,.uov-t) { font-family:var(--wellness-sans);font-weight:500;font-style:normal; }
body.sc-app :is(.uov-bio,.uov-sports,.cmt-tx,.cmt-text) { color:#4e5c47; }
body.sc-app :is(.sc-collection-item,.rowbtn,.sopt,.pcard,.evcard,.co-card,.sj-room-card,.sj-plan,.sj-filters) { background:#fffefa;border-color:var(--line);box-shadow:none;border-radius:7px; }
body.sc-app :is(.sc-collection-copy strong,.sc-collection-item,.sc-quick b) { color:#3b4d33; }
body.sc-app :is(.sc-collection-copy small,.sc-collection-intro p,.sc-quick small) { color:#6c7961; }
body.sc-app .sc-collection-intro>span { color:#748368; }
body.sc-app :is(.sc-collection-icon,.sc-collection-icon.sc-tone-sage,.sc-quick>.sc-icon-wrap) { border-color:#d7ddcc;color:#657a54;background:#eef0e6;box-shadow:none;border-radius:7px; }
body.sc-app .sc-collection-arrow { color:#738268; }
body.sc-app :is(.sc-collection-item:hover,.rowbtn:hover,.sopt:hover,.sc-quick:hover) { background:#eff1e6;border-color:#afbaa0;transform:none; }
body.sc-app .pf-cover:not(.has) { background:#e0e5d4 url('/img/community-wellness.webp') center 58%/cover;height:175px; }
body.sc-app .pcard { background:#fffefa; }
body.sc-app .passport-row { background:#f0f1e8!important;border-color:#d2d9c5!important; }
body.sc-app .sc-events-intro { background:#e9ecdf;border-color:#d8dfcd;border-radius:6px; }
body.sc-app .sc-events-intro::before { background:none; }
body.sc-app :is(.sc-events-intro .ph-title,.sc-events-intro p,.sc-events-intro .sc-eyebrow) { color:#465a3b; }
body.sc-app .reward-soon { background:#eef0e5;border-color:#d7deca;animation:none;box-shadow:none; }
body.sc-app .reward-soon .rs-badge { background:#dde5cf;color:#4a5d3d; }
body.sc-app :is(.bigbtn,.mkbtn,.ufollow,.cpost,.sj-button,.bp-send,.upg) { font-family:var(--wellness-sans);font-style:normal;font-weight:500;box-shadow:none; }
body.sc-app :is(.bigbtn,.bp-post,.auth-tab,.ufollow,.sj-button,.snapbtn,.inst-onetap,.mkbtn,.offer-cta,.deal-go) { border-radius:4px; }
body.sc-app .sheet-bg.on { background:rgba(45,54,40,.34);backdrop-filter:blur(5px); }
body.sc-app .toast { background:#3f5337;color:#fffefa;border:1px solid #4e6345;box-shadow:0 10px 30px #2b3b2020; }
body.sc-app .sc-update-banner { background:#fffefa;border-color:#bac5ac;color:#4b5e40; }
body.sc-app .instbar { background:#eef0e5;border-color:#d5ddc7; }
body.sc-app .po-av { background-color:#e8ecdf;color:#4c6046;font:500 1.6rem/1 var(--wellness-sans); }
body.sc-app :is(.po-follow,.po-msg,.po-btn) { background:#4c6046;color:#fffefa;border-color:#4c6046;font-family:var(--wellness-sans);font-weight:500; }
body.sc-app .po-btn.add { background:#4c6046;color:#fffefa;border-radius:4px;font-weight:500;font-size:.84rem;min-height:46px; }
body.sc-app .po-btn.add.on,body.sc-app .po-btn.dm { background:#eef0e6;color:#4c6046;border:1px solid #d0dac2; }
body.sc-app .po-tag { background:#e8eddf;color:#5d704f;font-weight:500;border-radius:4px; }
body.sc-app .po-nm { font-weight:500; }
body.sc-app #officialFeed { max-width:720px;margin-inline:auto; }
body.sc-app .sc-journal-heading .sc-eyebrow { display:block;margin-bottom:5px; }
body.sc-app .sc-benefit-examples { margin:24px 0 20px;padding:24px;background:#fffefa;border:1px solid #dedfd4;border-radius:6px; }
body.sc-app .sc-benefit-heading { margin-bottom:12px; }
body.sc-app .sc-benefit-heading .sc-eyebrow { display:block;margin-bottom:6px;font-size:9px; }
body.sc-app .sc-benefit-heading h2 { font:500 17px/1.6 var(--wellness-sans);color:#344531; }
body.sc-app .sc-benefit-list { list-style:none;padding:0;margin:0; }
body.sc-app .sc-benefit-list li { display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e7e7dd; }
body.sc-app .sc-benefit-list li:last-child { border-bottom:0;padding-bottom:8px; }
body.sc-app .sc-benefit-number { flex:0 0 27px;color:#8a927e;font:400 27px/1.1 var(--wellness-serif);padding-top:2px; }
body.sc-app .sc-benefit-category { display:block;margin-bottom:4px;color:#737e69;font:500 9px/1.6 var(--wellness-sans);letter-spacing:.15em; }
body.sc-app .sc-benefit-list h3 { margin:0 0 6px;font:500 15px/1.6 var(--wellness-sans);color:#344531; }
body.sc-app .sc-benefit-list p { margin:0;color:#68715f;font:400 13px/1.8 var(--wellness-sans); }
body.sc-app .sc-benefit-note { margin:20px 0 0;padding-top:16px;border-top:1px solid #e7e7dd;color:#747c6c;font:400 11px/1.8 var(--wellness-sans); }
body.sc-app #dealsHost .deal-gate { padding:24px;background:#ecefe4;border-color:#dce1d1;border-radius:6px; }
body.sc-app #dealsHost .deal-gate b { margin-bottom:8px;font-weight:500;color:#344531; }
body.sc-app #dealsHost .deal-gate > span { max-width:430px;margin:0 auto 18px;color:#68715f; }
body.sc-app #dealsHost .deal-gate button { display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 20px;background:#4c6046;color:#fffefa;border-radius:4px;font-weight:500; }
body.sc-app #dealsHost .deal-gate button span { display:inline;margin:0;color:inherit;font-size:16px;line-height:1; }
@media(max-width:420px) {
  body.sc-app .sc-benefit-examples { padding:20px 17px; }
  body.sc-app .sc-benefit-list li { gap:13px; }
  body.sc-app #dealsHost .deal-gate { padding:22px 17px; }
}
body.sc-app :is(.reward-soon,.hot-pill,.cert,.tagpill) { animation:none!important;text-shadow:none; }
body.sc-app .st-hero, body.sc-app .st-journey { background:#eef0e5;border-color:#d5ddc7;box-shadow:none; }
body.sc-app [style*="color:#d7d3c8"],body.sc-app [style*="color:#e7c86b"],body.sc-app [style*="color:#e7e2d6"] { color:#59694e!important; }

@media(min-width:900px) {
  body.sc-app .phone { max-width:1440px;grid-template-columns:225px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr); }
  body.sc-app .body { max-width:1040px;width:100%;padding:34px clamp(30px,5vw,76px) 70px; }
  body.sc-app .nav { background:#f3f3ec;border-right:1px solid var(--line);padding:29px 18px 24px;gap:7px; }
  body.sc-app .nav button { border-radius:4px;font-size:.82rem;min-height:48px; }
  body.sc-app .nav button.on { background:#e4e9d9;border:0;box-shadow:none; }
  body.sc-app .nav button.play { border-radius:4px;background:#4c6046;color:#fffefa;min-height:47px; }
  body.sc-app .nav .playwrap { background:transparent; }
  body.sc-app .nav-caption { padding-top:28px; }
  body.sc-app .sheet { box-shadow:0 25px 90px #2a3b2026;border-radius:12px; }
  body.sc-app #sheet.po-full { top:24px;bottom:24px;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:10px;padding-top:16px; }
  body.sc-app :is(.profileov,.eventov) { box-shadow:0 0 0 100vmax #2c372b59,0 25px 90px #2a3b2026; }
  body.sc-app .sc-community-hero { min-height:355px; }
  body.sc-app .sc-community-hero>img { min-height:355px; }
}
@media(max-width:599px) {
  body.sc-app .top { min-height:72px;padding:12px 19px; }
  body.sc-app .top .logo { font-size:1.8rem; }
  body.sc-app .top .sc-brand-caption { display:none; }
  body.sc-app .body { padding:23px 19px 110px; }
  .sc-journal-masthead { margin-bottom:18px;padding-bottom:13px; }
  .sc-journal-masthead span { font-size:8px;letter-spacing:.17em; }
  .sc-journal-masthead small { font-size:8px; }
  body.sc-app .sc-community-hero { grid-template-columns:1fr .72fr;min-height:280px;border-radius:3px;margin-bottom:21px; }
  body.sc-app .sc-community-hero>img { min-height:280px;object-position:57% 50%; }
  body.sc-app .sc-community-hero .sc-club-hero-copy { padding:25px 18px; }
  body.sc-app .sc-community-hero .sc-eyebrow { font-size:7px;letter-spacing:.15em;margin-bottom:13px; }
  body.sc-app .sc-community-hero h1 { font-size:clamp(2.45rem,8.1vw,3rem);line-height:.96; }
  body.sc-app .sc-community-hero p { font-size:.7rem;line-height:1.9;margin:15px 0; }
  body.sc-app .sc-community-actions { gap:3px; }
  body.sc-app .sc-community-actions .sc-club-cta { width:auto;min-height:42px;font-size:.67rem;padding:10px 11px;gap:11px; }
  body.sc-app .sc-community-level { min-height:34px;font-size:.62rem; }
  .sc-journal-note { display:none; }
  body.sc-app .applybar { font-size:.7rem;gap:5px 15px;line-height:1.8;padding-bottom:18px;margin-bottom:20px; }
  body.sc-app .sc-feed-label { margin-top:21px;gap:10px; }
  body.sc-app .sc-feed-label h2 { font-size:.92rem; }
  .sc-journal-heading .sc-eyebrow { font-size:8px; }
  body.sc-app .sc-feed-label .sc-explore-btn { font-size:.67rem;max-width:100px; }
  body.sc-app .composer { padding:14px;min-height:68px;gap:11px; }
  body.sc-app .composer>span { font-size:.74rem; }
  body.sc-app .post { padding:17px;margin-bottom:20px; }
  body.sc-app .post p { font-size:.84rem; }
  body.sc-app .nav { padding:9px 10px calc(10px + env(safe-area-inset-bottom)); }
  body.sc-app .nav button { font-size:.63rem;border-radius:5px; }
  body.sc-app .nav .playwrap { width:43px;height:43px;margin-top:-9px; }
  body.sc-app .sheet { border-radius:17px 17px 0 0; }
}
@media(max-width:360px) {
  body.sc-app .body { padding-inline:14px; }
  body.sc-app .sc-community-hero { grid-template-columns:1fr .6fr; }
  body.sc-app .sc-community-hero .sc-club-hero-copy { padding-inline:14px; }
  body.sc-app .sc-community-hero h1 { font-size:2.35rem; }
}
@media(prefers-reduced-motion:reduce) {
  body.sc-app *, body.sc-app *::before, body.sc-app *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}