/* Soft design (pilot, 2026-11-02) — CM asked for the freud v3 concept: warm cream canvas,
 * chocolate ink, very rounded cards, pill buttons and tabs, round icon buttons, a bold rounded
 * sans (Urbanist), soft fills instead of hard borders, and simple shape badges in olive /
 * orange / lilac / coral. Loaded after product-design.css; remove the <link> to roll back.
 * Badges only ever mark real, recorded progress (a stage the author marked done). */
html:root[data-product-design="2026"] {
  --soft-canvas:#fcfbfa; --soft-surface:#ffffff; --soft-fill:#f2efec; --soft-track:#e6e0db;
  --soft-ink:#1f1915; --soft-ink-2:#3a332e; --soft-mute:#575049; --soft-line:#e8e3df;
  --soft-btn:#4f3422; --soft-btn-ink:#ffffff; --soft-ok:#eef2e4;
  --soft-olive:#9bb068; --soft-orange:#ed7e1c; --soft-lilac:#a694f5; --soft-coral:#fe814b; --soft-sun:#ffce5c;
  --product-accent:#4f3422!important; --product-accent-dark:#e8ddd9!important;
  --product-canvas:var(--soft-canvas)!important; --product-surface:var(--soft-surface)!important;
  --product-soft:var(--soft-fill)!important; --product-ink:var(--soft-ink)!important;
  --product-muted:var(--soft-mute)!important; --product-line:var(--soft-line)!important;
  --accent:var(--soft-btn)!important; --ink:var(--soft-ink)!important; --ink-2:var(--soft-ink-2)!important;
  --ink-mute:var(--soft-mute)!important; --line:var(--soft-line)!important; --line-2:#ddd2cb!important;
  --serif:'Urbanist',system-ui,sans-serif!important; --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  --font-display:'Urbanist',system-ui,sans-serif!important; --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  --lrl-display:'Urbanist',system-ui,sans-serif; --lrl-display-w:800; --lrl-soft-shapes:1;
  --r:20px!important; --r-sm:14px!important; --r-lg:32px!important; --r-pill:999px!important;
  --soft-shadow:0 1px 2px rgba(75,52,37,.05),0 10px 30px -18px rgba(75,52,37,.28);
  --grad:var(--soft-btn)!important; --glow:none!important;
}
html:root[data-product-design="2026"][data-theme="dark"] {
  /* identical to the fleet's dark palette (research-suite/lrl-soft.css) */
  --soft-canvas:#1c1714; --soft-surface:#26201c; --soft-fill:#322a24; --soft-track:#3d342d;
  --soft-ink:#f7f2ee; --soft-ink-2:#e4dbd4; --soft-mute:#c4b8ae; --soft-line:#40362f;
  --soft-btn:#eadfd6; --soft-btn-ink:#2a1d14; --soft-ok:#2d3324;
  --product-accent:#eadfd6!important; --line-2:#4a3b32!important;
  --soft-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -18px rgba(0,0,0,.6);
}
html:root[data-product-design="2026"] body { background:var(--soft-canvas)!important; color:var(--soft-ink); font-family:var(--sans); font-weight:400; font-size:16px; line-height:1.6; }
html:root[data-product-design="2026"] :is(h1,h2,h3,h4) { font-family:'Urbanist',system-ui,sans-serif!important; font-weight:800!important; letter-spacing:-.02em!important; color:var(--soft-ink); }
html:root[data-product-design="2026"] :is(h1,h2) em, html:root[data-product-design="2026"] :is(h1,h2) i { font-style:normal; color:var(--soft-ink-2); }

/* buttons: pills; the dark chocolate pill is the one primary action */
html:root[data-product-design="2026"] .btn { border-radius:999px!important; min-height:46px; padding:0 22px; font:700 15px var(--sans)!important; letter-spacing:0; box-shadow:none!important; }
html:root[data-product-design="2026"] .btn-fill, html:root[data-product-design="2026"] .btn-sm.btn-fill { background:var(--soft-btn)!important; color:var(--soft-btn-ink)!important; border-color:transparent!important; }
html:root[data-product-design="2026"] .btn-fill:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.08); }
html:root[data-product-design="2026"] .btn:not(.btn-fill) { background:var(--soft-fill)!important; color:var(--soft-ink)!important; border-color:transparent!important; }
html:root[data-product-design="2026"] .btn:not(.btn-fill):hover:not(:disabled) { background:var(--soft-track)!important; }
html:root[data-product-design="2026"] .btn-sm { min-height:38px; padding:0 16px; font-size:14px!important; }

