/* White surfaces with the original forest-green accent. */
:root{--paper:#ffffff;--white:#ffffff;--line:#dde2df;--peach:#eef2f0}
.draft{background:#f4f5f5;color:#606862}
.archive{background:#f7f8f8}
.concept{background:#fff}
.missing-photo,.map-placeholder{background:#f5f6f6}
.route:has(input:checked){background:#fff;border-color:#fff}
.editor-note{border-left-color:#cbd1cd;color:#67716a}
.pending-label,.channel-placeholder,.price-note{color:#657069}
#copy-message{background:#edf2ef;color:var(--ink)}
.kakao-chat{display:block;background:#fee500;color:#191919;padding:14px 16px;margin-top:12px;font-size:14px;text-align:center}

/* Dalatness introduction */
header .wordmark span,footer .wordmark span{color:#f5cf24}
footer.wrap{display:grid;grid-template-columns:1fr auto}
footer.wrap>span{text-align:right}
@media(max-width:650px){footer.wrap{grid-template-columns:auto 1fr}footer.wrap>span{text-align:right}}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.hero h1.brand-title{font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;font-size:clamp(48px,5.2vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:0 0 18px}
.hero-tagline{font-size:clamp(21px,2.1vw,28px);line-height:1.55;letter-spacing:-.045em;margin-bottom:30px;text-wrap:balance}
.hero-story{font-size:16px;line-height:1.9;color:var(--muted)}
.hero-story p+p{margin-top:18px}
.hero-image{margin-top:12px}
.hero-image>img{height:620px}
.hero-image-placeholder{height:620px;border-radius:48% 48% 0 0;background:#f1f4f2;color:#7a8982;display:grid;place-content:center;text-align:center}
.hero-image-placeholder span{font-family:Georgia,serif;font-size:44px;font-style:italic;opacity:.55}.hero-image-placeholder p{font-size:13px;margin-top:8px}
.photo-strip-empty{width:100%;padding:70px 24px;text-align:center;color:#6b7972}
.local-point .eyebrow{font-size:14px}
.local-point h2{font-size:clamp(28px,3vw,40px)}
.local-point>p{font-size:18px;line-height:1.8}
@media(max-width:1000px){.hero{gap:32px}.hero-image>img{height:600px}}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr);gap:32px}.hero h1.brand-title{font-size:clamp(52px,14vw,70px);margin:0 0 18px}.hero-tagline{font-size:23px;margin-bottom:26px}.hero-image{margin-top:0}.hero-image>img,.hero-image-placeholder{height:390px}.hero-foot{flex-wrap:wrap}.local-point h2{font-size:29px}.local-point>p{font-size:17px}}

/* Separate mobile reading order from the desktop two-column composition. */
.hero{grid-template-areas:"heading photo" "details photo";grid-template-rows:auto 1fr;row-gap:0}
.hero-heading{grid-area:heading;min-width:0}
.hero-details{grid-area:details;min-width:0}
.hero-image{grid-area:photo}
.hero-tagline{font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;font-weight:400}
@media(max-width:650px){
.hero{grid-template-areas:"heading" "photo" "details";grid-template-rows:auto;row-gap:30px}
.hero h1.brand-title{font-size:clamp(43px,12vw,60px);letter-spacing:-.05em}
.hero-tagline{margin-bottom:0;font-size:22px}
.hero-details{padding-top:2px}
.hero-story{font-size:15px;line-height:1.72;letter-spacing:-.025em;text-wrap:pretty}
.hero-story p+p{margin-top:14px}
.hero-foot{margin-top:24px;padding-top:18px}
.personal-grid{gap:20px}
.personal-grid h2{font-size:31px;line-height:1.38}
.personal-grid .lead{font-size:18px;line-height:1.7;margin-bottom:16px}
.personal-grid .muted{font-size:14px;line-height:1.75}
}

/* Photo carousel controls */
.hotel-price{display:grid;gap:5px;margin:auto 0 24px;padding-top:16px;border-top:1px solid var(--line)}
.hotel-price>span{font-size:14px;color:var(--muted)}
.hotel-price>strong{font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.hotel-price>small{font-size:14px;line-height:1.6;color:var(--muted)}
.travel-wishes-label{display:block;margin-top:24px;font-size:15px}
.travel-wishes-label span,.travel-wishes-help{color:var(--muted);font-size:14px}
.travel-wishes-help{margin-top:8px}
#travel-wishes{resize:vertical;min-height:130px}
.slider-shell{position:relative}
.slider-arrow,.lightbox-arrow{position:absolute;z-index:3;width:46px;height:46px;border:1px solid #d8ddda;border-radius:50%;background:#fffffff0;color:var(--forest);font-family:Arial,sans-serif;font-size:30px;line-height:1;display:grid;place-items:center;box-shadow:0 4px 16px #17382d20}
.slider-arrow{top:50%;transform:translateY(-50%)}
.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.hotel-slider .slider-arrow{width:38px;height:38px;font-size:25px}
.hotel-slider .slider-arrow.prev{left:10px}.hotel-slider .slider-arrow.next{right:10px}
.hotel-distance{margin-top:15px!important;font-size:12px!important;font-weight:600;color:var(--forest)!important}
.hotel-description{margin-top:16px}.hotel-description p{margin-top:5px;font-size:13px;color:var(--muted)}
.hotel-pending{margin-top:14px!important;font-size:11px!important}
.hotel{display:flex;flex-direction:column;height:100%}
.hotel-slider,.missing-photo{flex:0 0 auto}
.hotel .hotel-body{display:flex;flex:1;flex-direction:column}
.hotel-description{margin-bottom:20px}
.hotel-pending{margin-bottom:20px}
.hotel .choose-hotel{margin-top:0!important}
.hotel-gallery{width:100%;height:235px;overflow-y:hidden}
.hotel-gallery>button{display:block;flex:0 0 100%;min-width:0;width:100%;height:100%;overflow:hidden}
.hotel-gallery>button>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.photo-card{min-width:0}
.photo-card>button{display:block;height:290px;overflow:hidden}
.photo-card>button>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image>img{width:100%;object-fit:cover;object-position:center}
#lightbox{position:fixed;inset:0;margin:auto;width:min(1100px,94vw);height:min(850px,92dvh);max-width:94vw;max-height:92dvh;padding:48px 56px 20px;overflow:hidden}
#lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center}
#lightbox>img{width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
#lightbox>p{width:100%;max-height:15dvh;overflow:auto;font-size:14px}
#lightbox .lightbox-arrow{position:absolute;top:50%}
#lightbox .lightbox-arrow.prev{left:5px}
#lightbox .lightbox-arrow.next{right:5px}
#lightbox .close{width:44px;height:44px;right:4px;top:0;z-index:4}
@media(max-width:650px){.hotel-gallery{height:300px}.photo-card>button{height:240px}#lightbox{width:96vw;max-width:96vw;height:88dvh;padding:46px 12px 16px}#lightbox .lightbox-arrow{width:38px;height:38px}}
.hotel .choose-hotel{margin:auto -22px -22px;padding:18px 22px;border-top:1px solid var(--forest);background:var(--forest);color:#fff;font-size:15px;font-weight:700;align-items:center}
.hotel .choose-hotel:after{content:none}
.hotel .choose-hotel b{font-size:27px;line-height:1;font-weight:400}
.hotel.selected .choose-hotel{background:var(--forest);border-color:var(--forest);color:#fff}
.hotel.selected .choose-hotel:after{content:none}
.lightbox-arrow{top:50%;transform:translateY(-50%);position:fixed;background:#ffffffed}
.lightbox-arrow.prev{left:max(12px,calc(50vw - 48vw))}.lightbox-arrow.next{right:max(12px,calc(50vw - 48vw))}
@media(max-width:650px){.archive-slider .slider-arrow{width:40px;height:40px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.lightbox-arrow{width:42px;height:42px}.lightbox-arrow.prev{left:8px}.lightbox-arrow.next{right:8px}.hotel .choose-hotel{margin:24px -18px -22px;padding:19px 18px;font-size:16px}}