/* Shared published article treatment. Values follow prototype/styles.css. */
:root {
  --article-width: 1440px;
  --article-gutter: clamp(1.25rem, 4vw, 4.5rem);
  --article-beat-space: clamp(1.25rem, 2.25vw, 2rem);
}
.hero {
  width: 100%;
  max-width: var(--article-width);
  margin: 0 auto;
  padding: clamp(3.5rem, 6vw, 6rem) var(--article-gutter) clamp(2.5rem, 4vw, 4rem);
}
.hero .back { margin-bottom: clamp(2rem, 4vw, 4rem); font-size: .9rem; font-weight: 900; }
.hero h1 {
  width: 100%; max-width: none; margin: 0 0 clamp(2rem, 4vw, 3.5rem);
  font-size: clamp(3.25rem, 5.8vw, 6.15rem);
  line-height: 1.08; letter-spacing: -.025em; text-wrap: balance;
}
.hero h1 span {
  font-size: .46em; line-height: 1.3; letter-spacing: -.015em;
  margin-top: var(--article-beat-space);
}
.byline, .brain-entry-header .article-byline {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem;
  color: #666; font-size: .95rem; line-height: 1.5; margin: 0;
}
.byline span { margin: 0; }
.article-grid { max-width: var(--article-width); padding-inline: var(--article-gutter); }
.article-grid article > p,
.article-grid article > h2,
.article-grid article > blockquote,
.article-grid article > .original {
  width: 100%;
  max-width: none;
}
article > p { font-size: clamp(1.08rem, 1.5vw, 1.3rem); line-height: 1.68; margin-bottom: 1.6em; }
article > p:first-child { font-size: clamp(1.08rem, 1.5vw, 1.3rem); line-height: 1.68; }
article > h2 {
  font-size: clamp(1.55rem, 3vw, 2.65rem); line-height: 1.12;
  letter-spacing: -.02em; margin-block: var(--article-beat-space);
}
article > p:has(+ h2) { margin-bottom: 0; }
blockquote, .brain-entry-content blockquote {
  margin: var(--article-beat-space) 0; padding: .25rem 0 .25rem 1.5rem;
  border-left: 4px solid #455bc8; font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.3; letter-spacing: -.015em;
}
.wide { margin-block: clamp(2rem, 4vw, 3.5rem); }
.draft-notice { padding: 10px 20px; text-align: center; background: #f0f2fc; font-size: 12px; }
.legacy-contents { margin-bottom: var(--article-beat-space); }
.legacy-contents summary { cursor: pointer; font-weight: 900; }
.legacy-contents nav { display: grid; gap: .75rem; padding-top: 1rem; }
.legacy-contents a { font-size: .95rem; }

/* The same reading scale and metadata across every Brain Dump article. */
.brain-entry-header h1{font-size:clamp(3.25rem,5.8vw,6.15rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.brain-entry-content p,.brain-entry-content .brain-entry-lede{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.68}
.brain-entry-content .brain-entry-lede{font-weight:300;letter-spacing:normal}
.brain-entry-content blockquote{font-weight:300}
.article-end-nav{display:flex;justify-content:space-between;gap:24px;margin:48px 0;font-size:16px;font-weight:900}

/* One navigation and contents treatment across old and new articles. */
.brain-entry-navigation{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;margin-block:clamp(2rem,4vw,3.5rem)}
.brain-entry-navigation .button{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 1.25rem;border:1.5px solid #111;border-radius:999px;background:#455bc8;color:#fff;font-size:.95rem;font-weight:900;text-decoration:none;line-height:1.3}
.brain-entry-navigation .brain-entry-next{margin-left:auto}
.brain-entry-navigation .button:hover{box-shadow:0 .3rem 0 #111}
.brain-entry-content blockquote p{font:inherit;letter-spacing:inherit;margin:0}
.brain-entry-content blockquote p+p{margin-top:.65em}
.legacy-article-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:64px;max-width:var(--article-width);margin-inline:auto;padding-inline:var(--article-gutter)}
.legacy-article-main{min-width:0}
.legacy-article-main .brain-entry-content,.legacy-article-main .brain-entry-footer{width:100%;max-width:none;padding-inline:0}
.article-contents{position:sticky;top:110px;align-self:start}
.article-contents .tiny{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin:0 0 22px}
.article-contents nav{display:grid;gap:15px}
.article-contents a{font-size:13px;line-height:1.4;font-weight:300;text-decoration:none;color:#666}
.article-contents a:hover{color:#455bc8}
@media(max-width:1050px){.legacy-article-grid{grid-template-columns:140px minmax(0,1fr);gap:32px}}
@media(max-width:760px){.legacy-article-grid{display:block}.article-contents{position:static;margin-bottom:40px}.article-contents nav{display:flex;overflow:auto;gap:10px;padding:4px 0 12px}.article-contents a{white-space:nowrap;padding:8px 13px;border:1px solid #ddd;border-radius:20px;font-size:12px}}

/* Quotes use the approved bold agents-article treatment everywhere. */
blockquote,.brain-entry-content blockquote,blockquote strong{font-weight:900}
.brain-entry-content blockquote p{font-weight:inherit}
/* Prev and Next stay level, including pages that use wrapper elements. */
.brain-entry-navigation{align-items:center}
.post-nav-item{max-width:min(46%,24rem);min-width:0}
.post-nav-newer{margin-left:auto;text-align:right}

/* Every article quote uses one explicit component, including single-paragraph quotes. */
.article-quote,.brain-entry-content .article-quote{display:block;border-left:4px solid #455bc8;padding:.25rem 0 .25rem 1.5rem;margin:var(--article-beat-space) 0;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:900;line-height:1.3;letter-spacing:-.015em}
.article-quote p,.brain-entry-content .article-quote p{font:inherit;letter-spacing:inherit;margin:0}
.article-quote p+p{margin-top:.65em}

/* Override legacy mobile alignment for both direct and wrapped buttons. */
.brain-entry-navigation .button{align-self:center;white-space:nowrap}