.cf-overview {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  gap:20px;
  align-items:start;
  margin-bottom:22px;
}
.cf-overview:has(#cf-spotlight[hidden]) {grid-template-columns:1fr}
.cf-overview .heading {display:block;margin-bottom:12px}
.cf-overview .heading h1 {font-size:clamp(26px,3vw,43px);letter-spacing:-.035em;overflow-wrap:anywhere}
.cf-overview .heading .actions {margin-top:14px}
.cf-notes .aside-paper {margin-top:8px;padding:12px}
.cf-notes .aside-paper p:first-child {margin-top:0}
.cf-spotlight {background:var(--nav);color:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;gap:10px}
:root[data-theme="dark"] .cf-spotlight {background:var(--surface-2);color:var(--ink)}
.cf-spotlight h2 {font-size:23px;line-height:1.25;margin:0;overflow-wrap:anywhere}
.cf-spotlight-meta {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.cf-spotlight-meta > span {overflow-wrap:anywhere}
.cf-spotlight .record-tag {background:var(--surface-2);color:var(--ink)}
:root[data-theme="dark"] .cf-spotlight .record-tag {background:var(--paper);color:var(--ink)}
.cf-workspace {overflow:visible}
.cf-toolbar {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line)}
.cf-toolbar .search {flex:1 1 190px;min-width:0}
.cf-views {display:flex;flex-wrap:wrap;gap:3px;background:var(--surface-2);padding:3px;border-radius:7px}
.cf-views button {min-height:44px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:650;padding:0 7px}
.cf-views button[aria-pressed="true"] {background:var(--paper);border-color:var(--line-strong);color:var(--ink)}
.cf-views button span {font-weight:450;color:var(--muted)}
.record-panel .cf-charges {
  margin:16px 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--paper);
}
.record-panel .cf-charges h3 {margin:0 0 10px}
.record-panel .cf-charges .charges {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.record-panel .cf-charges .charges label {width:auto;min-width:0}
.cf-layout {display:grid;grid-template-columns:minmax(0,1fr) 258px}
.cf-columns,.cf-row {display:grid;grid-template-columns:minmax(126px,1.4fr) minmax(76px,.7fr) minmax(90px,.85fr) minmax(66px,.52fr) 66px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.cf-columns {background:var(--surface-2);font-size:12px;font-weight:650;color:var(--muted)}
.cf-row {font-size:13px;min-height:66px}
.cf-row > * {min-width:0;overflow-wrap:anywhere}
.cf-row.cf-selected {background:var(--selected)}
.cf-record-name {border:0;background:none;min-height:44px;text-align:left;padding:0;color:var(--ink);line-height:1.3}
.cf-record-name:hover strong {text-decoration:underline}
.cf-record-name small {display:block;color:var(--muted);margin-top:3px;font-size:12px}
.cf-ref,.cf-detail {font-variant-numeric:tabular-nums}
.cf-row .record-tag {width:max-content;max-width:100%}
.cf-row-actions {position:relative;justify-self:end}
.cf-row-actions summary {list-style:none}
.cf-row-actions summary::-webkit-details-marker {display:none}
.cf-action-menu {position:absolute;z-index:8;right:0;top:calc(100% + 3px);min-width:186px;background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;padding:4px;display:grid;gap:3px;box-shadow:0 5px 14px #0002}
.cf-action-menu .btn {justify-content:flex-start}
.cf-inspector {min-width:0;border-left:1px solid var(--line);background:var(--surface-2);padding:12px}
.cf-inspector-top {display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}
.cf-inspector h2 {font-size:20px;line-height:1.25;overflow-wrap:anywhere;margin:4px 0 8px}
.cf-facts {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;border-block:1px solid var(--line);padding:10px 0}
.cf-facts dt {font-size:12px;color:var(--muted)}
.cf-facts dd {margin:3px 0 0;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.cf-related-list {margin-top:14px}
.cf-related {display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;background:none;color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.cf-related:hover {text-decoration:underline}
.cf-count,.cf-empty {margin:0;padding:10px 12px;font-size:13px;color:var(--muted)}
@media (max-width:1179px) {
  .cf-layout {grid-template-columns:1fr}
  .cf-inspector {display:none}
  .cf-inspector.cf-has-selection {display:block;grid-row:1;border-left:0;border-bottom:1px solid var(--line)}
}
@media (max-width:680px) {
  .record-panel .cf-charges .charges {grid-template-columns:1fr}
  .cf-overview {grid-template-columns:1fr;gap:10px;margin-bottom:14px}
  .cf-views {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .cf-columns {display:none}
  .cf-row {grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}
  .cf-record-name {grid-column:1;grid-row:1}
  .cf-ref,.cf-detail,.cf-row .record-tag {grid-column:1}
  .cf-row-actions {grid-column:2;grid-row:1/5;align-self:start}
}