/* fields: soft filled pills */
html:root[data-product-design="2026"] :is(input[type=text],input[type=search],input[type=email],input:not([type]),textarea,select) { border-radius:20px!important; background:var(--soft-surface); border:1.5px solid var(--soft-line)!important; color:var(--soft-ink); font-family:var(--sans)!important; }
html:root[data-product-design="2026"] :is(input,textarea,select):focus { border-color:var(--soft-ink-2)!important; outline:none; box-shadow:0 0 0 4px color-mix(in srgb,var(--soft-olive) 30%,transparent)!important; }

/* top bar */
html:root[data-product-design="2026"] .bar { background:color-mix(in srgb,var(--soft-canvas) 88%,transparent)!important; border-bottom:0!important; backdrop-filter:blur(10px); }
html:root[data-product-design="2026"] .studio-nav > a, html:root[data-product-design="2026"] .studio-library-menu summary { padding:9px 16px!important; border-radius:999px; }
html:root[data-product-design="2026"] .studio-nav > a:hover, html:root[data-product-design="2026"] .studio-library-menu summary:hover { background:var(--soft-fill); }
html:root[data-product-design="2026"] .studio-library-links { border-radius:24px!important; border:0!important; box-shadow:var(--soft-shadow)!important; }
html:root[data-product-design="2026"] .bar :is(button,a).icon-btn, html:root[data-product-design="2026"] .bar .theme-btn { border-radius:50%!important; }

/* home */
html:root[data-product-design="2026"] .research-home .rh-eyebrow { font:700 12px var(--sans)!important; letter-spacing:.08em; color:var(--soft-mute)!important; }
html:root[data-product-design="2026"] .research-home .rh-heading h1 { font-size:clamp(34px,4.2vw,52px)!important; line-height:1.05; }
html:root[data-product-design="2026"] .research-home .rh-intro { font-size:17px; color:var(--soft-ink-2); }
html:root[data-product-design="2026"] .research-home :is(.bp,.rh-focus,.rh-next,.rh-card,.rh-empty,.rh-resource) { border-radius:32px!important; border:0!important; background:var(--soft-surface)!important; box-shadow:var(--soft-shadow)!important; }
html:root[data-product-design="2026"] .research-home .rh-empty { background:var(--soft-fill)!important; box-shadow:none!important; }

