:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101610; color: #f0f6e7; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 1100px; margin: 0 auto; padding: clamp(24px, 5vw, 60px); }
.eyebrow { color: #cfe5a5; font-size: 16px; font-weight: 750; letter-spacing: .14em; margin: 0 0 24px; }
h1 { font-size: clamp(32px, 5vw, 52px); margin: 0 0 12px; line-height: 1.2; }
.intro { color: #b3bfaa; font-size: 20px; margin: 0 0 36px; }
.bookmark { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: clamp(24px, 4vw, 40px); min-height: 172px; background: #222e1c; border: 2px solid #687b4d; border-radius: 22px; color: inherit; text-decoration: none; }
.bookmark:hover { background: #2c3b23; border-color: #d4eaae; }
.bookmark:focus-visible { outline: 4px solid #e1f7b9; outline-offset: 6px; }
.bookmark strong { display: block; font-size: clamp(24px, 3.5vw, 36px); line-height: 1.3; color: #e1f7b9; }
.description { display: block; font-size: 20px; margin-top: 10px; }
.badge { display: inline-block; margin-top: 16px; color: #b3bfaa; font-size: 16px; }
.arrow { font-size: 36px; flex-shrink: 0; }
footer { color: #a8b69e; margin-top: 32px; font-size: 16px; overflow-wrap: anywhere; }