.remake-guide { scroll-margin-top: 1rem; margin: 2rem 0 3rem; }
.remake-guide [hidden] { display: none; }
.remake-scope { max-width: 52rem; color: var(--muted); }
.remake-reference-links { display: flex; gap: .5rem 1.25rem; flex-wrap: wrap; }
.remake-date, .remake-tools p { color: var(--muted); font-size: .88rem; }
.remake-index { margin: 1rem 0; }
.remake-index summary { width: fit-content; color: var(--gold); cursor: pointer; font-weight: 700; }
.remake-index ul { columns: 2; padding-inline-start: 1.35rem; }
.remake-index li { margin-bottom: .3rem; break-inside: avoid; }
.remake-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem 1rem; align-items: center; margin: 1.5rem 0 1rem; }
.remake-tools label { grid-column: 1 / -1; font-size: .9rem; font-weight: 700; }
.remake-tools input { width: 100%; padding: .6rem .8rem; background: var(--panel); color: var(--ink); border: 1px solid var(--line); border-radius: .6rem; font: inherit; }
.remake-tools p { margin: 0; }
.remake-tools [data-remake-empty], .remake-tools [data-remake-storage] { grid-column: 1 / -1; }
.remake-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.remake-card { display: flex; flex-direction: column; gap: .65rem; min-width: 0; padding: 1rem 1.15rem; background: var(--panel); border: 1px solid var(--line); border-radius: .8rem; scroll-margin-top: 1rem; }
.remake-card:target { border-color: var(--gold); }
.remake-card h3, .remake-card p { margin: 0; }
.remake-card p { color: var(--muted); }
.remake-related { margin: 0; padding-inline-start: 1.3rem; }
.remake-related li + li { margin-top: .25rem; }
.remake-card-footer { display: flex; gap: .25rem .8rem; align-items: center; flex-wrap: wrap; margin-top: auto; }
.remake-card-footer small { flex: 1 1 12rem; }
.remake-check { display: inline-flex; align-items: center; gap: .35rem; min-height: 2rem; font-size: .85rem; cursor: pointer; }
.remake-check input { accent-color: var(--gold); }
.remake-guide :focus-visible { outline: 3px solid #a3e8ff; outline-offset: 3px; }
@media (max-width: 700px) {
  .remake-cards, .remake-tools { grid-template-columns: 1fr; }
  .remake-index ul { columns: 1; }
}
