.nav-actions{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  max-width:720px;
}
.nav-button{padding:5px 4px;overflow-wrap:anywhere}
.wrap{max-width:720px}
.guide-home,.commands-guide{display:grid;gap:14px}
.guide-hero,.guide-section{
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--card);
  padding:18px;
}
.guide-hero{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card) 64%);
}
.guide-kicker{
  margin-bottom:7px;
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.guide-hero h2{font-size:24px;line-height:1.15}
.guide-hero>p:not(.guide-kicker):not(.guide-account-status){margin-top:10px;color:var(--text2);font-size:14px;line-height:1.6}
.guide-account-status{min-height:0;margin-top:8px;color:var(--amber);font-size:12px;line-height:1.45}
.guide-account-status:empty{display:none}
.guide-section>h2{margin-bottom:12px;font-size:18px;line-height:1.3}
.guide-steps{display:grid;gap:12px;padding-left:22px;color:var(--text2);font-size:14px;line-height:1.55}
.guide-steps b{color:var(--text)}
.guide-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-facts article{min-width:0;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--card2)}
.guide-facts h3{font-size:14px;line-height:1.3}
.guide-facts p{margin-top:6px;color:var(--text2);font-size:13px;line-height:1.5}
.guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.guide-actions button{
  min-width:0;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card2);
  color:var(--text);
  padding:13px;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.guide-actions button:last-child{grid-column:1/-1}
.guide-actions b,.guide-actions span{display:block}
.guide-actions b{font-size:14px}
.guide-actions span{margin-top:4px;color:var(--text2);font-size:12px;line-height:1.4}
.guide-actions button:active{background:color-mix(in srgb,var(--accent) 10%,var(--card2))}
.guide-actions button:focus-visible,.command-card:focus-within{
  outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);
  outline-offset:2px;
}
.command-intro code,.command-card code{
  border-radius:6px;
  background:var(--card2);
  color:var(--text);
  padding:2px 6px;
  font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;
  font-size:.94em;
  overflow-wrap:anywhere;
}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.command-card{min-width:0;border:1px solid var(--border);border-radius:13px;background:var(--card2);padding:13px}
.command-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.command-heading>code{font-size:14px;font-weight:800}
.command-state{max-width:50%;border-radius:20px;background:color-mix(in srgb,var(--green) 12%,var(--card));color:var(--green);padding:4px 8px;font-size:10px;font-weight:800;line-height:1.25;text-align:right}
.command-card>p{margin-top:9px;color:var(--text2);font-size:13px;line-height:1.5}
.command-card .command-aliases{line-height:1.8}
.command-aliases span{color:var(--text3);font-size:11px;font-weight:700}
.command-card .command-target{color:var(--text);font-size:11px;font-weight:750}
.guide-note{margin:-4px 0 13px;color:var(--text2);font-size:13px;line-height:1.5}

@media (max-width:520px){
  .guide-facts,.guide-actions,.command-grid{grid-template-columns:1fr}
  .guide-actions button:last-child{grid-column:auto}
  .guide-hero,.guide-section{padding:15px}
  .guide-hero h2{font-size:22px}
}

@media (max-width:420px){
  .nav-button{padding-inline:2px;font-size:11px;overflow-wrap:normal;word-break:normal;hyphens:none}
}

@media (max-width:370px){
  .nav-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  body{padding-bottom:calc(158px + env(safe-area-inset-bottom))}
}