/* Native, keyboard-operable material choices. No script or remote assets. */
.sx-materials {border-block:1px solid var(--sx-line)}
.sx-materials-heading {max-width:810px;margin-bottom:38px}
.sx-materials-heading>p:last-child {font-size:16px;line-height:1.75;color:var(--sx-muted);max-width:690px;margin:21px 0 0}
.sx-material-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.sx-material-card {background:var(--sx-paper);border:1px solid var(--sx-line);border-radius:var(--sx-radius);min-width:0;overflow:hidden}
.sx-material-card summary {display:grid;grid-template-columns:32px minmax(0,1fr) 28px;gap:17px;padding:28px;cursor:pointer;list-style:none;position:relative}
.sx-material-card summary::-webkit-details-marker {display:none}
.sx-material-card summary:hover {background:#edf3f3}
.sx-material-card summary:focus-visible {outline:3px solid var(--sx-blue);outline-offset:-5px;border-radius:var(--sx-radius)}
.sx-material-number {color:var(--sx-blue);font-size:12px;font-weight:600;line-height:28px;border-top:1px solid #93b2bf}
.sx-material-kind {display:block;color:var(--sx-blue);font-size:10px;font-weight:600;letter-spacing:.095em;text-transform:uppercase;line-height:1.55;margin-bottom:10px}
.sx-material-summary-copy h3 {font-size:clamp(1.2rem,1.75vw,1.5rem);line-height:1.25;margin:0 0 13px;letter-spacing:-.025em}
.sx-material-description {display:block;font-size:13px;color:var(--sx-muted);line-height:1.7;max-width:420px}
.sx-material-prompt {display:block;color:var(--sx-blue);font-size:12px;font-weight:600;line-height:1.5;margin-top:18px}
.sx-material-prompt-open {display:none}
.sx-material-toggle {position:relative;display:block;width:28px;height:28px;border:1px solid #adbec5;border-radius:50%;align-self:start;color:var(--sx-blue)}
.sx-material-toggle::before,.sx-material-toggle::after {content:"";position:absolute;background:currentColor;left:8px;right:8px;top:12px;height:1px}
.sx-material-toggle::after {transform:rotate(90deg)}
.sx-material-card[open] {background:#fff;border-color:#86a8b7;box-shadow:0 8px 24px #132f4006}
.sx-material-card[open] summary {background:#f0f5f5}
.sx-material-card[open] .sx-material-toggle::after {display:none}
.sx-material-card[open] .sx-material-prompt-closed {display:none}
.sx-material-card[open] .sx-material-prompt-open {display:inline}
.sx-material-content {margin:0 28px 0 77px;padding:22px 0 27px;border-top:1px solid var(--sx-line);font-size:13px;line-height:1.75;color:var(--sx-muted)}
.sx-material-content .sx-material-detail-title {font-size:13px;font-weight:600;color:var(--sx-ink);margin:0 0 7px}
.sx-material-content>p:not(.sx-material-detail-title) {margin-bottom:17px}
.sx-material-source {display:grid;grid-template-columns:minmax(0,1fr) 18px;column-gap:15px;align-items:center;min-height:48px;padding:10px 0;border-top:1px solid var(--sx-line);text-decoration:none;color:var(--sx-blue)!important;font-size:13px;font-weight:600;line-height:1.5}
.sx-material-source:hover {text-decoration:underline;text-underline-offset:4px}
.sx-material-source:focus-visible {outline:3px solid var(--sx-blue);outline-offset:4px}
.sx-material-source-note {grid-column:1;font-size:10px;color:var(--sx-muted);font-weight:400;margin-top:2px}
.sx-material-source svg {grid-column:2;grid-row:1/3;width:18px;height:18px}
.sx-materials-note {display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:27px;padding:22px 0 0;border-top:1px solid var(--sx-line);color:var(--sx-muted)}
.sx-materials-note p {font-size:12px;line-height:1.8;margin:0}
@media (max-width:760px) {
  .sx-material-grid {grid-template-columns:1fr;gap:14px}
  .sx-materials-heading {margin-bottom:28px}
  .sx-material-card summary {padding:22px;gap:13px;grid-template-columns:25px minmax(0,1fr) 26px}
  .sx-material-number {font-size:11px}
  .sx-material-summary-copy h3 {font-size:1.3rem}
  .sx-material-content {margin-left:60px;margin-right:22px;padding-top:18px}
  .sx-materials-note {grid-template-columns:1fr;gap:12px}
}
@media (max-width:380px) {
  .sx-material-card summary {padding:18px;gap:10px;grid-template-columns:20px minmax(0,1fr) 26px}
  .sx-material-content {margin-left:48px;margin-right:18px}
  .sx-material-kind {font-size:9px;letter-spacing:.065em}
}
@media (forced-colors:active) {
  .sx-material-card,.sx-material-toggle {border-color:ButtonText}
  .sx-material-toggle::before,.sx-material-toggle::after {background:ButtonText}
}