/* confluencelr.ca — article-specific styles. Loaded after site.css.
   Kept separate so the generated font-face block in site.css is never rewritten. */

.article h1 .subtitle{
  display:block;margin-top:.4rem;
  font:300 .55em/1.25 var(--serif);font-style:italic;
  color:var(--ink-soft);letter-spacing:0}

.byline time{white-space:nowrap}

/* section labels — the "— Framing —" rules between movements */
.section-label{
  display:flex;align-items:center;gap:1rem;
  margin:3.5rem 0 1.5rem;
  font:500 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-dark)}
.section-label::before,.section-label::after{
  content:"";flex:1;height:1px;background:var(--rule)}
.section-label span{flex:none}
.section-label + h2{margin-top:0}

/* labelled aside boxes */
.aside{
  margin:2.5rem 0;padding:1.75rem;
  background:var(--mist);border-radius:.5rem;
  border-left:3px solid var(--green-light)}
.aside__label{
  margin:0 0 .9rem;
  font:600 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--green)}
.aside p{margin:0 0 .9rem;font-size:1.02rem}
.aside p:last-child{margin-bottom:0}

/* conversation scripts — the bookmarkable bit */
.aside--script{
  background:#fff;border-left-color:var(--gold);
  box-shadow:0 1px 3px rgba(23,58,48,.07)}
.aside--script .aside__label{color:var(--gold-dark)}
.aside--script p{
  font-family:var(--serif);font-size:1.08rem;line-height:1.65;
  color:var(--ink)}

/* sources + colophon */
.sources{margin:4rem 0 0;padding-top:2rem;border-top:1px solid var(--rule)}
.sources h2{font:600 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-dark);margin:0 0 1.25rem}
.sources ul{list-style:none;padding:0;margin:0}
.sources li{margin:0 0 .8rem;font-size:.95rem;line-height:1.55;color:var(--ink-soft)}
.bio{margin:2.5rem 0 0;padding:1.5rem;background:var(--paper-alt);border-radius:.5rem}
.bio p{margin:0;font-size:.98rem;line-height:1.6;color:var(--ink-soft)}
.bio strong{color:var(--green)}

@media (max-width:34rem){
  .aside{padding:1.25rem}
  .section-label{gap:.6rem;font-size:.65rem}
}