/* AGNES 23.6 Dining & Outings planning surfaces */
.a236-local-life,.a236-local-life *{box-sizing:border-box}
.a236-local-life{display:grid;gap:14px;min-width:0;padding:18px;padding-bottom:max(92px,calc(66px + env(safe-area-inset-bottom)));border-radius:26px;color:#fff;background:linear-gradient(155deg,#503f50,#715760 52%,#8c6a68);overflow:hidden}
.a236-outings{background:linear-gradient(155deg,#3b4059,#575d7a 52%,#75658a)}
.a236-life-hero{display:grid;gap:7px;padding:8px 4px 10px}
.a236-life-hero small{letter-spacing:.13em;font-size:11px;color:#efe4ef}
.a236-life-hero h2{margin:0;font-size:clamp(34px,5vw,62px);line-height:.96}
.a236-life-hero p{max-width:760px;margin:0;color:#eee3ec}
.a236-planning-state{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08)}
.a236-planning-state b{font-size:14px}.a236-planning-state span{color:#eee3ec;font-size:13px}
.a236-life-context{display:flex;flex-wrap:wrap;gap:8px}
.a236-life-context span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}
.a236-life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.a236-life-card{display:grid;align-content:start;gap:9px;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.08)}.a236-life-card small{font-size:10px;letter-spacing:.12em;color:#eadde9}
.a236-life-card h3{margin:0;font-size:24px}.a236-life-card p{margin:0;color:#f3eaf1}.a236-life-card span{font-size:12px;color:#e8dfe8}
.a236-life-card button{justify-self:start;border:0;border-radius:12px;padding:10px 13px;background:#fff;color:#3e3040;font-weight:800;cursor:pointer}
@media(max-width:980px){.a236-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .a236-local-life{padding:12px;padding-bottom:max(96px,calc(70px + env(safe-area-inset-bottom)));border-radius:20px}
  .a236-life-grid{grid-template-columns:minmax(0,1fr)}
  .a236-life-card h3{font-size:22px}
  .a236-life-card button{width:100%}
}
@media(prefers-reduced-motion:reduce){.a236-local-life *{transition:none!important;animation:none!important}}