/* Reading surfaces for authored selections and their separate performance books. */
#sl-field-notes .sl-au {
  color-scheme:light;
  color:#202927;
  background:#f1f0e9;
  font:15px/1.65 var(--sl-sans);
  --au-blue:#254e78;
  --au-amber:#765019;
  --au-muted:#596660;
}
#sl-field-notes .sl-au .sl-au-intro { padding:38px 32px 28px; }
#sl-field-notes .sl-au .sl-au-intro .sl-kicker {
  color:var(--au-muted);
  font:600 11px/1.5 var(--sl-sans);
  letter-spacing:.09em;
  text-transform:uppercase;
}
#sl-field-notes .sl-au .sl-au-intro h1 {
  font:600 clamp(44px,5.8vw,68px)/1 var(--sl-display);
  letter-spacing:-.02em;
  color:#202927;
  margin:12px 0 14px;
}
#sl-field-notes .sl-au .sl-au-intro>p:last-child { color:#48564f; font-size:16px; max-width:62ch; }
#sl-field-notes .sl-au .sl-au-fine,
#sl-field-notes .sl-au .sl-au-fixture,
#sl-field-notes .sl-au .sl-au-view-note { color:var(--au-muted); font-size:13px; }
#sl-field-notes .sl-au .sl-au-audit {
  background:#fff;
  border:1px solid #cbd3ca;
  border-left:4px solid #7b897e;
  border-radius:2px;
  padding:18px 20px;
}
#sl-field-notes .sl-au .sl-au-audit.has-issues,
#sl-field-notes .sl-au .sl-au-audit-missing {
  background:#fbf0d8;
  border-color:#d4b987;
  border-left-color:#9a6723;
}
#sl-field-notes .sl-au .sl-au-audit-heading>strong { font-weight:700; font-size:15px; }
#sl-field-notes .sl-au .sl-au-audit.has-issues .sl-au-audit-heading>strong,
#sl-field-notes .sl-au .sl-au-audit-missing>strong { color:var(--au-amber); }
#sl-field-notes .sl-au .sl-au-audit-heading>span { color:#48564f; font:500 12px/1.6 var(--sl-mono); }
#sl-field-notes .sl-au .sl-au-audit-counts { color:#435149; line-height:1.7; }
#sl-field-notes .sl-au .sl-au-audit code { font-family:var(--sl-mono); }
#sl-field-notes .sl-au .sl-au-filters { padding:14px 32px; background:#e7e9e2; border-color:#cbd1c8; }
#sl-field-notes .sl-au .sl-au-filter-row { gap:7px; }
#sl-field-notes .sl-au .sl-au-filter-row button {
  padding:10px 14px;
  font:500 13px/1.5 var(--sl-sans);
  color:#35443c;
  background:#f8f8f3;
  border:1px solid #cbd1c8;
  border-radius:2px;
}
#sl-field-notes .sl-au .sl-au-filter-row button[aria-pressed="true"] { background:#24352e; color:#fff; border-color:#24352e; font-weight:700; }
#sl-field-notes .sl-au .sl-au-view-filters { padding-top:11px; margin-top:11px; border-color:#cbd1c8; }
#sl-field-notes .sl-au .sl-au-view-filters button[aria-pressed="true"] { background:#fff; color:#202927; border-color:#485c4f; box-shadow:inset 0 -2px #485c4f; }
#sl-field-notes .sl-au .sl-au-entry-section { padding-top:30px; }
#sl-field-notes .sl-au .sl-au-section-heading { margin-bottom:15px; }
#sl-field-notes .sl-au .sl-au-section-heading h2 { font:700 23px/1.3 var(--sl-sans); color:#202927; }
#sl-field-notes .sl-au .sl-au-section-heading>span { font:500 12px/1.6 var(--sl-mono); color:var(--au-muted); }
#sl-field-notes .sl-au .sl-au-card-grid { gap:18px; }
#sl-field-notes .sl-au .sl-au-card { padding:22px; background:#fff; border:1px solid #cdd3cc; border-radius:2px; }
#sl-field-notes .sl-au .sl-au-card-top { align-items:flex-start; gap:8px; color:#596660; }
#sl-field-notes .sl-au .sl-au-card-top>span:first-child { padding-top:4px; }
#sl-field-notes .sl-au .sl-au-selection { align-items:flex-start; gap:12px; margin:19px 0 9px; }
#sl-field-notes .sl-au .sl-au-selection h3 { min-width:0; font:700 23px/1.25 var(--sl-sans); color:#202927; letter-spacing:-.025em; }
#sl-field-notes .sl-au .sl-au-price {
  max-width:122px;
  padding:7px 9px;
  border:1px solid #c5d6e5;
  border-radius:2px;
  background:#edf3f9;
  color:var(--au-blue);
  font:500 17px/1.3 var(--sl-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;
}
#sl-field-notes .sl-au .sl-au-result { padding:5px 8px; border:1px solid transparent; font:600 11px/1.35 var(--sl-sans); border-radius:2px; }
#sl-field-notes .sl-au .sl-au-result.win { color:#24533c; background:#e5f1e5; border-color:#bad1bd; }
#sl-field-notes .sl-au .sl-au-result.loss { color:#8d3328; background:#fae8e4; border-color:#e2bfb8; }
#sl-field-notes .sl-au .sl-au-result.push { color:#64501f; background:#f3ead4; border-color:#d8caa9; }
#sl-field-notes .sl-au .sl-au-result.open { color:#425467; background:#edf0f4; border-color:#cdd5df; }
#sl-field-notes .sl-au .sl-au-attribution { margin-top:14px; font-size:13px; font-weight:700; color:#35483d; }
#sl-field-notes .sl-au .sl-au-attribution>span { color:#657169; font-weight:400; }
#sl-field-notes .sl-au details>summary { min-height:46px; color:#35443c; font:600 13px/1.55 var(--sl-sans); }
#sl-field-notes .sl-au .sl-au-analysis { margin-top:18px; border-color:#d7ddd5; }
#sl-field-notes .sl-au .sl-au-detail { color:#48564f; padding-top:12px; }
#sl-field-notes .sl-au .sl-au-detail h3 { color:#202927; font-weight:700; }
#sl-field-notes .sl-au .sl-au-detail h4 { color:#202927; font-size:13px; margin:22px 0 8px; }
#sl-field-notes .sl-au .sl-au-prose { color:#3d4c44; font-size:14px; line-height:1.8; }
#sl-field-notes .sl-au .sl-au-receipts { font-size:12px; gap:11px; }
#sl-field-notes .sl-au .sl-au-receipts dt { color:#596660; }
#sl-field-notes .sl-au .sl-au-receipts dd { color:#27392f; font:400 12px/1.65 var(--sl-mono); }
#sl-field-notes .sl-au .sl-au-legs { padding:0; border-top:1px solid #d7ddd5; }
#sl-field-notes .sl-au .sl-au-legs>li { background:#f5f6f1; border-left:3px solid #a9b9ad; padding:13px 14px; margin:13px 0; }
#sl-field-notes .sl-au .sl-au-leg-top strong { font-weight:700; font-size:14px; color:#27392f; }
#sl-field-notes .sl-au .sl-au-empty { background:#f9f9f4; border:1px dashed #bec8bd; padding:24px; color:#596660; }
#sl-field-notes .sl-au .sl-au-view-note { margin-block:18px 30px; line-height:1.7; }
#sl-field-notes .sl-au .sl-au-held { padding:24px; background:#faf0dc; border:1px solid #d8c5a3; border-left:4px solid #9a6723; border-radius:2px; }
#sl-field-notes .sl-au .sl-au-held .sl-au-section-heading h2 { color:var(--au-amber); }
#sl-field-notes .sl-au .sl-au-held li { border-color:#d8c5a3; }
#sl-field-notes .sl-au .sl-au-held li h3 { font-weight:700; color:#433b2b; }
#sl-field-notes .sl-au .sl-au-held li>p,
#sl-field-notes .sl-au .sl-au-held .sl-au-fine { color:#64553c; }
#sl-field-notes .sl-au .sl-au-held .sl-au-empty { padding:16px 0 0; background:none; border:0; color:#64553c; }
#sl-field-notes .sl-au .sl-au-notes,
#sl-field-notes .sl-au .sl-au-breakdowns { margin-top:26px; padding:0 20px; background:#fff; border:1px solid #cdd3cc; border-radius:2px; }
#sl-field-notes .sl-au .sl-au-notes>details,
#sl-field-notes .sl-au .sl-au-breakdowns>details { border-color:#d7ddd5; }
#sl-field-notes .sl-au .sl-au-notes>details:last-child,
#sl-field-notes .sl-au .sl-au-breakdowns>details:last-child { border-bottom:0; }
#sl-field-notes .sl-au .sl-au-unique { background:#132e23; color:#f5f1e7; border:1px solid #132e23; border-radius:2px; padding:28px; gap:22px 30px; }
#sl-field-notes .sl-au .sl-au-unique .sl-kicker { color:#c5d5c9; font:600 12px/1.6 var(--sl-sans); letter-spacing:.025em; }
#sl-field-notes .sl-au .sl-au-unique>div>strong { color:#f5f1e7; font:500 clamp(34px,4.6vw,55px)/1.2 var(--sl-mono); letter-spacing:-.055em; }
#sl-field-notes .sl-au .sl-au-unique .sl-au-fine,
#sl-field-notes .sl-au .sl-au-unique>p { color:#c5d5c9; font-size:13px; }
#sl-field-notes .sl-au .sl-au-unique>p { border-color:#53725d; line-height:1.75; }
#sl-field-notes .sl-au .sl-au-book-grid { gap:18px; border:0; border-radius:0; }
#sl-field-notes .sl-au .sl-au-book { padding:24px; background:#fff; border:1px solid #cdd3cc; border-top:4px solid #6c8195; border-radius:2px; }
#sl-field-notes .sl-au .sl-au-book+.sl-au-book { border:1px solid #cdd3cc; border-top:4px solid #a38b66; }
#sl-field-notes .sl-au .sl-au-book h3 { font-size:18px; font-weight:700; color:#202927; }
#sl-field-notes .sl-au .sl-au-book>p { font-size:13px; color:#596660; }
#sl-field-notes .sl-au .sl-au-book-record { flex-wrap:wrap; gap:6px 13px; margin:24px 0 18px; }
#sl-field-notes .sl-au .sl-au-book-record>strong { font:500 34px/1.1 var(--sl-mono); letter-spacing:-.06em; color:#263b30; }
#sl-field-notes .sl-au .sl-au-book-record>span { color:#596660; font-size:11px; }
#sl-field-notes .sl-au .sl-au-book .sl-au-receipts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:0; border-color:#d7ddd5; }
#sl-field-notes .sl-au .sl-au-book .sl-au-receipts>div { display:flex; flex-direction:column; gap:6px; min-width:0; }
#sl-field-notes .sl-au .sl-au-book .sl-au-receipts dt { font-size:11px; }
#sl-field-notes .sl-au .sl-au-book .sl-au-receipts dd { color:var(--au-blue); font-size:16px; font-weight:500; }
#sl-field-notes .sl-au .sl-au-table-wrap { border:1px solid #d7ddd5; background:#fff; }
#sl-field-notes .sl-au table { color:#35443c; font-size:13px; }
#sl-field-notes .sl-au caption { color:#202927; padding:13px; font-weight:700; }
#sl-field-notes .sl-au th,
#sl-field-notes .sl-au td { padding:12px; border-color:#d7ddd5; }
#sl-field-notes .sl-au thead th { background:#edf0e9; color:#536158; font:600 11px/1.5 var(--sl-sans); }
#sl-field-notes .sl-au tbody th { color:#35443c; font-weight:600; }
#sl-field-notes .sl-au tbody td { font:400 12px/1.65 var(--sl-mono); color:#334d60; }
#sl-field-notes .sl-au tbody tr:nth-child(even) { background:#f6f7f3; }
#sl-field-notes .sl-au :is(button,summary,.sl-au-table-wrap):focus-visible { outline:2px solid #254e78; outline-offset:4px; }
@media(max-width:850px) {
  #sl-field-notes .sl-au .sl-au-card-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  #sl-field-notes .sl-au .sl-au-unique { grid-template-columns:1fr; }
  #sl-field-notes .sl-au .sl-au-unique>div:nth-child(2) { padding-top:17px; border-top:1px solid #53725d; }
  #sl-field-notes .sl-au .sl-au-book-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  #sl-field-notes .sl-au .sl-au-intro { padding:28px 18px 24px; }
  #sl-field-notes .sl-au .sl-au-intro>p:last-child { font-size:15px; }
  #sl-field-notes .sl-au .sl-au-audit { padding:16px; }
  #sl-field-notes .sl-au .sl-au-filters { padding:12px 18px; }
  #sl-field-notes .sl-au .sl-au-filter-row button { padding:10px 11px; }
  #sl-field-notes .sl-au .sl-au-card { padding:18px; }
  #sl-field-notes .sl-au .sl-au-selection { gap:12px; }
  #sl-field-notes .sl-au .sl-au-selection h3 { font-size:23px; }
  #sl-field-notes .sl-au .sl-au-price { max-width:none; }
  #sl-field-notes .sl-au .sl-au-held { padding:20px 18px; }
  #sl-field-notes .sl-au .sl-au-unique { padding:22px; }
  #sl-field-notes .sl-au .sl-au-unique>div>strong { font-size:36px; }
  #sl-field-notes .sl-au .sl-au-book { padding:21px 18px; }
  #sl-field-notes .sl-au .sl-au-notes,
  #sl-field-notes .sl-au .sl-au-breakdowns { padding-inline:16px; }
}
@media(max-width:360px) {
  #sl-field-notes .sl-au .sl-au-card-top { flex-wrap:wrap; }
  #sl-field-notes .sl-au .sl-au-selection h3 { font-size:21px; }
  #sl-field-notes .sl-au .sl-au-receipts>div { grid-template-columns:1fr; gap:3px; }
  #sl-field-notes .sl-au .sl-au-unique { padding:20px; }
  #sl-field-notes .sl-au .sl-au-unique>div>strong { font-size:32px; }
  #sl-field-notes .sl-au .sl-au-book .sl-au-receipts dd { font-size:14px; }
  #sl-field-notes .sl-au .sl-au-book-record>strong { font-size:30px; }
}
