/* Send Listy Core 0.498 — Home Discovery stable interaction surface
   Step by Step is visually distinct from Templates. Featured Links remains a
   compact, collapsible discovery surface at the end of Home. */

.sl-home-discovery-head{align-items:flex-start;gap:12px}
.sl-home-discovery-head>div{min-width:0;display:grid;gap:3px}
.sl-home-discovery-head h2{margin:0}
.sl-home-discovery-head small{display:block;color:var(--sl-muted,#718077);font-size:12px;line-height:1.35;font-weight:550}

.sl-home-step-cards{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 8px;
  scroll-snap-type:x proximity;
  scroll-padding-inline:2px;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#d5ded6 transparent;
}
.sl-home-step-cards::-webkit-scrollbar{height:5px}
.sl-home-step-cards::-webkit-scrollbar-track{background:transparent}
.sl-home-step-cards::-webkit-scrollbar-thumb{background:#d5ded6;border-radius:999px}
.sl-home-step-card{
  position:relative;
  flex:0 0 calc((100% - 24px)/3);
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  font:inherit;
  text-align:start;
  cursor:pointer;
  text-decoration:none;
  color:inherit;
  border:1px solid var(--sl-border,#e4e8e4);
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 14px rgba(30,45,60,.06);
  scroll-snap-align:start;
  transition:none;
  transform:none!important;
  will-change:auto;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-drag:none;
}
/* 0.498 root fix: the Step card is a button with a single immutable hit target.
   The old translateY(-1px) could move the card out from under the pointer at
   its lower edge, causing repeated hover enter/leave (visible shaking) and a
   lost click. Feedback is paint-only so geometry and hit-testing stay stable. */
.sl-home-step-card:hover,.sl-home-step-card:active{transform:none!important;border-color:var(--sl-border,#e4e8e4);box-shadow:0 5px 14px rgba(30,45,60,.06)}
.sl-home-step-card:focus-visible{outline:3px solid rgba(47,158,47,.24);outline-offset:2px}
.sl-home-step-card[aria-busy="true"]{cursor:progress;opacity:.78}
/* One stable hit target. Inner artwork/copy never participates in pointer hit-testing. */
.sl-home-step-card>*,.sl-home-step-card img{pointer-events:none}
.sl-home-step-media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff4e9,#eff8ed);
  color:#b54b00;
}
.sl-home-step-media:after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block:0;
  width:4px;
  background:#d85a08;
  opacity:.85;
}
.sl-home-step-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
.sl-home-step-media b{font-size:40px;line-height:1;font-weight:800}
.sl-home-step-body{display:grid;gap:6px;min-height:112px;padding:11px 12px 12px;box-sizing:border-box}
.sl-home-step-body>strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:2.55em;
  color:var(--sl-text,#26372d);
  font-size:14px;
  line-height:1.28;
  font-weight:800;
}
.sl-home-step-body>small{font-size:11px;line-height:1.35;color:var(--sl-muted,#718077);font-style:normal}
.sl-home-step-body>small em{color:#b54b00;font-style:normal;font-weight:800}
.sl-home-step-body>small i{color:#237a32;font-style:normal;font-weight:800}
.sl-home-step-cta{margin-top:auto;color:var(--sl-green,#2f9e2f);font-size:12px;font-weight:800}

.sl-home-featured-links-widget{padding:0!important;overflow:hidden}
.sl-home-featured-details{border:1px solid var(--sl-border,#e3e8e4);border-radius:17px;background:#fff;overflow:hidden}
.sl-home-featured-details>summary{
  list-style:none;
  cursor:pointer;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.sl-home-featured-details>summary::-webkit-details-marker{display:none}
.sl-home-featured-details>summary>span{min-width:0;display:grid;gap:3px}
.sl-home-featured-details>summary strong{font-size:15px;line-height:1.25;color:var(--sl-text,#26372d)}
.sl-home-featured-details>summary small{font-size:11px;line-height:1.35;color:var(--sl-muted,#718077);font-weight:550}
.sl-home-featured-details>summary>i{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f1f6f2;color:#506158;font-size:18px;line-height:1;font-style:normal;transition:transform .18s ease}
.sl-home-featured-details[open]>summary>i{transform:rotate(180deg)}
.sl-home-featured-details[open]>summary{border-bottom:1px solid #edf0ee}
.sl-home-featured-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}
.sl-home-featured-links>a{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:9px 10px;
  border:1px solid #e8ece9;
  border-radius:13px;
  background:#fbfdfb;
  text-decoration:none;
  color:inherit;
  box-sizing:border-box;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.sl-home-featured-links>a:hover{border-color:#d7e3d9;background:#f7fbf7;transform:translateY(-1px)}
.sl-home-featured-links>a>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef7ed;font-size:18px}
.sl-home-featured-links>a>span:nth-child(2){min-width:0;display:grid;gap:2px}
.sl-home-featured-links>a strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sl-text,#26372d);font-size:13px;line-height:1.25}
.sl-home-featured-links>a small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--sl-muted,#718077);font-size:10.5px;line-height:1.3}
.sl-home-featured-links>a>b{color:#86958c;font-size:19px;line-height:1}

.send-list-app.sl-dark-mode .sl-home-step-card,.send-list-app.sl-dark-mode .sl-home-featured-details{background:#1c2721;border-color:#334238;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.send-list-app.sl-dark-mode .sl-home-step-media{background:linear-gradient(145deg,#3a2e24,#24352a)}
.send-list-app.sl-dark-mode .sl-home-step-body>strong,.send-list-app.sl-dark-mode .sl-home-featured-details>summary strong,.send-list-app.sl-dark-mode .sl-home-featured-links>a strong{color:#edf4ef}
.send-list-app.sl-dark-mode .sl-home-step-body>small,.send-list-app.sl-dark-mode .sl-home-discovery-head small,.send-list-app.sl-dark-mode .sl-home-featured-details>summary small,.send-list-app.sl-dark-mode .sl-home-featured-links>a small{color:#aab8ae}
.send-list-app.sl-dark-mode .sl-home-featured-details[open]>summary{border-bottom-color:#334238}
.send-list-app.sl-dark-mode .sl-home-featured-details>summary>i,.send-list-app.sl-dark-mode .sl-home-featured-links>a>span:first-child{background:#24352a;color:#cbd7ce}
.send-list-app.sl-dark-mode .sl-home-featured-links>a{background:#202d25;border-color:#334238}
.send-list-app.sl-dark-mode .sl-home-featured-links>a:hover{background:#26352b;border-color:#425447}

@media(max-width:900px){.sl-home-step-card{flex-basis:46%}}
@media(max-width:650px){
  .sl-home-step-cards{gap:10px;padding-inline-end:13%;scrollbar-width:none}
  .sl-home-step-cards::-webkit-scrollbar{display:none}
  .sl-home-step-card{flex-basis:82%;border-radius:17px}
  .sl-home-step-body{min-height:105px;padding:10px 11px 11px}
  .sl-home-featured-links{grid-template-columns:1fr;padding:9px}
  .sl-home-featured-details>summary{padding:11px 12px}
}
@media(max-width:380px){.sl-home-step-card{flex-basis:86%}}
@media(hover:none),(pointer:coarse){
  .sl-home-step-card:hover{transform:none;border-color:var(--sl-border,#e4e8e4);box-shadow:0 5px 14px rgba(30,45,60,.06)}
}
@media(prefers-reduced-motion:reduce){.sl-home-step-card,.sl-home-featured-details>summary>i,.sl-home-featured-links>a{transition:none}}

/* Core 0.498 — Home Step cards open the canonical Core To do Steps preview.
 * No iframe-specific preview surface is required here. */

/* 0.498 — conversion CTA inside the canonical Core Step by Step preview. */
.send-list-app .sl-todo-system-v480.is-home-guide-preview .sl-todo-home-preview-use{
  width:100%;min-height:46px;margin-top:11px;padding:9px 13px;border:1px solid var(--sl-green,#2f9e2f);border-radius:12px;
  background:var(--sl-green,#2f9e2f);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 6px 14px rgba(47,158,47,.16)
}
.send-list-app .sl-todo-system-v480.is-home-guide-preview .sl-todo-home-preview-use:hover,
.send-list-app .sl-todo-system-v480.is-home-guide-preview .sl-todo-home-preview-use:focus-visible{
  background:var(--sl-green,#2f9e2f);border-color:var(--sl-green,#2f9e2f);color:#fff;filter:brightness(.97)
}
.send-list-app .sl-todo-system-v480.is-home-guide-preview .sl-todo-home-preview-use:disabled{opacity:.62;cursor:progress}