/* blueprint */
html:root[data-product-design="2026"] .bp { padding:32px!important; }
html:root[data-product-design="2026"] .bp-ask input { min-height:56px; font-size:17px!important; padding:0 22px!important; border-radius:999px!important; background:var(--soft-fill)!important; border-color:transparent!important; }
html:root[data-product-design="2026"] .bp-try { gap:8px; }
html:root[data-product-design="2026"] .bp-try button { border-radius:999px!important; border:0!important; background:var(--soft-fill)!important; color:var(--soft-ink-2)!important; font:700 14px var(--sans)!important; padding:8px 16px!important; min-height:40px; }
html:root[data-product-design="2026"] .bp-try button[aria-pressed="true"] { background:var(--soft-btn)!important; color:var(--soft-btn-ink)!important; }
html:root[data-product-design="2026"] .bp-found b { border:0!important; background:color-mix(in srgb,var(--soft-olive) 22%,transparent)!important; color:var(--soft-ink)!important; padding:5px 14px!important; }
html:root[data-product-design="2026"] .bp-line { gap:16px!important; }
html:root[data-product-design="2026"] .bp-line > li { border:0!important; border-radius:28px!important; background:var(--soft-fill)!important; padding:22px 24px!important; box-shadow:none!important; }
html:root[data-product-design="2026"] .bp-line > li:nth-child(4n+1) { --c:var(--soft-olive)!important; }
html:root[data-product-design="2026"] .bp-line > li:nth-child(4n+2) { --c:var(--soft-orange)!important; }
html:root[data-product-design="2026"] .bp-line > li:nth-child(4n+3) { --c:var(--soft-lilac)!important; }
html:root[data-product-design="2026"] .bp-line > li:nth-child(4n+4) { --c:var(--soft-coral)!important; }
html:root[data-product-design="2026"] .bp-k { font:800 12px var(--sans)!important; color:var(--soft-mute)!important; letter-spacing:.06em; }
html:root[data-product-design="2026"] .bp-k::before { width:22px!important; height:22px!important; background:var(--c)!important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l2.6 5.3 5.6-1.6-1.6 5.6L24 12l-5.4 1.7 1.6 5.6-5.6-1.6L12 23l-2.6-5.3-5.6 1.6 1.6-5.6L0 12l5.4-1.7-1.6-5.6 5.6 1.6z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l2.6 5.3 5.6-1.6-1.6 5.6L24 12l-5.4 1.7 1.6 5.6-5.6-1.6L12 23l-2.6-5.3-5.6 1.6 1.6-5.6L0 12l5.4-1.7-1.6-5.6 5.6 1.6z'/%3E%3C/svg%3E") center/contain no-repeat; border-radius:0!important; }
html:root[data-product-design="2026"] .bp-line strong { font-family:var(--sans)!important; font-weight:800!important; color:var(--soft-ink)!important; }
html:root[data-product-design="2026"] .bp-line strong.bp-sm { font-size:21px!important; }
html:root[data-product-design="2026"] .bp-line ul a { border-bottom:0!important; font-weight:600; }
html:root[data-product-design="2026"] .bp-line ul a:hover { text-decoration:underline; text-underline-offset:3px; }
html:root[data-product-design="2026"] .bp-verify { font:700 11.5px var(--sans)!important; letter-spacing:.02em!important; text-transform:none!important; color:var(--soft-mute)!important; background:var(--soft-surface); border-radius:999px; padding:5px 12px!important; width:max-content; max-width:100%; white-space:normal; }
html:root[data-product-design="2026"] .bp-moreSteps { border:0!important; background:var(--soft-fill)!important; font-weight:700!important; color:var(--soft-ink)!important; padding:10px 20px!important; }
html:root[data-product-design="2026"] .bp-go { border-top:0!important; padding-top:6px!important; }
html:root[data-product-design="2026"] .bp-go .btn-fill { min-height:52px; padding:0 30px; font-size:16px!important; }
@media (max-width:700px) {
  html:root[data-product-design="2026"] .bp { padding:22px 16px!important; border-radius:28px!important; }
  html:root[data-product-design="2026"] .bp-line::before { display:none!important; }
  html:root[data-product-design="2026"] .bp-line { gap:12px!important; }
  html:root[data-product-design="2026"] .bp-line > li, html:root[data-product-design="2026"] .bp-line > li:hover { padding:20px!important; background:var(--soft-fill)!important; border-radius:24px!important; }
  html:root[data-product-design="2026"] .bp-line > li::before { display:none!important; }
}

/* the shared side menu follows the pilot's rounded look on Studio */
html:root[data-product-design="2026"] .lrl-side { background:var(--soft-canvas)!important; border-right:0!important; }
html:root[data-product-design="2026"] .lrl-side .lrl-btn { border-radius:999px!important; background:var(--soft-btn)!important; color:var(--soft-btn-ink)!important; min-height:44px; font-weight:700; }
html:root[data-product-design="2026"] .lrl-side :is(.lrl-study,.lrl-tray,[data-slot="study"] > div) { border-radius:24px!important; border:0!important; background:var(--soft-fill)!important; }
html:root[data-product-design="2026"] .lrl-st { border-radius:999px!important; }
html:root[data-product-design="2026"] .lrl-st .n { width:24px!important; height:24px!important; border:0!important; background:var(--soft-track)!important; color:var(--soft-ink)!important; }
html:root[data-product-design="2026"] .lrl-st.cur .n { background:var(--soft-btn)!important; color:var(--soft-btn-ink)!important; }
html:root[data-product-design="2026"] .lrl-st.done .n { background:var(--soft-olive)!important; color:#fff!important; }
html:root[data-product-design="2026"] .lrl-stages ul a { border-left:0!important; border-radius:18px!important; margin:2px 0; }
html:root[data-product-design="2026"] .lrl-stages ul a[aria-current] { background:var(--soft-surface)!important; box-shadow:var(--soft-shadow); padding-left:16px!important; }
html:root[data-product-design="2026"] .lrl-tog { border-radius:50%!important; }
html:root[data-product-design="2026"] .lrl-ib { border-radius:999px!important; }

html:root[data-product-design="2026"] .bp-more { color:var(--soft-ink)!important; font-weight:700!important; text-decoration:underline; text-underline-offset:3px; }
html:root[data-product-design="2026"] .research-home :is(p,li) { font-weight:400; color:var(--soft-ink-2); }
html:root[data-product-design="2026"] .research-home small { font-size:max(13.5px,1em); color:var(--soft-mute); }
html:root[data-product-design="2026"] .research-home .rh-links a { border-color:var(--soft-line)!important; }
html:root[data-product-design="2026"] footer, html:root[data-product-design="2026"] .studio-foot { border-top-color:var(--soft-line)!important; border-top-width:1px!important; }
html:root[data-product-design="2026"] .rh-resource > summary > span:last-child { border:0!important; background:var(--soft-fill); }

/* stage badges + progress ring (StageBadge.tsx) */
.sb { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; flex:none; }
.sb-todo { background:var(--soft-fill,#efe9e5); color:var(--soft-mute,#7d6b61); font:800 15px var(--sans); }
.sb-done { background:var(--soft-surface,#fff); box-shadow:var(--soft-shadow); }
.rh-steps button.is-next .sb-todo { background:var(--soft-surface,#fff); color:var(--soft-ink,#4b3425); box-shadow:0 0 0 3px var(--soft-btn,#4f3422); }
html:root[data-product-design="2026"] .rh-steps { border-top:0!important; gap:10px!important; }
html:root[data-product-design="2026"] .rh-steps button { align-items:center!important; text-align:center; font:700 12.5px var(--sans)!important; color:var(--soft-ink-2)!important; border-radius:20px!important; padding:8px 4px!important; }
html:root[data-product-design="2026"] .rh-steps button:hover { background:var(--soft-fill)!important; }
.sb-ring { position:relative; display:inline-grid; place-items:center; width:56px; height:56px; flex:none; }
.sb-ring svg { position:absolute; inset:0; }
.sb-ring b { font:800 15px var(--sans); color:var(--soft-ink,#4b3425); }
html:root[data-product-design="2026"] .rh-review-count { border-top:0!important; background:var(--soft-fill); border-radius:24px; padding:14px 18px!important; }
@media (max-width:700px) { html:root[data-product-design="2026"] .bp-k::before { display:block!important; } }
html:root[data-product-design="2026"] .research-home .rh-steps button > span.sb { width:46px!important; height:46px!important; border-radius:50%!important; border:0!important; font:800 15px var(--sans)!important; }
html:root[data-product-design="2026"] .research-home .rh-steps button > span.sb-todo { background:var(--soft-fill)!important; color:var(--soft-mute)!important; }
html:root[data-product-design="2026"] .research-home .rh-steps button.is-next > span.sb-todo { background:var(--soft-btn)!important; color:var(--soft-btn-ink)!important; box-shadow:none!important; }
html:root[data-product-design="2026"] .research-home .rh-steps button > span.sb-done { background:var(--soft-surface)!important; box-shadow:var(--soft-shadow)!important; }
html:root[data-product-design="2026"] .research-home .rh-steps li::after { display:none!important; }
html:root[data-product-design="2026"] .research-home .rh-focus-main { background:var(--soft-surface)!important; }
html:root[data-product-design="2026"] .research-home .rh-next { background:var(--soft-fill)!important; box-shadow:none!important; border-radius:0!important; }
html:root[data-product-design="2026"] .research-home .rh-focus { overflow:hidden; }
html:root[data-product-design="2026"] .research-home .rh-review-count { background:var(--soft-surface)!important; }
html:root[data-product-design="2026"] .research-home .rh-focus-main > .rh-eyebrow::before { display:none!important; }
html:root[data-product-design="2026"] .lrl-study b, html:root[data-product-design="2026"] .lrl-study strong { font-family:var(--sans)!important; font-weight:800!important; }
html:root[data-product-design="2026"] .lrl-side, html:root[data-product-design="2026"] .lrl-side * { font-family:"Inter",system-ui,sans-serif!important; }
html:root[data-product-design="2026"] .lrl-side .lrl-brand span { font-family:"Urbanist",system-ui,sans-serif!important; font-weight:800; }

/* readability (CM 11-02: brown on cream hard to read): near-black text, brown only on buttons/badges */
html:root[data-product-design="2026"] .research-home .rh-eyebrow, html:root[data-product-design="2026"] .bp-k { font:600 12.5px 'Inter',system-ui,sans-serif!important; letter-spacing:.04em!important; color:var(--soft-mute)!important; }
html:root[data-product-design="2026"] .bp-line strong small, html:root[data-product-design="2026"] .bp-line ul small { color:var(--soft-mute)!important; font-size:13.5px!important; }
html:root[data-product-design="2026"] .bp-line ul li { color:var(--soft-ink)!important; }
html:root[data-product-design="2026"] .bp-ask input::placeholder { color:#6d655e; }
html:root[data-product-design="2026"] .bp-found { color:var(--soft-ink-2)!important; }
html:root[data-product-design="2026"] .bp-found b { background:var(--soft-ok)!important; color:var(--soft-ink)!important; font-weight:600!important; }
html:root[data-product-design="2026"] .bp-try button { color:var(--soft-ink)!important; font:600 14px 'Inter',system-ui,sans-serif!important; }
html:root[data-product-design="2026"] .btn { font-family:'Inter',system-ui,sans-serif!important; font-weight:600!important; }
html:root[data-product-design="2026"] .lrl-st .t small, html:root[data-product-design="2026"] .lrl-stages ul .j small { color:var(--soft-mute)!important; }
html:root[data-product-design="2026"] .lrl-stages ul a { color:var(--soft-ink)!important; }

/* simpler home (2026-11-02): quiet alternatives under the blueprint, folded "plan another" */
html:root[data-product-design="2026"] .research-home .rh-alt { margin:14px 4px 0; font-size:15px; color:var(--soft-mute,#575049); }
html:root[data-product-design="2026"] .research-home .rh-textbtn { all:unset; cursor:pointer; color:var(--soft-ink,#1f1915); font-weight:600; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--soft-track,#e6e0db); }
html:root[data-product-design="2026"] .research-home .rh-textbtn:hover { text-decoration-color:currentColor; }
html:root[data-product-design="2026"] .research-home .rh-textbtn:focus-visible { outline:2px solid var(--soft-olive,#9bb068); outline-offset:3px; border-radius:4px; }
html:root[data-product-design="2026"] .research-home label.rh-textbtn input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
html:root[data-product-design="2026"] .research-home .rh-plan-more { border-radius:28px; background:var(--soft-surface,#fff); box-shadow:var(--soft-shadow); }
html:root[data-product-design="2026"] .research-home .rh-plan-more > summary { list-style:none; cursor:pointer; padding:20px 26px; font:700 18px/1.3 Urbanist,Inter,system-ui,sans-serif; color:var(--soft-ink,#1f1915); display:flex; justify-content:space-between; align-items:center; }
html:root[data-product-design="2026"] .research-home .rh-plan-more > summary::-webkit-details-marker { display:none; }
html:root[data-product-design="2026"] .research-home .rh-plan-more > summary::after { content:'+'; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--soft-fill,#f2efec); font-size:20px; transition:transform .2s; }
html:root[data-product-design="2026"] .research-home .rh-plan-more[open] > summary::after { transform:rotate(45deg); }
html:root[data-product-design="2026"] .research-home .rh-plan-more > :not(summary) { margin:0 12px 12px; box-shadow:none; }
html:root[data-product-design="2026"] .bp .bp-sr { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
html:root[data-product-design="2026"] .research-home .rh-plan-more { margin-top:28px; }

/* the Lad (mascot) greeting on the home — a buddy, never a source of facts */
html:root[data-product-design="2026"] .research-home .rh-heading { align-items:center; }
html:root[data-product-design="2026"] .research-home .rh-lad { display:flex; align-items:center; gap:10px; margin-left:auto; }
html:root[data-product-design="2026"] .research-home .rh-lad-av { position:relative; flex:none; width:64px; height:64px; border-radius:50%; background:#fbeee2; overflow:hidden; }
html:root[data-product-design="2026"] .research-home .rh-lad-av img { position:absolute; left:50%; top:-7px; width:96px; height:96px; max-width:none; margin-left:-48px; }
html:root[data-product-design="2026"] .research-home .rh-lad-say { position:relative; max-width:220px; padding:10px 14px; border-radius:18px 18px 18px 6px; background:var(--soft-surface); box-shadow:var(--soft-shadow); font-size:14px; line-height:1.4; color:var(--soft-ink-2); order:-1; border-radius:18px 18px 6px 18px; }
@media (prefers-reduced-motion:no-preference) { html:root[data-product-design="2026"] .research-home .rh-lad-av img { animation:rhLad 5.5s ease-in-out infinite; transform-origin:50% 100%; } @keyframes rhLad { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-2px) } } }
@media (max-width:760px) { html:root[data-product-design="2026"] .research-home .rh-lad { margin-left:0; } html:root[data-product-design="2026"] .research-home .rh-lad-say { order:0; border-radius:18px 18px 18px 6px; } }