/* News and guides (Nov 4, 2026). Loads after legal.css and reuses its tokens: --ink, --muted, --line, --paper,
   --accent, --espresso. Articles read at about 680 px; the two index pages use legal.css's title band. */

/* Article column. */
main.doc.article{max-width:680px;padding-block:28px 72px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:var(--fs-small);color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:24px;color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
main.doc.article>.eyebrow{margin-top:28px}
main.doc.article h1{margin-top:10px;font-size:clamp(32px,7.2vw,46px);line-height:1.08}
main.doc.article .dateline{margin-top:14px;font-size:var(--fs-small);letter-spacing:.04em;color:var(--label)}
main.doc.article .lead{margin-top:20px;font-size:clamp(17px,16px + .3vw,20px);line-height:1.6;color:var(--ink)}
main.doc.article p,main.doc.article li{font-size:var(--fs-read);line-height:1.75}
main.doc.article h2{margin-top:44px;padding-top:28px;font-size:clamp(21px,20px + .3vw,24px)}
main.doc.article h2+p,main.doc.article h2+ul{margin-top:12px}
main.doc.article p+p,main.doc.article p+ul,main.doc.article ul+p{margin-top:14px}
main.doc.article ul.plain li+li{margin-top:10px}

/* Launch-update card at the end of each article. */
.update-card{margin-top:48px;padding:24px 24px 26px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
main.doc.article .update-card .uc-title{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
main.doc.article .update-card .uc-text{margin-top:6px;color:var(--muted)}
main.doc.article a.uc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;padding:0 22px;border-radius:999px;background:var(--espresso);color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s}
main.doc.article a.uc-btn:hover{background:var(--espresso-hover)}
.related{margin-top:28px}
main.doc.article .made-by{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}


/* Index pages: a stack of article cards. */
.post-list{list-style:none;padding:0;margin-top:28px;display:grid;gap:16px}
.post-card{display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.post-card:hover{border-color:#cfc2b0;box-shadow:0 8px 24px rgba(36,31,25,.07)}
.pc-date{font-size:var(--fs-small);letter-spacing:.04em;color:var(--label)}
.pc-title{font-size:clamp(20px,19px + .3vw,23px);line-height:1.25;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.pc-sum{color:var(--muted)}
.pc-more{margin-top:6px;font-size:14px;font-weight:500;color:var(--accent)}
.pc-more::after{content:' \2192'}

@media(min-width:768px){
  main.doc.article{padding-block:44px 96px}
  .update-card{padding:28px 32px 30px}
}
@media(prefers-reduced-motion:reduce){.post-card,main.doc.article a.uc-btn{transition:none}}