:root{--paper:#f7f5f0;--card:#fffefa;--ink:#202e29;--muted:#63706a;--line:#dedfd5;--accent:#173e35;--soft:#e8eee7;--orange:#ad502b;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8782d;outline-offset:4px}button{touch-action:manipulation}.skip{position:absolute;left:8px;top:-70px;z-index:20;background:white;padding:16px}.skip:focus{top:8px}.top{padding:19px max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;background:var(--card)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;letter-spacing:.09em}.brand small{font-size:.65rem;display:block;letter-spacing:.14em;margin-top:3px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:39px;height:43px;background:var(--accent);color:#fff;clip-path:polygon(0 0,100% 0,100% 87%,88% 100%,0 100%);font-family:serif;font-size:1.4rem}.travelers{font-size:.88rem;white-space:nowrap}.travelers i{font-style:normal;color:#9d7b54;margin:0 5px}.shell{max-width:1060px;margin:auto;padding:30px 24px 35px}.trip-heading{position:relative;margin-bottom:24px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.17em;color:var(--accent);margin:0 0 8px}h1{font-family:Georgia,"Noto Serif TC",serif;font-size:2.1rem;letter-spacing:.05em;font-weight:600;margin:0}.trip-heading>p:last-child{margin:10px 0 0;font-size:.88rem;color:var(--muted)}.date-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:22px}.date-nav button{border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);padding:12px 2px;min-height:74px}.date-nav b{display:block;font-size:1.12rem;color:var(--ink);margin:4px 0}.date-nav small{font-size:.75rem}.date-nav button.active{background:var(--accent);border-color:var(--accent);color:#edf0e7;box-shadow:0 4px 10px #173e3512}.date-nav button.active b{color:#fff}.date-nav .osaka:not(.active){border-bottom:3px solid #c58a65}.view-bar{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;border-bottom:1px solid var(--line)}.views{display:flex;gap:24px}.views button{border:0;border-bottom:3px solid transparent;padding:12px 0;background:transparent;color:var(--muted);font-size:.94rem}.views button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.year{font-size:.8rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:185px;background:var(--accent);color:white;border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.hero-copy{padding:27px;align-self:center}.hero .eyebrow{color:#d9ddc8}.hero h2{font-family:Georgia,"Noto Serif TC",serif;font-size:1.85rem;line-height:1.4;margin:6px 0 9px;font-weight:500;letter-spacing:.04em}.hero p:last-child{font-size:.88rem;color:#eef1e7;line-height:1.6;margin:0}.hero-photo{min-height:185px;position:relative}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.photo-caption{position:absolute;bottom:10px;right:12px;background:#0008;padding:4px 8px;color:#fff;border-radius:4px;font-size:.75rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-bar>span{font-size:.88rem;color:var(--muted)}.people{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--card)}.people button{border:0;background:transparent;padding:8px 13px;border-radius:999px;font-size:.875rem;color:var(--muted)}.people button[aria-pressed=true]{background:var(--soft);color:var(--accent);font-weight:700}.period{font-size:.86rem;letter-spacing:.12em;color:var(--accent);margin:24px 0 14px;display:flex;align-items:center;gap:10px}.period:after{content:"";height:1px;flex:1;background:var(--line)}.timeline{padding-left:15px;border-left:1px solid #c9d0c5;margin-left:5px}.event{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:11px}.event:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:-20px;top:25px;outline:4px solid var(--paper)}.event.transport{background:transparent;border:0;border-radius:0;padding:8px 10px;margin:0 0 10px}.event.transport:before{height:5px;width:5px;left:-19px;top:20px;background:#8a968b}.event-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.time{font-size:.86rem;font-variant-numeric:tabular-nums;letter-spacing:.015em;font-weight:650;color:var(--accent)}.badges{display:flex;gap:5px;flex-wrap:wrap}.badge{font-size:.75rem;padding:3px 7px;border-radius:5px;background:var(--soft);color:var(--accent)}.badge.flex{background:#f5e4d2;color:#82411f}.badge.person{background:#ece8f4;color:#635379}.event h3{font-size:1.03rem;margin:8px 0 0;line-height:1.55;font-weight:650}.event.transport h3{font-size:.91rem;color:var(--muted);font-weight:400;margin-top:4px}.event-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:10px}.event-bottom:empty{display:none}.map{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:.85rem;padding:7px 8px;border:1px solid var(--line);border-radius:8px;min-height:36px}.map:hover{background:var(--soft)}.map svg{width:14px;height:14px}.event details{flex:1;min-width:0;font-size:.875rem}.event summary{cursor:pointer;color:var(--muted);padding:8px 0;line-height:1.3}.event details p{line-height:1.8;margin:5px 0 0;color:var(--muted)}.split-note{padding:13px 16px;border:1px dashed #c3b9d0;border-radius:12px;background:#f1edf5;color:#625473;font-size:.88rem;margin:18px 0;line-height:1.6}.aside{align-self:start;position:sticky;top:20px}.aside-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;background:var(--card)}.aside-card h3{font-size:1rem;margin:0 0 13px}.aside-card p{font-size:.9rem;line-height:1.8;color:var(--muted);margin:0 0 12px}.hotel-name{color:var(--ink)!important;font-weight:650}.aside-card .map{width:100%;justify-content:center}.hint-label{font-size:.75rem;color:var(--accent);letter-spacing:.15em;display:block;margin-bottom:8px}.day-next{display:flex;justify-content:space-between;gap:16px;margin:26px 0}.day-next button{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:13px 18px;color:var(--accent);font-size:.9rem}.day-next button:disabled{opacity:.35;cursor:default}.info-title{font-family:Georgia,serif;font-size:1.8rem;margin:16px 0 24px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-card{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:18px}.info-card h3{margin:0 0 18px;font-size:1.1rem}.flight-line{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:1.7rem;font-weight:650;gap:10px}.flight-line small{display:block;font-size:.8rem;font-weight:400;color:var(--muted);margin-top:6px}.flight-line .flight-arrow{font-size:1rem;color:#a4afa6}.info-card p,.info-card li{font-size:.94rem;line-height:1.8;color:var(--muted)}.info-card ul{padding-left:19px}.info-card .tag{font-size:.8rem;background:var(--soft);color:var(--accent);border-radius:5px;padding:5px 8px;display:inline-block}.info-card.full{grid-column:1/-1}.important{color:var(--accent)!important;font-weight:650}.info-links{display:flex;gap:10px;flex-wrap:wrap}footer{margin-top:36px;border-top:1px solid var(--line);padding-top:23px;color:var(--muted);font-size:.8rem;line-height:1.8}footer>a{font-size:.9rem;color:var(--accent);text-underline-offset:4px}footer details{font-size:.75rem}footer summary{cursor:pointer}footer p{margin:10px 0}footer #credits a{overflow-wrap:anywhere}#content{outline:none}body.osaka{--accent:#8a3f25;--soft:#f5e7dc}body.osaka .brand-mark{background:#173e35}body.osaka .hero{background:#8a3f25}@media(min-width:800px){.trip-heading>p:last-child{position:absolute;right:0;bottom:3px}.hero h2{font-size:2.15rem}}@media(max-width:740px){.shell{padding:22px 16px}.top{padding:14px 18px}.brand small{font-size:.6rem}.trip-heading{margin-bottom:20px}h1{font-size:1.8rem}.date-nav{gap:4px;margin-bottom:12px}.date-nav button{padding:8px 0;min-height:65px;border-radius:9px}.date-nav b{font-size:1rem}.date-nav small{font-size:.75rem}.date-nav .city-label{display:none}.view-bar{margin-bottom:16px}.hero{min-height:156px;grid-template-columns:1.2fr 1fr;margin-bottom:20px}.hero-copy{padding:20px 17px}.hero h2{font-size:1.45rem}.hero p:last-child{font-size:.8rem}.hero-photo{min-height:156px}.hero .eyebrow{font-size:.68rem;letter-spacing:.1em}.content-grid{grid-template-columns:1fr;gap:8px}.aside{position:static;display:grid;gap:12px}.aside-card{margin-bottom:0;padding:20px}.event{padding:14px}.event h3{font-size:1rem}.info-grid{grid-template-columns:1fr}.info-card.full{grid-column:auto}.year{font-size:.75rem}.people button{padding:8px 12px}.event-bottom{gap:9px}.day-next button{padding:13px 14px}.photo-caption{font-size:.65rem;right:6px;bottom:6px}.travelers{font-size:.8rem}}@media(prefers-reduced-motion:no-preference){.event{animation:appear .2s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}