/* The live planner shares the shop shell and its existing appearance tokens.
   Standalone research prototypes retain their separate preview stylesheet. */
html[data-planner-shell=shop]{background:var(--bg);color-scheme:dark}
html[data-planner-shell=shop][data-theme=light]{color-scheme:light}
body.planner-shop-page{margin:0;padding:0;max-width:none;background:var(--bg);color:var(--text);font-family:var(--font)}
.planner-page{padding-bottom:40px}
#dc-guided-chooser{
  --c-bg:var(--bg);--c-panel:var(--panel);--c-soft:var(--panel-soft);
  --c-ink:var(--text);--c-muted:var(--muted);--c-border:var(--line);
  --c-orange:var(--orange);--c-orange-soft:var(--orange-soft);
  --c-good:var(--good);--c-good-soft:var(--good-bg);
  --c-warn:var(--warning);--c-warn-soft:var(--warning-bg);--c-red:var(--danger);
  font-family:var(--font);font-size:14px;line-height:1.6;
}
#dc-guided-chooser .c-app{border:0;border-radius:0;overflow:visible;background:transparent}
#dc-guided-chooser .c-header{padding:20px 0;background:transparent;gap:12px}
#dc-guided-chooser .c-header .c-brand,
#dc-guided-chooser .c-header>a[href$="#basket"],
#dc-guided-chooser .p-header-actions>a[href$="#basket"]{display:none}
#dc-guided-chooser .c-header:not(:has(button)){display:none}
#dc-guided-chooser .c-body{padding:30px 0}
#dc-guided-chooser h1{font-size:clamp(30px,3.1vw,42px);font-weight:750;letter-spacing:-1.2px}
#dc-guided-chooser h2{font-weight:700}
#dc-guided-chooser .c-button{min-height:44px;padding:11px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}
#dc-guided-chooser .c-small{min-height:40px;padding:8px 12px;font-size:12px}
#dc-guided-chooser .c-primary{background:var(--orange);border-color:var(--orange);color:var(--ink);font-weight:700}
#dc-guided-chooser .c-primary:hover{background:var(--orange);filter:brightness(1.08)}
#dc-guided-chooser :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--orange);outline-offset:3px}
#dc-guided-chooser button:disabled{cursor:not-allowed}
#dc-guided-chooser :is(.c-question,.c-next-choice,.c-finished-panel,.c-basket){border-radius:var(--radius)}
#dc-guided-chooser .c-field :is(input,select){min-height:44px;background:var(--bg-deep);font-size:14px}
#dc-guided-chooser .p-nav-active{border-color:var(--orange);color:var(--text);background:var(--orange-soft)}
#dc-guided-chooser .p-data{border-radius:var(--radius);margin-top:20px}
#dc-guided-chooser .p-helper-entry{max-width:none;margin:12px 0 30px}
#dc-guided-chooser .p-helper-entry>p{max-width:900px;font-size:15px}
#dc-guided-chooser .p-delivery-notice{padding:12px 16px;border-radius:0 6px 6px 0}
#dc-guided-chooser .p-helper-resume{margin-top:22px;padding:22px;gap:14px}
#dc-guided-chooser .p-helper-resume h2{font-size:21px;letter-spacing:-.4px}
#dc-guided-chooser .p-route-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
#dc-guided-chooser .p-route-choices .c-next-choice{min-height:166px;padding:24px;align-items:flex-start;border-top:3px solid var(--orange)}
#dc-guided-chooser .p-route-choices .c-next-choice:hover{border-color:var(--orange);background:var(--panel-hover)}
#dc-guided-chooser .p-route-choices .c-next-choice>span:last-child{color:var(--orange);font-size:24px;align-self:flex-end}
#dc-guided-chooser .p-route-choices strong{font-size:20px;font-weight:700;line-height:1.35}
#dc-guided-chooser .p-route-choices small{font-size:14px;margin-top:12px}
#dc-guided-chooser .c-footer{background:transparent;padding:20px 0}
@media(max-width:1000px){
  .site-header .header-inner,.site-header.header-compact .header-inner{display:grid;grid-template-columns:minmax(0,1fr) 80px 44px;gap:0 12px;padding-top:12px;padding-bottom:6px;min-height:0}
  .site-header .header-inner .brand{grid-column:1;grid-row:1;min-width:0}
  .site-header .header-controls{display:contents}
  .site-header .header-inner .theme-control{grid-column:2;grid-row:1;justify-self:end}
  .site-header .header-inner .basket-link{grid-column:3;grid-row:1}
  .site-header .header-inner .primary-nav{grid-column:1/-1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;width:100%;min-width:0;justify-content:flex-start;gap:20px}
  .site-header .primary-nav a{flex:0 0 auto;min-height:44px}
  html[data-reference-only] .site-header .header-inner{grid-template-columns:minmax(0,1fr) 80px}
  #dc-guided-chooser .p-route-choices{grid-template-columns:minmax(0,1fr);gap:14px}
  #dc-guided-chooser .p-route-choices .c-next-choice{min-height:100px;padding:20px;align-items:center}
  #dc-guided-chooser .p-route-choices .c-next-choice>span:last-child{align-self:center}
  #dc-guided-chooser .p-route-choices small{margin-top:6px}
}
@media(max-width:480px){
  .site-header .header-inner,.site-header.header-compact .header-inner{grid-template-columns:minmax(0,1fr) 65px 38px;column-gap:6px}
  .site-header .header-inner .theme-control select{width:65px;min-height:32px;font-size:11px}
  .site-header .header-inner .basket-link{width:38px;height:38px}
  .site-header .header-inner .brand{font-size:25px;gap:8px}
  .site-header .header-inner .brand img{width:34px;height:34px}
  html[data-reference-only] .site-header .header-inner{grid-template-columns:minmax(0,1fr) 65px}
}
@media(max-width:610px){
  #dc-guided-chooser .c-header{gap:10px;padding:16px 0}
  #dc-guided-chooser .c-body{padding:24px 0}
  #dc-guided-chooser .p-helper-entry{margin-top:0}
  #dc-guided-chooser .p-route-choices .c-next-choice{padding:18px;gap:12px}
  #dc-guided-chooser .p-route-choices strong{font-size:18px}
  #dc-guided-chooser .p-helper-resume{padding:18px}
}