/* Personal story and its inline home-page link. Navigation stays in site-nav.css. */
.lucky-inline-link { color: #a73821; text-decoration: underline; text-decoration-color: rgba(167,56,33,.4); text-underline-offset: 4px; }
.lucky-inline-link:hover { color: #7d1d0c; text-decoration-color: currentColor; }
.lucky-inline-link:focus-visible { outline: 2px solid #a73821; outline-offset: 4px; }
.lucky-page { margin: 0; background: #fdf9f4; color: #1c1c19; font: 400 19px/1.7 'Source Serif 4',serif; }
.lucky-page *, .lucky-page *::before, .lucky-page *::after { box-sizing: border-box; }
.lucky-page a { color: inherit; }
.lucky-page a:focus-visible { outline: 2px solid #a73821; outline-offset: 5px; }
.lucky-page .skip-link { position: fixed; top: -100px; left: 20px; z-index: 200; background: #fdf9f4; padding: 12px 20px; }
.lucky-page .skip-link:focus { top: 12px; }
.lucky-shell { max-width: 1120px; margin: 0 auto; padding: 0 48px; }
.lucky-hero { padding: 88px 0 48px; border-bottom: 1px solid rgba(28,28,25,.16); }
.lucky-label { margin: 0 0 24px; color: #a73821; font: 500 11px/1.7 'IBM Plex Sans',sans-serif; text-transform: uppercase; letter-spacing: .2em; }
.lucky-hero h1 { max-width: 860px; margin: 0; font: 600 clamp(44px,6.4vw,76px)/1.08 'Playfair Display',serif; letter-spacing: -.035em; text-wrap: balance; }
.lucky-intro { max-width: 690px; margin: 36px 0 0 auto; font-size: clamp(23px,2.5vw,28px); line-height: 1.5; }
.lucky-story { max-width: 690px; margin-left: auto; padding: 48px 0 88px; }
.lucky-story p { margin: 0 0 28px; }
.lucky-story > p:first-child::first-letter { float: left; font: 600 76px/.85 'Playfair Display',serif; padding: 9px 10px 0 0; color: #a73821; }
.lucky-story .lucky-ending { margin: 48px 0 40px; padding-top: 36px; border-top: 1px solid rgba(28,28,25,.16); color: #a73821; font: italic 600 clamp(32px,4vw,46px)/1.2 'Playfair Display',serif; text-wrap: balance; }
.lucky-back { display: inline-flex; align-items: center; min-height: 44px; font: 500 12px/1.7 'IBM Plex Sans',sans-serif; text-underline-offset: 5px; }
.lucky-page .site-footer { border-top: 1px solid rgba(28,28,25,.16); background: #f2ece4; padding: 40px 24px; }
.lucky-page .footer-shell { max-width: 1024px; margin: 0 auto; }
.lucky-page .footer-name { font: 600 24px/1.4 'Playfair Display',serif; text-decoration: none; }
.lucky-page .site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; }
.lucky-page .site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; font: 500 12px/1.7 'IBM Plex Sans',sans-serif; text-underline-offset: 4px; }
@media (max-width: 767px) {
 .lucky-shell { padding: 0 24px; }
 .lucky-hero { padding: 48px 0 32px; }
 .lucky-intro { margin-top: 28px; }
 .lucky-story { padding: 32px 0 56px; }
}