/* Homepage showcase: give product visuals room inside the panel */
.sv-visual{padding:20px}
.sv-visual .mk-card{padding:18px}
.sv-visual .kb{grid-template-columns:1fr 1fr;gap:10px}
.sv-visual .kb-col{min-height:0;min-width:0}
.sv-visual .kb-h{font-size:11px;letter-spacing:.05em}
.sv-visual .kb-card{flex-direction:row;align-items:center;gap:10px;min-width:0}
.sv-visual .kb-card > div{min-width:0}
.sv-visual .kb-card b{font-size:13px;overflow-wrap:anywhere}
.sv-visual .kb-av{width:22px;height:22px;flex:none}
.sv-visual .mk-pre,.sv-visual .term{font-size:12px;line-height:1.8}
.sv-visual .ln{gap:12px;padding:0 14px}
.sv-visual .mk-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-visual .mk-term .term div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-visual .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-visual .mk-flow{max-width:none;margin:0}
.sv-visual .fl-models{padding-left:0}
.sv-visual .mk-status .mk-card,.sv-visual .mk-course .mk-card{max-width:none;margin:0}
.sv-visual .st-row span{min-width:0;overflow-wrap:anywhere}
/* Phones: one-line scrollable chips; the selected area opens right below */
@media (max-width:860px){
  .sv-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sv-tabs::-webkit-scrollbar{display:none}
  .sv-tab,.sv-academy{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px 8px 8px;min-height:44px;font-size:14px;margin:0}
  .sv-tab[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
  .sv-academy{border-top:1px solid var(--line)}
  .sv-academy em{margin-left:6px}
  .sv-panel{padding:22px;gap:20px;min-height:0}
  .sv-copy h3{font-size:22px}
  .sv-list{grid-template-columns:1fr}
  .sv-visual{padding:12px}
}
