/* Quotes use the site's existing editorial palette and typefaces. */
.sl-quotes-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.home-quotes .sl-quote-card:only-child { grid-column:1 / -1; }
.home-quotes .sl-quote-card:only-child .sl-quote-text { max-width:44ch; }
.sl-quote-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:25px 28px 26px; background:var(--sl-surface,#fff); border:1px solid var(--sl-rule,#d9dfe2); border-top:3px solid var(--sl-blue,#125dbb); }
.sl-quote-mark { display:block; height:38px; overflow:hidden; color:var(--sl-blue,#125dbb); font:700 60px/1 var(--sl-serif,Georgia,serif); user-select:none; }
.sl-quote-text { margin:0 0 25px; color:var(--sl-ink,#152534); font:400 26px/1.4 var(--sl-serif,Georgia,serif); letter-spacing:-.015em; overflow-wrap:anywhere; }
.sl-quote-text a { color:inherit; }
.sl-quote-text a:hover { color:var(--sl-blue,#125dbb); }
.sl-quote-attribution { display:flex; align-items:center; gap:15px; margin-top:auto; min-width:0; }
.sl-quote-portrait { flex:0 0 72px; width:72px; height:72px; border-radius:50%; object-fit:cover; }
.sl-quote-attribution > picture { display:block; flex:0 0 72px; width:72px; height:72px; }
.sl-quote-attribution > picture > .sl-quote-portrait { width:100%; height:100%; }
.sl-quote-person { display:flex; flex-direction:column; gap:5px; min-width:0; }
.sl-quote-name { color:var(--sl-ink,#152534); font:700 16px/1.4 var(--sl-sans,Arial,sans-serif); }
.sl-quote-role { color:var(--sl-muted,#5c6872); font:400 13px/1.5 var(--sl-sans,Arial,sans-serif); }
.sl-quote-source { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:19px; padding-top:14px; border-top:1px solid var(--sl-rule,#d9dfe2); color:var(--sl-muted,#5c6872); font:400 12px/1.6 var(--sl-sans,Arial,sans-serif); overflow-wrap:anywhere; }
.sl-quote-source-link { color:var(--sl-blue,#125dbb); text-decoration:underline; text-decoration-thickness:1px; }
.sl-quotes-archive .archive-header h1 { font-size:36px; }
.sl-quote-single { max-width:850px; margin-inline:auto; }
.sl-quote-single .article-header { max-width:none; }
.sl-quote-single .article-title { font-size:36px; line-height:1.2; letter-spacing:-.025em; }
.sl-quote-feature { padding:28px 32px; border-top:3px solid var(--sl-blue,#125dbb); background:var(--sl-surface,#fff); }
.sl-quote-single .sl-quote-text { max-width:44ch; font-size:30px; line-height:1.5; white-space:normal; }
.sl-quote-context { max-width:740px; margin:32px auto 0; color:var(--sl-ink,#152534); font:400 19px/1.8 var(--sl-serif,Georgia,serif); }
.sl-quote-context h2 { margin-bottom:14px; font:700 18px/1.4 var(--sl-sans,Arial,sans-serif); }
.sl-quote-context p:last-child { margin-bottom:0; }
.archive-grid > .sl-quote-card { border-top:3px solid var(--sl-blue,#125dbb); }
.archive-grid > .sl-quote-card .sl-quote-text { font-size:23px; }
@media (max-width:800px) {
  .sl-quotes-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
}
@media (max-width:600px) {
  .home-quotes .section-heading { gap:12px; }
  .sl-quote-card { padding:21px 20px 22px; }
  .sl-quote-text { font-size:22px; line-height:1.45; margin-bottom:21px; }
  .sl-quote-mark { height:33px; font-size:52px; }
  .sl-quote-attribution { gap:12px; }
  .sl-quote-portrait { flex-basis:56px; width:56px; height:56px; }
  .sl-quote-attribution > picture { flex-basis:56px; width:56px; height:56px; }
  .sl-quote-name { font-size:15px; }
  .sl-quote-role { font-size:12px; }
  .sl-quote-feature { padding:21px 20px; }
  .sl-quote-single .article-title, .sl-quotes-archive .archive-header h1 { font-size:28px; }
  .sl-quote-single .sl-quote-text { font-size:24px; }
  .sl-quote-context { margin-top:25px; font-size:18px; }
}