/* Local styles for Defaults page */

.defaults-grid{
  display:grid; gap:1.2rem; margin: .4rem 0 2rem;
}

.defaults-search{ margin:.6rem 0 0; max-width:720px; }
.defaults-search input[type="search"]{
  width:100%; padding:.65rem .8rem; border-radius:.6rem;
  border:1px solid var(--border); background:var(--panel); color:var(--text);
}
.defaults-search input[type="search"]::placeholder{ color:var(--muted); }

.defaults-card{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: .8rem;
  padding: 1.1rem 1.2rem;
}
.defaults-card.subtle{ background: rgba(148,163,184,0.12); }
.defaults-card h2{ margin:0 0 .4rem; }
.defaults-card h2{ color: var(--text); }
.defaults-card .muted{ color: var(--muted); }
.defaults-card .spec-list{ margin:.3rem 0 .8rem; padding-left:1.1rem; }
.defaults-card .spec-list li{ margin:.2rem 0; color: var(--text); }

.code-block{ margin:.6rem 0; }
.code-block pre{ background: var(--code-bg); color: var(--code-fg); border:1px solid var(--code-border); border-radius:.6rem; padding: .8rem 1rem; overflow:auto; }

@media (min-width: 720px){
  .defaults-grid{ grid-template-columns: 2fr 1fr; }
}

.preset-grid{ display:grid; gap:1.0rem; margin: .2rem 0 2rem; }
.preset-card{ background: rgba(148,163,184,0.10); border:1px solid var(--border); border-radius:.8rem; padding:1rem 1.1rem; }
.preset-card h3{ margin:.1rem 0 .4rem; font-size:1.1rem; color: var(--text); }
.preset-details summary{
  list-style:none; cursor:pointer; user-select:none;
  padding:.55rem .7rem; border:1px solid var(--border); border-radius:.6rem;
  background:var(--panel); color:var(--text); font-weight:600;
}
.preset-details[open] summary{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
.preset-details summary::-webkit-details-marker{ display:none; }
.preset-details > *:not(summary){ margin-top:.6rem; }
.preset-card .muted{ color:var(--muted); }

@media (min-width: 720px){
  .preset-grid{ grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}

/* Summary table column alignment */
.summary-table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.summary-table th,
.summary-table td{ text-align:left; padding:.5rem .6rem; }
.summary-table th:nth-child(1),
.summary-table td:nth-child(1){ width:22%; }
.summary-table th:nth-child(2),
.summary-table td:nth-child(2){ width:18%; }
.summary-table th:nth-child(3),
.summary-table td:nth-child(3){ width:20%; }
.summary-table th:nth-child(4),
.summary-table td:nth-child(4){ width:22%; }
.summary-table th:nth-child(5),
.summary-table td:nth-child(5){ width:18%; }