/* SHEM EANSIT premium member-screen refinements — development only.
   Typography, touch targets and error states; no imagery/palette redesign. */
:root{--se-legible-text:#554742;--se-legible-heading:#392C2A;}
#main.with-nav{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;}
#main.with-nav .page-title{font-size:clamp(31px,8.5vw,38px)!important;line-height:1.14!important;}
#main.with-nav .small.muted,
#main.with-nav .body.muted{font-size:13px!important;line-height:1.55!important;color:var(--se-legible-text)!important;}
#main.with-nav button:focus-visible,
#main.with-nav a:focus-visible,
#main.with-nav input:focus-visible,
#main.with-nav select:focus-visible,
#main.with-nav textarea:focus-visible{
  outline:2px solid #995F63!important;outline-offset:3px;
}
/* Guide: a truthful first step, no inaccessible fake history tab. */
.se-guide-opening-note{
  margin:4px 0 14px;
  font:400 13px/1.5 var(--ol-sans);
  color:var(--se-legible-text);
}
.guide-room-head h1{font-size:34px!important;}
.guide-room-head p,
.ref-guide-invite span,
.guide-room-privacy p,
.guide-room-label,
.guide-room-label span{font-size:12px!important;line-height:1.5!important;color:var(--se-legible-text)!important;}
.guide-room-label{font-size:11px!important;font-weight:600;letter-spacing:.075em;}
.guide-room-label span{float:none;display:block;margin-top:4px;font-weight:400;letter-spacing:0;}
.ref-guide-scene{height:205px;}
.ref-guide-prompt{min-height:55px;}
.ref-guide-prompt input{font-size:16px!important;}
.ref-guide-prompt button{min-width:44px;min-height:44px;}
.mode-card{
  min-height:81px;
  grid-template-columns:31px minmax(0,1fr) 22px;
  padding:15px 13px!important;
  gap:11px!important;
}
.guide-mode-copy strong{font-size:21px!important;line-height:1.17!important;}
.guide-mode-copy small{font-size:12px!important;line-height:1.45!important;color:var(--se-legible-text)!important;}
.guide-compose label,.guide-input-card label{font-size:12px!important;color:var(--se-legible-text)!important;}
.guide-compose textarea,.guide-input-card textarea{font-size:16px!important;line-height:1.55!important;}
.guide-compose-bottom span{font-size:11px!important;line-height:1.5!important;color:var(--se-legible-text)!important;}
.guide-intro-bubble p,.guide-response-card p,.guide-you-summary p,.guide-move p{font-size:14px!important;line-height:1.6!important;}
.guide-status{font-size:11px!important;}
.guide-back{min-width:44px;min-height:44px;}
.guide-wait-screen{min-height:calc(100dvh - 210px);}
.guide-wait-screen h1{font-size:29px!important;line-height:1.22!important;}
.guide-action-stack .btn,.guide-save-area .btn{min-height:48px;}
/* Explore: text-first categories with genuine touch areas. */
.ref-explore>.small{font-size:13px!important;}
.ref-search-label{font-size:12px!important;letter-spacing:.06em!important;color:var(--se-legible-text)!important;}
.ref-search{font-size:16px!important;min-height:52px!important;}
.ref-resource{
  grid-template-columns:76px minmax(0,1fr) 20px!important;
  min-height:102px;
  gap:14px!important;
  padding:13px 0!important;
  width:100%;
}
.ref-resource-thumb{width:76px!important;height:76px!important;border-radius:17px;}
.ref-resource strong{font-size:20px!important;line-height:1.2!important;color:var(--se-legible-heading)!important;}
.ref-resource[hidden],.resource-card[hidden],.ol-community-row[hidden]{display:none!important;}
.se-explore-search-status{min-height:18px;margin:9px 0;color:var(--se-legible-text);font-size:12px;line-height:1.45;}
/* Resource discovery should remain legible when country/region changes. */
.resource-location-panel h2{font-size:23px!important;line-height:1.22!important;}
.resource-location-panel p,
.resource-level p,
.resource-card p,
.resource-search-msg{font-size:13px!important;line-height:1.55!important;color:var(--se-legible-text)!important;}
.resource-location-field,
.resource-location-panel label{font-size:13px!important;line-height:1.45!important;color:var(--se-legible-heading)!important;}
.resource-card h3{font-size:21px!important;line-height:1.2!important;}
.resource-actions a,.resource-actions button,.entry-actions button{
  min-height:43px;
  padding:11px 13px;
  font-size:12px!important;
  line-height:1.4;
  display:inline-flex;align-items:center;justify-content:center;
}
.resource-card .source-line{font-size:11px!important;line-height:1.5!important;}
/* Private: respect content, offer comfortable editorial typography. */
#main:has(.tool-stack)>.page-title{margin-bottom:15px!important;}
.tool-stack{gap:14px!important;}
.tool-stack .tool-panel{padding:19px!important;}
.tool-panel h3{font-size:24px!important;line-height:1.2!important;}
.tool-panel p,.tool-panel .plan-entry p,.tool-panel .journal-entry p,
.tool-panel .saved-chip{font-size:13px!important;line-height:1.6!important;color:var(--se-legible-text)!important;}
.tool-panel label,.tool-panel .form-group label{font-size:12px!important;line-height:1.4!important;color:var(--se-legible-text)!important;}
.tool-panel input:not([type=hidden]),.tool-panel textarea{font-size:16px!important;}
.tool-panel .btn{min-height:49px;}
.tool-panel .mood-button{min-height:44px;padding:10px!important;font-size:12px!important;}
.tool-panel .entry-actions button,.tool-panel .saved-chip button{min-height:44px;min-width:44px;font-size:12px!important;}
.tool-panel .plan-entry h4,.tool-panel .journal-entry h4{font-size:20px!important;line-height:1.2!important;}
.privacy-note p{font-size:12px!important;line-height:1.55!important;color:var(--se-legible-text)!important;}
/* Community: strong readability and controls; preserve actual member content. */
.ol-community-hero h1{font-size:38px!important;}
.ol-community-hero p,.ol-community-safety p,
.ol-community-empty p{font-size:13px!important;line-height:1.55!important;color:var(--se-legible-text)!important;}
.ol-community-compose,.ol-community-submit{font-size:13px!important;min-height:48px;}
.ol-community-safety-link,.ol-community-cancel{font-size:12px!important;min-height:44px;}
.ol-community-toolbar>div:first-child strong{font-size:22px!important;}
.ol-community-toolbar>div:first-child small{font-size:12px!important;}
.ol-community-filters button{min-height:44px;min-width:45px;font-size:12px!important;}
.ol-community-row-main{min-height:106px;}
.ol-community-copy strong{font-size:20px!important;line-height:1.23!important;}
.ol-community-copy small{font-size:12px!important;line-height:1.5!important;color:var(--se-legible-text)!important;}
.ol-community-own-delete{
  position:static!important;display:block;margin:-3px 3px 8px auto;
  min-height:44px;min-width:64px;
  border-radius:12px;background:#F2E5E1;
  font-size:12px!important;color:#672D43;
  padding:10px 14px;
}
.ol-community-composer label{font-size:12px!important;line-height:1.4!important;}
.ol-community-composer input,.ol-community-composer textarea{font-size:16px!important;}
.se-community-filter-empty{
  display:block;grid-column:1/-1;
  font-size:12px;line-height:1.55;color:var(--se-legible-text);
}
.se-community-filter-empty[hidden]{display:none!important;}
/* All motion remains calm; essential information never relies on animation. */
@media(max-width:365px){
  .ref-resource{grid-template-columns:68px minmax(0,1fr) 18px!important;gap:10px!important;}
  .ref-resource-thumb{width:68px!important;height:69px!important;}
  .ol-community-row-main{grid-template-columns:64px minmax(0,1fr) 17px!important;gap:10px!important;}
  .ol-community-photo{width:64px!important;height:66px!important;}
  .guide-compose-bottom{align-items:flex-start;flex-direction:column;}
  .guide-compose-bottom .btn{width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  #main.with-nav *,#main.with-nav *::before,#main.with-nav *::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;
  }
}

