.masthead--has-quotes { gap:28px; }
.masthead-quotes { display:grid; grid-template-columns:minmax(0,1fr) 60px; align-items:center; gap:14px; flex:0 1 560px; min-width:0; max-width:560px; margin-left:auto; padding-left:24px; border-left:1px solid var(--sl-rule); }
.masthead-quote-stack { min-width:0; height:62px; }
.masthead-quote[hidden], .masthead-quote-controls[hidden] { display:none; }
.masthead-quote-link { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:12px; min-width:0; height:62px; }
.masthead-quote-portrait, .masthead-quote-link > picture, .masthead-quote-initial { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.masthead-quote-link > picture > .masthead-quote-portrait { width:100%; height:100%; }
.masthead-quote-initial { display:flex; align-items:center; justify-content:center; background:var(--sl-soft); color:var(--sl-blue); font:700 19px/1 var(--sl-serif); }
.masthead-quote-copy { display:block; min-width:0; }
.masthead-quote-text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:2.7em; color:var(--sl-ink); font:400 15px/1.35 var(--sl-serif); }
.masthead-quote-link:hover .masthead-quote-text { color:var(--sl-blue); }
.masthead-quote-name { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:3px; color:var(--sl-blue); font:700 11px/1.4 var(--sl-sans); }
.masthead-quote-controls { display:grid; grid-template-columns:repeat(2,28px); gap:2px; align-items:center; justify-content:end; }
.masthead-quote-controls button { display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid transparent; border-radius:3px; background:transparent; color:var(--sl-muted); font:400 24px/1 var(--sl-sans); }
.masthead-quote-controls button:hover { color:var(--sl-blue); background:var(--sl-soft); }
.masthead-quote-controls button:focus-visible { outline-offset:1px; }
.masthead-quote-pause-icon::before { content:'Ⅱ'; font-size:12px; }
[data-quote-pause][aria-pressed='true'] .masthead-quote-pause-icon::before { content:'▶'; font-size:10px; }
.masthead-quote-count { text-align:center; color:var(--sl-muted); font:400 10px/1.4 var(--sl-sans); white-space:nowrap; }
@media (max-width:1080px) {
  .masthead-quotes { flex-basis:470px; padding-left:18px; gap:10px; }
  .masthead-quote-text { font-size:14px; }
}
@media (max-width:800px) {
  .masthead--has-quotes { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; padding-block:18px 14px; }
  .masthead--has-quotes .brand { grid-column:1; grid-row:1; }
  .masthead--has-quotes .header-search { grid-column:2; grid-row:1; }
  .masthead-quotes { grid-column:1 / -1; grid-row:2; width:100%; max-width:none; margin:0; padding:10px 0 0; border-left:0; border-top:1px solid var(--sl-rule); }
}
@media (max-width:600px) {
  .masthead-quotes { grid-template-columns:minmax(0,1fr) 56px; gap:8px; }
  .masthead-quote-link { grid-template-columns:36px minmax(0,1fr); gap:9px; }
  .masthead-quote-portrait, .masthead-quote-link > picture, .masthead-quote-initial { width:36px; height:36px; }
  .masthead-quote-text { font-size:13px; }
  .masthead-quote-name { font-size:11px; }
}