/* Homepage shortcuts: identical dimensions, distinct visual emphasis. */
.speaking-shell .dual-nav.speaking-shortcuts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:0 0 32px;
}
.speaking-shell .speaking-shortcut {
  appearance:none;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 20px;
  grid-template-rows:auto auto;
  gap:5px 14px;
  align-items:center;
  width:100%;
  min-width:0;
  min-height:106px;
  margin:0;
  padding:24px;
  border:1px solid #cfe3e5;
  border-radius:18px;
  background:#fff;
  color:var(--navy);
  text-align:left;
  box-shadow:0 5px 18px #12356b04;
  cursor:pointer;
  transition:background .16s,border-color .16s,box-shadow .16s;
}
.speaking-shortcut-icon {
  grid-area:1 / 1 / 3 / 2;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:13px;
  background:var(--mint);
  color:var(--cyan-dark);
}
.speaking-shortcut svg {
  display:block;
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.speaking-shortcut-title {
  grid-area:1 / 2;
  align-self:end;
  font-size:17px;
  font-weight:650;
  line-height:1.5;
  white-space:nowrap;
}
.speaking-shortcut-note {
  grid-area:2 / 2;
  align-self:start;
  font-size:12px;
  font-weight:400;
  line-height:1.6;
  color:var(--muted);
}
.speaking-shortcut-arrow {
  grid-area:1 / 3 / 3 / 4;
  color:var(--cyan-dark);
}
.speaking-shortcut-arrow svg { width:19px; height:19px; }
.speaking-shell .speaking-shortcut--resume {
  background:var(--cyan-dark);
  border-color:var(--cyan-dark);
  color:#fff;
  box-shadow:0 6px 18px #087f9112;
}
.speaking-shortcut--resume .speaking-shortcut-icon { background:#ffffff1f; color:#fff; }
.speaking-shortcut--resume .speaking-shortcut-note { color:#e0f3f5; }
.speaking-shortcut--resume .speaking-shortcut-arrow { color:#fff; }
.speaking-shell .speaking-shortcut--resume:disabled { background:#e8f0f2; border-color:var(--line); color:var(--muted); opacity:1; cursor:default; box-shadow:none; }
.speaking-shortcut--resume:disabled .speaking-shortcut-icon { background:#ffffffa6; color:var(--muted); }
.speaking-shortcut--resume:disabled :is(.speaking-shortcut-note,.speaking-shortcut-arrow) { color:var(--muted); }
.speaking-shell .speaking-shortcut:focus-visible { outline:3px solid var(--sky); outline-offset:4px; }
@media (hover:hover) {
  .speaking-shell .speaking-shortcut--review:hover { background:#f2fbf9; border-color:#72b8bb; box-shadow:0 6px 22px #087f910a; }
  .speaking-shell .speaking-shortcut--resume:hover:not(:disabled) { background:#096e80; border-color:#096e80; }
}
@media(max-width:760px) {
  .speaking-shell .dual-nav.speaking-shortcuts { gap:12px; margin-bottom:28px; }
  .speaking-shell .speaking-shortcut {
    grid-template-columns:minmax(0,1fr) 20px;
    grid-template-rows:32px auto auto;
    gap:5px 8px;
    min-height:132px;
    padding:16px;
    border-radius:16px;
  }
  .speaking-shortcut-icon { grid-area:1 / 1; width:32px; height:32px; border-radius:10px; }
  .speaking-shortcut-icon svg { width:20px; height:20px; }
  .speaking-shortcut-title { grid-area:2 / 1 / 3 / 3; align-self:start; margin-top:5px; font-size:16px; }
  .speaking-shortcut-note { grid-area:3 / 1 / 4 / 3; font-size:11px; }
  .speaking-shortcut-arrow { grid-area:1 / 2; justify-self:end; }
  .speaking-shortcut-arrow svg { width:17px; height:17px; }
}
@media(max-width:359px) {
  .speaking-shell .dual-nav.speaking-shortcuts { gap:10px; }
  .speaking-shell .speaking-shortcut { padding:13px; min-height:126px; }
  .speaking-shortcut-title { font-size:14px; }
  .speaking-shortcut-note { font-size:10px; }
}