/* Only the Wellness guide and its temporary, read-only preview use these styles. */
.tlaw-app .tlaw-guide-entry { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; padding:15px 30px; border-bottom:1px solid var(--tlaw-line); background:#f5faf7; }
.tlaw-app .tlaw-guide-entry[hidden] { display:none !important; }
.tlaw-app .tlaw-guide-launch { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:9px; flex:0 0 auto; min-width:0; width:auto; max-width:100%; min-height:44px; padding:9px 16px 9px 11px; margin:0; color:#155434; border:1px solid #bedcca; border-radius:999px; background:#fff; box-shadow:0 2px 5px rgba(19,68,40,.04); font-size:14px; line-height:1.3; font-weight:750; white-space:normal; text-transform:none; letter-spacing:normal; cursor:pointer; }
.tlaw-app .tlaw-guide-launch:hover { color:#fff; background:#17673f; border-color:#17673f; }
.tlaw-app .tlaw-guide-launch-icon { display:grid; place-items:center; flex:0 0 25px; width:25px; height:25px; border-radius:50%; background:#e2f3e8; color:#17603b; font-size:16px; font-weight:850; }
.tlaw-app .tlaw-guide-entry-note { color:#597063; font-size:12px; line-height:1.45; min-width:0; }
.tlaw-app .tlaw-guide-launch:focus-visible { outline:3px solid #2b9f67; outline-offset:3px; }

/* hidden and is-active are never changed by the tour. These view-only rules
   disappear on close, leaving form validation, tab state and saved data intact. */
.tlaw-app[data-tlaw-tour-view] > .tlaw-panel { display:none !important; animation:none !important; }
.tlaw-app[data-tlaw-tour-view="profile"] > [data-tlaw-panel="profile"],
.tlaw-app[data-tlaw-tour-view="smart"] > [data-tlaw-panel="smart"],
.tlaw-app[data-tlaw-tour-view="plan"] > [data-tlaw-panel="plan"],
.tlaw-app[data-tlaw-tour-view="saved"] > [data-tlaw-panel="saved"],
.tlaw-app[data-tlaw-tour-view="rewards"] > [data-tlaw-panel="rewards"],
.tlaw-app[data-tlaw-tour-view="programs"] > [data-tlaw-panel="programs"],
.tlaw-app[data-tlaw-tour-view="guest-register"] > [data-tlaw-auth-panel="register"],
.tlaw-app[data-tlaw-tour-view="guest-preferences"] > [data-tlaw-auth-panel="register"],
.tlaw-app[data-tlaw-tour-view="guest-login"] > [data-tlaw-auth-panel="login"] { display:block !important; }
.tlaw-app[data-tlaw-tour-view] [data-tlaw-register-step] { display:none !important; animation:none !important; }
.tlaw-app[data-tlaw-tour-view="guest-register"] [data-tlaw-register-step="1"],
.tlaw-app[data-tlaw-tour-view="guest-preferences"] [data-tlaw-register-step="2"] { display:block !important; }
.tlaw-app[data-tlaw-tour-view] > .tlaw-tabs button { background:transparent !important; color:#4e6258 !important; box-shadow:none !important; }
.tlaw-app[data-tlaw-tour-view="profile"] > .tlaw-tabs [data-tlaw-tab="profile"],
.tlaw-app[data-tlaw-tour-view="smart"] > .tlaw-tabs [data-tlaw-tab="smart"],
.tlaw-app[data-tlaw-tour-view="plan"] > .tlaw-tabs [data-tlaw-tab="plan"],
.tlaw-app[data-tlaw-tour-view="saved"] > .tlaw-tabs [data-tlaw-tab="saved"],
.tlaw-app[data-tlaw-tour-view="rewards"] > .tlaw-tabs [data-tlaw-tab="rewards"],
.tlaw-app[data-tlaw-tour-view="programs"] > .tlaw-tabs [data-tlaw-tab="programs"],
.tlaw-app[data-tlaw-tour-view="guest-register"] > .tlaw-tabs [data-tlaw-auth-tab="register"],
.tlaw-app[data-tlaw-tour-view="guest-preferences"] > .tlaw-tabs [data-tlaw-auth-tab="register"],
.tlaw-app[data-tlaw-tour-view="guest-login"] > .tlaw-tabs [data-tlaw-auth-tab="login"] { color:#17603b !important; background:#e6f5ed !important; outline:2px solid #33a36e; outline-offset:-2px; }
.tlaw-app[data-tlaw-tour-view] [data-tlaw-tour-placeholder]:empty { display:grid; place-items:center; min-height:120px; min-width:0; padding:20px; margin-block:18px; border:1px dashed #9fc9af; border-radius:16px; color:#416952; background:#f1f8f4; text-align:center; }
.tlaw-app[data-tlaw-tour-view] [data-tlaw-tour-placeholder]:empty::before { content:attr(data-tlaw-tour-placeholder); max-width:420px; font:500 14px/1.6 system-ui,sans-serif; }
.tlaw-guide-scroll-space { display:block; width:1px; visibility:hidden; pointer-events:none; }
html.tlaw-guide-open { scroll-behavior:auto !important; }

.tlaw-guide-dialog { position:fixed; inset:0; width:100%; height:100%; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:transparent; color:#193c2b; overflow:hidden; z-index:2147483000; font:400 14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-sizing:border-box; }
.tlaw-guide-dialog:not([open]) { display:none !important; }
.tlaw-guide-dialog[open] { display:block; }
.tlaw-guide-dialog::backdrop { background:transparent; backdrop-filter:none; }
.tlaw-guide-dialog[data-no-target="1"] { background:rgba(9,30,19,.64); }
.tlaw-guide-dialog *, .tlaw-guide-dialog *::before, .tlaw-guide-dialog *::after { box-sizing:border-box; }
.tlaw-guide-dialog [hidden] { display:none !important; }
.tlaw-guide-dialog .tlaw-guide-spotlight { position:fixed; z-index:0; pointer-events:none; border:3px solid #3bb981; border-radius:16px; box-shadow:0 0 0 9999px rgba(9,30,19,.64),0 0 0 5px rgba(70,198,127,.2); }
.tlaw-guide-dialog .tlaw-guide-card { position:fixed; z-index:1; display:flex; flex-direction:column; min-width:0; max-width:calc(100vw - 24px); margin:0; padding:0; border:1px solid #dcebe2; border-radius:22px; background:#fff; box-shadow:0 15px 60px rgba(8,30,17,.24); overflow:hidden; }
.tlaw-guide-dialog button, .tlaw-guide-dialog select { appearance:none; min-width:0; max-width:100%; margin:0; width:auto; font:inherit; font-weight:750; line-height:1.35; text-transform:none; letter-spacing:normal; cursor:pointer; white-space:normal; word-break:normal; overflow-wrap:anywhere; box-shadow:none; height:auto; }
.tlaw-guide-dialog button:focus-visible, .tlaw-guide-dialog select:focus-visible, .tlaw-guide-dialog summary:focus-visible { outline:3px solid #2ca368; outline-offset:3px; }
.tlaw-guide-dialog button:disabled { opacity:.4; cursor:default; }
.tlaw-guide-dialog .tlaw-guide-head { display:flex; flex:0 0 auto; justify-content:space-between; align-items:center; gap:10px; margin:0; padding:12px 16px 10px; background:#f0f8f3; border:0; }
.tlaw-guide-dialog .tlaw-guide-head-text { min-width:0; }
.tlaw-guide-dialog .tlaw-guide-kicker { display:block; font-size:10px; line-height:1.5; letter-spacing:.08em; font-weight:800; text-transform:uppercase; color:#35654a; }
.tlaw-guide-dialog .tlaw-guide-counter { display:block; font-size:12px; line-height:1.5; font-weight:700; color:#456352; margin-top:2px; }
.tlaw-guide-dialog .tlaw-guide-close { display:grid; place-items:center; flex:0 0 40px; width:40px; min-height:40px; height:40px; padding:0; border:1px solid #d9e7de; border-radius:50%; color:#385746; background:#fff; font-size:26px; line-height:1; }
.tlaw-guide-dialog .tlaw-guide-close:hover { background:#dcefe3; color:#124d2d; }
.tlaw-guide-dialog .tlaw-guide-progress { height:3px; flex:0 0 3px; background:#e8f1eb; }
.tlaw-guide-dialog .tlaw-guide-progress span { display:block; height:100%; background:#269461; transition:width .15s ease; }
.tlaw-guide-dialog .tlaw-guide-body { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:16px 18px; }
.tlaw-guide-dialog h2 { margin:0 0 9px; padding:0; font:800 21px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#193c2b; letter-spacing:-.015em; overflow-wrap:anywhere; }
.tlaw-guide-dialog h2:focus { outline:none; }
.tlaw-guide-dialog .tlaw-guide-intro { margin:0; padding:0; font:400 14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#405c4b; overflow-wrap:anywhere; }
.tlaw-guide-dialog .tlaw-guide-details { margin:11px 0 0; padding:0; border:0; background:transparent; }
.tlaw-guide-dialog .tlaw-guide-details > summary { color:#17633e; padding:6px 0; margin:0; font-size:12px; line-height:1.4; font-weight:750; cursor:pointer; list-style:revert; }
.tlaw-guide-dialog .tlaw-guide-details:not([open]) > :not(summary) { display:none !important; }
.tlaw-guide-dialog .tlaw-guide-topic-label { display:block; margin:10px 0 5px; padding:0; font-size:12px; font-weight:750; color:#476452; }
.tlaw-guide-dialog .tlaw-guide-topic { appearance:auto; width:100%; min-height:44px; padding:9px 10px; margin:0 0 10px; color:#244c34; background:#fff; border:1px solid #c5dace; border-radius:10px; font-size:16px; }
.tlaw-guide-dialog .tlaw-guide-instructions { margin:5px 0 8px; padding:0 0 0 20px; color:#405b49; font-size:13px; line-height:1.55; }
.tlaw-guide-dialog .tlaw-guide-instructions li { margin:8px 0; padding:0; overflow-wrap:anywhere; }
.tlaw-guide-dialog .tlaw-guide-missing { margin:10px 0 0; padding:10px 12px; color:#765a28; background:#fff9e9; border-radius:10px; font-size:12px; }
.tlaw-guide-dialog .tlaw-guide-example { margin:12px 0 2px; padding:12px; border:1px solid #dfebe3; border-radius:12px; background:#f5faf7; }
.tlaw-guide-dialog .tlaw-guide-example-label { display:block; margin-bottom:8px; font-size:10px; font-weight:750; color:#637d6d; text-transform:uppercase; letter-spacing:.06em; }
.tlaw-guide-dialog .tlaw-guide-example-chips { display:flex; flex-wrap:wrap; gap:6px; }
.tlaw-guide-dialog .tlaw-guide-example-chips span { display:block; padding:7px 9px; border-radius:9px; background:#fff; border:1px solid #dbe9e0; font-size:12px; font-weight:650; }
.tlaw-guide-dialog .tlaw-guide-footer { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; flex:0 0 auto; gap:8px; margin:0; padding:11px 16px 12px; border-top:1px solid #e3ece6; background:#fff; }
.tlaw-guide-dialog .tlaw-guide-skip { justify-self:start; padding:8px 3px; min-height:44px; background:transparent; color:#5b7163; border:0; border-radius:6px; font-size:12px; }
.tlaw-guide-dialog .tlaw-guide-back, .tlaw-guide-dialog .tlaw-guide-next { min-width:64px; min-height:44px; padding:10px 14px; border:1px solid #caddd0; border-radius:12px; color:#28533a; background:#fff; }
.tlaw-guide-dialog .tlaw-guide-next { color:#fff; background:#17673f; border-color:#17673f; }
.tlaw-guide-dialog .tlaw-guide-next:hover { background:#104f2f; border-color:#104f2f; }
.tlaw-guide-dialog .tlaw-guide-back:hover { background:#eef7f1; }
.tlaw-guide-dialog .tlaw-guide-safe { grid-column:1/-1; text-align:center; color:#6d7d73; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
@media(max-width:540px) {
    .tlaw-app .tlaw-guide-entry { padding:12px 16px; gap:8px 12px; }
    .tlaw-app .tlaw-guide-entry-note { flex:1 1 120px; font-size:11px; }
    .tlaw-guide-dialog .tlaw-guide-card { border-radius:18px; }
    .tlaw-guide-dialog .tlaw-guide-head { padding:10px 13px 8px; }
    .tlaw-guide-dialog .tlaw-guide-body { padding:13px 14px; }
    .tlaw-guide-dialog h2 { font-size:20px; }
    .tlaw-guide-dialog .tlaw-guide-footer { padding:10px 13px 11px; gap:6px; }
    .tlaw-guide-dialog .tlaw-guide-back, .tlaw-guide-dialog .tlaw-guide-next { min-width:62px; padding:9px 11px; }
}
@media(max-width:359px) {
    .tlaw-app .tlaw-guide-entry-note { flex-basis:100%; }
    .tlaw-guide-dialog .tlaw-guide-kicker { font-size:9px; }
    .tlaw-guide-dialog h2 { font-size:19px; }
    .tlaw-guide-dialog .tlaw-guide-intro { font-size:13px; }
}
@media(max-height:480px) {
    .tlaw-guide-dialog .tlaw-guide-head { padding:8px 12px 7px; }
    .tlaw-guide-dialog .tlaw-guide-body { padding:10px 13px; }
    .tlaw-guide-dialog h2 { font-size:18px; }
    .tlaw-guide-dialog .tlaw-guide-intro { font-size:13px; line-height:1.45; }
    .tlaw-guide-dialog .tlaw-guide-footer { padding:8px 12px; gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
    .tlaw-guide-dialog *, .tlaw-app[data-tlaw-tour-view] * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Short landscape view: temporarily reflow the highlighted Wellness page into
   the column beside the tour. No page state or form values are changed. */
.tlaw-app[data-tlaw-tour-view][data-tlaw-tour-compact] { width:var(--tlaw-guide-preview-width) !important; max-width:var(--tlaw-guide-preview-width) !important; margin-left:18px !important; margin-right:auto !important; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-hero { flex-direction:column; align-items:stretch; padding:18px; gap:12px; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-hero h2 { font-size:25px; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-hero-badges { justify-content:flex-start; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-panel { padding:16px; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-guide-entry { padding:12px; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-grid,
.tlaw-app[data-tlaw-tour-compact] .tlaw-plan-grid,
.tlaw-app[data-tlaw-tour-compact] .tlaw-saved-grid { grid-template-columns:minmax(0,1fr); }
.tlaw-app[data-tlaw-tour-compact] .tlaw-nutrition-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tlaw-app[data-tlaw-tour-compact] .tlaw-inline-controls,
.tlaw-app[data-tlaw-tour-compact] .tlaw-section-head,
.tlaw-app[data-tlaw-tour-compact] .tlaw-plan-controls,
.tlaw-app[data-tlaw-tour-compact] .tlaw-program-card,
.tlaw-app[data-tlaw-tour-compact] .tlaw-meal-head { flex-direction:column; align-items:stretch; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-program-progress,
.tlaw-app[data-tlaw-tour-compact] .tlaw-inline-controls > * { min-width:0; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-actions { flex-wrap:wrap; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-button { max-width:100%; white-space:normal; }
.tlaw-app[data-tlaw-tour-compact] .tlaw-safety { padding:16px; }

/* v1.7.3: logged-in Wellness guide matches the Salad Builder coach-mark tour. */
.tlaw-app .tlaw-guide-launch.tlaw-guide-launch--heartbeat {
    transform-origin:center;
    animation:tlaw-guide-launch-heartbeat 1.05s ease-in-out 4;
    will-change:transform,box-shadow;
}
@keyframes tlaw-guide-launch-heartbeat {
    0%,100% { transform:scale(1); box-shadow:0 3px 12px rgba(20,60,38,.055); }
    10% { transform:scale(1.075); box-shadow:0 4px 16px rgba(22,133,82,.18),0 0 0 0 rgba(22,133,82,.18); }
    18% { transform:scale(1); box-shadow:0 3px 12px rgba(20,60,38,.07),0 0 0 5px rgba(22,133,82,.08); }
    28% { transform:scale(1.055); box-shadow:0 4px 15px rgba(22,133,82,.16),0 0 0 8px rgba(22,133,82,.055); }
    38%,100% { transform:scale(1); box-shadow:0 3px 12px rgba(20,60,38,.055),0 0 0 11px rgba(22,133,82,0); }
}
.tlaw-guide-dialog.tlaw-guide-coach[open] { display:block; padding:0; background:transparent !important; }
.tlaw-guide-dialog.tlaw-guide-coach::backdrop { background:transparent !important; backdrop-filter:none !important; }
.tlaw-guide-dialog.tlaw-guide-coach[data-no-target="1"] { background:transparent !important; }
.tlaw-guide-coach .tlaw-guide-spotlight {
    z-index:1; border:3px solid #25a866; border-radius:15px; background:rgba(53,181,112,.055);
    box-shadow:0 0 0 5px rgba(58,181,112,.14),0 8px 26px rgba(19,76,47,.12);
    transition:left .16s ease,top .16s ease,width .16s ease,height .16s ease;
}
.tlaw-guide-coach .tlaw-guide-card {
    z-index:3; width:min(370px,calc(100vw - 24px)); max-width:calc(100vw - 20px);
    border:1px solid #cfe0d5; border-radius:18px; box-shadow:0 18px 48px rgba(8,42,25,.22);
    transition:left .16s ease,top .16s ease;
}
.tlaw-guide-dialog .tlaw-guide-arrow { display:none; }
.tlaw-guide-coach .tlaw-guide-arrow {
    display:block; position:fixed; z-index:2; width:16px; height:16px; border:1px solid #cfe0d5;
    background:#fff; transform:rotate(45deg); pointer-events:none;
    transition:left .16s ease,top .16s ease;
}
.tlaw-guide-coach .tlaw-guide-arrow[hidden] { display:none !important; }
.tlaw-guide-coach[data-placement="bottom"] .tlaw-guide-arrow { background:#f0f8f3; }
.tlaw-guide-coach .tlaw-guide-head { padding:11px 14px 9px; gap:9px; }
.tlaw-guide-coach .tlaw-guide-body { padding:11px 14px 9px; }
.tlaw-guide-coach h2 { font-size:18px; margin-bottom:6px; }
.tlaw-guide-coach .tlaw-guide-intro { font-size:13px; line-height:1.42; }
.tlaw-guide-coach .tlaw-guide-details { margin-top:7px; }
.tlaw-guide-coach .tlaw-guide-details > summary { padding:4px 1px; }
.tlaw-guide-coach .tlaw-guide-footer { padding:8px 14px 9px; gap:4px 9px; }
.tlaw-guide-coach .tlaw-guide-safe { display:none; }
.tlaw-guide-coach .tlaw-guide-back,.tlaw-guide-coach .tlaw-guide-next { min-height:40px; padding:8px 12px; }
.tlaw-guide-coach .tlaw-guide-skip { min-height:40px; padding-block:7px; }
@media(max-width:540px) {
    .tlaw-guide-coach .tlaw-guide-card { width:min(330px,calc(100vw - 20px)); border-radius:16px; }
    .tlaw-guide-coach .tlaw-guide-head { padding:9px 12px 7px; }
    .tlaw-guide-coach .tlaw-guide-body { padding:9px 12px 7px; }
    .tlaw-guide-coach h2 { font-size:17px; }
    .tlaw-guide-coach .tlaw-guide-intro { font-size:12.5px; }
    .tlaw-guide-coach .tlaw-guide-footer { padding:7px 12px 8px; }
}
@media(prefers-reduced-motion:reduce) {
    .tlaw-app .tlaw-guide-launch.tlaw-guide-launch--heartbeat { animation:none !important; }
    .tlaw-guide-coach .tlaw-guide-card,.tlaw-guide-coach .tlaw-guide-arrow,.tlaw-guide-coach .tlaw-guide-spotlight { transition:none !important; }
}

/* v1.7.4: public Show me how opens a read-only preview of the logged-in dashboard. */
html.tlaw-public-demo-open,
html.tlaw-public-demo-open body { overflow:hidden !important; }
.tlaw-public-demo[hidden] { display:none !important; }
.tlaw-public-demo {
    position:fixed; inset:0; z-index:2147482500; display:grid; grid-template-rows:auto minmax(0,1fr);
    width:100vw; height:100dvh; color:#173b2a; background:#edf5f0;
}
.tlaw-public-demo-bar {
    position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:16px;
    min-height:62px; padding:10px 18px; color:#fff; background:linear-gradient(135deg,#173e2d,#176b43);
    box-shadow:0 4px 18px rgba(7,39,23,.18);
}
.tlaw-public-demo-bar > div { min-width:0; display:grid; gap:2px; }
.tlaw-public-demo-bar strong { font-size:14px; line-height:1.3; }
.tlaw-public-demo-bar span { color:rgba(255,255,255,.78); font-size:11px; line-height:1.35; }
.tlaw-public-demo-close {
    appearance:none; display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; padding:0;
    border:1px solid rgba(255,255,255,.32); border-radius:50%; color:#fff; background:rgba(255,255,255,.09);
    font:400 27px/1 system-ui,sans-serif; cursor:pointer;
}
.tlaw-public-demo-close:hover { background:rgba(255,255,255,.18); }
.tlaw-public-demo-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; padding:16px 0 42px; }
.tlaw-public-demo-app { pointer-events:none; margin-top:0 !important; margin-bottom:0 !important; }
.tlaw-public-demo-app .tlaw-public-demo-label {
    display:inline-flex; width:max-content; max-width:100%; margin:0 0 12px; padding:5px 9px; border-radius:999px;
    color:#17603b; background:#e6f5ed; border:1px solid #c8e5d5; font-size:10px; line-height:1.25; font-weight:800;
    letter-spacing:.04em; text-transform:uppercase;
}
.tlaw-public-demo-app .tlaw-demo-meal-result { margin-top:18px; }
.tlaw-public-demo-app .tlaw-demo-daily { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; }
.tlaw-public-demo-app .tlaw-demo-daily article,
.tlaw-public-demo-app .tlaw-demo-saved-card,
.tlaw-public-demo-app .tlaw-demo-ai-access,
.tlaw-public-demo-app .tlaw-public-demo-note {
    border:1px solid var(--tlaw-line); border-radius:15px; background:#f8fbf9;
}
.tlaw-public-demo-app .tlaw-demo-daily article { display:grid; gap:3px; padding:14px; }
.tlaw-public-demo-app .tlaw-demo-daily span { color:var(--tlaw-muted); font-size:12px; }
.tlaw-public-demo-app .tlaw-demo-saved-card { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; }
.tlaw-public-demo-app .tlaw-demo-saved-card h4 { margin:3px 0 4px; font-size:17px; }
.tlaw-public-demo-app .tlaw-demo-saved-card p { margin:0; color:var(--tlaw-muted); font-size:12px; }
.tlaw-public-demo-app .tlaw-demo-ai-access { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; margin-bottom:12px; }
.tlaw-public-demo-app .tlaw-demo-ai-access span { color:var(--tlaw-muted); font-size:12px; }
.tlaw-public-demo-app .tlaw-public-demo-note { margin-top:12px; padding:13px 15px; color:var(--tlaw-muted); font-size:12px; }
.tlaw-public-demo-app input,
.tlaw-public-demo-app select,
.tlaw-public-demo-app button,
.tlaw-public-demo-app a { user-select:none; }
@media(max-width:700px) {
    .tlaw-public-demo-bar { min-height:58px; padding:8px 12px; }
    .tlaw-public-demo-bar span { display:none; }
    .tlaw-public-demo-scroll { padding-top:8px; }
    .tlaw-public-demo-app .tlaw-demo-daily { grid-template-columns:1fr; }
    .tlaw-public-demo-app .tlaw-demo-saved-card { align-items:flex-start; flex-direction:column; }
}

/* v1.7.5: keep the public tour trigger inside the top visitor hero. */
.tlaw-visitor-hero .tlaw-guide-entry {
    margin:14px 0 0;
    padding:0;
    border:0;
    background:transparent;
}
.tlaw-visitor-hero .tlaw-guide-entry-note { color:rgba(255,255,255,.76); }
.tlaw-visitor-hero .tlaw-guide-launch { box-shadow:0 8px 24px rgba(0,0,0,.14); }
