/* checkin.css - reminders, the check-in sheet, the journal, the scratch pad.
   Everything is prefixed ennx- so it cannot collide with either shell or with
   account.css, whose .enna-* chrome this deliberately reuses rather than
   reinventing. Tokens come from base.css. */

/* ---- sheet host: mirrors #ennaModalRoot so both behave identically ----
   Centring is the flex container's job, never a transform on the panel: the
   entry animations finish on `transform:none`, and reduced-motion drops them
   entirely. */
#ennxRoot:empty{display:none}
#ennxRoot{
  position:fixed;inset:0;z-index:900;
  display:flex;align-items:center;justify-content:center;padding:16px;
}
[data-shell="mobile"] #ennxRoot{align-items:flex-end;padding:0}

#ennxToast{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(14px);
  z-index:950;max-width:min(420px,calc(100vw - 32px));
  background:#2f2b25;color:#fff;font-size:14.5px;line-height:1.45;
  padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lift);
  opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;
}
#ennxToast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---- the on/off switch ---- */
.ennx-toggle-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 15px;margin-top:14px;
  border:1px solid rgba(60,48,25,.16);border-radius:15px;background:#fbf8f2;
}
.ennx-toggle-lbl{font-size:15.5px;font-weight:700;color:var(--ink)}
.ennx-toggle{
  flex:none;position:relative;width:52px;height:30px;border-radius:99px;
  border:1px solid rgba(60,48,25,.2);background:#e8e0d2;cursor:pointer;padding:0;
  transition:background .22s ease,border-color .22s ease;
}
.ennx-toggle .ennx-knob{
  position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(60,48,25,.35);
  transition:transform .22s cubic-bezier(.3,1.3,.5,1);
}
.ennx-toggle.on{background:var(--gold);border-color:var(--gold-deep)}
.ennx-toggle.on .ennx-knob{transform:translateX(22px)}
.ennx-toggle:active .ennx-knob{width:26px}

/* everything below the switch arrives only once it is on */
.ennx-reveal{animation:ennRise .5s ease both}

