/* SHEM EANSIT — APPROVED VISUAL SYSTEM
   Source of truth: approved chocolate / baby blue / butter yellow / cream brand board.
   Simple elegant wordmark, generous cream space, fine rules, tiny botanical detail,
   refined polka-dot pattern accents, editorial layouts. No bows. No hearts. No app chrome. */

:root{
  --se-chocolate:#3B2A20;
  --se-chocolate-soft:#5A4234;
  --se-baby:#C7D6E6;
  --se-baby-light:#E9F0F6;
  --se-butter:#F2D37A;
  --se-butter-light:#F8E9B5;
  --se-cream:#F7F2E9;
  --se-paper:#FCF9F3;
  --se-beige:#E6DCC6;
  --se-taupe:#B89D7B;
  --se-ink:#33271F;
  --se-muted:#776B61;
  --se-line:rgba(59,42,32,.18);
  --se-line-strong:rgba(59,42,32,.34);
  --se-blue-ink:#7998B5;
  --se-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --se-sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --nav-height:72px;
}

html,body{
  background:var(--se-cream)!important;
  color:var(--se-ink)!important;
  color-scheme:light;
}

body{
  margin:0!important;
  font-family:var(--se-sans)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
}

body::before,body::after{display:none!important;content:none!important}

.app-shell{
  width:min(100%,520px)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  background:var(--se-cream)!important;
  box-shadow:none!important;
}

.screen{
  min-height:100dvh!important;
  padding:calc(env(safe-area-inset-top,0px) + 34px) 28px calc(env(safe-area-inset-bottom,0px) + 44px)!important;
  background:var(--se-cream)!important;
  color:var(--se-ink)!important;
  overflow-x:hidden!important;
}

.screen.with-nav{
  padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 38px)!important;
}

.screen::after{display:none!important}

button,input,textarea,select{font-family:var(--se-sans)!important}

.skip-link{background:var(--se-chocolate)!important;color:var(--se-cream)!important}