.se-save-error{display:block;margin-top:7px;font:400 12px/1.5 var(--ol-sans);color:#672D43;}

/* Direct Guide entry: descriptive action instead of a floating up-arrow. */
.ref-guide-prompt{grid-template-columns:minmax(0,1fr) 73px!important;}
.ref-guide-prompt button{width:71px!important;height:44px!important;min-width:71px!important;min-height:44px!important;border-radius:999px!important;font:600 12px/1 var(--ol-sans)!important;letter-spacing:.01em!important;}


/* DEV ENTRY CONTINUITY 2026-10-20 — the same editorial visual language on both sides of sign in.
   No new graphics, gradients, decorative circles, or branding changes. */
#main:has(.ol-welcome) .ol-welcome {min-height:0;}
#main .ol-welcome .ol-arch{
  height:clamp(238px,42dvh,345px)!important;
  border-radius:24px!important;
  box-shadow:0 9px 24px rgba(72,50,42,.10)!important;
}
#main .ol-welcome .ol-arch::after{
  background:linear-gradient(180deg,rgba(45,29,27,.04),rgba(45,29,27,.13))!important;
}
#main .ol-welcome-actions{margin-top:21px!important;}
#main .ol-welcome-actions #olSignIn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:9px 10px!important;
  font-size:13px!important;
  font-weight:600;text-underline-offset:4px;
}
#main .ol-auth-topline{
  display:grid;grid-template-columns:75px minmax(0,1fr) 75px;
  gap:6px;align-items:center;min-height:48px;
  margin:0 0 13px;
}
#main .ol-auth-return{
  grid-column:1;min-width:0;min-height:44px;padding:10px 1px;
  background:none;border:0;color:#672D43;
  text-align:left;font:600 13px/1.4 "DM Sans",sans-serif;
}
#main .ol-auth-return span{font-size:17px;vertical-align:-1px;margin-right:3px;}
#main .ol-auth-wordmark{
  grid-column:2;min-width:0;text-align:center;color:#392C2A;
}
#main .ol-auth-wordmark strong{
  display:block;font:400 17px/1.15 "Italiana",Georgia,serif;
  letter-spacing:.06em;white-space:nowrap;color:#271D1A;
}
#main .ol-auth-wordmark small{
  display:block;margin-top:3px;
  font:italic 10px/1.1 "Italiana",Georgia,serif;
  color:#672D43;
}
#main .ol-auth-scene{
  height:clamp(112px,18dvh,155px);
  background:#D5C3B7 url("/assets/editorial/welcome.jpg") center 54%/cover no-repeat;
  border-radius:21px;
  box-shadow:0 7px 18px rgba(72,50,42,.08);
}
#main .ol-auth-head{
  padding:18px 6px 7px!important;
  text-align:center;
}
#main .ol-auth-head h1{font-size:clamp(31px,8.7vw,38px)!important;line-height:1.12!important;}
#main .ol-auth-head p{
  color:#554742!important;
  font-size:13px!important;line-height:1.5!important;
}
#main .ol-auth-head .section-kicker{font-size:11px!important;}
#main .ol-auth-switch{margin:16px 0 16px!important;}
#main .ol-auth-switch button{
  min-height:44px!important;
  font:600 12px/1.35 "DM Sans",sans-serif!important;
  color:#554742!important;
}
#main .ol-auth-switch button.active{color:#672D43!important;}
#main .ol-auth-form .form-group label,
#main .ol-auth-form label>span{
  font-size:12px!important;letter-spacing:0!important;
  text-transform:none!important;color:#554742!important;
}
#main .ol-auth-form input:not([type="checkbox"]){
  font-size:16px!important;min-height:52px!important;
}
#main .ol-auth-form .help{font-size:12px!important;line-height:1.45!important;color:#554742!important;}
#main .ol-auth-form .check-row{font-size:12px!important;line-height:1.5!important;}
#main .ol-auth-form .check-row span{margin:0!important;}
/* Existing global .check-row display:flex!important must not unhide create-only terms on sign-in. */
#main .ol-auth-form #termsRow[style*="display: none"],
#main .ol-auth-form #termsRow[hidden]{display:none!important;}
#main .ol-auth-form .ol-forgot{font-size:13px!important;min-height:44px!important;}
#main .ol-auth-form #drPasswordToggle{
  display:flex!important;align-items:center;justify-content:flex-end;
  width:100%;min-height:44px;padding:8px 4px!important;
  border:0!important;background:transparent!important;
  color:#672D43!important;text-decoration:underline;text-underline-offset:3px;
  font:600 12px/1.4 "DM Sans",sans-serif!important;
  text-align:right;
}
#main .ol-auth-form #drPasswordToggle:focus-visible{outline:2px solid #955C66!important;outline-offset:2px;}

#main .ol-auth-return:focus-visible,
#main .ol-auth-switch button:focus-visible,
#main .ol-welcome-actions button:focus-visible{
  outline:2px solid #955C66!important;outline-offset:3px;
}
/* No large, decorative circles intruding into fallback home photography/cards.
   The approved imagery and signature berry/cream treatment are unchanged. */
#main .home-guide::after,#main .home-card::after{display:none!important;content:none!important;}
/* Back and sign-in controls stay reachable above Safari chrome and keyboard. */
@media(max-width:360px){
  #main .ol-auth-topline{grid-template-columns:67px minmax(0,1fr) 67px;}
  #main .ol-auth-wordmark strong{font-size:15px;}
  #main .ol-auth-scene{height:108px;}
  #main .ol-welcome .ol-arch{height:240px!important;}
  #main .ol-welcome-brand{padding-top:21px!important;padding-bottom:17px!important;}
}
@media(max-height:700px){
  #main .ol-auth-scene{height:100px;}
  #main .ol-auth-head{padding-top:12px!important;}
}
@media(prefers-reduced-motion:reduce){
  #main .ol-auth-return,#main .ol-welcome-actions button{transition:none!important;}
}
