/* Triplem VIP reusable desktop-only section keyboard shortcuts. */
.section-shortcuts-tag{display:none!important}

@media (min-width:900px) and (any-hover:hover) and (any-pointer:fine){
  .section-shortcuts-tag{
    display:inline-flex!important;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:4px 9px;
    border-radius:999px;
    white-space:nowrap;
    line-height:1;
  }
  .section-shortcuts-tag i{font-size:.78rem}
}

.section-shortcuts-dialog{
  width:min(540px,calc(100vw - 32px));
  max-width:540px;
  border-radius:18px;
  overflow:hidden;
}

.section-shortcuts-head{
  align-items:flex-start;
  gap:14px;
  padding-bottom:11px;
}

.section-shortcuts-head h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
}

.section-shortcuts-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.4;
}

.section-shortcuts-body{
  display:grid;
  gap:7px;
  padding-top:4px;
}

.section-shortcut-row{
  display:grid;
  grid-template-columns:minmax(190px,auto) 1fr;
  align-items:center;
  gap:15px;
  min-height:52px;
  padding:9px 11px;
  border:1px solid var(--border);
  border-radius:13px;
  background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);
}

.section-shortcut-row>div:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.section-shortcut-row strong{
  font-size:.84rem;
  line-height:1.2;
}

.section-shortcut-row small{
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
}

.section-shortcut-keys{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}

.section-shortcut-keys span{
  color:var(--muted);
  font-size:.7rem;
}

.section-shortcut-keys kbd{
  min-width:28px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid var(--border);
  border-bottom-width:2px;
  border-radius:7px;
  background:var(--card);
  color:var(--text);
  font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  box-shadow:0 1px 0 color-mix(in srgb,var(--text) 10%,transparent);
}

.section-shortcuts-foot{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding:8px 10px;
  border-radius:10px;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
  background:color-mix(in srgb,var(--card) 96%,var(--text) 4%);
}

@media (max-width:899px),(any-hover:none),(any-pointer:coarse){
  .section-shortcuts-modal{display:none!important}
}