/* assets/css/public-v138.css */
/* V138 · Bilingual Hierarchy & Responsive Typography
   Public only. No data, API, auth, Member or Coach behavior changes. */
:root{
  --public-body-desktop:16px;
  --public-body-mobile:16px;
  --public-meta-desktop:13px;
  --public-meta-mobile:13px;
}
body[data-surface="public"]{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body[data-surface="public"] .secondary-language{display:block;margin-top:5px;color:var(--muted);font-family:var(--sans);font-size:12px;line-height:1.45;letter-spacing:.045em;font-weight:400}
html[data-language="en"] body[data-surface="public"] .secondary-language{display:none!important}
body[data-surface="public"] .section-heading h2{margin-bottom:0}
body[data-surface="public"] .section-heading .secondary-language{margin-top:6px}
body[data-surface="public"] header nav>a{font-size:12px;letter-spacing:.035em}
body[data-surface="public"] .label,
body[data-surface="public"] .section-kicker,
body[data-surface="public"] .gp-kicker,
body[data-surface="public"] .kicker{font-size:10px;line-height:1.4;letter-spacing:.17em}

/* Reading language owns functional typography. Brand/display English can stay serif. */
html[data-language="zh"] body[data-surface="public"] .cn-primary-title,
html[data-language="zh"] body[data-surface="public"] .cn-section-title,
html[data-language="zh"] body[data-surface="public"] .practice-hero h1,
html[data-language="zh"] body[data-surface="public"] .choose h2,
html[data-language="zh"] body[data-surface="public"] .flow h2,
html[data-language="zh"] body[data-surface="public"] .faq h2,
html[data-language="zh"] body[data-surface="public"] .about-section h2,
html[data-language="zh"] body[data-surface="public"] .contact-hero h1,
html[data-language="zh"] body[data-surface="public"] .contact-section h2,
html[data-language="zh"] body[data-surface="public"] .cn-private-title{font-family:var(--sans);font-weight:500;letter-spacing:-.025em}

/* Body text is readable, not "premium-small". */
body[data-surface="public"] .about-copy p,
body[data-surface="public"] .contact-copy>p,
body[data-surface="public"] .contact-hero p,
body[data-surface="public"] .choose-card p,
body[data-surface="public"] .flow-copy,
body[data-surface="public"] .faq p,
body[data-surface="public"] .copy p,
body[data-surface="public"] .gp-lead,
body[data-surface="public"] .pp .lead{font-size:var(--public-body-desktop);line-height:1.82}
body[data-surface="public"] .credential span,
body[data-surface="public"] .about-role,
body[data-surface="public"] .contact-note{font-size:var(--public-meta-desktop);line-height:1.65}

/* Chinese functional actions use normal tracking; English mode may remain more editorial. */
html[data-language="zh"] body[data-surface="public"] .hero-action,
html[data-language="zh"] body[data-surface="public"] .contact-primary,
html[data-language="zh"] body[data-surface="public"] .gp-action,
html[data-language="zh"] body[data-surface="public"] .flow-cta,
html[data-language="zh"] body[data-surface="public"] .choose-card a,
html[data-language="zh"] body[data-surface="public"] .start-flow-links a,
html[data-language="zh"] body[data-surface="public"] .action{letter-spacing:.015em}
body[data-surface="public"] .hero-action,
body[data-surface="public"] .contact-primary,
body[data-surface="public"] .gp-action,
body[data-surface="public"] .flow-cta,
body[data-surface="public"] .choose-card a,
body[data-surface="public"] .start-flow-links a{font-size:14px;line-height:1.35}
body[data-surface="public"] .hero-quiet-links,
body[data-surface="public"] .practice-back,
body[data-surface="public"] .about-back,
body[data-surface="public"] .contact-back,
body[data-surface="public"] .closing-links,
body[data-surface="public"] .group-closing-links{font-size:12px;letter-spacing:.035em}

body[data-surface="public"] .gateway-copy .secondary-language,
body[data-surface="public"] .choose-card .secondary-language{margin-top:2px;margin-bottom:8px}
html[data-language="zh"] body[data-surface="public"] .gateway-copy h3,
html[data-language="zh"] body[data-surface="public"] .choose-card h3{font-family:var(--sans);font-weight:500;letter-spacing:-.015em}
body[data-surface="public"] .private-secondary{margin:0 0 14px}

/* Desktop: editorial space, moderate type, longer line length kept under control. */
@media(min-width:761px){
  body[data-surface="public"] .about-section{gap:64px}
  body[data-surface="public"] .practice-page,
  body[data-surface="public"] .about-page,
  body[data-surface="public"] .contact-page{padding-top:72px}
  body[data-surface="public"] .choose-card,
  body[data-surface="public"] .about-section,
  body[data-surface="public"] .contact-section{padding-top:44px;padding-bottom:44px}
  html[data-language="zh"] body[data-surface="public"] .practice-hero h1,
  html[data-language="zh"] body[data-surface="public"] .contact-hero h1{font-size:46px;line-height:1.14}
  html[data-language="zh"] body[data-surface="public"] .about-section h2{font-size:28px;line-height:1.25}
  html[data-language="zh"] body[data-surface="public"] .cn-private-title{font-size:54px!important;line-height:1.05!important;margin-bottom:6px!important}
  body[data-surface="public"] .about-copy,body[data-surface="public"] .contact-copy,body[data-surface="public"] .copy{max-width:680px}
  body[data-surface="public"] .hero-copy-grid>div:first-child{max-width:720px}
}

/* Mobile: fewer simultaneous layers, shorter lines, readable 16px body. */
@media(max-width:760px){
  body[data-surface="public"]{font-size:16px}
  body[data-surface="public"] .practice-page,
  body[data-surface="public"] .about-page,
  body[data-surface="public"] .contact-page,
  body[data-surface="public"] .gp{width:calc(100% - 40px)}
  body[data-surface="public"] .practice-page,
  body[data-surface="public"] .about-page,
  body[data-surface="public"] .contact-page{padding-top:34px;padding-bottom:58px}
  body[data-surface="public"] .practice-hero,
  body[data-surface="public"] .about-hero,
  body[data-surface="public"] .contact-hero{padding-top:4px;padding-bottom:28px}

  /* Home */
  body[data-surface="public"] .hero-title{font-size:37px!important;line-height:1.02!important}
  body[data-surface="public"] .hero-lead{font-size:17px!important;line-height:1.6!important}
  body[data-surface="public"] .hero-meta{font-size:14px!important;line-height:1.68!important}
  body[data-surface="public"] .cn-primary-title,
  body[data-surface="public"] .cn-section-title{font-size:30px!important;line-height:1.22!important}
  body[data-surface="public"] .method-intro p,
  body[data-surface="public"] .method-steps p,
  body[data-surface="public"] .practice-head p,
  body[data-surface="public"] .gateway p,
  body[data-surface="public"] .about-copy>p{font-size:16px!important;line-height:1.76!important}
  body[data-surface="public"] .method-steps h3{font-size:17px!important}
  body[data-surface="public"] .hero-actions .hero-action{padding:14px 16px;font-size:14px!important}
  body[data-surface="public"] .hero-quiet-links{font-size:12px!important;margin-top:16px}
  body[data-surface="public"] .start-flow-head h3{font-size:28px!important;line-height:1.2!important}
  body[data-surface="public"] .start-step strong{font-size:16px!important}
  body[data-surface="public"] .start-step p{font-size:15px!important;line-height:1.7!important}

  /* Practice / About / Contact */
  html[data-language="zh"] body[data-surface="public"] .practice-hero h1,
  html[data-language="zh"] body[data-surface="public"] .contact-hero h1{font-size:34px;line-height:1.18;margin:10px 0 12px}
  body[data-surface="public"] .about-hero h1{font-size:40px;line-height:1.02}
  html[data-language="zh"] body[data-surface="public"] .about-section h2,
  html[data-language="zh"] body[data-surface="public"] .choose h2,
  html[data-language="zh"] body[data-surface="public"] .flow h2,
  html[data-language="zh"] body[data-surface="public"] .faq h2,
  html[data-language="zh"] body[data-surface="public"] .contact-section h2{font-size:26px;line-height:1.28}
  body[data-surface="public"] .about-copy p,
  body[data-surface="public"] .contact-copy>p,
  body[data-surface="public"] .contact-hero p,
  body[data-surface="public"] .choose-card p,
  body[data-surface="public"] .flow-copy,
  body[data-surface="public"] .faq p,
  body[data-surface="public"] .copy p,
  body[data-surface="public"] .gp-lead,
  body[data-surface="public"] .pp .lead{font-size:16px!important;line-height:1.76!important}
  body[data-surface="public"] .intro-line{font-family:var(--sans)!important;font-size:19px!important;line-height:1.58!important;font-weight:500}
  body[data-surface="public"] .about-section,
  body[data-surface="public"] .contact-section{gap:12px;padding:28px 0}
  body[data-surface="public"] .approach-item p,
  body[data-surface="public"] .flow-step span,
  body[data-surface="public"] .for-item{font-size:15px!important;line-height:1.7!important}
  body[data-surface="public"] .approach-item b,
  body[data-surface="public"] .flow-step b{font-size:16px!important}
  body[data-surface="public"] .credential b{font-size:14px}
  body[data-surface="public"] .credential span{font-size:13px!important}
  body[data-surface="public"] .choose-card h3,
  body[data-surface="public"] .gateway-copy h3{font-size:22px;line-height:1.25}
  body[data-surface="public"] .secondary-language{font-size:12px;letter-spacing:.035em}
  body[data-surface="public"] .label,
  body[data-surface="public"] .section-kicker,
  body[data-surface="public"] .gp-kicker,
  body[data-surface="public"] .kicker{font-size:10px;letter-spacing:.15em}

  /* Private: Chinese title is functional, not a giant English editorial headline. */
  html[data-language="zh"] body[data-surface="public"] .cn-private-title{font-size:34px!important;line-height:1.16!important;margin:10px 0 4px!important}
  body[data-surface="public"] .pp-hero .tagline{font-size:16px!important;line-height:1.6!important;margin-top:10px!important}
  body[data-surface="public"] .pp .section-grid h2{font-size:27px!important;line-height:1.25!important}
  body[data-surface="public"] .loop-step span{font-size:15px!important;line-height:1.68!important}
  body[data-surface="public"] .member-space span{font-size:15px!important;line-height:1.68!important}

  /* Group: RESET FLOW may remain a brand display, but explanatory copy is calmer. */
  body[data-surface="public"] .gp-hero h1{font-size:42px!important;line-height:.98!important}
  body[data-surface="public"] .gp-hero .tagline{font-size:16px!important;line-height:1.58!important}
  body[data-surface="public"] .gp .section h2{font-size:27px!important;line-height:1.25!important}
}

/* assets/css/reading-size.css */
/* V141 · Reading Size + Member Practice Visibility */
:root{
  --reading-body:16px;
  --reading-detail:15px;
  --reading-meta:13px;
}
html[data-reading-size="90"]{--reading-body:15px;--reading-detail:14px;--reading-meta:12px}
html[data-reading-size="100"]{--reading-body:16px;--reading-detail:15px;--reading-meta:13px}
html[data-reading-size="110"]{--reading-body:17.5px;--reading-detail:16px;--reading-meta:14px}
html[data-reading-size="120"]{--reading-body:19px;--reading-detail:17px;--reading-meta:15px}

/* Compact control: percentage is explicit; popover is the only expanded state. */
.reading-size-control{position:relative;display:inline-flex;align-items:center;z-index:30}
.reading-size-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;padding:5px 7px;border-radius:999px;font:500 10px/1 var(--sans);letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.reading-size-trigger:hover,.reading-size-trigger:focus-visible{background:rgba(211,154,168,.10)}
.reading-size-aa{font-weight:600;letter-spacing:-.04em}
.reading-size-value{font-variant-numeric:tabular-nums;color:var(--muted)}
.reading-size-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;padding:8px;background:rgba(255,252,250,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(56,39,42,.10);display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.reading-size-menu[hidden]{display:none}
.reading-size-option{border:1px solid transparent;background:transparent;color:var(--text);padding:9px 8px;border-radius:10px;font:500 12px/1 var(--sans);cursor:pointer}
.reading-size-option:hover,.reading-size-option:focus-visible{border-color:var(--line);background:rgba(248,224,231,.12)}
.reading-size-option[aria-checked="true"]{border-color:rgba(198,126,143,.48);background:rgba(248,224,231,.20);color:#a86776}

/* Reading size changes reading copy, not the whole layout or images. */
body[data-surface="public"] main p,
body[data-surface="public"] main li,
body[data-surface="public"] main .flow-copy,
body[data-surface="public"] main .gp-lead,
body[data-surface="public"] main .pp .lead{font-size:var(--reading-body)!important}
body[data-surface="public"] main .about-role,
body[data-surface="public"] main .contact-note,
body[data-surface="public"] main .credential span,
body[data-surface="public"] main .secondary-language{font-size:var(--reading-meta)!important}

body[data-surface="member"] .member-intro,
body[data-surface="member"] .note-section p,
body[data-surface="member"] .homework-copy strong,
body[data-surface="member"] .homework-copy span,
body[data-surface="member"] .reflection-intro{font-size:var(--reading-body)!important}
body[data-surface="member"] .session-meta,
body[data-surface="member"] .session-row-meta,
body[data-surface="member"] .movement-map-apparatus,
body[data-surface="member"] .homework-gentle-note{font-size:var(--reading-meta)!important}

/* Make the exercise record unmistakable without exposing programming detail. */
body[data-surface="member"] .movement-map-section{margin-top:28px;padding-top:2px}
body[data-surface="member"] .movement-map-section>h3{font-family:var(--sans);font-size:19px!important;line-height:1.35;letter-spacing:-.01em;color:var(--text);font-weight:600;text-transform:none;margin-bottom:14px}
body[data-surface="member"] .movement-map-title{font-size:var(--reading-detail)!important;line-height:1.45;font-weight:600}
body[data-surface="member"] .movement-map-purpose{font-size:var(--reading-detail)!important;line-height:1.65;margin-top:7px}
body[data-surface="member"] .movement-map-card{padding-top:15px;padding-bottom:15px}

@media(max-width:760px){
  .reading-size-trigger{padding:5px 5px;font-size:9.5px;gap:3px}
  .reading-size-menu{position:fixed;right:14px;top:62px;min-width:162px}
  body[data-surface="member"] .movement-map-section>h3{font-size:18px!important;margin-bottom:10px}
}

/* assets/css/design-system-v158.css */
/* V158 · Design System & Experience Consistency
   Purpose: unify typography, spacing, components, states and mobile density
   without changing product architecture or behavior. */

:root{
  --ds-text:#171313;
  --ds-muted:#7d7370;
  --ds-accent:#cf8092;
  --ds-accent-soft:#f5dfe3;
  --ds-line:#dbcfc9;
  --ds-paper:#fffaf8;
  --ds-radius:14px;
  --ds-radius-sm:10px;
  --ds-control-h:44px;
  --ds-touch:44px;
  --ds-content:720px;
  --ds-section-y:64px;
  --ds-gap-1:8px;
  --ds-gap-2:12px;
  --ds-gap-3:16px;
  --ds-gap-4:24px;
  --ds-gap-5:32px;
  --ds-gap-6:48px;
}

/* Shared interaction grammar */
[data-surface] button,
[data-surface] input,
[data-surface] textarea,
[data-surface] select{
  font:inherit;
}
[data-surface] button,
[data-surface] a,
[data-surface] input,
[data-surface] textarea,
[data-surface] select{
  -webkit-tap-highlight-color:transparent;
}
[data-surface] button:focus-visible,
[data-surface] a:focus-visible,
[data-surface] input:focus-visible,
[data-surface] textarea:focus-visible,
[data-surface] select:focus-visible{
  outline:2px solid rgba(207,128,146,.34);
  outline-offset:3px;
}
[data-surface] input,
[data-surface] textarea,
[data-surface] select{
  border-color:var(--line,var(--ds-line));
  border-radius:var(--ds-radius-sm);
}
[data-surface] input:focus,
[data-surface] textarea:focus,
[data-surface] select:focus{
  border-color:rgba(207,128,146,.78);
  box-shadow:0 0 0 3px rgba(245,223,227,.55);
}

/* PUBLIC · Editorial, calm, readable */
[data-surface="public"]{
  --ds-body-max:680px;
}
[data-surface="public"] p{
  text-wrap:pretty;
}
[data-surface="public"] .hero-lead,
[data-surface="public"] .teach-copy p,
[data-surface="public"] .section-lead,
[data-surface="public"] .page-lead,
[data-surface="public"] .practice-intro,
[data-surface="public"] .about-page>p{
  max-width:var(--ds-body-max);
  line-height:1.78;
}
[data-surface="public"] .hero-action,
[data-surface="public"] .button,
[data-surface="public"] .submit{
  min-height:var(--ds-control-h);
  align-items:center;
  justify-content:center;
  border-radius:var(--ds-radius-sm);
}
[data-surface="public"] .hero-action,
[data-surface="public"] .button{
  transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease;
}
[data-surface="public"] .hero-action:hover,
[data-surface="public"] .button:hover{
  background:rgba(245,223,227,.38);
}
[data-surface="public"] .label,
[data-surface="public"] .section-kicker,
[data-surface="public"] .gp-kicker{
  line-height:1.45;
}
[data-surface="public"] .voice-card,
[data-surface="public"] .practice-card,
[data-surface="public"] .contact-card{
  box-shadow:none;
}

/* MEMBER · Calm product, low decision friction */
[data-surface="member"] .member-page{
  color:var(--text,var(--ink,var(--ds-text)));
}
[data-surface="member"] .member-page p,
[data-surface="member"] .member-login p{
  text-wrap:pretty;
}
[data-surface="member"] .member-login,
[data-surface="member"] .practice-card,
[data-surface="member"] .quick-reflection-card,
[data-surface="member"] .home-practice-card,
[data-surface="member"] .home-practice-cards,
[data-surface="member"] .home-practice-empty{
  box-shadow:none!important;
}
[data-surface="member"] .member-login{
  border-radius:0;
}
[data-surface="member"] .member-field{
  display:grid;
  gap:7px;
  margin-top:16px;
}
[data-surface="member"] .member-field>label,
[data-surface="member"] .member-field-label{
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
[data-surface="member"] .member-login input,
[data-surface="member"] .member-login select,
[data-surface="member"] .member-login-main,
[data-surface="member"] .member-pin-toggle,
[data-surface="member"] .reflection-save,
[data-surface="member"] .reflection-return{
  min-height:var(--ds-touch);
}
[data-surface="member"] .member-login-main,
[data-surface="member"] .reflection-save{
  border-radius:var(--ds-radius-sm)!important;
}
[data-surface="member"] .member-pin-wrap{
  border-radius:var(--ds-radius-sm)!important;
  overflow:hidden;
}
[data-surface="member"] .member-pin-toggle{
  min-width:68px;
}
[data-surface="member"] .member-login-help a,
[data-surface="member"] .reflection-discovery-link{
  line-height:1.55;
}
[data-surface="member"] .member-login-state,
[data-surface="member"] .reflection-status,
[data-surface="member"] .homework-sync-status{
  line-height:1.6;
}
[data-surface="member"] .reflection-chips{
  align-items:stretch;
}
[data-surface="member"] .reflection-chip{
  min-height:42px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease;
}
[data-surface="member"] .reflection-chip.selected{
  box-shadow:inset 0 0 0 1px rgba(201,139,152,.16);
}
[data-surface="member"] .reflection-field textarea{
  border-radius:var(--ds-radius-sm)!important;
}
[data-surface="member"] .reflection-completion-actions{
  margin-top:2px;
}
[data-surface="member"] .reflection-return{
  border-radius:var(--ds-radius-sm)!important;
}
[data-surface="member"] .home-practice-tried{
  min-height:40px;
}
[data-surface="member"] .member-actions button,
[data-surface="member"] .course-list-button{
  min-height:36px;
}

/* COACH · Working tool: compact, legible, consistent */
[data-surface="coach"]{
  --ds-coach-control:40px;
}
[data-surface="coach"] .panel,
[data-surface="coach"] .member-workspace,
[data-surface="coach"] .session-editor,
[data-surface="coach"] .library-column,
[data-surface="coach"] .group-rd-editor,
[data-surface="coach"] .group-rd-help{
  box-shadow:none!important;
}
[data-surface="coach"] .btn,
[data-surface="coach"] button:not(.unified-nav button){
  min-height:var(--ds-coach-control);
  border-radius:9px;
}
[data-surface="coach"] .field input,
[data-surface="coach"] .field textarea,
[data-surface="coach"] .field select,
[data-surface="coach"] input[type="text"],
[data-surface="coach"] input[type="password"],
[data-surface="coach"] select{
  min-height:var(--ds-coach-control);
  border-radius:9px;
}
[data-surface="coach"] .panel h2,
[data-surface="coach"] .session-editor>h2,
[data-surface="coach"] .member-title{
  text-wrap:balance;
}
[data-surface="coach"] .panel-note,
[data-surface="coach"] .sub,
[data-surface="coach"] .coach-data-intro{
  line-height:1.55;
}
[data-surface="coach"] .status{
  line-height:1.55;
}
[data-surface="coach"] .unified-nav button{
  min-height:38px;
  border-radius:0;
}

/* Mobile consistency pass */
@media(max-width:760px){
  :root{
    --ds-section-y:42px;
    --ds-touch:46px;
  }

  [data-surface="public"] .wrap,
  [data-surface="public"] .hero-copy-grid,
  [data-surface="public"] .teach{
    width:min(100% - 36px,var(--max,1120px));
  }
  [data-surface="public"] .hero-action,
  [data-surface="public"] .button,
  [data-surface="public"] .submit{
    min-height:44px;
  }
  [data-surface="public"] .desktop-nav a,
  [data-surface="public"] .mobile-menu a,
  [data-surface="public"] .menu{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }

  [data-surface="member"] .member-page{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  [data-surface="member"] .member-login{
    margin-top:14px!important;
    padding:20px 18px 21px!important;
  }
  [data-surface="member"] .member-login h1{
    line-height:1.04;
  }
  [data-surface="member"] .member-login-main,
  [data-surface="member"] .member-pin-toggle,
  [data-surface="member"] .reflection-save,
  [data-surface="member"] .reflection-return{
    min-height:46px;
  }
  [data-surface="member"] .reflection-chip{
    min-height:44px!important;
    padding:9px 13px!important;
  }
  [data-surface="member"] .quick-reflection-card,
  [data-surface="member"] .home-practice-card{
    border-radius:12px!important;
  }

  [data-surface="coach"] .btn,
  [data-surface="coach"] button:not(.unified-nav button),
  [data-surface="coach"] .field input,
  [data-surface="coach"] .field select{
    min-height:42px;
  }
  [data-surface="coach"] .unified-nav{
    gap:4px;
  }
  [data-surface="coach"] .unified-nav button{
    min-height:40px;
    padding:8px 8px;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-surface] *,[data-surface] *::before,[data-surface] *::after{
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}

/* assets/css/public-mobile-v162.css */
/* V162 · Public mobile header reality pass.
   Prevents desktop links from reappearing through later Design System overrides. */
@media(max-width:760px){
  body[data-surface="public"] header{
    height:62px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body[data-surface="public"] header .wordmark{
    flex:0 0 auto;
  }
  body[data-surface="public"] header .desktop-nav{
    margin-left:auto;
    gap:12px!important;
    min-width:0;
  }
  body[data-surface="public"] header .desktop-nav > a{
    display:none!important;
  }
  body[data-surface="public"] header .desktop-nav > .global-lang-switch,
  body[data-surface="public"] header .desktop-nav > .reading-size-control,
  body[data-surface="public"] header .desktop-nav > .menu{
    display:inline-flex!important;
    flex:0 0 auto;
  }
  body[data-surface="public"] header .global-lang-switch{font-size:10px!important;white-space:nowrap}
  body[data-surface="public"] header .reading-size-trigger{min-width:auto!important;padding-left:2px!important;padding-right:2px!important}
  body[data-surface="public"] header .menu{font-size:0!important;width:44px!important;justify-content:flex-end!important;padding:0!important}
  body[data-surface="public"] header .menu::after{content:"☰";font-size:18px;line-height:1;color:var(--ink,#171313)}
}

/* assets/css/public-structure-v163.css */
/* V163 · Public Structure Simplification & Final Hierarchy
   Scope: Public only. No Member/Coach rules. */

body[data-surface="public"] .secondary-language{
  opacity:.54;
  font-size:.82em;
  letter-spacing:.04em;
  font-weight:400;
}
body[data-surface="public"] .label{
  opacity:.78;
  letter-spacing:.18em;
}
body[data-surface="public"] .hero-actions.single-primary{
  max-width:320px;
}
body[data-surface="public"] .hero-actions.single-primary .hero-action{
  min-height:48px;
}

/* First Step is action, not a second Practice explanation. */
body[data-surface="public"] .start-flow{
  padding-top:24px;
}
body[data-surface="public"] .start-flow-head p{
  max-width:430px;
}
body[data-surface="public"] .start-step-list{
  align-self:start;
}
body[data-surface="public"] .start-step{
  grid-template-columns:36px minmax(0,1fr);
}
body[data-surface="public"] .start-step>span{
  color:var(--accent);
  font-size:10px;
  letter-spacing:.12em;
}
body[data-surface="public"] .start-flow-links-v163{
  grid-column:1/-1;
  padding-top:12px;
}
body[data-surface="public"] .primary-cta-v163{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(100%,390px);
  min-height:48px;
  padding:13px 16px;
  border:1px solid #dba0ac;
  color:#b86e7e;
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none;
}

/* Find Ting is a gateway; full contact details live on /contact/. */
body[data-surface="public"] .find-ting-v163 p{
  max-width:460px;
  margin-bottom:14px;
}
body[data-surface="public"] .text-link-v163{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  color:#a96a79;
  font-size:13px;
  border-bottom:1px solid rgba(207,128,146,.48);
}

/* Contact: one H1, one explanation, one primary contact action. */
body[data-surface="public"] .contact-section-v163{
  display:block;
  padding-top:34px;
}
body[data-surface="public"] .contact-section-v163 .contact-copy{
  max-width:620px;
}
body[data-surface="public"] .contact-section-v163 .contact-primary{
  margin-top:0;
}

/* Section hierarchy: Chinese primary, meta/English secondary. */
html[data-language="zh"] body[data-surface="public"] .section-title,
html[data-language="zh"] body[data-surface="public"] .cn-primary-title,
html[data-language="zh"] body[data-surface="public"] .cn-section-title{
  letter-spacing:-.025em;
}

@media(max-width:760px){
  body[data-surface="public"] .hero-actions.single-primary{max-width:none}
  body[data-surface="public"] .start-flow{padding-top:18px}
  body[data-surface="public"] .start-flow-links-v163{padding-top:4px}
  body[data-surface="public"] .primary-cta-v163{width:100%;min-height:48px}
  body[data-surface="public"] .text-link-v163{min-height:44px}
  body[data-surface="public"] .contact-section-v163{padding-top:26px}
}