/* ---- frequency presets: nothing selected until chosen ---- */
.ennx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.ennx-chip{
  font-family:inherit;font-size:14px;font-weight:600;color:var(--soft);
  background:#fbf8f2;border:1px solid rgba(60,48,25,.16);border-radius:99px;
  padding:11px 16px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
.ennx-chip:hover{background:#fff;color:var(--ink)}
.ennx-chip.on{border-color:var(--gold);background:#fff;color:var(--ink);font-weight:700}
.ennx-chip:active{transform:scale(.97)}

.ennx-confirm{margin-top:14px;padding-top:14px;border-top:1px solid rgba(60,48,25,.12)}

/* ---- check-in ---- */
.ennx-ends{
  display:flex;justify-content:space-between;
  font-size:11.5px;font-weight:700;color:var(--soft);margin-top:-2px;
}
.ennx-lvl{
  margin-top:16px;padding:16px;border-radius:14px;background:#fbf8f2;
  animation:ennFade .3s ease both;
}
.ennx-lvl-n{display:block;font-size:11px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}
.ennx-lvl-name{display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:var(--ink);margin-top:3px}
.ennx-lvl-line{display:block;font-size:14.5px;line-height:1.5;color:var(--ink);margin-top:6px;text-wrap:pretty}

.ennx-text{width:100%;resize:vertical;line-height:1.55;font-family:inherit;margin-top:4px}
.ennx-saved{font-size:17px;font-weight:700;color:var(--growth)}

/* ---- the Levels 8-9 note ----
   Flat on purpose. No red, no siren, no --stress: it is a note, not an alarm,
   and styling it as an emergency would undo the wording. */
.ennx-low{
  margin-top:16px;padding:15px 16px;border-radius:14px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.14);
}
.ennx-low-h{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15.5px;color:var(--ink)}
.ennx-low-b{font-size:14.5px;line-height:1.55;color:var(--soft);margin:7px 0 0;text-wrap:pretty}
.ennx-low-a{
  display:inline-block;margin-top:10px;font-size:14px;font-weight:700;
  color:var(--gold-deep);text-decoration:none;border-bottom:1px solid rgba(201,143,44,.4);
}
.ennx-low-a:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ---- journal ---- */
.ennx-jtop{margin-top:0}
.ennx-empty{color:var(--soft);text-wrap:pretty}
.ennx-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ennx-entry{
  padding:15px 16px;border-radius:16px;background:#fbf8f2;
  border:1px solid rgba(60,48,25,.1);
}
.ennx-entry.checkin{background:linear-gradient(160deg,#fffdf8,#f9f3e6);border-color:rgba(201,143,44,.22)}
.ennx-e-date{font-size:11.5px;letter-spacing:.06em;font-weight:800;text-transform:uppercase;color:var(--soft)}
.ennx-e-lvl{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15.5px;color:var(--ink);margin-top:4px}
.ennx-e-q{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--soft);margin-top:11px}
.ennx-e-a{font-size:15px;line-height:1.55;color:var(--ink);margin-top:3px;white-space:pre-wrap;text-wrap:pretty}
.ennx-e-acts{display:flex;gap:14px;margin-top:11px}

/* ---- scratch pad, on the dashboard ---- */
.ennx-scratch{background:linear-gradient(160deg,#fdfcf8,#f6f2ea);border-color:rgba(60,48,25,.12)}
.ennx-scratch-eyebrow{color:var(--soft)}
.ennx-scratch-text{
  width:100%;resize:vertical;min-height:96px;line-height:1.55;
  font-family:inherit;background:var(--paper);margin-top:8px;
}
.ennx-scratch-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.ennx-scratch-foot .enna-fine{margin-top:0}

/* ---- handwriting (ink.js) ----
   The pad is a plain canvas in the same frame as the textarea it replaces, so
   switching between typing and writing does not move anything else on the
   page. The rendered SVG is currentColor, so ink reads in the entry's own
   text colour. */
.ennx-ink-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 6px}
.ennx-ink-bar .ennx-mode{
  display:inline-flex;border:1px solid rgba(60,48,25,.16);border-radius:99px;
  background:#fbf8f2;padding:2px;
}
.ennx-ink-bar .ennx-mode button{
  font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--soft);background:none;border:none;border-radius:99px;
  padding:6px 12px;cursor:pointer;
}
.ennx-ink-bar .ennx-mode button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(60,48,25,.16)}
.ennx-ink-bar .ennx-ink-act{margin-left:auto;display:flex;gap:12px}
.ennx-ink-wrap{
  border:1px solid rgba(60,48,25,.16);border-radius:14px;background:var(--paper);
  overflow:hidden;margin-top:4px;
}
.ennx-ink-canvas{display:block;width:100%;cursor:crosshair;touch-action:none;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  background:
    repeating-linear-gradient(to bottom, transparent 0 31px, rgba(60,48,25,.09) 31px 32px);
  background-position:0 10px}
.ennx-ink-svg{display:block;width:100%;height:auto;max-height:420px;color:var(--ink);margin-top:6px}
.ennx-e-a .ennx-ink-svg,.ennx-entry .ennx-ink-svg{background:#fffdf8;border-radius:10px;border:1px solid rgba(60,48,25,.08)}
.ennx-ink-full{color:#a2452a}
[data-shell="mobile"] .ennx-ink-bar .ennx-mode button{font-size:14px;padding:8px 14px}

/* ---- phone sizing, matching the shell's larger base ---- */
[data-shell="mobile"] .ennx-toggle-lbl{font-size:17px}
[data-shell="mobile"] .ennx-chip{font-size:15.5px;padding:13px 18px}
[data-shell="mobile"] .ennx-lvl-line,
[data-shell="mobile"] .ennx-e-a{font-size:16.5px}
[data-shell="mobile"] .ennx-text{font-size:16px}
[data-shell="mobile"] .ennx-low-b{font-size:16px}

/* ---- the invitation to install ---- */
.ennx-inst-strip{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:14px 0 2px;padding:12px 14px;border-radius:15px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.14);
  animation:ennRise .5s ease both;
}
.ennx-inst-lead{
  display:flex;align-items:center;gap:9px;
  font-size:14px;line-height:1.45;color:var(--soft);text-wrap:pretty;
}
.ennx-inst-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ennx-inst-go{padding:9px 14px;font-size:13.5px}

.ennx-inst-card{background:linear-gradient(160deg,#fdfcf8,#f4f0e6);border-color:rgba(60,48,25,.14)}

.ennx-steps{margin:12px 0 0;padding-left:22px;font-size:15px;line-height:1.65;color:var(--ink)}
.ennx-steps li{margin-bottom:8px;text-wrap:pretty}
.ennx-steps li::marker{color:var(--gold-deep);font-weight:800}

[data-shell="mobile"] .ennx-inst-lead{font-size:15.5px}
[data-shell="mobile"] .ennx-inst-strip{flex-direction:column;align-items:stretch;gap:10px}
[data-shell="mobile"] .ennx-inst-acts{justify-content:space-between}
[data-shell="mobile"] .ennx-inst-go{flex:1;padding:13px 16px;font-size:15px}
[data-shell="mobile"] .ennx-steps{font-size:16.5px}

/* ---- the iOS guide ----
   iOS gives no install API, so the next best thing is showing people the two
   controls they are hunting for, drawn to look like the real ones. */
.ennx-ios{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.ennx-ios-row{display:flex;gap:12px;align-items:flex-start}
.ennx-ios-n{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;margin-top:1px;
  background:var(--gold-wash);color:var(--gold-deep);
  font-size:13px;font-weight:800;
}
.ennx-ios-t{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.35}
.ennx-ios-s{font-size:14px;color:var(--soft);line-height:1.45;margin-top:2px;text-wrap:pretty}

/* the share control, as it appears in Safari's toolbar */
.ennx-ios-chip{
  display:inline-flex;align-items:center;gap:8px;margin-top:9px;
  padding:9px 15px;border-radius:12px;
  background:#fff;border:1px solid rgba(60,48,25,.16);
  color:#0a84ff;                       /* Safari's own tint, so it is recognisable */
  font-size:13.5px;font-weight:700;
}
.ennx-ios-chip span{color:var(--soft)}

/* the row inside the share sheet */
.ennx-ios-sheetrow{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;
  padding:13px 15px;border-radius:12px;
  background:#fff;border:1px solid rgba(60,48,25,.16);
  font-size:15px;font-weight:600;color:var(--ink);
}
.ennx-ios-sheetrow svg{color:var(--soft);flex:none}

/* points at the real toolbar, which on an iPhone is below the sheet */
.ennx-ios-point{
  text-align:center;font-size:20px;color:var(--gold);margin-top:14px;
  animation:ennPointDown 1.8s ease-in-out infinite;
}
@keyframes ennPointDown{0%,100%{transform:translateY(0);opacity:.55}55%{transform:translateY(7px);opacity:1}}

/* ---- dashboard cards added in the reshuffle ---- */
.ennx-cong{background:linear-gradient(160deg,#fffdf6,#f7f0dd);border-color:rgba(201,143,44,.3)}
/* One ask, so it reads as a sentence rather than a list of chores. The rule
   above it does the separating that four bullets used to. */
.ennx-cong-ask{
  margin-top:14px;padding-top:13px;border-top:1px solid rgba(201,143,44,.28);
  text-wrap:pretty;
}

.ennx-jcard-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.ennx-jcard-row{display:flex;gap:10px;align-items:baseline;font-size:13.5px}
.ennx-jcard-date{flex:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--soft);font-size:11px}
.ennx-jcard-line{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

[data-shell="mobile"] .ennx-cong-ask{font-size:16px}
[data-shell="mobile"] .ennx-jcard-row{font-size:15px}

/* ---- the scratch pad, at the foot of a step ----
   Collapsed to one line by default: within reach, out of the way. Ranked
   above the step content it became the first thing on a phone screen, which
   is the opposite of what a scratch pad is for. */
.ennx-scratch{
  margin:18px 0 6px;border-radius:14px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.13);
  overflow:hidden;
}
.ennx-scratch.open{background:linear-gradient(160deg,#fdfcf8,#f6f2ea)}
.ennx-scratch-head{
  display:flex;align-items:center;gap:9px;width:100%;
  padding:12px 14px;border:none;background:transparent;cursor:pointer;
  font-family:inherit;font-size:13.5px;color:var(--soft);text-align:left;
}
.ennx-scratch-head:hover{background:rgba(255,255,255,.6)}
.ennx-scratch-pen{flex:none;font-size:15px;color:var(--gold-deep)}
.ennx-scratch-title{font-weight:800;letter-spacing:.02em;color:var(--ink);flex:none}
.ennx-scratch-dot{
  flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold);
}
.ennx-scratch-hint{flex:1;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ennx-scratch-chev{flex:none;font-size:11px;color:var(--soft)}
.ennx-scratch-body{padding:0 14px 12px;animation:ennFade .22s ease both}
/* A same-step render re-attaches every card, and a re-attached node's
   descendants restart their animations. These two fades are decoration for
   a first appearance, not for every tap on the dashboard. */
.screen.norise .ennx-scratch-body,.screen.norise .ennx-ci,.screen.norise .enna-card,.screen.norise .pfold-b{animation-duration:0s;animation-delay:0s}

[data-shell="mobile"] .ennx-scratch-head{font-size:15px;padding:14px 15px}

/* ---- "Where to look next" -------------------------------------------------
   A signpost, never a task list: no checkmarks, no counts, no priority order,
   nothing that could read as a score. Styled quieter than .enna-card's gold so
   it sits under the dashboard rather than competing with it. */
.ennr-card{background:linear-gradient(160deg,#fffdf8,#faf6ee);border-color:rgba(60,48,25,.14)}
.ennr-h{
  font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;
  color:var(--soft);
}
.ennr-sub{font-size:13.5px;line-height:1.5;color:var(--soft);margin-top:5px;text-wrap:pretty}
.ennr-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}

.ennr-item{
  position:relative;display:block;width:100%;text-align:left;
  font-family:inherit;cursor:pointer;
  padding:12px 30px 12px 14px;border-radius:13px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.12);
  transition:background .18s,border-color .18s;
}
.ennr-item:hover{background:#fff;border-color:rgba(201,143,44,.4)}
.ennr-t{
  display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:15px;color:var(--ink);line-height:1.3;
}
.ennr-l{display:block;font-size:13.5px;line-height:1.5;color:var(--soft);margin-top:3px;text-wrap:pretty}
.ennr-go{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-size:19px;color:var(--soft);line-height:1;
}

/* The one card that asks instead of pointing. No arrow: it goes nowhere. */
.ennr-reach{cursor:default;padding-right:14px;background:#fbf8f2}
.ennr-reach:hover{background:#fbf8f2;border-color:rgba(60,48,25,.12)}
.ennr-ask{font-size:14px;font-weight:700;color:var(--gold-deep);margin-top:8px}
.ennr-write{display:block;margin-top:8px;font-size:13.5px;text-align:left}

/* Inside the check-in sheet it is already on a card, so it drops its own. */
.ennr-in-sheet{margin-top:18px;padding-top:16px;border-top:1px solid rgba(60,48,25,.12)}

[data-shell="mobile"] .ennr-t{font-size:16.5px}
[data-shell="mobile"] .ennr-l,
[data-shell="mobile"] .ennr-sub{font-size:15px}
[data-shell="mobile"] .ennr-ask{font-size:15.5px}
[data-shell="mobile"] .ennr-item{padding:14px 32px 14px 15px}

/* ---- the check-in, inline under the health level ----
   Three questions on one surface instead of a three-screen sheet with a
   "Stuck?" toggle on two of them. The angles that used to hide behind that
   toggle are now shown quietly beside each question as places to look. */
.ennx-ci{margin-top:12px;animation:ennFade .25s ease both}
.ennx-ci .enna-lbl{margin-top:16px}
.ennx-ci .hslider{margin-top:6px}

/* ---- the day's pressure, above the three questions ----
   Quiet gold, one block, no border-box drama: it is the subject of the
   check-in, so it should read as the opening paragraph rather than as a
   callout hanging off the side of one. */
/* The gap above separates it from question 1, which is finished by the time
   this is read; the tight gap below ties it to question 2, whose "this" it is
   the antecedent for. Both halves of that spacing are load-bearing - with an
   even gap on each side the block floated between the two questions and
   attached itself to the level readout above instead. */
.ennx-today{
  margin:30px 0 10px;padding:15px 16px;border-radius:14px;
  background:rgba(201,143,44,.07);border:1px solid rgba(201,143,44,.18);
}
.ennx-today-h{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:800;color:var(--gold-deep);
}
.ennx-today-t{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;
  color:var(--ink);margin-top:3px;text-wrap:pretty;
}
.ennx-today-b{font-size:14.5px;line-height:1.55;color:var(--ink);margin:7px 0 0;text-wrap:pretty}
.ennx-today-go{display:block;margin-top:9px;font-size:13.5px;font-weight:700;text-align:left;color:var(--gold-deep)}

/* ---- the angle's suggestion, below the questions ----
   Quieter than the Today block above: this is a thing to try afterwards, not
   the subject of the check-in, and it must not read as a fourth question. */
.ennx-tail{
  margin-top:18px;padding:14px 15px;border-radius:14px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.12);
}
.ennx-tail-h{
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:800;color:var(--soft);
}
.ennx-tail-b{font-size:14.5px;line-height:1.55;color:var(--ink);margin:6px 0 0;text-wrap:pretty}
[data-shell="mobile"] .ennx-tail-b{font-size:16px}

/* ---- "you've been here before" ----
The previous answer to today's pressure, in the person's own words. Quieter
than the Today block it follows: no gold, no border colour, just paper. It
shows words and a date and nothing else - never a level, never a delta. */
.ennx-before{
  margin:-2px 0 10px;padding:13px 16px;border-radius:14px;
  background:#fbf8f2;border:1px solid rgba(60,48,25,.12);
}
.ennx-before-h{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;color:var(--ink);
}
.ennx-before-d{font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--soft)}
.ennx-before-b{font-size:14.5px;line-height:1.55;color:var(--soft);margin:6px 0 0;font-style:italic;white-space:pre-wrap;text-wrap:pretty}
[data-shell="mobile"] .ennx-before-h{font-size:16px}
[data-shell="mobile"] .ennx-before-b{font-size:16px}

/* the one soft line under question 2 that narrows it to the day's subject */
.ennx-qsub{font-size:13.5px;line-height:1.45;color:var(--soft);margin:-2px 0 6px 29px;text-wrap:pretty}
[data-shell="mobile"] .ennx-qsub{font-size:15px}

/* the pressure an entry was about, in the journal */
.ennx-e-p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);margin-top:6px}

/* ---- foldable record sections -------------------------------------------
   .psec.pfold beats the shells' own .psec padding on specificity, so this one
   block works in both without either stylesheet needing to know about it.

   Both shells already style a bare <summary> as a standalone card with a +/-
   marker. Inside a .psec that card is already there, so the chrome comes off
   and only the marker convention is kept. The summary carries the padding
   instead of the section, so the whole header is the hit target. */
.psec.pfold{padding:0;overflow:hidden}
.pfold>.pfold-h{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;
  padding:14px 17px;cursor:pointer;list-style:none;
  background:none;box-shadow:none;border-radius:inherit;
  font-weight:inherit;font-size:inherit;
}
.pfold[open]>.pfold-h{border-radius:inherit;padding-bottom:2px}
.pfold>.pfold-h::-webkit-details-marker{display:none}
.pfold>.pfold-h:hover{background:rgba(201,143,44,.05)}
.pfold>.pfold-h::after{margin-left:auto;align-self:center}
.pfold-t{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;
  color:var(--gold-deep);flex:none;
}
/* Its own row. Beside the label it was squeezed into a narrow column and the
   summary - the whole reason a shut fold is still useful - wrapped six deep. */
.pfold-s{
  flex:1 0 100%;order:3;margin-top:1px;
  font-size:13px;line-height:1.45;color:var(--soft);text-wrap:pretty;
}
.pfold-b{padding:0 17px 16px;animation:ennFade .22s ease both}
/* rebuilt on the same step: the open fold does not fade in again */
#buildPanel.norise .pfold-b{animation-duration:0s}
[data-shell="mobile"] .pfold>.pfold-h{padding:15px 16px}
[data-shell="mobile"] .pfold-t{font-size:12px}
[data-shell="mobile"] .pfold-s{font-size:14.5px}
[data-shell="mobile"] .pfold-b{padding:0 16px 18px}

/* ---- the dashboard's own folds: check-in, journal, scratch pad ----------
   The same .psec.pfold as the record under them, so the dashboard reads as one
   page of headings rather than three cards and then a list. Shut on arrival;
   open for the rest of the visit once opened (see ennFold in core.js).

   The check-in and journal are <details> and get the shells' +/- marker from
   their <summary>. The scratch pad is a button - it is the same element as
   the strip at the foot of a step - so it is given the marker by hand. */
.ennx-dfold>button.pfold-h{
  width:100%;border:0;margin:0;font:inherit;color:inherit;text-align:left;
  -webkit-appearance:none;appearance:none;
}
.ennx-dfold>button.pfold-h::after{content:"+";font-size:19px;color:var(--gold);font-weight:600}
[data-shell="mobile"] .ennx-dfold>button.pfold-h::after{font-size:21px}
.ennx-dfold.open>button.pfold-h::after{content:"\2013"}
/* the strip's own look must not leak into the fold */
.ennx-scratch.ennx-dfold,.ennx-scratch.ennx-dfold.open{
  margin:0 0 12px;border-radius:19px;background:var(--card);
  border:1px solid rgba(60,48,25,.05);box-shadow:var(--shadow);
}
[data-shell="desktop"] .ennx-scratch.ennx-dfold{border-radius:18px}

/* ---- the three questions, numbered ---- */
.ennx-q{display:flex;align-items:baseline;gap:9px;margin:18px 0 6px}
/* each question sits with the block it asks about, not a standard gap away:
   question 2 under the level readout, question 3 under the pressure block */
.ennx-lvl + .ennx-q,
.ennx-today + .ennx-q,
.ennx-before + .ennx-q{margin-top:10px}
.ennx-qn{
  flex:none;width:20px;height:20px;border-radius:50%;
  background:rgba(201,143,44,.16);color:var(--gold-deep);
  font-size:11px;font-weight:800;line-height:20px;text-align:center;
}
.ennx-qt{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;text-wrap:pretty}

.ennx-remfoot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(60,48,25,.12)}
.ennx-remfoot .enna-note,.ennx-remfoot .enna-fine{margin-top:0}

/* the congratulations list, with each action on its own line */
.ennx-cong-do{margin-left:2px;white-space:nowrap}

[data-shell="mobile"] .ennx-today-b{font-size:16px}
[data-shell="mobile"] .ennx-qt{font-size:16.5px}
[data-shell="mobile"] .ennx-today-go{font-size:15px}