.guide-brand-row { display: flex; align-items: center; gap: 20px; margin-bottom: 26px; padding: 23px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.guide-brand-row img { width: auto; max-width: 140px; height: 32px; object-fit: contain; }
.guide-brand-row > span { color: #bbc8d9; font: 18px "DM Mono",monospace; }
.guide-command-list { display: grid; gap: 12px; }
.guide-command-list .addon-card { margin: 0; }
.guide-command-list h3 { font-size: 14px; }
.selector-example { background: #102139; border: 1px solid #294260; border-radius: 9px; overflow: hidden; margin: 20px 0 15px; }
.selector-label { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #28405f; padding: 12px 16px; color: #92accf; font-size: 10px; }
.selector-lines { padding: 15px; display: grid; gap: 6px; font: 12px/1.8 "DM Mono",monospace; color: #a7bad4; }
.selector-lines > span { padding: 4px 10px; border-radius: 4px; }
.selector-lines .selected { background: #1d5373; color: #b4f1d7; }
.selector-lines .selector-muted { font-size: 9px; color: #6884aa; }
.key-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 18px 0; }
.key-grid > div { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: 7px; font-size: 11px; color: #7b8da7; }
.key-grid kbd { min-width: 45px; padding: 2px 7px; text-align: center; border: 1px solid #dce5f1; background: #f4f8fd; border-radius: 4px; color: #668bbd; font-size: 10px; }
.process-example { overflow: hidden; background: #102139; border: 1px solid #294260; border-radius: 9px; margin: 20px 0; }
.example-caption { display: block; padding: 12px 16px; border-bottom: 1px solid #294260; color: #8da9d0; font-size: 10px; }
.process-example pre { padding: 17px; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #bed3f2; font-size: 11px; line-height: 1.9; }
.doc-section > .command + .command { margin-top: 12px; }
.guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.guide-link { display: flex; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 9px; padding: 17px; background: #fff; transition: border-color .2s,transform .2s; }
.guide-link:hover { border-color: #a8c8f8; transform: translateY(-2px); }
.guide-link-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 8px; color: #5685c6; background: #eef5ff; flex: none; }
.guide-link strong { display: block; font-size: 12px; font-weight: 500; }
.guide-link small { display: block; color: #98a5b9; font-size: 10px; margin-top: 3px; }
.guide-link > .icon { width: 15px; height: 15px; color: #8fa9ce; margin-right: auto; }
.guide-sidebar-nav { margin-bottom: 26px; }
@media(max-width:580px) {
  .guide-brand-row { gap: 12px; padding: 18px; }
  .guide-brand-row img { max-width: 115px; height: 27px; }
  .key-grid, .guide-grid { grid-template-columns: 1fr; }
  .key-grid > div { font-size: 11px; }
  .process-example pre { font-size: 10px; }
  .guide-link { padding: 16px; }
}