/* Register pages: one reading column of plain lists on the shared tokens (docs/DESIGN_RULES.md). */
.register-page .crumb { margin:0 0 var(--sp-3); }
.register-note { margin:0; font:400 var(--fs-note)/1.5 var(--sans); color:var(--muted); }
.register-page > h1 + .register-note { margin-bottom:var(--sp-5); }
.register-search { display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--sp-3) var(--sp-4); margin:var(--sp-5) 0 0; }
.register-search .directory-search-row { flex:2 1 18rem; min-width:0; }
.register-search .directory-category { flex:1 1 12rem; min-width:0; }
.register-search .directory-search-row, .register-search .directory-category { display:flex; }
.register-search input, .register-search select { width:100%; min-width:0; min-height:48px; margin:0; }
#register-results { margin-top:var(--sp-5); }
#register-results:empty { display:none; }

.register-rows, .register-feed, .register-changes, .register-names { list-style:none; margin:0; padding:0; }
.register-rows > li { display:grid; gap:var(--sp-1); padding:var(--sp-3) 0; border-top:1px solid var(--rule); }
.register-rows > li > a { font:600 var(--fs-copy)/1.35 var(--serif); color:var(--ink); text-decoration:none; overflow-wrap:anywhere; }
.register-rows > li > a:hover { text-decoration:underline; text-underline-offset:3px; }
.register-row-status { font:400 var(--fs-tool)/1.45 var(--sans); }
.register-row-names { font:400 var(--fs-note)/1.45 var(--sans); color:var(--muted); overflow-wrap:anywhere; }
.register-page .az-bar + .register-rows, .register-note + .register-rows { margin-top:var(--sp-4); }

.register-feed > li { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:var(--sp-1) var(--sp-4); padding:var(--sp-3) 0; border-top:1px solid var(--rule); }
.register-feed time, .register-changes time { font:400 var(--fs-note)/1.6 var(--sans); color:var(--muted); white-space:nowrap; }
.register-feed h3 { margin:0; font:600 var(--fs-copy)/1.35 var(--serif); overflow-wrap:anywhere; }
.register-feed ul { grid-column:2; list-style:none; margin:0; padding:0; font:400 var(--fs-tool)/1.5 var(--sans); }
.register-feed .register-note { margin-bottom:var(--sp-3); }
.register-links { margin:var(--sp-4) 0 0; font:400 var(--fs-tool)/1.5 var(--sans); }
.register-links a { display:inline-flex; align-items:center; min-height:44px; }
.register-page section > .register-note { margin-bottom:var(--sp-3); }

.register-table { overflow-x:auto; }
.register-table table { border-collapse:collapse; width:100%; }
.register-table th, .register-table td { border-bottom:1px solid var(--rule); text-align:left; vertical-align:top; padding:var(--sp-3) var(--sp-4) var(--sp-3) 0; font:400 var(--fs-tool)/1.45 var(--sans); }
.register-table th { font-weight:600; color:var(--muted); font-size:var(--fs-note); }
.register-table td[data-label="From"], .register-table td[data-label="To"] { white-space:nowrap; }
.register-names { columns:3 14rem; column-gap:var(--sp-6); font:400 var(--fs-tool)/1.5 var(--sans); }
.register-names li { break-inside:avoid; padding:var(--sp-1) 0; overflow-wrap:anywhere; }
.register-state { color:var(--muted); font-size:var(--fs-note); }
.register-changes > li { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:0 var(--sp-4); padding:var(--sp-2) 0; border-top:1px solid var(--rule); font:400 var(--fs-tool)/1.5 var(--sans); }
.register-source { display:block; margin:var(--sp-7) 0 0; color:var(--muted); }

@media (max-width:700px) {
  .register-feed > li, .register-changes > li { grid-template-columns:1fr; }
  .register-feed ul { grid-column:1; }
  .register-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .register-table table, .register-table tbody, .register-table tr, .register-table td { display:block; }
  .register-table tr { padding:var(--sp-3) 0; border-bottom:1px solid var(--rule); }
  .register-table td { border:0; padding:var(--sp-1) 0; white-space:normal; }
  .register-table td:empty { display:none; }
  .register-table td::before { content:attr(data-label) ': '; color:var(--muted); }
  .register-table td[data-label="Activity"] { order:-1; font-weight:600; }
  .register-table td[data-label="Activity"]::before { content:none; }
  .register-table tr { display:flex; flex-direction:column; }
}