/* v1.13.2 interface fixes. Loaded after public-v110.css so these rules win at equal specificity. */

/* Sidebar rows keep their height when the list is long, and hover is visible without colour alone. */
.side .nav,.side .cat,.fly .nav{flex:none;height:auto;min-height:40px}
.side .sub .nav,.fly .sub .nav{min-height:36px}
@media (max-width:900px){.side .nav,.side .cat,.side .sub .nav{min-height:44px}}
.side .nav:hover,.side .cat:hover,.fly .nav:hover{background:var(--card-2);border-color:var(--ink-3);color:var(--ink)}
.side .nav[aria-current]:hover{background:var(--accent-soft);border-color:var(--accent)}
.your-tools .nav .i{color:var(--ink-3)}

/* Your tools */
.your-tool-btn{margin-top:12px}
.your-tool-btn[hidden]{display:none}
.tool-favourites h2{margin:0;font-size:15px;font-weight:650}
.tool-favourites>p{margin:4px 0 2px}

/* /tools: each group is a full-width section with an even grid of tools */
/* align-items:stretch overrides app.css align-items:start, which shrank each group to its content width. */
.dir.dir--compact{--directory-columns:1;display:flex;flex-direction:column;align-items:stretch;gap:14px}
.dir.dir--compact>.gcard{width:100%;box-sizing:border-box}
.dir.dir--compact>.gcard{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:8px;align-content:start}
.dir.dir--compact>.gcard>:not(.tool-row){grid-column:1/-1}
.dir.dir--compact>.gcard[hidden]{display:none}
.tbadge{display:inline-flex;align-items:center;margin-top:6px;padding:0 8px;border:1px solid var(--line-2);border-radius:99px;font:600 11px/18px var(--sans);color:var(--ink-2)}

/* Group chips scroll sideways on phones: snap to each chip and fade the cut-off edge */
@media (max-width:900px){
  .kit-chips{scroll-snap-type:x proximity;scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
  .kchip{scroll-snap-align:start}
  .kchip:last-child{margin-right:24px}
}
@media (forced-colors:active){.side .nav:hover,.side .cat:hover{border-color:Highlight}.kit-chips{-webkit-mask-image:none;mask-image:none}}