/* A small choice, then a readable cost and preparation summary. */
body {
  --decision-ink:#173c76;
  --decision-accent:#2458a6;
  --decision-surface:#fff;
  --decision-wash:#eff4fc;
  --decision-line:#c1d0e5;
  --decision-muted:#536b8a;
  --decision-mark:#b18d3d;
}
body[data-vertical=cabaret] { --decision-ink:#4c2430;--decision-accent:#6b2a3b;--decision-surface:#fffdf8;--decision-wash:#f8f2eb;--decision-line:#d9c8b6;--decision-muted:#74616a;--decision-mark:#a2804d; }
body[data-vertical=concafe] { --decision-ink:#483452;--decision-accent:#86549c;--decision-surface:#fffdfa;--decision-wash:#faf3fc;--decision-line:#ddc8e5;--decision-muted:#78647f;--decision-mark:#9169a6; }
body[data-vertical=host] { --decision-ink:#262b33;--decision-accent:#343b46;--decision-surface:#fbfcfd;--decision-wash:#edf0f3;--decision-line:#bdc3cb;--decision-muted:#5c6672;--decision-mark:#687481; }
body[data-vertical=girlsbar] { --decision-ink:#16464a;--decision-accent:#226c70;--decision-surface:#fffdf9;--decision-wash:#edf8f6;--decision-line:#c0dcd7;--decision-muted:#507479;--decision-mark:#a3614e; }

body .setup-examples[data-setup-selector] { scroll-margin-top:100px;min-width:0; }
body .setup-examples[data-setup-selector]>h3 { color:var(--decision-ink);margin-bottom:10px; }
.setup-choice-intro { color:var(--decision-muted);font-size:12px;line-height:1.9;margin:0 0 18px; }
.setup-choices { display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
[data-setup-selector][data-decision-ready=true] .setup-choices { display:grid; }
.setup-choices button {
  position:relative;min-width:0;min-height:112px;padding:13px 8px 12px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  border:1px solid var(--decision-line);border-radius:10px;background:var(--decision-surface);
  color:var(--decision-ink);text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;
}
.setup-choice-number { font:800 12px/1.2 var(--display);color:var(--decision-mark);letter-spacing:.06em; }
.setup-choices button strong { font:800 14px/1.55 var(--sans);display:block;margin:7px 0 4px;letter-spacing:-.025em; }
.setup-choices button small { font:500 10px/1.65 var(--sans);color:var(--decision-muted);margin-top:auto;overflow-wrap:anywhere; }
.setup-choices button[aria-pressed=true] { border-color:var(--decision-accent);background:var(--decision-wash);box-shadow:inset 0 -3px var(--decision-accent); }
.setup-choices button[aria-pressed=true]::after { content:"";position:absolute;right:8px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--decision-accent); }
.setup-choices button:hover { border-color:var(--decision-accent); }
.setup-choices button:focus-visible,.situation-choices button:focus-visible { outline:3px solid var(--decision-mark);outline-offset:3px; }
.setup-choice-status { color:var(--decision-muted);font-size:12px;line-height:1.85;margin:13px 0;min-height:3.7em; }
body .setup-examples[data-setup-selector]>article { border-color:var(--decision-line);background:var(--decision-surface);padding:20px 18px; }
body .setup-examples[data-setup-selector]>article::before { width:3px;background:var(--decision-accent); }
body .setup-examples[data-setup-selector] h4 { color:var(--decision-ink); }
body .setup-examples[data-setup-selector] article>div>p { color:var(--decision-muted);font-size:11px;overflow-wrap:anywhere; }
body .setup-examples[data-setup-selector] article>div>span { color:var(--decision-mark);font-size:11px; }
body .setup-examples[data-setup-selector] dl { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0; }
body .setup-examples[data-setup-selector] dt { color:var(--decision-muted);font-size:11px; }
body .setup-examples[data-setup-selector] dd { color:var(--decision-accent);font-size:clamp(24px,6vw,31px);letter-spacing:-.025em; }
body .setup-examples[data-setup-selector] dd small { margin-left:3px;font-size:11px; }
.setup-hardware { border-top:1px solid var(--decision-line);padding-top:16px;margin-top:2px; }
.setup-hardware>strong { font-size:12px;color:var(--decision-ink); }
.setup-hardware ul { list-style:none;margin:9px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px; }
.setup-hardware li { font-size:11px;font-weight:700;line-height:1.6;padding:5px 8px;border:1px solid var(--decision-line);background:var(--decision-wash);border-radius:5px;color:var(--decision-ink); }
body .setup-examples[data-setup-selector] article .setup-hardware>p { font-size:11px;line-height:1.85;color:var(--decision-muted);margin-top:10px; }
body .setup-examples[data-setup-selector] article>a { color:var(--decision-accent);font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;margin-top:9px; }
/* Share one grid cell so an example change does not move the next chapter. */
[data-setup-selector][data-setup-view=single] { display:grid;grid-template-columns:minmax(0,1fr); }
[data-setup-selector][data-setup-view=single]>.setup-eyebrow { grid-area:1/1; }
[data-setup-selector][data-setup-view=single]>h3 { grid-area:2/1; }
[data-setup-selector][data-setup-view=single]>.setup-choice-intro { grid-area:3/1; }
[data-setup-selector][data-setup-view=single]>.setup-choices { grid-area:4/1; }
[data-setup-selector][data-setup-view=single]>.setup-choice-status { grid-area:5/1; }
body .setup-examples[data-setup-view=single]>article { grid-area:6/1;align-self:stretch;margin:0; }
[data-setup-selector][data-setup-view=single]>.setup-conditions { grid-area:7/1; }
[data-setup-selector][data-setup-view=single]>article[hidden] { display:block!important;visibility:hidden;pointer-events:none; }
body .setup-examples[data-setup-selector]>article.is-decision-change { animation:decision-settle .32s cubic-bezier(.16,1,.3,1) both; }

.onboarding-choice { margin:28px 0 34px;min-width:0;background:var(--decision-wash);border:1px solid var(--decision-line);border-radius:14px;padding:22px 18px 17px;color:var(--decision-ink); }
.onboarding-choice .setup-eyebrow { font-size:10px;color:var(--decision-mark); }
.onboarding-choice>h3 { font-size:20px;letter-spacing:-.03em;line-height:1.6;margin:7px 0 8px; }
.preparation-intro { font-size:12px;line-height:1.85;color:var(--decision-muted); }
.situation-choices { display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:19px 0 16px; }
.onboarding-choice[data-decision-ready=true] .situation-choices { display:grid; }
.situation-choices button { min-width:0;min-height:46px;border:1px solid var(--decision-line);border-radius:6px;padding:8px 4px;background:var(--decision-surface);color:var(--decision-ink);font:800 12px/1.5 var(--sans);transition:background .2s,border-color .2s;overflow-wrap:anywhere; }
.situation-choices button[aria-pressed=true] { background:var(--decision-accent);border-color:var(--decision-accent);color:#fff; }
.preparation-panels { min-width:0; }
.preparation-panel { min-width:0;padding:18px 15px 5px;border:1px solid var(--decision-line);border-radius:9px;background:var(--decision-surface);margin-top:14px; }
.preparation-label { color:var(--decision-mark);font-size:11px;font-weight:800;letter-spacing:.03em; }
.preparation-panel h4 { color:var(--decision-ink);font-size:16px;line-height:1.7;letter-spacing:-.03em;margin:6px 0 16px; }
.preparation-panel ol { list-style:none;margin:0;padding:0; }
.preparation-panel li { display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;border-top:1px solid var(--decision-line);padding:13px 0; }
.preparation-panel li>span { font:800 11px/1.8 var(--display);color:var(--decision-mark);margin-top:1px; }
.preparation-panel li strong { display:block;font-size:12px;line-height:1.7;color:var(--decision-ink); }
.preparation-panel li p { font-size:12px;line-height:1.85;margin-top:3px;color:var(--decision-muted); }
.preparation-panel>a { display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:10px;color:var(--decision-accent);font-size:12px;font-weight:800;border-top:1px solid var(--decision-line);padding:12px 0; }
.preparation-panel>a span { font-size:17px; }
.preparation-note { color:var(--decision-muted);font-size:11px;line-height:1.9;margin-top:15px; }
.onboarding-choice[data-decision-ready=true] .preparation-panels { display:grid;grid-template-columns:minmax(0,1fr); }
.onboarding-choice[data-decision-ready=true] .preparation-panel { grid-area:1/1;align-self:stretch;margin:0; }
.onboarding-choice[data-decision-ready=true] .preparation-panel[hidden] { display:block!important;visibility:hidden;pointer-events:none; }
.preparation-panel.is-decision-change { animation:decision-settle .32s cubic-bezier(.16,1,.3,1) both; }
body .inquiry-builder .inquiry-plan-label { font-size:12px; }
body #inquiry-status { font-size:12px;line-height:1.9; }
body[data-vertical=host] :is(.setup-choices button,.onboarding-choice,.preparation-panel,.situation-choices button) { border-radius:4px; }
body[data-vertical=concafe] .onboarding-choice { border-radius:19px; }

@keyframes decision-settle { from { opacity:.7;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@media (max-width:380px) {
  .setup-choices { gap:5px; }
  .setup-choices button { padding:12px 7px;min-height:118px; }
  .setup-choices button strong { font-size:12px; }
  .setup-choices button small { font-size:10px; }
  body .setup-examples[data-setup-selector]>article { padding:18px 12px; }
  body .setup-examples[data-setup-selector] dd { font-size:24px; }
  .onboarding-choice { padding:20px 12px 16px; }
  .onboarding-choice>h3 { font-size:18px; }
  .preparation-panel { padding:17px 12px 5px; }
  .preparation-panel h4 { font-size:15px; }
  .situation-choices { gap:5px; }
  .situation-choices button { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .setup-choices button,.situation-choices button { transition:none; }
  [data-setup-selector] article,.preparation-panel { animation:none!important; }
}
body.motion-off :is([data-setup-selector] article,.preparation-panel),html[data-motion=off] :is([data-setup-selector] article,.preparation-panel) { animation:none!important; }
