.commands-page [hidden] { display: none !important; }

.command-hero .feature-title { text-align: left; font-size: clamp(1.45rem, 2.4vw, 1.9rem); }
.command-hero .feature-copy { max-width: none; }
.command-instructions { margin: 12px 0; }
.command-instructions summary { color: #d7e7f2; cursor: pointer; width: fit-content; }
.command-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 20px 0 14px;
}
.command-intro p {
  margin: 0;
  padding-left: 14px;
  border-left: 2px solid rgba(232, 190, 87, 0.45);
  color: #c2ccd5;
  line-height: 1.65;
}
.command-intro strong { display: block; color: #f1d58b; }
.command-intro code { color: #fff1ca; }
.command-reference { min-width: 0; }
.command-search-row { display: flex; align-items: end; gap: 16px; }
.command-search { display: grid; gap: 8px; flex: 1; min-width: 0; color: #e6edf3; font-weight: 700; }
.command-search input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid #4b6170;
  border-radius: 9px;
  background: #080f18;
  color: #f1f5f8;
  font: inherit;
  font-weight: 400;
}
.command-search input::placeholder { color: #9aabb7; }
.command-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
.command-topic-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: -8px 0 24px; padding-top: 14px; border-top: 1px solid #2c3b49; }
.command-topic-filters .command-filter { padding: 7px 10px; font-size: 0.8rem; }
.command-topic-label { color: #a9bdcb; font-size: 0.8rem; margin-right: 6px; }
.command-filter, .command-reset {
  padding: 10px 13px;
  border: 1px solid #3c4d5d;
  border-radius: 8px;
  background: #111d29;
  color: #d4dfe7;
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
}
.command-filter span { margin-left: 6px; color: #a5b6c5; font-size: 0.8rem; }
.command-filter:hover, .command-reset:hover { border-color: #b49754; color: #fff1ca; }
.command-filter[aria-pressed="true"] { background: #352b18; border-color: #d3ae55; color: #ffe1a0; }
.command-filter[aria-pressed="true"] span { color: #e9ca83; }
.commands-page :is(button, input, summary, a):focus-visible { outline: 2px solid #f4d57e; outline-offset: 3px; }
.command-results-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.command-results-heading h3 { margin: 0 0 10px; color: #f1d58b; font-size: 1.15rem; }
.command-results-heading p { margin: 0 0 10px; color: #9fb3c2; font-size: 0.85rem; }
.command-view-hint { margin: 0 0 18px; color: #bbc9d3; }
.command-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.command-card {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(124, 164, 188, 0.25);
  border-radius: 10px;
  background: rgba(6, 14, 24, 0.75);
}
.command-card-top { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.command-card-top h4 { min-width: 0; margin: 7px 0 0; font-size: 0.92rem; }
.command-card code { color: #f2dba2; overflow-wrap: anywhere; }
.command-card .feature-copy-button { width: auto; flex: 0 0 auto; min-height: 36px; padding: 7px 12px; font-size: 0.8rem; }
.command-description { margin: 12px 0; color: #d0dae2; font-size: 0.9rem; line-height: 1.6; }
.command-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; color: #9eb7c8; font-size: 0.74rem; }
.command-meta span + span::before { content: "·"; margin-right: 7px; }
.command-help { margin-top: 12px; border-top: 1px solid rgba(124, 164, 188, 0.18); padding-top: 10px; }
.command-help summary { width: fit-content; color: #9ed8f6; cursor: pointer; font-size: 0.85rem; }
.command-help div { margin-top: 12px; color: #cbd7df; line-height: 1.65; font-size: 0.85rem; overflow-wrap: anywhere; }
.command-help p { margin: 8px 0 0; }
.command-footnote { margin: 22px 0 0; color: #98acbb; font-size: 0.8rem; line-height: 1.6; }
.command-notice { padding: 12px; border-left: 3px solid #d3ae55; color: #efdab0; background: #292519; }

@media (max-width: 760px) {
  .command-intro, .command-list { grid-template-columns: 1fr; }
  .command-search-row { flex-wrap: wrap; }
  .command-search { flex-basis: 100%; }
  .command-card { padding: 14px; }
  .command-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .command-filter { min-height: 44px; white-space: normal; }
  .command-card .feature-copy-button { min-height: 44px; }
}