.quick-exit{
  position:fixed!important;
  z-index:100!important;
  top:calc(env(safe-area-inset-top,0px) + 11px)!important;
  right:max(18px,calc((100vw - 520px)/2 + 18px))!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:4px 0 6px!important;
  border:0!important;
  border-bottom:1px solid var(--se-line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--se-chocolate)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* -------------------- BRAND LOCKUP -------------------- */
.brand-lockup,
.brand-lockup-approved{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:36px auto 52px!important;
  padding:0!important;
  text-align:center!important;
  color:var(--se-chocolate)!important;
}

.wordmark,.shem-wordmark{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:.28em!important;
  width:100%!important;
  margin:0!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-size:clamp(39px,10.8vw,56px)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.brand-translation{
  margin:11px 0 0!important;
  color:var(--se-blue-ink)!important;
  font-family:var(--se-serif)!important;
  font-size:15px!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:lowercase!important;
}

.brand-botanical-wrap{
  display:grid!important;
  grid-template-columns:56px 48px 56px!important;
  align-items:center!important;
  gap:11px!important;
  margin:22px 0 15px!important;
  color:var(--se-chocolate-soft)!important;
}

.brand-botanical-wrap>span{
  display:block!important;
  height:1px!important;
  background:var(--se-line)!important;
}

.shem-botanical{display:block!important;width:48px!important;height:28px!important;overflow:visible!important}

.tagline{
  margin:0!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-sans)!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1.6!important;
  letter-spacing:.29em!important;
  text-transform:uppercase!important;
}

.brand-flower{display:none!important}

/* -------------------- PUBLIC LANDING -------------------- */
.hero-photo,.member-photo{display:none!important}

.approved-public-intro,
.shem-public-hero{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:40px 0 44px!important;
  border-top:1px solid var(--se-line)!important;
  border-bottom:1px solid var(--se-line)!important;
  background:transparent!important;
}

.shem-public-copy{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

.approved-public-intro .eyebrow,
.shem-public-copy .eyebrow{
  margin-bottom:19px!important;
}

.approved-public-intro h1,
.shem-public-copy h1{
  max-width:430px!important;
  margin:0 0 20px!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-size:clamp(42px,11.5vw,58px)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}

.approved-public-intro h1 em,
.shem-public-copy h1 em{
  color:var(--se-blue-ink)!important;
  font-weight:400!important;
}

.approved-public-intro p,
.shem-public-copy p{
  max-width:395px!important;
  margin:0!important;
  color:var(--se-muted)!important;
  font-size:13px!important;
  line-height:1.9!important;
}

.approved-public-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:30px!important;
}

.approved-pattern-strip{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  height:74px!important;
  margin:34px 0 54px!important;
  border:1px solid var(--se-line)!important;
  overflow:hidden!important;
}

.approved-pattern-strip>span{display:block!important;min-width:0!important;border-right:1px solid rgba(59,42,32,.10)!important}
.approved-pattern-strip>span:last-child{border-right:0!important}
.pattern-chocolate{
  background-color:var(--se-chocolate)!important;
  background-image:radial-gradient(circle,rgba(247,242,233,.88) 1.25px,transparent 1.45px)!important;
  background-size:12px 12px!important;
}
.pattern-blue{
  background:repeating-linear-gradient(90deg,var(--se-baby) 0,var(--se-baby) 8px,rgba(255,255,255,.65) 8px,rgba(255,255,255,.65) 9px)!important;
}
.pattern-cream{
  background-color:var(--se-paper)!important;
  background-image:radial-gradient(circle,rgba(59,42,32,.24) 1px,transparent 1.25px)!important;
  background-size:14px 14px!important;
}
.pattern-floral{
  display:grid!important;
  place-items:center!important;
  background:var(--se-cream)!important;
  color:var(--se-chocolate-soft)!important;
}
.pattern-floral .shem-botanical{width:56px!important;height:36px!important}
.pattern-yellow{
  background:repeating-linear-gradient(90deg,var(--se-butter) 0,var(--se-butter) 7px,rgba(255,255,255,.6) 7px,rgba(255,255,255,.6) 8px)!important;
}

.approved-statement{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  min-height:245px!important;
  margin:0 0 52px!important;
  border:1px solid var(--se-line)!important;
  background:var(--se-paper)!important;
  overflow:hidden!important;
}

.approved-statement-copy{padding:34px 28px 36px!important}
.approved-statement-copy h2{
  margin:10px 0 16px!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-size:34px!important;
  font-weight:400!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
}
.approved-statement-copy p{margin:0!important;color:var(--se-muted)!important;font-size:11.5px!important;line-height:1.82!important}

.approved-statement-pattern{
  border-left:1px solid var(--se-line)!important;
  background-color:var(--se-baby)!important;
  background-image:radial-gradient(circle,var(--se-butter) 3.2px,transparent 3.5px)!important;
  background-position:center!important;
  background-size:26px 26px!important;
}

.approved-pillars{
  margin:0 0 58px!important;
  border-top:1px solid var(--se-line)!important;
}
.approved-pillars>div{
  display:grid!important;
  grid-template-columns:122px 1fr!important;
  gap:18px!important;
  align-items:start!important;
  padding:20px 0!important;
  border-bottom:1px solid var(--se-line)!important;
}
.approved-pillars strong{
  color:var(--se-chocolate)!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
.approved-pillars span{color:var(--se-muted)!important;font-size:11px!important;line-height:1.65!important}

.approved-public-footer{padding:4px 0 12px!important;text-align:center!important}
.brand-botanical-mini{display:flex!important;justify-content:center!important;margin-bottom:8px!important;color:var(--se-chocolate-soft)!important}
.brand-botanical-mini .shem-botanical{width:44px!important;height:28px!important}
.approved-public-footer>p{
  margin:0 0 22px!important;
  color:var(--se-chocolate-soft)!important;
  font-family:var(--se-serif)!important;
  font-size:13px!important;
  font-style:italic!important;
  letter-spacing:.02em!important;
}

.shem-proofline{display:none!important}
.shem-manifesto{display:none!important}

/* -------------------- TYPE -------------------- */
.page-title,.section-title,.welcome-name,.post-title,.tool-panel h3,.hub-card h2,.option-card h3,.resource-card h3,.modal h2,.legal h1,.legal h2,
.guide-hero-copy h1,.guide-grid-head h2,.home-guide h2,.home-card h3{
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}

.page-title{
  margin:0 0 18px!important;
  font-size:clamp(38px,10vw,48px)!important;
  line-height:1.03!important;
}
.section-title{margin:34px 0 17px!important;font-size:30px!important;line-height:1.08!important}
.welcome-name{margin:7px 0 13px!important;font-size:clamp(39px,10vw,50px)!important;line-height:1.02!important}
.body{font-size:13px!important;line-height:1.82!important}
.small{font-size:10.5px!important;line-height:1.7!important}
.tiny{font-size:9px!important;line-height:1.55!important}
.muted{color:var(--se-muted)!important}
.center{text-align:center!important}

.eyebrow{
  color:var(--se-blue-ink)!important;
  font-size:7.5px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.eyebrow::before{
  content:""!important;
  display:inline-block!important;
  width:21px!important;
  height:1px!important;
  margin:0 8px 2px 0!important;
  background:var(--se-butter)!important;
  vertical-align:middle!important;
}

/* -------------------- BUTTONS -------------------- */
.btn{
  min-height:50px!important;
  padding:14px 18px!important;
  border-radius:2px!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.btn-primary,.btn-dark{
  border:1px solid var(--se-chocolate)!important;
  background:var(--se-chocolate)!important;
  color:var(--se-cream)!important;
}
.btn-outline{
  border:1px solid var(--se-line-strong)!important;
  background:transparent!important;
  color:var(--se-chocolate)!important;
}
.btn-soft{border:1px solid rgba(121,152,181,.35)!important;background:var(--se-baby-light)!important;color:var(--se-chocolate)!important}
.btn-link,.text-button{
  min-height:30px!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid var(--se-line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--se-chocolate)!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.icon-button{border:1px solid var(--se-line)!important;border-radius:50%!important;background:transparent!important;color:var(--se-chocolate)!important;box-shadow:none!important}

/* -------------------- FORMS / AUTH -------------------- */
.card,.panel,.tool-panel,.post,.resource-card,.option-card,.hub-card,.modal,.status-card,.metric,.admin-card,.composer,.journal-entry,.plan-entry{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.auth-panel{
  padding:26px 0 0!important;
  border-top:1px solid var(--se-line)!important;
  border-bottom:0!important;
}
.auth-tabs,.segmented{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:26px!important;
  margin:27px 0 24px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--se-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
.auth-tab,.segment{
  min-height:42px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#94877C!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.auth-tab.active,.segment.active{border-bottom-color:var(--se-chocolate)!important;color:var(--se-chocolate)!important;background:transparent!important}
.form-group{margin-bottom:21px!important}
.form-group label,.field-label{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--se-chocolate)!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.form-group input,.form-group textarea,.form-group select,.field{
  width:100%!important;
  min-height:50px!important;
  padding:13px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--se-line-strong)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.26)!important;
  color:var(--se-ink)!important;
  box-shadow:none!important;
}
.form-group textarea{min-height:130px!important;border:1px solid var(--se-line)!important;background:var(--se-paper)!important;line-height:1.65!important}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.field:focus{outline:0!important;border-color:var(--se-chocolate)!important;background:var(--se-paper)!important}
.help{margin-top:7px!important;color:#8E8176!important;font-size:8.5px!important;line-height:1.55!important}
.check-row{gap:11px!important;color:#62574E!important;font-size:9.5px!important;line-height:1.62!important}
.check-row input{accent-color:var(--se-chocolate)!important}
.attestation{
  margin:12px 0!important;
  padding:15px!important;
  border:1px solid rgba(121,152,181,.30)!important;
  border-radius:0!important;
  background:var(--se-baby-light)!important;
}
.forgot-row{gap:9px!important;align-items:flex-start!important}
.forgot-password-link{border:0!important;border-bottom:1px solid var(--se-line-strong)!important;background:none!important;color:var(--se-chocolate)!important}

/* onboarding / application */
.step-label{color:var(--se-blue-ink)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:uppercase!important}
.stepbar{gap:7px!important;margin:8px 0 34px!important}
.stepbar span{height:2px!important;border-radius:0!important;background:var(--se-beige)!important}
.stepbar span.on{background:var(--se-chocolate)!important}
.feature-list{border-top:1px solid var(--se-line)!important;margin-top:30px!important}
.feature{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:14px!important;
  padding:20px 0!important;
  border-bottom:1px solid var(--se-line)!important;
}
.feature-icon{width:26px!important;height:26px!important;border:0!important;background:transparent!important;color:var(--se-blue-ink)!important}
.feature strong{color:var(--se-chocolate)!important;font-size:10px!important;letter-spacing:.04em!important}
.feature p{margin:5px 0 0!important;color:var(--se-muted)!important;font-size:9.5px!important;line-height:1.65!important}
.verification-visual{border-radius:0!important;border:1px solid var(--se-line)!important;background:var(--se-baby-light)!important;box-shadow:none!important}

/* -------------------- ALERTS -------------------- */
.alert,.privacy-note{
  padding:15px 16px!important;
  border:1px solid var(--se-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  line-height:1.65!important;
}
.alert-info,.privacy-note{background:var(--se-baby-light)!important;color:#475A6A!important}
.alert-success{background:#EFF2E9!important;color:#4C5F4A!important}
.alert-error{background:#F3E7E1!important;color:#74443D!important}

/* -------------------- MEMBER HEADER -------------------- */
.member-head,.member-head-approved{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  min-height:50px!important;
  margin:8px 0 48px!important;
  padding:0 72px 15px 0!important;
  border-bottom:1px solid var(--se-line)!important;
}
.member-head::after{
  content:"PRIVATE MEMBER SPACE"!important;
  position:absolute!important;
  left:0!important;
  bottom:-15px!important;
  padding-right:8px!important;
  background:var(--se-cream)!important;
  color:#988B80!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
}
.member-brand{display:grid!important;gap:3px!important;color:var(--se-chocolate)!important}
.member-brand-name{font-family:var(--se-serif)!important;font-size:17px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;white-space:nowrap!important}
.member-brand-translation{color:var(--se-blue-ink)!important;font-family:var(--se-serif)!important;font-size:8px!important;font-style:italic!important;letter-spacing:.08em!important}
.profile-dot{
  width:34px!important;height:34px!important;
  border:1px solid var(--se-line-strong)!important;border-radius:50%!important;
  background:var(--se-paper)!important;color:var(--se-chocolate)!important;box-shadow:none!important;
  font:400 14px/1 var(--se-serif)!important;
}

/* -------------------- MEMBER HOME -------------------- */
.approved-member-intro{position:relative!important;padding:0 0 42px!important;border-bottom:1px solid var(--se-line)!important}
.approved-member-intro .body{max-width:340px!important}
.approved-member-accent{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:80px!important;
  height:68px!important;
  background-color:var(--se-baby)!important;
  background-image:radial-gradient(circle,var(--se-butter) 2.5px,transparent 2.8px)!important;
  background-size:20px 20px!important;
  border-left:1px solid var(--se-line)!important;
  border-top:1px solid var(--se-line)!important;
}

.home-guide,.approved-home-guide{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:18px!important;
  margin:34px 0 40px!important;
  padding:30px 24px 32px!important;
  border:1px solid var(--se-line)!important;
  border-radius:0!important;
  background:var(--se-butter-light)!important;
  box-shadow:none!important;
}
.home-guide::after{
  content:""!important;
  position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.24!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.96) 1.1px,transparent 1.3px)!important;
  background-size:15px 15px!important;
}
.home-guide>*{position:relative!important;z-index:1!important}
.approved-guide-number{padding-top:2px!important;color:var(--se-chocolate)!important;font-family:var(--se-serif)!important;font-size:24px!important}
.home-guide h2{margin:9px 0 11px!important;font-size:29px!important;line-height:1.08!important}
.home-guide p{margin:0 0 19px!important;color:#65574B!important;font-size:10px!important;line-height:1.72!important}
.home-guide button{
  padding:5px 0 4px!important;border:0!important;border-bottom:1px solid var(--se-chocolate)!important;border-radius:0!important;
  background:transparent!important;color:var(--se-chocolate)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}

.home-grid,.approved-home-grid{display:block!important;margin:0!important}
.home-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px 28px 1fr 18px!important;
  align-items:start!important;
  gap:13px!important;
  width:100%!important;
  min-height:0!important;
  padding:21px 0!important;
  border:0!important;
  border-bottom:1px solid var(--se-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--se-ink)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.home-card:first-child{border-top:1px solid var(--se-line)!important}
.home-card svg{width:21px!important;height:21px!important;margin:1px 0 0!important;color:var(--se-blue-ink)!important;stroke:currentColor!important;fill:none!important}
.approved-home-number{color:#A29284!important;font-family:var(--se-serif)!important;font-size:13px!important}
.home-card h3{margin:0 0 5px!important;font-size:23px!important;line-height:1!important}
.home-card p{margin:0!important;color:var(--se-muted)!important;font-size:9.5px!important;line-height:1.55!important}
.approved-home-arrow{justify-self:end!important;color:var(--se-chocolate)!important;font-size:17px!important}

.support-strip,.approved-support-strip{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  margin:36px 0 0!important;padding:22px!important;border:0!important;border-radius:0!important;
  background:var(--se-chocolate)!important;color:var(--se-cream)!important;box-shadow:none!important;
}
.support-strip strong{font-family:var(--se-serif)!important;font-size:18px!important;font-weight:400!important}
.support-strip .tiny{color:#D8CCBF!important}
.support-strip .text-button{color:var(--se-cream)!important;border-bottom-color:rgba(247,242,233,.55)!important}

/* -------------------- NAVIGATION -------------------- */
.bottom-nav{
  position:fixed!important;
  z-index:80!important;
  bottom:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(100%,520px)!important;
  height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))!important;
  padding:8px 10px env(safe-area-inset-bottom,0px)!important;
  border:0!important;
  border-top:1px solid var(--se-line)!important;
  border-radius:0!important;
  background:rgba(247,242,233,.97)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
.nav-item{
  border:0!important;border-radius:0!important;background:transparent!important;color:#8F8175!important;box-shadow:none!important;
  font-size:7px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
.nav-item svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important}
.nav-item.active{color:var(--se-chocolate)!important;background:transparent!important}
.nav-item.active::after{content:""!important;display:block!important;width:18px!important;height:2px!important;margin:4px auto 0!important;background:var(--se-butter)!important}

/* -------------------- COMMUNITY -------------------- */
.section-head{align-items:flex-end!important;border-bottom:1px solid var(--se-line)!important;padding-bottom:18px!important;margin-bottom:20px!important}
.privacy-note{display:grid!important;grid-template-columns:22px 1fr!important;gap:12px!important;margin:18px 0 28px!important}
.privacy-note svg{width:20px!important;color:var(--se-blue-ink)!important}
.feed{border-top:1px solid var(--se-line)!important}
.post{
  margin:0!important;
  padding:24px 0 25px!important;
  border-bottom:1px solid var(--se-line)!important;
}
.post-meta{gap:7px!important;color:#938579!important;font-size:7.5px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.post-title{margin:12px 0 10px!important;font-size:27px!important;line-height:1.08!important}
.post-body{margin:0!important;color:#5E5248!important;font-size:11px!important;line-height:1.75!important}
.post-actions,.entry-actions{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-top:17px!important}
.post-actions button,.entry-actions button{
  min-height:28px!important;padding:2px 0!important;border:0!important;border-bottom:1px solid var(--se-line)!important;border-radius:0!important;
  background:transparent!important;color:var(--se-chocolate)!important;font-size:7.5px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
.anonymous-pill,.pill{border:1px solid var(--se-line)!important;border-radius:0!important;background:var(--se-baby-light)!important;color:#5D748A!important;font-size:7px!important;text-transform:uppercase!important}
.composer{margin:20px 0 32px!important;padding:24px 0!important;border-top:1px solid var(--se-line)!important;border-bottom:1px solid var(--se-line)!important}
.empty{padding:24px 0!important;border-bottom:1px solid var(--se-line)!important}
.reply{padding:22px 0!important;border-bottom:1px solid var(--se-line)!important}
.avatar{border:1px solid var(--se-line)!important;background:var(--se-baby-light)!important;color:var(--se-chocolate)!important;box-shadow:none!important}

/* -------------------- GUIDE -------------------- */
.guide-shell{display:block!important}
.guide-topline{padding-bottom:14px!important;border-bottom:1px solid var(--se-line)!important;margin-bottom:26px!important}
.guide-badge{border:0!important;border-bottom:1px solid var(--se-line-strong)!important;border-radius:0!important;background:transparent!important;color:var(--se-chocolate)!important;font-size:7px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.guide-hero-card{
  margin:0 0 34px!important;padding:0 0 30px!important;border:0!important;border-bottom:1px solid var(--se-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.guide-inline-note{
  margin-top:24px!important;padding:16px!important;border:1px solid rgba(121,152,181,.30)!important;border-radius:0!important;background:var(--se-baby-light)!important;
}
.guide-inline-note svg{color:var(--se-blue-ink)!important}
.guide-inline-note p{font-size:8.7px!important;line-height:1.6!important}
.guide-grid-head{margin-bottom:16px!important}
.guide-grid-head h2{margin:0 0 8px!important;font-size:29px!important}
.mode-grid,.guide-mode-grid{display:block!important;border-top:1px solid var(--se-line)!important}
.mode-card,.guide-mode-card{
  display:grid!important;grid-template-columns:34px 1fr 18px!important;gap:12px!important;align-items:start!important;
  width:100%!important;padding:20px 0!important;border:0!important;border-bottom:1px solid var(--se-line)!important;border-radius:0!important;
  background:transparent!important;color:var(--se-ink)!important;box-shadow:none!important;text-align:left!important;
}
.guide-mode-number{color:#A39384!important;font-family:var(--se-serif)!important;font-size:13px!important}
.guide-mode-card strong{color:var(--se-chocolate)!important;font-family:var(--se-serif)!important;font-size:22px!important;font-weight:400!important;line-height:1.1!important}
.guide-mode-copy{grid-column:2/3!important;margin-top:-4px!important;color:var(--se-muted)!important;font-size:9px!important;line-height:1.55!important}
.guide-mode-arrow{grid-column:3!important;grid-row:1/3!important;align-self:center!important;color:var(--se-chocolate)!important;font-size:16px!important}
.guide-panel,.guide-result,.guide-response,.clarity-plan{border-radius:0!important;box-shadow:none!important}

/* -------------------- EXPLORE / PRIVATE -------------------- */
.hub-grid,.option-grid,.resource-grid,.tool-grid{display:block!important;margin-top:24px!important;border-top:1px solid var(--se-line)!important}
.hub-card,.option-card,.resource-card,.tool-panel{
  display:block!important;width:100%!important;margin:0!important;padding:23px 0!important;border:0!important;border-bottom:1px solid var(--se-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;
}
.hub-card h2,.option-card h3,.resource-card h3,.tool-panel h3{margin:8px 0 9px!important;font-size:26px!important;line-height:1.08!important}
.hub-card p,.option-card p,.resource-card p,.tool-panel p{margin:0!important;color:var(--se-muted)!important;font-size:9.8px!important;line-height:1.68!important}
.resource-card a{color:var(--se-chocolate)!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}
.country-context,.global-context-card{border:1px solid var(--se-line)!important;border-radius:0!important;background:var(--se-baby-light)!important;box-shadow:none!important}

/* -------------------- PRIVATE ENTRIES / PROFILE / ADMIN -------------------- */
.journal-entry,.plan-entry,.status-card,.admin-card,.metric{padding:20px 0!important;border-bottom:1px solid var(--se-line)!important}
.metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--se-line)!important;border-left:1px solid var(--se-line)!important}
.metric{min-height:88px!important;padding:18px!important;border-right:1px solid var(--se-line)!important;border-bottom:1px solid var(--se-line)!important}
.metric strong{color:var(--se-chocolate)!important;font-family:var(--se-serif)!important;font-size:28px!important;font-weight:400!important}
.metric span{color:var(--se-muted)!important;font-size:7.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.admin-grid{border-top:1px solid var(--se-line)!important;border-bottom:1px solid var(--se-line)!important}
.report-card{padding:20px 0!important;border-bottom:1px solid var(--se-line)!important}

/* -------------------- MODALS -------------------- */
.modal-backdrop{background:rgba(59,42,32,.48)!important;backdrop-filter:blur(5px)!important}
.modal{
  width:min(calc(100% - 34px),460px)!important;
  padding:28px!important;
  border:1px solid var(--se-line)!important;
  border-radius:0!important;
  background:var(--se-cream)!important;
  box-shadow:0 24px 70px rgba(59,42,32,.16)!important;
}
.modal h2{margin:0 0 14px!important;font-size:30px!important;line-height:1.05!important}
.modal-actions{gap:10px!important;margin-top:22px!important}

/* -------------------- LOADING -------------------- */
.loading{background:var(--se-cream)!important}
.loading .brand-lockup{margin-top:0!important}
.spinner{border-color:var(--se-beige)!important;border-top-color:var(--se-chocolate)!important}

/* -------------------- MOBILE FINISH -------------------- */
@media (max-width:390px){
  .screen{padding-left:22px!important;padding-right:22px!important}
  .wordmark,.shem-wordmark{font-size:38px!important;letter-spacing:.065em!important;gap:.22em!important}
  .brand-lockup,.brand-lockup-approved{margin-top:34px!important;margin-bottom:44px!important}
  .approved-statement{grid-template-columns:minmax(0,1fr) 82px!important}
  .approved-statement-copy{padding:28px 22px 30px!important}
  .approved-statement-copy h2{font-size:31px!important}
  .approved-pillars>div{grid-template-columns:102px 1fr!important;gap:14px!important}
  .home-guide,.approved-home-guide{grid-template-columns:34px 1fr!important;padding:25px 20px!important}
  .home-card{grid-template-columns:25px 24px 1fr 15px!important;gap:10px!important}
}

@media (min-width:521px){
  body{background:#ECE5D9!important}
  .app-shell{border-left:1px solid rgba(59,42,32,.08)!important;border-right:1px solid rgba(59,42,32,.08)!important}
}
