/* Reusable sticky-note cards for the Notes from Drew article index. */
.blog-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),340px));gap:40px;padding:24px 8px 64px;align-items:start}
.blog-note{position:relative;isolation:isolate;min-height:290px;padding:42px 30px 30px;background:#fff0ae;color:#173e3e;box-shadow:3px 6px 12px #173e3e1c,0 1px 2px #173e3e15;transform:rotate(-1deg);border:1px solid #dacb8b}
.blog-note:before{content:"";position:absolute;top:-12px;left:calc(50% - 40px);width:80px;height:27px;background:#e2dcc9d9;transform:rotate(3deg);border:1px solid #c7bda47a;pointer-events:none}
.blog-note:nth-child(3n+2){background:#e6edcc;transform:rotate(1deg)}
.blog-note:nth-child(3n+3){background:#f7dfce;transform:rotate(-.5deg)}
.blog-note .section-label{display:block;margin-bottom:24px;color:#173e3e}
.blog-note h2{font-size:2rem;line-height:1.18;margin-bottom:20px;overflow-wrap:anywhere}
.blog-note h2 a{text-decoration:none}
.blog-note h2 a:after{content:"";position:absolute;inset:0}
.blog-note:focus-within{outline:3px solid #173e3e;outline-offset:6px}
.blog-note p{font-size:.95rem;line-height:1.75;margin-bottom:0}
.note-action{display:block;margin-top:28px;font-size:.82rem;font-weight:600}
.blog-next{border-top:1px solid var(--line)}
.blog-next h2{font-size:2rem;margin-bottom:20px}
.blog-next p{color:var(--muted);margin-bottom:0}
@media(max-width:760px){.blog-board{gap:32px;padding:20px 4px 48px;grid-template-columns:1fr}.blog-note{max-width:420px;min-height:260px;padding:38px 25px 28px}.blog-note h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.blog-note{transform:none}}
@media print{.blog-note{transform:none;box-shadow:none;break-inside:avoid}.blog-note:before{display:none}}