/* FamilyTrip trip story in the planner's look: same night palette, Fraunces + Figtree,
   pill buttons, larger photos. Loaded after trip-story.css; only overrides. */
.trip-story{--cinema-bg:#17162B;--cinema-ink:#F5EEDF;--cinema-muted:#ABA5C4;--cinema-panel:#221F3C;--cinema-line:rgba(245,238,223,.13);--cinema-gold:#F0B44C;--cinema-serif:"Fraunces","Iowan Old Style",Georgia,serif;font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.trip-story h1,.trip-story h2,.trip-story h3{font-family:var(--cinema-serif)!important;font-variation-settings:"SOFT" 50;letter-spacing:-.02em}
.trip-story .cinema-kicker{color:#F0B44C;letter-spacing:.06em;font-weight:600;font-size:12px}
.trip-story .cinema-gold{display:inline-block;background:#F0B44C;color:#24180A!important;border:0;border-radius:999px;padding:13px 22px;font-weight:700;font-size:15px;text-decoration:none;letter-spacing:0;text-transform:none}
.trip-story .cinema-gold:hover{filter:brightness(1.06)}
.story-nav{align-items:center;border-bottom-color:rgba(245,238,223,.13)}
.story-nav>a{font-family:var(--cinema-serif)!important;font-weight:600;font-size:22px}
.story-nav>div a{font-size:15px;font-weight:600}
.story-nav .ft-back{background:#F0B44C;color:#24180A!important;border-radius:999px;padding:9px 16px}
.story-hero-shade{background:linear-gradient(90deg,rgba(23,22,43,.92),rgba(23,22,43,.25)),linear-gradient(0deg,#17162B,transparent 60%)}
.story-hero h1{font-weight:400}
.story-hero-copy>p:not(.cinema-kicker){font-size:17px}
.story-actions button,.story-actions .ft-back-ghost{background:transparent;color:#F5EEDF;border:1px solid rgba(245,238,223,.3);border-radius:999px;padding:12px 20px;font-weight:600;font-size:15px;text-decoration:none}
.story-hero-copy small{font-size:12px;color:#ABA5C4}
.story-section h2{font-size:clamp(28px,3vw,38px);font-weight:400}
.story-section-head>a{font-size:15px;font-weight:600}
.story-days{scrollbar-width:thin;scrollbar-color:#2D2A4E transparent}
.story-day{border-radius:18px;min-width:280px;width:280px}
.story-day img{height:180px}
.story-day small{font-size:12px;letter-spacing:.04em}
.story-day h3{font-size:22px;font-weight:500}
.story-day p{font-size:14px}
.story-grid>div,.story-grid>aside,.story-tools a{border-radius:20px!important}