/* SHEM EANSIT refinement pass
   User-approved corrections: NO stripes, NO framed-card landing composition,
   obvious elegant polka dots, no public hero photo. */

/* Erase legacy decorative striping / framed landing remnants. */
.screen,
.shem-public-hero,
.shem-public-copy,
.shem-proofline,
.shem-manifesto,
.approved-public-intro,
.approved-pattern-strip,
.approved-statement,
.approved-statement-copy,
.approved-statement-pattern{
  background-image:none!important;
  box-shadow:none!important;
}

.hero-photo,
.shem-public-hero .hero-photo,
.approved-pattern-strip,
.shem-proofline,
.shem-manifesto,
.approved-statement,
.approved-pillars,
.approved-public-footer{
  display:none!important;
}

/* Brand is deliberately quiet and elegant. */
.brand-lockup-approved{
  margin:38px auto 58px!important;
}

.brand-botanical-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:20px 0 13px!important;
}
.brand-botanical-wrap>span{display:none!important}
.brand-botanical-wrap .shem-botanical{width:46px!important;height:30px!important}

/* No frame around lead copy. Just editorial whitespace. */
.se-public-intro{
  margin:0!important;
  padding:0 0 52px!important;
  border:0!important;
  background:transparent!important;
}
.se-public-intro h1{
  max-width:430px!important;
  margin:18px 0 20px!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-size:clamp(42px,11.4vw,58px)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}
.se-public-intro p{
  max-width:390px!important;
  margin:0!important;
  color:var(--se-muted)!important;
  font-size:12.5px!important;
  line-height:1.88!important;
}
.se-public-actions{
  display:grid!important;
  gap:10px!important;
  margin-top:29px!important;
}

/* The visual anchor: unmistakable baby-blue + butter polka dots.
   No stripes. No photo. No border-frame. */
.se-dot-feature{
  position:relative!important;
  min-height:220px!important;
  margin:0 -28px 62px!important;
  overflow:hidden!important;
  background:var(--se-baby)!important;
  border:0!important;
  box-shadow:none!important;
}
.se-dot-field{
  position:absolute!important;
  inset:0!important;
  background-color:var(--se-baby)!important;
  background-image:radial-gradient(circle,var(--se-butter) 4px,transparent 4.5px)!important;
  background-size:34px 34px!important;
  background-position:2px 2px!important;
}
.se-dot-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-55%)!important;
  width:104px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--se-cream)!important;
  border-radius:50%!important;
  color:var(--se-chocolate-soft)!important;
  box-shadow:0 8px 30px rgba(59,42,32,.08)!important;
}
.se-dot-center .shem-botanical{width:62px!important;height:42px!important}
.se-dot-caption{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:16px!important;
  text-align:center!important;
  color:var(--se-chocolate)!important;
  font-size:7.5px!important;
  font-weight:700!important;
  letter-spacing:.21em!important;
  text-transform:uppercase!important;
}

/* Editorial copy with only spacing + a fine rule, never a box. */
.se-editorial-note{
  margin:0 0 50px!important;
  padding:0 0 42px!important;
  border:0!important;
  border-bottom:1px solid var(--se-line)!important;
  background:transparent!important;
}
.se-editorial-note h2{
  max-width:420px!important;
  margin:12px 0 17px!important;
  color:var(--se-chocolate)!important;
  font-family:var(--se-serif)!important;
  font-size:clamp(34px,9.3vw,46px)!important;
  font-weight:400!important;
  line-height:1.05!important;
  letter-spacing:-.024em!important;
}
.se-editorial-note p{
  max-width:405px!important;
  margin:0!important;
  color:var(--se-muted)!important;
  font-size:11.5px!important;
  line-height:1.82!important;
}

/* No grid frame. Each value simply sits on a hairline. */
.se-pillars{
  margin:0 0 58px!important;
  border-top:1px solid var(--se-line)!important;
}
.se-pillars>div{
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  gap:18px!important;
  padding:20px 0!important;
  border:0!important;
  border-bottom:1px solid var(--se-line)!important;
  background:transparent!important;
}
.se-pillars strong{
  color:var(--se-chocolate)!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.se-pillars span{
  color:var(--se-muted)!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}

.se-closing-mark{
  padding:3px 0 18px!important;
  text-align:center!important;
}
.se-closing-mark>div:first-child{
  display:flex!important;
  justify-content:center!important;
  color:var(--se-chocolate-soft)!important;
}
.se-closing-mark .shem-botanical{width:44px!important;height:29px!important}
.se-closing-mark>p{
  margin:7px 0 23px!important;
  color:var(--se-chocolate-soft)!important;
  font-family:var(--se-serif)!important;
  font-size:13px!important;
  font-style:italic!important;
}

/* Remove old framed/card treatment wherever a legacy rule leaks through on mobile. */
.shem-public-copy,
.card,
.panel,
.hub-card,
.option-card,
.resource-card,
.tool-panel,
.status-card{
  box-shadow:none!important;
}

/* Keep function-heavy areas legible without making them look like an app dashboard. */
.card:not(.composer):not(.modal),
.panel:not(.auth-panel){
  border-radius:0!important;
}

/* Explicitly make the member accent polka dots too — not stripes. */
.approved-member-accent{
  background-color:var(--se-baby)!important;
  background-image:radial-gradient(circle,var(--se-butter) 3px,transparent 3.5px)!important;
  background-size:22px 22px!important;
}

/* No striped treatment in the Guide block. Use a soft solid butter field with faint dots. */
.home-guide::after{
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 1.2px,transparent 1.4px)!important;
  background-size:17px 17px!important;
}

@media(max-width:390px){
  .se-dot-feature{margin-left:-22px!important;margin-right:-22px!important;min-height:205px!important}
  .se-dot-field{background-size:31px 31px!important}
  .se-dot-center{width:94px!important;height:94px!important}
  .se-pillars>div{grid-template-columns:96px 1fr!important;gap:14px!important}
}