/* TTN Single Magazine Framework v1
   Scope: single post only via body.ttn-single-v1
*/
:root{
  --ttn-paper:#fffdf8;
  --ttn-paper-soft:#f7f2e8;
  --ttn-ink:#28241f;
  --ttn-muted:#7f766b;
  --ttn-line:#ddd2c4;
  --ttn-gold:#a9824e;
}

/* Single canvas */
body.ttn-single-v1{
  background:var(--ttn-paper);
  color:var(--ttn-ink);
}

/* TDB headline system */
body.ttn-single-v1 .tdb_single_categories,
body.ttn-single-v1 .tdb_single_title,
body.ttn-single-v1 .tdb_single_subtitle,
body.ttn-single-v1 .tdb_single_author,
body.ttn-single-v1 .tdb_single_date,
body.ttn-single-v1 .tdb_single_comments_count,
body.ttn-single-v1 .tdb_single_featured_image,
body.ttn-single-v1 .tdb_single_content,
body.ttn-single-v1 .tdb_single_share{
  max-width:100%;
}

body.ttn-single-v1 .tdb_single_title .tdb-title-text,
body.ttn-single-v1 .tdb_single_title h1{
  color:var(--ttn-ink);
  letter-spacing:-.045em;
  word-break:keep-all;
  overflow-wrap:break-word;
}

body.ttn-single-travel .tdb_single_title .tdb-title-text,
body.ttn-single-travel .tdb_single_title h1{
  font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif !important;
  font-size:clamp(31px,8.3vw,38px) !important;
  line-height:1.28 !important;
  font-weight:700 !important;
}

body.ttn-single-news .tdb_single_title .tdb-title-text,
body.ttn-single-news .tdb_single_title h1{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;
  font-size:clamp(29px,7.8vw,35px) !important;
  line-height:1.30 !important;
  font-weight:800 !important;
}

body.ttn-single-v1 .tdb_single_subtitle,
body.ttn-single-v1 .tdb_single_subtitle *{
  color:#5f574f;
  word-break:keep-all;
}
body.ttn-single-travel .tdb_single_subtitle,
body.ttn-single-travel .tdb_single_subtitle *{
  font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif !important;
  font-size:17px !important;
  line-height:1.7 !important;
}
body.ttn-single-news .tdb_single_subtitle,
body.ttn-single-news .tdb_single_subtitle *{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

/* Featured image / caption */
body.ttn-single-v1 .tdb_single_featured_image img{
  width:100%;
  height:auto;
  display:block;
}
body.ttn-single-v1 .tdb_single_featured_image figcaption,
body.ttn-single-v1 .tdb_single_featured_image .tdb-caption-text{
  color:#8b8175;
  font-size:12px;
  line-height:1.55;
}

/* Article text */
body.ttn-single-v1 .tdb_single_content .td-post-content,
body.ttn-single-v1 .tdb_single_content .tdb-block-inner{
  color:var(--ttn-ink);
}
body.ttn-single-travel .tdb_single_content .td-post-content,
body.ttn-single-travel .tdb_single_content .tdb-block-inner{
  font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;
  font-size:18px;
  line-height:1.95;
  letter-spacing:-.015em;
}
body.ttn-single-news .tdb_single_content .td-post-content,
body.ttn-single-news .tdb_single_content .tdb-block-inner{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:17px;
  line-height:1.86;
  letter-spacing:-.012em;
}

body.ttn-single-v1 .tdb_single_content p{margin-bottom:1.35em}
body.ttn-single-v1 .tdb_single_content h2,
body.ttn-single-v1 .tdb_single_content h3{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:var(--ttn-ink);
  word-break:keep-all;
}
body.ttn-single-v1 .tdb_single_content h2{
  margin-top:2em;
  margin-bottom:.7em;
  font-size:23px;
  line-height:1.42;
  letter-spacing:-.035em;
}
body.ttn-single-v1 .tdb_single_content img{
  max-width:100%;
  height:auto;
}

/* Ads: give magazine breathing room without altering ad engine */
body.ttn-single-v1 .tdb_single_content .td-a-rec,
body.ttn-single-v1 .tdb_single_content .td-g-rec,
body.ttn-single-v1 .tdb_single_content .td-adspot-title{
  margin-top:30px;
  margin-bottom:30px;
}

/* CTA */
.ttn-v1-cta{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  margin:30px 0;
  border:1px solid #cfc3b5;
  background:#fffdf8;
  color:#2d2924 !important;
  text-decoration:none !important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:14px;
  font-weight:700;
}

/* Travel Guide */
.ttn-v1-guide{
  margin:40px 0 16px;
  padding:19px;
  background:#efe5d6;
  border:1px solid #d8c5a9;
  color:#2b2722;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
.ttn-v1-eyebrow{
  margin-bottom:5px;
  color:#9b7749;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.18em;
  font-weight:800;
}
.ttn-v1-guide h3{
  margin:0 0 15px;
  font-size:21px;
  line-height:1.4;
  letter-spacing:-.035em;
}
.ttn-v1-guide-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#d8cbb8;
}
.ttn-v1-guide-item{
  min-width:0;
  padding:11px 10px;
  background:#f8f3ea;
}
.ttn-v1-guide-item b{
  display:block;
  margin-bottom:3px;
  color:#988975;
  font-size:10px;
  line-height:1.3;
}
.ttn-v1-guide-item span{
  display:block;
  font-size:12.5px;
  line-height:1.5;
  word-break:keep-all;
}
.ttn-v1-together{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:9px;
  padding-top:13px;
  font-size:12.5px;
  line-height:1.55;
}
.ttn-v1-together b{color:#806a4e}

/* Shared module headers */
.ttn-v1-module-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.ttn-v1-module-head h3{
  margin:0;
  color:#28241f;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:19px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.ttn-v1-module-head span{
  flex:none;
  color:#a38a67;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.14em;
}

/* Photo World */
.ttn-v1-photo-world{margin:40px 0 14px}
.ttn-v1-photo-main img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.ttn-v1-photo-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:6px;
}
.ttn-v1-photo-strip img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

/* Next Journey */
.ttn-v1-next{margin:42px 0 18px}
.ttn-v1-next-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ttn-v1-next-card a{
  color:#292621 !important;
  text-decoration:none !important;
}
.ttn-v1-next-thumb{
  overflow:hidden;
  background:#eee7dd;
}
.ttn-v1-next-thumb img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}
.ttn-v1-next-card h4{
  margin:8px 0 0;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:14px;
  line-height:1.45;
  letter-spacing:-.025em;
  word-break:keep-all;
}

