/* HOP — Today's small move (slide.js, v113). Same calm feel as the check-in (checkin.css). */
:root{ --sl-k:#a8700b; --sl-glow:#fbf3e3; --sl-on:#2f8a7a; --sl-on-bg:#e6f3ef; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --sl-k:#f0c35a; --sl-glow:#2a2416; --sl-on:#5fb8a6; --sl-on-bg:rgba(95,184,166,.12); } }
:root[data-theme="dark"]{ --sl-k:#f0c35a; --sl-glow:#2a2416; --sl-on:#5fb8a6; --sl-on-bg:rgba(95,184,166,.12); }

.sheet:has(> .sl-form){ background:linear-gradient(180deg, var(--sl-glow) 0, var(--surface) 240px); padding-left:18px; padding-right:18px; }
.sl-form{ display:flex; flex-direction:column; }
.sl-k{ font-size:12.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--sl-k); margin-bottom:4px; }
.sl-h{ margin:0 0 8px; font-family:Georgia, "Times New Roman", serif; font-weight:600; font-size:25px; line-height:1.2; letter-spacing:-.01em; text-wrap:balance; }
.sl-lead{ margin:0 0 12px; font-size:16.5px; line-height:1.5; }
.sl-noticed{ margin:0 0 12px; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.sl-noticed li{ position:relative; padding-left:18px; font-size:15px; line-height:1.45; color:var(--text-muted); }
.sl-noticed li::before{ content:""; position:absolute; left:3px; top:.62em; width:7px; height:7px; border-radius:50%; background:var(--sl-k); opacity:.7; }
.sl-said{ margin:0 0 6px; font-size:15px; color:var(--text-muted); }
.sl-said b{ color:var(--text); font-weight:700; }
.sl-sec{ margin:16px 0 8px; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--accent-600); }
.sl-opts{ display:flex; flex-direction:column; gap:8px; }
.sl-opt{ display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left; font:inherit; cursor:pointer; color:var(--text);
  padding:13px 14px; border-radius:16px; border:1.5px solid var(--border); background:var(--surface); transition:border-color .15s, background .15s; }
.sl-opt:focus-visible{ outline:3px solid var(--accent-400); outline-offset:2px; }
.sl-opt.is-on{ border-color:var(--sl-on); background:var(--sl-on-bg); }
.sl-dot{ flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; border:2px solid var(--border-strong); background:var(--surface); position:relative; }
.sl-opt.is-on .sl-dot{ border-color:var(--sl-on); }
.sl-opt.is-on .sl-dot::after{ content:""; position:absolute; inset:4px; border-radius:50%; background:var(--sl-on); }
.sl-ot{ min-width:0; display:flex; flex-direction:column; gap:2px; font-size:15.5px; line-height:1.4; }
.sl-ot b{ font-size:15.5px; }
.sl-ot b + span{ color:var(--text-muted); font-size:14.5px; }
.sl-ot i{ font-style:normal; font-size:12.5px; font-weight:700; color:var(--sl-k); }
.sl-own-b .sl-ot span{ color:var(--accent-600); font-weight:700; }
.sl-own{ display:flex; flex-direction:column; gap:6px; padding:2px 2px 4px; }
.sl-own[hidden]{ display:none; }
.sl-own label{ font-size:13.5px; color:var(--text-muted); }
.sl-own input{ font:inherit; font-size:16px; padding:11px 12px; border-radius:12px; border:1.5px solid var(--border-strong); background:var(--surface); color:var(--text); }
.sl-fine{ margin:14px 0 12px; font-size:13.5px; line-height:1.45; color:var(--text-muted); }
.sl-form [data-sl-go]{ min-height:54px; border-radius:18px; font-size:17.5px; }
.sl-form [data-sl-go]:disabled{ opacity:.45; }
.sl-off{ margin:6px auto 0; font:inherit; font-size:13.5px; color:var(--text-muted); background:none; border:0; text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:8px; }