/* Compact shortcuts: only the icon has a frame; every item shares one accent. */
:is(#homeShortcuts,.home-shortcut-rail) {
  --shortcut-ink:var(--compact-ink,#243447);
  --shortcut-surface:var(--compact-surface,#fff);
  display:block;position:relative;min-width:0;margin:4px 0 16px;padding:0;border:0;
  color:var(--shortcut-ink);font-family:var(--font-ui,Inter,system-ui,sans-serif);
}
.home-shortcut-rail *{box-sizing:border-box}
.home-shortcut-rail [hidden]{display:none!important}
.shortcut-viewport{width:100%;min-width:0;padding:6px 3px;overflow:hidden;touch-action:pan-y}
.shortcut-track{display:flex;align-items:stretch;gap:8px;width:100%}
.home-shortcut-rail .shortcut-tile{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  flex:0 0 calc((100% - (var(--shortcut-columns,5) - 1)*8px)/var(--shortcut-columns,5));
  min-width:0;min-height:82px;gap:8px;margin:0;padding:4px 1px;
  border:0;border-radius:12px;background:transparent;color:var(--shortcut-ink);
  box-shadow:none;text-align:center;text-decoration:none;touch-action:pan-y;
}
.home-shortcut-rail .shortcut-tile::after{content:none}
:is(#homeShortcuts,.home-shortcut-rail) .compact-shortcut-icon{
  position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;
  border:1px solid rgba(var(--shortcut-rgb,8,156,214),.26);
  border-radius:var(--shortcut-radius,18px);
  background:rgba(var(--shortcut-rgb,8,156,214),.07);color:var(--shortcut-accent,#089cd6);
  box-shadow:none;transition:background-color .18s,border-color .18s;
}
:is(#homeShortcuts,.home-shortcut-rail) .compact-shortcut-icon::before{content:none}
.home-shortcut-rail .compact-shortcut-icon>svg{width:23px!important;height:23px!important;stroke-width:1.6}
.home-shortcut-rail .compact-shortcut-icon>i{font-size:21px}
.home-shortcut-rail .compact-shortcut-icon .contact-image-icon{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.home-shortcut-rail .compact-shortcut-icon img{display:block;width:100%;height:100%;object-fit:contain;padding:6px;border-radius:inherit}
:is(#homeShortcuts,.home-shortcut-rail) .shortcut-label{display:block;max-width:100%;color:inherit;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.shortcut-rail-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:0}
.shortcut-rail-actions>button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:8px;border:0!important;border-radius:50%;background:transparent;color:var(--shortcut-accent);box-shadow:none;cursor:pointer;touch-action:manipulation}
.shortcut-rail-actions>button>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-shortcut-rail :is(a,button):focus-visible{outline:2px solid var(--shortcut-accent);outline-offset:2px}
.shortcut-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.site-dark :is(#homeShortcuts,.home-shortcut-rail) .compact-shortcut-icon{background:rgba(var(--shortcut-rgb),.12);border-color:rgba(var(--shortcut-rgb),.38);color:color-mix(in srgb,var(--shortcut-accent),#fff 32%);box-shadow:none}
@media(hover:hover){.home-shortcut-rail .shortcut-tile:hover .compact-shortcut-icon{background:rgba(var(--shortcut-rgb),.14);border-color:rgba(var(--shortcut-rgb),.5);transform:none}.shortcut-rail-actions>button:hover{background:rgba(var(--shortcut-rgb),.08)}}
@media(max-width:480px){.shortcut-track{gap:6px}.home-shortcut-rail .shortcut-tile{flex-basis:calc((100% - (var(--shortcut-columns,5) - 1)*6px)/var(--shortcut-columns,5));min-height:80px;gap:7px}:is(#homeShortcuts,.home-shortcut-rail) .shortcut-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-shortcut-rail .compact-shortcut-icon{transition:none}}