@import url('https://fonts.googleapis.com/css2?family=Huninn&display=swap');
/* v4.1 Claude-reference travel-journal theme, scoped to the handdrawn theme. */
body.handdrawn-trip-theme{font-family:'Huninn','Noto Sans TC','Microsoft JhengHei',sans-serif;background-color:#faf5e9;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#8eaa991b 32px),radial-gradient(#d3b59d55 .8px,transparent 1px);background-size:auto,18px 18px}
body.handdrawn-trip-theme .shell{max-width:1240px}
body.handdrawn-trip-theme #app{display:grid;grid-template-columns:minmax(215px,250px) minmax(0,1fr);gap:20px;align-items:start}
body.handdrawn-trip-theme #app>.trip-theme-banner,body.handdrawn-trip-theme #app>.trip-compact-return{grid-column:2;grid-row:1}
body.handdrawn-trip-theme #app>nav.journal-nav{grid-column:1;grid-row:1 / span 2;position:sticky;top:16px;display:block;padding:14px;border:1.5px dashed #c4aa88;border-radius:24px;background:#f7ecdb;box-shadow:4px 5px 0 #e9dcc9;max-height:calc(100vh - 32px);overflow-y:auto}
body.handdrawn-trip-theme #app>#content{grid-column:2;min-width:0}
.journal-nav-head{display:flex;flex-direction:column;gap:3px;padding:12px 9px 17px;color:#725b48}.journal-nav-head>span{font-size:19px;font-weight:800}.journal-nav-head small{font-size:11px;color:#8e7965}
.journal-nav-section{margin-bottom:13px}.journal-nav-title{padding:8px 9px;font-size:12px;letter-spacing:.06em;font-weight:800;color:#886d58;background:#e7ecde;border-radius:13px;margin-bottom:7px}.journal-nav-section:nth-of-type(3) .journal-nav-title{background:#f6e8cf}.journal-nav-section:nth-of-type(4) .journal-nav-title{background:#e3edf0}.journal-nav-section:nth-of-type(5) .journal-nav-title{background:#f4dfd6}
#app>nav.journal-nav .journal-nav-section button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;margin:5px 0;padding:10px 12px;border:1.5px solid #ddc9ae;border-radius:16px 20px 15px 19px;background:#fffdf6;color:#5b4838;font:inherit;font-size:14px;box-shadow:2px 2px 0 #e7d8c3;cursor:pointer}
#app>nav.journal-nav .journal-nav-section button.active{background:#729982;color:#fff;border-color:#729982;box-shadow:3px 3px 0 #c3d6c1}
.journal-nav-emoji{font-size:17px}.journal-nav-arrow{margin-left:auto;opacity:.65;font-size:21px}
body.handdrawn-trip-theme .hero.trip-theme-banner{position:relative;padding:0 0 22px;overflow:hidden;background:#fffdf6;border:2px dashed #8da88c;box-shadow:7px 7px 0 #e4d6bf;border-radius:27px 22px 30px 20px;color:#514536}
body.handdrawn-trip-theme .hero.trip-theme-banner .journal-scene{width:100%;height:auto;max-height:255px;display:block;object-fit:cover;border-bottom:2px dashed #a4b9a1;margin-bottom:16px}
body.handdrawn-trip-theme .hero.trip-theme-banner> :not(.journal-scene){margin-left:22px;margin-right:22px}
body.handdrawn-trip-theme .hero.trip-theme-banner h1{font-size:clamp(24px,3vw,35px);margin-top:4px}
.journal-hero-kicker{font-size:11px;letter-spacing:.16em;color:#a17d67;font-weight:800}
.journal-countdown{display:inline-block;background:#f1e5d1;border:1.5px dashed #b9a68e;border-radius:17px;padding:8px 14px;font-size:14px;color:#66513e;margin-top:12px}
.journal-countdown strong{font-size:21px;color:#a46e58}
body.handdrawn-trip-theme .journal-content h2{display:inline-block;background:#e6eddf;border:1.5px dashed #8da88c;border-radius:16px 20px 15px 19px;padding:5px 14px;font-weight:600;color:#514536}
body.handdrawn-trip-theme .journal-content h2:before{content:'✿ ';color:#b18e74}
body.handdrawn-trip-theme .journal-content .card,body.handdrawn-trip-theme .journal-content .v4-card{border:1.5px solid #d6c3a8;border-radius:19px 24px 20px 23px;background:#fffdf6;box-shadow:3px 4px 0 #e9dcc9}
body.handdrawn-trip-theme .planner-day .planner-stop{border-left:3px dotted #b68d71}
body.handdrawn-trip-theme .journal-content .btn{transition:transform .16s ease}body.handdrawn-trip-theme .journal-content .btn:hover{transform:translateY(-2px)}
@keyframes journal-fly{50%{transform:translate(11px,-7px)}}@keyframes journal-drift{50%{transform:translateX(10px)}}@keyframes journal-bob{50%{transform:translateY(-4px)}}
.journal-plane{animation:journal-fly 4s ease-in-out infinite}.journal-cloud{animation:journal-drift 7s ease-in-out infinite}.journal-sun{animation:journal-bob 3s ease-in-out infinite}
@media(max-width:760px){body.handdrawn-trip-theme #app{display:block;padding-bottom:80px}body.handdrawn-trip-theme #app>nav.journal-nav{position:static;max-height:none;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}body.handdrawn-trip-theme .journal-nav-head{grid-column:1/-1;padding:6px 9px}body.handdrawn-trip-theme .journal-nav-section{margin:0}body.handdrawn-trip-theme .journal-nav-section button{font-size:12px!important;padding:9px 7px!important;gap:5px!important}.journal-nav-emoji{font-size:15px}.journal-nav-arrow{display:none}body.handdrawn-trip-theme .hero.trip-theme-banner{padding:0 0 18px;min-height:0}body.handdrawn-trip-theme .hero.trip-theme-banner .journal-scene{max-height:170px}body.handdrawn-trip-theme .hero.trip-theme-banner> :not(.journal-scene){margin-left:15px;margin-right:15px}body.handdrawn-trip-theme #app>.trip-compact-return{margin-top:8px}body.handdrawn-trip-theme .journal-content{margin-top:18px}}
@media(max-width:420px){body.handdrawn-trip-theme #app>nav.journal-nav{grid-template-columns:1fr 1fr}.journal-nav-title{font-size:11px}body.handdrawn-trip-theme .journal-nav-section:nth-of-type(2){grid-column:1}body.handdrawn-trip-theme .journal-nav-section:nth-of-type(3){grid-column:2}}
@media(prefers-reduced-motion:reduce){.journal-plane,.journal-cloud,.journal-sun{animation:none!important}}

/* v4.1.1: make the Claude-style visual language apparent across every page. */
body.handdrawn-trip-theme .journal-page-intro{position:relative;margin:8px 0 24px;padding:19px 22px 16px;background:#e5eee5;border:2px dashed #9db69d;border-radius:25px 19px 29px 20px;box-shadow:5px 6px 0 #e8d8c2;overflow:hidden}
body.handdrawn-trip-theme .journal-intro-sticker{display:inline-block;background:#fff8e8;color:#99765c;border:1px dashed #cba98d;padding:3px 12px;border-radius:50px;font-size:11px;letter-spacing:.12em;transform:rotate(-2deg)}
body.handdrawn-trip-theme .journal-intro-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.handdrawn-trip-theme .journal-intro-row h2{font-size:clamp(19px,3vw,29px);background:transparent;border:0;padding:5px 0;margin:0;color:#594c3d}
body.handdrawn-trip-theme .journal-intro-row h2:before{content:''}
body.handdrawn-trip-theme .journal-intro-row p{font-size:13px;color:#897561;margin:0}
body.handdrawn-trip-theme .journal-intro-art{font-size:clamp(44px,7vw,75px);transform:rotate(-12deg);filter:drop-shadow(3px 4px 0 #d2c5ae)}
body.handdrawn-trip-theme .journal-nav-head{background:#e6eddf;border:1.5px dashed #91ac95;border-radius:20px 17px 23px 16px;padding:15px;margin-bottom:16px;transform:rotate(-.6deg)}
body.handdrawn-trip-theme .journal-nav-title{font-size:13px;border:1px dashed #c7ad91;border-radius:14px 20px 12px 17px;padding:10px 12px}
body.handdrawn-trip-theme .journal-nav-section:nth-child(3) .journal-nav-title{background:#f5e5d1}
body.handdrawn-trip-theme .journal-nav-section:nth-child(4) .journal-nav-title{background:#dfeaf0}
body.handdrawn-trip-theme .journal-nav-section:nth-child(5) .journal-nav-title{background:#f5e1d9}
body.handdrawn-trip-theme .journal-nav-section button{background:#fffdf6;border:1px solid #dbc8ae;box-shadow:2px 2px 0 #eadfce;border-radius:17px 23px 18px 21px;transition:transform .18s,box-shadow .18s}
body.handdrawn-trip-theme .journal-nav-section button:nth-child(even){transform:rotate(-.4deg)}
body.handdrawn-trip-theme .journal-nav-section button:hover{transform:translateY(-2px) rotate(.4deg);box-shadow:3px 4px 0 #dfcdb6}
body.handdrawn-trip-theme .journal-nav-section button.active{background:#d6e8d8;color:#514536;border-color:#8da88c;box-shadow:3px 4px 0 #bacbb7}
body.handdrawn-trip-theme .journal-content .card:nth-of-type(3n+2){border-radius:26px 18px 25px 19px}
@media(max-width:760px){body.handdrawn-trip-theme #app>nav.journal-nav{display:block;padding:12px;margin:10px 0 18px;max-height:none}body.handdrawn-trip-theme .journal-nav-head{margin:0 0 12px}body.handdrawn-trip-theme .journal-nav-section{margin:0 0 10px}body.handdrawn-trip-theme .journal-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.handdrawn-trip-theme .journal-nav-section button{min-height:49px;font-size:13px!important;padding:10px 8px!important}body.handdrawn-trip-theme .journal-nav-title{font-size:12px}body.handdrawn-trip-theme .journal-intro-art{font-size:48px}}
@media(max-width:410px){body.handdrawn-trip-theme .journal-nav-links{grid-template-columns:1fr 1fr}body.handdrawn-trip-theme .journal-nav-section button{font-size:12px!important}body.handdrawn-trip-theme .journal-page-intro{padding:15px}}