/* [drt_post_footer] and its parts: [drt_bottom_cta], [drt_recent_posts], [drt_category_links]. One stylesheet for all. */
.drt-post-footer{display:flex;flex-direction:column;gap:12px;margin:0;}

/* [drt_bottom_cta] booking/cafe links. Matches [drt_recent_posts]: 1px border, 4px radius, green point. */
.drt-cta{display:flex;flex-direction:column;gap:12px;margin:0;text-align:left;container-type:inline-size;}
.drt-cta a.drt-cta__box{display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #dfe4e2;border-radius:4px;background:#fff;text-decoration:none;transition:border-color .15s ease,background-color .15s ease;}
.drt-cta a.drt-cta__box:hover{border-color:#45bc8a;background:#f5fbf8;text-decoration:none;}
.drt-cta a.drt-cta__box:focus-visible{outline:2px solid #45bc8a;outline-offset:2px;}
.drt-cta .drt-cta__text{flex:1;min-width:0;container-type:inline-size;}
/* Each line stays on one line: the font shrinks to the box width. The --drt-cta-*-em values are the widest
   title/address in em, so every box shares one title size and one address size. */
.drt-cta .drt-cta__line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.drt-cta .drt-cta__title{font-weight:800;line-height:1.35;color:#020f16;font-size:22px;font-size:min(22px,calc(100cqi / var(--drt-cta-title-em,20)));}
.drt-cta .drt-cta__url{margin-top:4px;font-weight:600;line-height:1.4;color:#1f8a5f;text-decoration:underline;text-underline-offset:3px;font-size:16px;font-size:min(16px,calc(100cqi / var(--drt-cta-url-em,24)));}
.drt-cta .drt-cta__url--short{display:none;}
.drt-cta .drt-cta__go{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#45bc8a;color:#fff;font-size:20px;font-weight:700;line-height:1;}
.drt-cta a.drt-cta__box:not(.is-main) .drt-cta__go{background:#fff;color:#45bc8a;border:1.5px solid #45bc8a;}
/* Rental + RV in one box: shared title, then one button each. The title row reserves the arrow's width
   so its container matches the other boxes and the shared title size stays identical. */
.drt-cta .drt-cta__group{padding:18px 22px;border:1px solid #dfe4e2;border-radius:4px;background:#fff;}
.drt-cta .drt-cta__head{container-type:inline-size;padding-right:50px;}
.drt-cta .drt-cta__choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.drt-cta a.drt-cta__choice{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 12px 12px 16px;border:1px solid #cfe9dc;border-radius:4px;background:#f5fbf8;text-decoration:none;transition:border-color .15s ease,background-color .15s ease;}
.drt-cta a.drt-cta__choice:hover{border-color:#45bc8a;background:#eef8f3;text-decoration:none;}
.drt-cta a.drt-cta__choice:focus-visible{outline:2px solid #45bc8a;outline-offset:2px;}
.drt-cta .drt-cta__choice-text{flex:1;min-width:0;}
.drt-cta .drt-cta__choice-label{display:block;font-size:18px;font-weight:800;line-height:1.35;color:#020f16;white-space:nowrap;}
/* Same size as the other boxes' address line: their text area is this box's width minus 96px
   (1px borders, 22px padding, 34px arrow, 16px gap), measured here against .drt-cta. */
.drt-cta .drt-cta__choice-url{display:block;margin-top:4px;font-size:16px;font-size:min(16px,calc((100cqi - 96px) / var(--drt-cta-url-em,24)));font-weight:600;line-height:1.4;color:#1f8a5f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.drt-cta a.drt-cta__choice .drt-cta__go{width:30px;height:30px;font-size:18px;}

@media (max-width:767px){
    .drt-cta a.drt-cta__box{gap:10px;padding:14px;}
    .drt-cta .drt-cta__title{font-size:4.4vw;font-size:min(22px,calc(100cqi / var(--drt-cta-title-em,20)));}
    .drt-cta .drt-cta__url{font-size:3.6vw;font-size:min(16px,calc(100cqi / var(--drt-cta-short-em,20)));}
    .drt-cta .drt-cta__url--full{display:none;}
    .drt-cta .drt-cta__url--short{display:block;}
    .drt-cta .drt-cta__go{width:28px;height:28px;font-size:17px;}
    .drt-cta .drt-cta__group{padding:14px;}
    .drt-cta .drt-cta__head{padding-right:38px;}
    .drt-cta .drt-cta__choices{gap:8px;margin-top:10px;}
    .drt-cta a.drt-cta__choice{gap:6px;padding:11px 8px 11px 12px;}
    .drt-cta .drt-cta__choice-label{font-size:16px;}
    .drt-cta .drt-cta__choice-url{display:none;}
    .drt-cta a.drt-cta__choice .drt-cta__go{width:24px;height:24px;font-size:15px;}
}
@media (max-width:340px){
    .drt-cta .drt-cta__choice-label{font-size:15px;}
}
@media (prefers-reduced-motion:reduce){ .drt-cta a.drt-cta__box,.drt-cta a.drt-cta__choice{transition:none;} }

/* [drt_recent_posts] category latest-post boxes. Selectors are prefixed to beat theme link/list styles. */
.drt-recent{display:flex;flex-direction:column;gap:12px;margin:0;text-align:left;}
.drt-recent .drt-recent__group{border:1px solid #dfe4e2;background:#fff;border-radius:4px;padding:18px 22px 16px;}
.drt-recent .drt-recent__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;margin:0 0 10px;border-bottom:1px solid #eef1f0;}
.drt-recent .drt-recent__title{margin:0;padding:0;font-size:17px;font-weight:700;line-height:1.4;color:#020f16;}
.drt-recent a.drt-recent__more{flex:none;font-size:13px;line-height:1.4;color:#7b8480;text-decoration:none;white-space:nowrap;}
.drt-recent a.drt-recent__more:hover{color:#020f16;text-decoration:underline;}
.drt-recent .drt-recent__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.drt-recent .drt-recent__item{display:flex;align-items:baseline;gap:16px;margin:0;padding:0;font-size:16px;line-height:1.55;}
.drt-recent .drt-recent__item::marker{content:none;}
.drt-recent .drt-recent__item::before{content:"–";flex:none;width:.8em;margin:0 -8px 0 0;text-align:center;color:#45bc8a;font-weight:800;}
.drt-recent a.drt-recent__link{flex:1;min-width:0;color:#313436;text-decoration:none;overflow-wrap:anywhere;}
.drt-recent a.drt-recent__link:hover{color:#45bc8a;text-decoration:underline;text-underline-offset:3px;}
.drt-recent .drt-recent__date{flex:none;font-size:14px;color:#9aa19e;font-variant-numeric:tabular-nums;white-space:nowrap;}

@media (max-width:767px){
    .drt-recent .drt-recent__group{padding:15px 16px 13px;}
    .drt-recent .drt-recent__title{font-size:16px;}
    .drt-recent .drt-recent__list{gap:8px;}
    .drt-recent .drt-recent__item{font-size:15px;line-height:1.5;}
    .drt-recent .drt-recent__date{display:none;}
}

/* [drt_category_links] "다른 나라 여행 정보" chips. Matches [drt_recent_posts]/[drt_bottom_cta] boxes. */
.drt-cats{margin:0;padding:18px 22px 20px;border:1px solid #dfe4e2;border-radius:4px;background:#fff;text-align:left;}
.drt-cats .drt-cats__title{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #eef1f0;font-size:17px;font-weight:700;line-height:1.4;color:#020f16;}
.drt-cats .drt-cats__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.drt-cats .drt-cats__item{margin:0;padding:0;}
.drt-cats .drt-cats__item::marker{content:none;}
.drt-cats .drt-cats__item::before{content:none;}
.drt-cats .drt-cats__chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid #cfd8d4;border-radius:4px;background:#fff;font-size:15px;font-weight:600;line-height:1.3;color:#313436;text-decoration:none;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease;}
.drt-cats a.drt-cats__chip:hover{border-color:#45bc8a;color:#1f8a5f;background:#f5fbf8;text-decoration:none;}
.drt-cats a.drt-cats__chip:focus-visible{outline:2px solid #45bc8a;outline-offset:2px;}
.drt-cats .drt-cats__chip.is-current{background:#45bc8a;border-color:#45bc8a;color:#fff;}
.drt-cats .drt-cats__badge{font-size:11px;font-weight:700;line-height:1;padding:3px 5px 2px;border-radius:3px;background:rgba(255,255,255,.25);}

@media (max-width:767px){
    .drt-cats{padding:15px 16px 16px;}
    .drt-cats .drt-cats__title{font-size:16px;}
    .drt-cats .drt-cats__list{gap:6px;}
    .drt-cats .drt-cats__chip{min-height:34px;padding:5px 11px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce){ .drt-cats .drt-cats__chip{transition:none;} }