.bean-head{padding-top:64px;padding-bottom:76px;color:var(--bg)}
.bean-head h1{color:inherit;max-width:13ch;margin-bottom:28px}
.bean-head>p:not(.bean-overline){max-width:620px;font-size:18px;line-height:1.75}
.bean-overline{font-size:12px;letter-spacing:.08em;margin:0 0 24px}
.bean-head>a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;margin-top:12px;font-size:13px}
.bean-notes{padding:80px 0 96px;scroll-margin-top:96px;background:var(--bg-deep)}
.bean-notes h2{max-width:850px;margin-bottom:40px}
.bean-reading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.bean-reading h3,.bean-sources h3{margin-bottom:20px}
.bean-reading p{line-height:1.85;max-width:65ch;color:var(--ink-soft)}
.bean-sources{padding:28px 0;border-top:1px solid var(--line);margin-bottom:24px}
.bean-sources a{display:inline-block;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.bean-sources ul{list-style:none;padding:0;margin:0}
.page-bean a:focus-visible{outline:2px solid var(--caramel);outline-offset:4px}
.bean-learning-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){
  .bean-head{padding-top:40px;padding-bottom:48px}
  .bean-head h1{font-size:clamp(44px,11vw,68px)}
  .bean-head>p:not(.bean-overline){font-size:15px}
  .bean-notes{padding:52px 0}
  .bean-reading{grid-template-columns:1fr;gap:28px}
  .bean-reading p{font-size:14px}
}