/* A picture-book day: age tabs, four illustrated chapters, and photo moments. */
.daily-journey { padding-top:62px; }
.daily-journey .daily-lead { font-family:'Zen Maru Gothic',sans-serif; font-size:28px; font-weight:700; margin-bottom:14px; line-height:1.7; }
.daily-journey .daily-note { font-size:15px; color:#665a44; max-width:800px; }
.daily-tabs[hidden],.day-panel[hidden] { display:none; }
.daily-tabs { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:700px; margin:36px auto 48px; }
.daily-tabs button { position:relative; cursor:pointer; display:grid; gap:5px; padding:20px 18px; font-family:'Zen Maru Gothic',sans-serif; background:#fffdf5; color:#57472c; border:1px solid #dec98e; border-radius:25px 29px 23px 27px; line-height:1.5; transition:background .18s,box-shadow .18s; }
.daily-tabs button span { font-size:23px; font-weight:700; }
.daily-tabs button small { font-size:13px; letter-spacing:.04em; }
.daily-tabs button[aria-selected=true] { background:#FDE62D; border-color:#c9a638; box-shadow:3px 5px 0 #bca05133; }
.daily-tabs button[aria-selected=true]::after { content:''; position:absolute; bottom:-9px; left:calc(50% - 8px); width:15px; height:15px; background:#FDE62D; border-right:1px solid #c9a638; border-bottom:1px solid #c9a638; transform:rotate(45deg); }
.daily-tabs button:hover { background:#fff0aa; }
.daily-tabs button:focus-visible { outline:3px solid #806021; outline-offset:4px; }
.day-panel { margin-top:32px; }
.day-panel[role=tabpanel] .day-class-heading { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.day-class-heading { font-size:27px; margin:28px 0; }
.day-stage { position:relative; padding:30px; margin-bottom:30px; background:#fff9e4; border-radius:35px 46px 30px 40px; }
.day-stage--noon { background:#fff5e8; }
.day-stage--afternoon { background:#f3f7e9; }
.day-stage--evening { background:#f5f1f8; }
.day-stage-heading { display:flex; gap:20px; align-items:center; margin:0 0 25px 6px; }
.day-stage-heading > svg { width:92px; height:92px; flex-shrink:0; }
.day-stage-heading > div { display:grid; grid-template-columns:auto 1fr; gap:3px 12px; align-items:baseline; }
.day-stage-number { font-family:'Zen Maru Gothic',sans-serif; font-size:16px; font-weight:700; color:#8c743d; }
.day-stage-heading h3 { font-size:30px; letter-spacing:.1em; margin:0; }
.day-stage-heading p { grid-column:1 / -1; font-size:14px; color:#66573a; }
.day-activities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.day-activity { position:relative; min-width:0; background:#fff; border:1px solid #e9dfc3; border-radius:20px 24px 19px 23px; padding:25px 27px; }
.day-activity h4 { font-family:'Zen Maru Gothic',sans-serif; font-weight:700; font-size:22px; line-height:1.65; margin:11px 0 9px; }
.day-activity p { font-size:15px; line-height:1.95; color:#423c30; }
.day-time { display:inline-flex; align-items:center; gap:9px; font-family:'Zen Maru Gothic',sans-serif; font-weight:700; font-size:24px; color:#705521; line-height:1.3; }
.day-time::before { content:''; width:16px; height:16px; border:1.5px solid #ab8a42; border-radius:50%; background:linear-gradient(#ab8a42,#ab8a42) 7px 3px/1.5px 6px no-repeat,linear-gradient(#ab8a42,#ab8a42) 7px 8px/5px 1.5px no-repeat; }
.day-activity--photo { grid-column:1 / -1; display:grid; grid-template-columns:1fr 43%; gap:28px; align-items:center; padding:27px; }
.day-photo { position:relative; padding:7px 7px 20px; background:#fff; box-shadow:3px 5px 0 #7561301b; border:1px solid #eee8da; transform:rotate(2deg); border-radius:4px; }
.day-photo::before { content:''; position:absolute; width:65px; height:20px; background:#ffe899b5; left:calc(50% - 32px); top:-10px; transform:rotate(-6deg); z-index:1; }
.day-photo-img { display:block; width:100%; height:235px; object-fit:cover; object-position:center; border-radius:2px; }
.day-stage--afternoon .day-photo { transform:rotate(-2deg); }
.day-stage--evening .day-activity:last-child:nth-child(odd) { grid-column:1 / -1; }
@media(max-width:1080px) {
 .day-stage { padding:25px; }
 .day-activity { padding:22px; }
 .day-activity--photo { gap:22px; }
 .day-photo-img { height:235px; }
}
@media(max-width:768px) {
 .daily-journey { padding-top:42px; }
 .daily-journey .daily-lead { font-size:23px; }
 .daily-tabs { gap:10px; margin:26px 0 36px; }
 .daily-tabs button { padding:17px 7px; border-radius:19px 22px 18px 21px; }
 .daily-tabs button span { font-size:18px; }
 .daily-tabs button small { font-size:11px; letter-spacing:0; }
 .daily-journey > .inner { padding-inline:15px; }
 .day-stage { padding:21px 15px; border-radius:25px 31px 24px 29px; margin-bottom:22px; }
 .day-stage-heading { gap:12px; margin-left:0; margin-bottom:19px; }
 .day-stage-heading > svg { width:68px; height:68px; }
 .day-stage-heading h3 { font-size:26px; }
 .day-stage-heading p { font-size:12px; }
 .day-stage-number { font-size:13px; }
 .day-activities { grid-template-columns:minmax(0,1fr); gap:14px; }
 .day-activity { padding:21px 19px; }
 .day-activity h4 { font-size:20px; }
 .day-time { font-size:24px; }
 .day-activity p { font-size:15px; }
 .day-activity--photo { grid-template-columns:minmax(0,1fr); gap:20px; }
 .day-photo { margin:0 3px 5px; }
 .day-photo-img { height:230px; }
}
@media(prefers-reduced-motion:reduce) {
 .daily-tabs button { transition:none; }
}

.daily-journey .daily-lead span { display:inline-block; }

.day-activity--photo + .day-activity:last-child { grid-column:1 / -1; }