.website-notes .website-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.website-notes .website-note-card{display:flex;flex-direction:column;gap:22px;min-width:0;padding:28px;border:1px solid #111;border-top:5px solid var(--accent);transition:background .15s}
.website-notes .website-note-card:hover{background:#faf5f3}
.website-notes .website-note-card:focus-visible{outline:3px solid #111;outline-offset:5px}
.website-notes .website-note-card h3{font-family:'Instrument Serif',Georgia,serif;font-size:34px;letter-spacing:-.025em;line-height:1.1}
.website-notes .website-note-card p{font-size:15px;line-height:1.65;margin:0}
.website-notes .website-note-read{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:auto;font-size:13px;font-weight:600}
.website-notes .website-note-read>span{font-size:24px}
.website-note{max-width:820px;padding-block:48px 80px}
.website-note .website-note-back{display:inline-block;font-size:11px}
.website-note .website-note-back:hover{text-decoration:underline;text-underline-offset:5px}
.website-note .website-note-meta{margin:36px 0 22px;color:#575757;font-size:9px}
.website-note h1{font-size:clamp(52px,6vw,82px);line-height:1.03;overflow-wrap:break-word}
.website-note .website-note-question{font-size:22px;line-height:1.5;margin-top:28px;max-width:730px}
.website-note .website-note-byline{font-size:12px;margin-top:22px}
.website-note .website-note-hero{padding-bottom:34px;border-bottom:1px solid #d5d5d5;margin-bottom:34px}
.website-note .website-note-body>p{font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.website-note .website-note-body>p+p{margin-top:24px}
.website-note .website-note-body>p.website-note-source{font-size:12px;line-height:1.7;margin-top:10px;color:#575757}
.website-note .website-note-source a{text-decoration:underline;text-underline-offset:3px}
.website-note .website-note-cta{margin-top:28px;max-width:100%}
.website-note .website-note-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;border-top:1px solid #d5d5d5;margin-top:54px;padding-top:28px}
.website-note .website-note-pagination a{display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:1.5}
.website-note .website-note-pagination a:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
.website-note .website-note-pagination+.website-note-back{margin-top:32px}
@media(max-width:1050px){.website-notes .website-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.website-notes .website-note-grid{grid-template-columns:1fr;gap:20px}.website-notes .website-note-card{padding:24px;gap:18px}.website-notes .website-note-card h3{font-size:32px}.website-note{padding-block:30px 55px}.website-note h1{font-size:52px}.website-note .website-note-meta{line-height:1.8;margin-top:30px}.website-note .website-note-question{font-size:19px;margin-top:22px}.website-note .website-note-body>p{font-size:16px;line-height:1.85}.website-note .website-note-pagination{grid-template-columns:1fr;gap:26px}.website-note .website-note-cta{font-size:12px;gap:15px;padding:14px 16px}}
@media print{.website-note{max-width:none}.website-note .website-note-back,.website-note .website-note-cta,.website-note .website-note-pagination{display:none}.website-note h1{font-size:36px}.website-note .website-note-body>p{font-size:11px;line-height:1.6}}
