/* Content reflows at 320px; no clipping or horizontal scrolling is used to fit it. */
.toolbox-experience { display:grid; gap:18px; margin-block:18px 28px; }
.toolbox-experience[hidden], .toolbox-experience [hidden], .toolbox-guide [hidden] { display:none; }
.toolbox-experience h2 { font-size:1rem; line-height:1.4; margin:0 0 8px; }
.toolbox-experience p { color:var(--muted); font-size:.85rem; line-height:1.6; margin:6px 0 12px; }
.guide-welcome { border-color:var(--brand); }
.guide-attention-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr)); gap:12px; }
.guide-attention-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--surface); color:var(--text); text-align:left; font:inherit; }
.guide-attention-card strong { font-size:1.65rem; }
.guide-attention-card span { font-size:.8rem; }
.guide-attention-card small { color:var(--brand); }
.guide-benefits { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:14px; }
.guide-benefit { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:0; }
.guide-benefit > button { margin-top:auto; }
.guide-benefit-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--surface-2); color:var(--brand); }
.guide-checklist-items { list-style:none; padding:0; margin:12px 0 0; display:grid; gap:10px; }
.guide-checklist-items li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; border-top:1px solid var(--line); padding-top:12px; font-size:.85rem; }
.guide-checkmark { color:var(--brand); }
.guide-status { margin:0; }
.sidebar nav .guide-nav { display:flex; width:100%; align-items:center; gap:11px; padding:11px 12px; min-height:44px; border:0; background:transparent; color:var(--muted); font:inherit; text-align:left; border-radius:9px; }
.sidebar nav .guide-nav .nav-label { flex:1; font-size:.8rem; }
.sidebar nav a, .sidebar nav button { overflow-wrap:anywhere; white-space:normal; }
#insights-referral-panel { order:2; }
@media (min-width:1025px) {
  :root[data-sidebar-collapsed="true"] .guide-roadmap { display:none; }
  :root[data-sidebar-collapsed="true"] .sidebar nav .guide-nav { justify-content:center; padding:10px 0; gap:0; }
}
@media (max-width:600px) {
  .toolbox-experience { gap:14px; }
  .guide-attention-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-attention-card { padding:12px; }
  .guide-checklist-items li { grid-template-columns:20px minmax(0,1fr); }
  .guide-checklist-items li > :last-child { grid-column:2; justify-self:start; }
  .toolbox-experience .form-actions > button { flex:1 1 180px; }
}