/* Mobile spacing */
@media (max-width: 767px){
  body.ttn-single-v1 .td-main-content-wrap{padding-top:0}
  body.ttn-single-v1 .tdb_single_categories{margin-bottom:10px}
  body.ttn-single-v1 .tdb_single_title{margin-bottom:13px}
  body.ttn-single-v1 .tdb_single_subtitle{margin-bottom:14px}
  .ttn-v1-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Desktop: do not force mobile magazine proportions */
@media (min-width: 768px){
  .ttn-v1-guide,
  .ttn-v1-photo-world,
  .ttn-v1-next,
  .ttn-v1-cta{max-width:720px}
}


/* ===== V1.1 shortcode article header ===== */
.ttn-v11-article-head{
  margin:0 0 24px;
  padding:0;
  color:var(--ttn-ink);
}
.ttn-v11-kicker{
  display:inline-block;
  margin:0 0 12px;
  color:#a17d4c !important;
  text-decoration:none !important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
}
.ttn-v11-title{
  margin:0;
  color:var(--ttn-ink);
  word-break:keep-all;
  overflow-wrap:break-word;
  letter-spacing:-.045em;
}
body.ttn-single-travel .ttn-v11-title{
  font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;
  font-size:clamp(31px,8.3vw,38px);
  line-height:1.28;
  font-weight:700;
}
body.ttn-single-news .ttn-v11-title{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:clamp(29px,7.8vw,35px);
  line-height:1.30;
  font-weight:800;
}
.ttn-v11-deck{
  margin:15px 0 0;
  color:#5f574f;
  word-break:keep-all;
}
body.ttn-single-travel .ttn-v11-deck{
  font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;
  font-size:17px;
  line-height:1.7;
}
body.ttn-single-news .ttn-v11-deck{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:16px;
  line-height:1.65;
}
.ttn-v11-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-top:14px;
  color:#877e73;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:11.5px;
  line-height:1.4;
}
.ttn-v11-author{
  color:#49423a;
  font-weight:700;
}
.ttn-v11-meta span + span::before{
  content:"·";
  margin-right:12px;
  color:#b3a99c;
}

/* If shortcode header is used, old title/subtitle/meta elements can be hidden by assigning this class to their row/column in Composer. */
.ttn-v11-hide{display:none !important;}

@media (max-width:767px){
  .ttn-v11-article-head{
    margin-bottom:22px;
  }
}

.ttn-v11-debug{
  padding:12px 14px;
  border:1px dashed #c8b79e;
  background:#fffaf0;
  color:#7b6c58;
  font-size:13px;
}