/* The Ledger: homepage appreciation section. */
#everyday-heroes{background:#fff;color:#0B0F0A;scroll-margin-top:100px;border-top:1px solid #E2E6DF}
.appreciation{max-width:1240px;margin:0 auto;padding:80px 44px 64px}
.appreciation-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.appreciation-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.16em;margin-bottom:20px;color:#0B0F0A;line-height:1.6}
.appreciation h2{font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0 0 24px;color:#0B0F0A}
.appreciation h2 mark{background:#FAC700;color:#0B0F0A;padding:0 5px}
.appreciation-lead{font-size:17px;line-height:28px;color:#0B0F0A;margin:0 0 16px;max-width:430px}
.appreciation-body{font-size:15px;line-height:24px;color:#4A5247;max-width:430px}
.appreciation-body strong{color:#0B0F0A;font-weight:600}
.appreciation-art{margin:0;min-width:0}
.appreciation-art img{display:block;width:100%;height:auto;border:1px solid #E2E6DF}
.appreciation-art figcaption{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;letter-spacing:.1em;line-height:1.6;color:#5A6457;padding-top:12px}
.appreciation-dedication{margin-top:40px;border-top:1px solid #E2E6DF;padding-top:24px}
.appreciation-dedication-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.appreciation h3{font-size:19px;line-height:23px;font-weight:700;letter-spacing:-.02em}
.appreciation .roles{display:flex;flex-wrap:wrap;gap:4px}
.appreciation .roles[hidden]{display:none}
.appreciation .roles button{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.02em;color:#0B0F0A;background:#fff;padding:10px 12px;border:1px solid #E2E6DF;border-radius:2px;cursor:pointer;min-height:40px}
.appreciation .roles button[aria-pressed=true]{background:#0B0F0A;color:#fff;border-color:#0B0F0A}
.appreciation .roles button:hover{border-color:#0B0F0A}
.appreciation .roles button:focus-visible{outline:3px solid #155138;outline-offset:3px}
.appreciation-note{background:#F4F6F3;border:1px solid #E2E6DF;padding:24px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;min-height:162px}
.appreciation-note-label{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;letter-spacing:.1em;color:#5A6457;line-height:1.6;margin-bottom:10px}
.appreciation-note-title{font-size:19px;font-weight:700;line-height:23px;margin-bottom:10px;color:#0B0F0A}
.appreciation-note-body{font-size:15px;line-height:24px;color:#4A5247;max-width:760px}
.appreciation-signature{font-size:13px;line-height:22px;color:#4A5247;min-width:140px;border-left:1px solid #C8CEC6;padding-left:24px}
.appreciation-signature strong{font-size:19px;font-weight:700;letter-spacing:-.025em;color:#0B0F0A;display:block}
@media(max-width:900px){.appreciation{padding:64px 20px}.appreciation-grid{gap:28px}.appreciation-dedication-header{align-items:flex-start;flex-direction:column}.appreciation-note{gap:24px}}
@media(max-width:600px){.appreciation-grid{grid-template-columns:1fr;gap:28px}.appreciation h2{font-size:32px}.appreciation-dedication{margin-top:32px}.appreciation-note{grid-template-columns:1fr;padding:20px;gap:24px}.appreciation-signature{border-left:0;border-top:1px solid #C8CEC6;padding:16px 0 0}.appreciation .roles{gap:6px}.appreciation .roles button{padding:10px;font-size:10px}.appreciation-art figcaption{font-size:8px}}