/* Keep the wordmark and its tagline readable without moving the fixed navigation. */
header .brand{min-width:0;gap:14px;flex:1}
header .brand .pixie-glade-logo{display:block;width:190px;height:70px;object-fit:contain;flex-shrink:0}
header .brand small{font:12px/1.45 Georgia,serif;letter-spacing:0;color:#36564a}
.intro-art.pixie-glade-intro{background:linear-gradient(135deg,#fff9df,#e5f4e9);display:grid;place-items:center}
.intro-art.pixie-glade-intro img{width:94%;height:auto;max-height:190px;object-fit:contain;padding:12px}
@media(max-width:700px){header .brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}header .brand .pixie-glade-logo{width:142px;height:49px}header .brand small{font:9px/1.15 Georgia,serif}header .brand small br{display:none}header .brand small br:after{content:' '}header .brand small{max-width:170px}header .brand small br{display:initial}.intro-art.pixie-glade-intro img{max-height:120px;padding:6px}}

.gift-welcome{margin-top:24px;padding:18px 4px 4px;border-top:1px solid #72978066;text-align:center}.gift-welcome p{max-width:440px;margin:8px auto 14px;font-size:15px;line-height:1.55}.gift-welcome button{min-height:44px}

/* A little more room for the wordmark, with scenery visible through the navigation. */
:root{--header-height:100px}
header{padding-top:10px;padding-bottom:10px}
header .brand .pixie-glade-logo{width:220px;height:80px;max-width:100%}
.journey-nav{background:rgba(237,248,237,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
@media(max-width:700px){:root{--header-height:88px}header{padding-top:4px;padding-bottom:4px}header .brand .pixie-glade-logo{width:166px;height:60px}header .brand{overflow:hidden}}

/* Give the welcome-story invitation a little breathing room and a warm emphasis. */
.gift-welcome p{margin-bottom:24px!important}
.gift-welcome button{background:linear-gradient(135deg,#ffeaa1,#ffd16f);border-color:#bd913c;color:#493815;font-weight:700;padding:13px 22px;box-shadow:0 4px 14px #bb8a3433}
.gift-welcome button:hover{background:linear-gradient(135deg,#fff0b6,#ffdc87);border-color:#a67a24}
.gift-welcome button:focus-visible{outline:3px solid #286d63;outline-offset:4px}

.gift-welcome>strong{display:block;font-size:21px;line-height:1.3;font-weight:800;margin-bottom:10px;color:#294d43}


.world-legend .offer img{width:30px;height:30px;flex:0 0 30px;object-fit:contain;filter:drop-shadow(0 0 3px #ffc64c88)}
.world-map .world-legend .offer{grid-template-columns:30px minmax(0,1fr);align-items:center}

.gift-email-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;margin:6px;border:1px solid #97bdc5;border-radius:12px;background:#fffefb;color:#305661;text-decoration:none;font:inherit;font-weight:600}.gift-email-link:hover{background:#eaf8f8}.gift-email-link:focus-visible{outline:3px solid #286d63;outline-offset:3px}

/* First choices stay simple; optional paths open in place. */
.gentle-options{margin:18px 0;padding:14px 18px;border:1px solid rgba(68,108,78,.35);border-radius:18px;background:rgba(255,255,255,.64);color:#244632;text-align:left;min-width:0}
.gentle-options>summary{cursor:pointer;font-weight:700;font-size:1.05rem;min-height:44px;align-content:center;touch-action:manipulation}
.gentle-options[open]>summary{margin-bottom:14px}
.gentle-options button{white-space:normal;max-width:100%}
.first-choices{margin:16px auto 22px!important}
#earth-view>.gentle-options{width:min(100%,960px);margin:18px auto;box-sizing:border-box}
#kind-content>.message-flowers{margin-top:8px}

@media(min-width:701px){
 #earth-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px}
 #earth-view>.welcome-copy,#earth-view>.welcome-actions,#earth-view>.gentle-options{width:100%;max-width:880px;box-sizing:border-box;margin:0!important;order:initial}
 #earth-view>.welcome-copy{text-align:center;padding:28px 36px}
 #earth-view>.welcome-copy>p:not(.eyebrow){max-width:640px;margin-left:auto;margin-right:auto}
 #earth-view>.welcome-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;text-align:center;padding:24px 32px;gap:14px}
 #earth-view>.welcome-actions>p{grid-column:1/-1}
 #earth-view>.welcome-actions>button{width:100%;min-width:0}
 #earth-view>.gentle-options{padding:18px 32px}
 #earth-view>.gentle-options>summary{text-align:center}
 #earth-view #service-status:empty{display:none}
}