.htt-wrap{width:100%;max-width:1180px;margin:0 auto;padding:32px 18px;background:#fff;box-sizing:border-box}
.htt-catalogHead{margin:0 0 22px}
.htt-catalogHead h1{margin:0 0 10px;line-height:1.2}
.htt-term-desc{max-width:760px;color:#50575e}
.htt-cats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 24px}
.htt-cats a{display:inline-flex;padding:8px 12px;border:1px solid #dcdcde;border-radius:999px;background:#fff;color:#1d2327;text-decoration:none;font-size:14px;line-height:1.2}
.htt-cats a:hover{border-color:#2271b1;color:#135e96}

.htt-tourGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.htt-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e2e4e7;border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.06)}
.htt-thumb{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#f0f0f1;text-decoration:none}
.htt-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.htt-card:hover .htt-thumb img{transform:scale(1.025)}
.htt-thumb__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#8c8f94;font-size:22px;font-weight:700;letter-spacing:.08em}
.htt-card__body{display:flex;flex:1;flex-direction:column;padding:16px}
.htt-card__meta{display:flex;min-height:25px;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#646970;font-size:12px}
.htt-card__status{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:600;line-height:1.25}
.htt-card__status.is-online{background:#edfaef;color:#116329}
.htt-card__status.is-inquiry{background:#fff8e5;color:#7a4f01}
.htt-card__status.is-muted{background:#f0f0f1;color:#646970}
.htt-title{margin:10px 0 8px;font-size:19px;line-height:1.35}
.htt-title a{color:#1d2327;text-decoration:none}
.htt-title a:hover{color:#135e96}
.htt-excerpt{margin:0 0 16px;color:#50575e;font-size:14px;line-height:1.6}
.htt-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f1}
.htt-from{color:#50575e;font-size:13px;line-height:1.35}
.htt-from strong{display:block;color:#b32d2e;font-size:17px;margin-top:2px}
.htt-card__cta{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:8px 13px;border-radius:9px;background:#111827;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.htt-shortcodeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.htt-shortcodeCard{display:flex;min-height:72px;align-items:center;padding:14px 18px;border:1px solid #e2e4e7;border-radius:12px;background:#fff;box-sizing:border-box}
.htt-shortcodeCard a{color:#2271b1;font-size:17px;line-height:1.4}

@media (max-width:980px){.htt-tourGrid,.htt-shortcodeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .htt-wrap{padding:22px 14px}
  .htt-tourGrid,.htt-shortcodeGrid{grid-template-columns:1fr;gap:16px}
  .htt-card__footer{align-items:center}
}