/* V71: clearer locks, a richer membership dialog, the Home plan card, the phone header, and the guided tour. */

/* Locked tiles show a padlock instead of "+" so they read as "members only" before anyone taps them. */
.trial-locked::before,.trial-locked-panel::before{
  content:''!important;
  background:#17140F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFDF8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/13px no-repeat!important;
}
.trial-locked-panel{isolation:isolate;cursor:pointer}
.trial-locked-panel>*{opacity:.92}

/* Membership dialog: what is included, the price, and how payment works. */
.trial-lock-perks{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:8px;text-align:start}
.trial-lock-perks li{position:relative;padding-inline-start:30px;font-size:.84rem;font-weight:700;line-height:1.4;color:#2C261E}
.trial-lock-perks li::before{content:'✓';position:absolute;inset-inline-start:0;top:-1px;width:21px;height:21px;border-radius:50%;background:#DDF0E6;border:1.5px solid #95CDAB;color:#236C50;display:grid;place-items:center;font-size:.7rem;font-weight:900}
.trial-lock-price{margin:12px 0 0!important;font-size:.74rem!important;font-weight:700;color:#6C645A!important}

/* The plan card at the top of Home (trial time left, what is open, next step). */
.home-access-card{margin:0 0 30px!important}

/* Phone header: the streak badge moves under the language and menu buttons instead of covering the logo. */
@media (max-width:480px){
  .snle-top-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:9px;max-width:58%}
  .snle-top-streak{order:2;font-size:.58rem!important;padding:6px 10px!important;letter-spacing:.06em!important}
}

/* Staging builds only. */
.snle-staging-ribbon{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:2147483000;background:#E4563F;color:#FFFDF8;font:800 10px/1 system-ui,sans-serif;letter-spacing:.14em;padding:5px 12px 6px;border-radius:0 0 10px 10px;pointer-events:none;box-shadow:0 2px 0 #17140F}

/* Guided tour */
.snle-tour{position:fixed;inset:0;z-index:2147482000;pointer-events:auto}
.snle-tour-spot{position:fixed;border-radius:20px;box-shadow:0 0 0 3px #FFFDF8,0 0 0 9999px rgba(23,20,15,.62);transition:all .28s ease;pointer-events:none}
.snle-tour-spot.is-center{width:0!important;height:0!important;left:50%!important;top:40%!important}
.snle-tour-card{position:fixed;left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 32px));background:#FFFDF8;border:3px solid #17140F;border-radius:22px;box-shadow:6px 6px 0 #17140F;padding:18px 18px 16px;color:#17140F;font-family:inherit}
.snle-tour-card .kicker{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:#17140F;color:#FFFDF8;border-radius:999px;padding:5px 10px}
.snle-tour-card h3{margin:10px 0 6px;font-size:1.16rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.snle-tour-card p{margin:0;font-size:.86rem;line-height:1.55;color:#4A453E}
.snle-tour-dots{display:flex;gap:5px;margin:14px 0 0}
.snle-tour-dots i{width:7px;height:7px;border-radius:50%;background:#E8DFCF}
.snle-tour-dots i.on{background:#8467C4;width:18px;border-radius:999px}
.snle-tour-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap}
.snle-tour-actions .skip{background:none;border:none;color:#6C645A;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:8px 2px;text-decoration:underline;text-underline-offset:3px}
.snle-tour-actions .group{display:flex;gap:8px;margin-inline-start:auto}
.snle-tour-actions button.btn{font:inherit;font-size:.86rem;font-weight:800;border:2.5px solid #17140F;border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 4px 0 #17140F}
.snle-tour-actions button.primary{background:#8467C4;color:#FFFDF8}
.snle-tour-actions button.ghost{background:#FFFDF8;color:#17140F}
.snle-tour-finish{display:grid;gap:8px;margin-top:14px}
.snle-tour-finish button{font:inherit;font-size:.9rem;font-weight:800;text-align:start;border:2.5px solid #17140F;border-radius:16px;padding:12px 14px;cursor:pointer;background:#F3EEFD;color:#17140F;box-shadow:0 4px 0 #17140F}
.snle-tour-finish button:nth-child(2){background:#DDF0E6}
.snle-tour-replay{display:block;margin:14px auto 0;background:none;border:none;color:#7A58CC;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.snle-tour-spot{transition:none}}