/* The long-form story is optional; site actions remain available throughout. */
.story-header{position:sticky;top:0;z-index:20;background:#f2ede2f5;backdrop-filter:blur(10px);min-height:80px;padding:14px 5%;gap:20px}
.story-header-actions{display:flex;align-items:center;gap:24px}
.story-header .button{display:inline-flex;align-items:center;gap:20px;border-radius:100px;background:#244333;color:#fff;padding:8px 9px 8px 20px;font:600 12px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.story-header .order-arrow{display:grid;place-items:center;width:30px;height:30px;background:#f4eddc;color:#244333;border-radius:50%;font-size:18px}
.story-header .button:hover{background:#ab492b}
.story-header label{letter-spacing:0}
footer{display:flex;justify-content:space-between;gap:15px}
footer a{color:inherit;text-underline-offset:4px}
@media(max-width:700px){.story-header{position:relative;min-height:78px;flex-wrap:nowrap;gap:10px;padding:12px 6%}.story-header .wordmark{font-size:16px;max-width:140px}.story-header .wordmark span{font-size:8px;letter-spacing:.6px;margin-top:7px}.story-header-actions{gap:7px;flex-direction:column-reverse;align-items:flex-end}.story-header label{font-size:9px}.story-header .button{padding:6px 7px 6px 16px;gap:12px}footer{flex-direction:column}}