/* TTN Mobile Sections v14 — unified mobile editorial system */
.ttn12{width:100%;margin:0 0 34px;background:#fff;color:#171717;font-family:inherit!important}
.ttn12,.ttn12 *{box-sizing:border-box}.ttn12 a{text-decoration:none;color:inherit}
.ttn12 h2,.ttn12 h3,.ttn12 time,.ttn12 span{font-family:inherit!important}

/* unified section heads + subtle varied color accent */
.ttn12-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid #e8e8e8}
.ttn12-head h2{display:flex;align-items:center;gap:8px;margin:0!important;font-size:19px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.035em!important;color:#171717!important}
.ttn12-head>a{font-size:11px!important;line-height:1!important;font-weight:600!important;color:#7d7d7d!important;letter-spacing:-.02em!important;white-space:nowrap}
.ttn12-noimg{display:block;width:100%;height:100%;background:#eee}

/* section-specific accent order */
.ttn12-now{--c1:#cf3346;--c2:#e89032;--c3:#397fb7}
.ttn12-editor{--c1:#7869aa;--c2:#cf3346;--c3:#d3b63a}
.ttn12-grid4{--c1:#cf3346;--c2:#397fb7;--c3:#d3b63a}
.ttn14-air{--c1:#397fb7;--c2:#3e9b82;--c3:#cf3346}
.ttn12-hotels{--c1:#d3a63a;--c2:#cf3346;--c3:#7869aa}
.ttn12-columns{--c1:#7869aa;--c2:#397fb7;--c3:#3e9b82}
.ttn12-golf{--c1:#3e8d55;--c2:#d3b63a;--c3:#397fb7}
.ttn13-mice{--c1:#3e9b82;--c2:#397fb7;--c3:#cf3346}
.ttn13-video{--c1:#cf3346;--c2:#7869aa;--c3:#397fb7}
.ttn13-global{--c1:#397fb7;--c2:#cf3346;--c3:#d3b63a}
.ttn14-more-reading{--c1:#555;--c2:#999;--c3:#c6c6c6}

/* common 2x2 */
.ttn12-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding-top:14px}
.ttn12-card{margin:0!important}.ttn12-thumb{aspect-ratio:4/3;overflow:hidden;background:#eee}
.ttn12-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttn12-card h3{margin:9px 0 0!important;font-size:14px!important;line-height:1.42!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* NOW */
.ttn12-now-list article{border-bottom:1px solid #ededed}
.ttn12-now-list a{display:grid;grid-template-columns:24px minmax(0,1fr) 38px;gap:8px;align-items:center;padding:12px 0}
.ttn12-now-num{font-size:13px!important;font-weight:800!important;color:#999!important}
.ttn12-now-list h3{margin:0!important;font-size:14px!important;line-height:1.38!important;font-weight:700!important;letter-spacing:-.03em!important}
.ttn12-now-list time{font-size:10px!important;color:#999!important;text-align:right}

/* Editor */
.ttn12-editor-hero{padding-top:14px}.ttn12-editor-hero-img{aspect-ratio:16/9;overflow:hidden}
.ttn12-editor-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn12-editor-hero h3,.ttn14-air-hero h3,.ttn12-golf-hero h3,.ttn13-mice-hero h3,.ttn13-video-hero h3,.ttn13-global-hero h3{margin:9px 0 12px!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.035em!important;color:#171717!important}
.ttn12-editor-small{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ttn12-editor-small-img{aspect-ratio:1/1;overflow:hidden}.ttn12-editor-small-img img{width:100%;height:100%;object-fit:cover}
.ttn12-editor-small h3{margin:7px 0 0!important;font-size:12px!important;line-height:1.35!important;font-weight:700!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* AIR: hero + three smaller rows to break 4/4/4 repetition */
.ttn14-air-hero{padding-top:14px}.ttn14-air-hero-img{aspect-ratio:16/9;overflow:hidden;background:#eee}
.ttn14-air-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn14-air-list{border-top:1px solid #ededed}.ttn14-air-list article{border-bottom:1px solid #ededed}
.ttn14-air-list a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0}
.ttn14-air-thumb{aspect-ratio:4/3;overflow:hidden;background:#eee}.ttn14-air-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttn14-air-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Hotels: 2 cards + 2 light text rows */
.ttn12-hotel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}
.ttn12-hotel-card-img{aspect-ratio:4/3;overflow:hidden;background:#eee}.ttn12-hotel-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn12-hotel-card h3{margin:8px 0 0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ttn12-hotel-latest{margin-top:12px;border-top:1px solid #ededed}.ttn12-hotel-latest article{border-bottom:1px solid #ededed}
.ttn12-hotel-latest a{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:8px;align-items:center;padding:10px 0}
.ttn12-hotel-latest h3{margin:0!important;font-size:14px!important;line-height:1.38!important;font-weight:650!important;letter-spacing:-.025em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ttn12-hotel-latest span{font-size:15px!important;color:#aaa!important;text-align:right}

/* Columns */
.ttn12-column-list article{border-bottom:1px solid #ededed}.ttn12-column-list a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0}
.ttn12-column-img{width:54px;height:54px;overflow:hidden;border-radius:50%}.ttn12-column-img img{width:100%;height:100%;object-fit:cover}
.ttn12-column-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important}

/* Golf: hero + 2 compact rows */
.ttn12-golf-hero{padding-top:14px}.ttn12-golf-hero-img{aspect-ratio:16/9;overflow:hidden;background:#eee}.ttn12-golf-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn12-golf-list{border-top:1px solid #ededed}.ttn12-golf-list article{border-bottom:1px solid #ededed}
.ttn12-golf-list a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0}
.ttn12-golf-thumb{aspect-ratio:4/3;overflow:hidden;background:#eee}.ttn12-golf-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttn12-golf-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* MICE: hero + 2 compact rows */
.ttn13-mice-hero{padding-top:14px}.ttn13-mice-hero-img{aspect-ratio:16/9;overflow:hidden;background:#eee}.ttn13-mice-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn13-mice-list{border-top:1px solid #ededed}.ttn13-mice-list article{border-bottom:1px solid #ededed}
.ttn13-mice-list a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0}
.ttn13-mice-thumb{aspect-ratio:4/3;overflow:hidden;background:#eee}.ttn13-mice-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttn13-mice-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* VIDEO: hero + 3 smaller 16:9 rows */
.ttn13-video-hero{padding-top:14px}.ttn13-video-hero-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.ttn13-video-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn13-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.66);color:#fff!important;font-size:16px!important;line-height:1!important;padding-left:3px}
.ttn13-video-list{border-top:1px solid #ededed}.ttn13-video-list article{border-bottom:1px solid #ededed}
.ttn13-video-list a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0}
.ttn13-video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.ttn13-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttn13-play-sm{width:26px;height:26px;font-size:9px!important;padding-left:2px}
.ttn13-video-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* GLOBAL EDITION — forced into same typographic system */
.ttn13-global-hero{padding-top:14px}.ttn13-global-hero-img{aspect-ratio:16/9;overflow:hidden;background:#eee}.ttn13-global-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ttn13-global-list{border-top:1px solid #ededed}.ttn13-global-list article{border-bottom:1px solid #ededed}
.ttn13-global-list a{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:10px;align-items:center;padding:10px 0}
.ttn13-global-list h3{margin:0!important;font-size:14px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.02em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#171717!important}
.ttn13-global-list span{font-size:15px!important;color:#aaa!important;text-align:right}

/* more reading: 8 light rows, no time stamp, avoids already shown posts when possible */
.ttn14-more-list article{border-bottom:1px solid #ededed}.ttn14-more-list a{display:block;padding:11px 0}
.ttn14-more-list h3{margin:0!important;font-size:14px!important;line-height:1.42!important;font-weight:650!important;letter-spacing:-.025em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:360px){
 .ttn12-editor-small{gap:8px}.ttn12-editor-small h3{font-size:11px!important}
 .ttn14-air-list a,.ttn13-video-list a{grid-template-columns:74px minmax(0,1fr)}
 .ttn12-golf-list a,.ttn13-mice-list a{grid-template-columns:72px minmax(0,1fr)}
 .ttn12-head h2{font-size:18px!important}}

/* v15 final typography guard */
.ttn12 h3{font-family:inherit!important;color:#171717!important;letter-spacing:-.03em!important}
.ttn12:not(.ttn12-editor) h3{font-weight:700!important}
.ttn13-global h3,.ttn13-global-hero h3,.ttn13-global-list h3{font-family:inherit!important;color:#171717!important}




/* ===== v20 FINAL VISUAL OVERRIDES ===== */
/* No line, pill, dot or bar in front of section titles. */
.ttn12-head h2::before,.ttn12-head h2::after{content:none!important;display:none!important}
.ttn12-head h2{
  display:inline-block!important;
  margin:0!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
.ttn12-head.ttn19-rainbow-1 h2{background-image:linear-gradient(90deg,#bd3141 0%,#df7f30 25%,#c7a735 45%,#3378ad 72%,#725f9e 100%)!important}
.ttn12-head.ttn19-rainbow-2 h2{background-image:linear-gradient(90deg,#725f9e 0%,#bd3141 28%,#df7f30 52%,#378d78 76%,#3378ad 100%)!important}
.ttn12-head.ttn19-rainbow-3 h2{background-image:linear-gradient(90deg,#c7a735 0%,#378d78 26%,#3378ad 50%,#725f9e 74%,#bd3141 100%)!important}
.ttn12-head.ttn19-rainbow-4 h2{background-image:linear-gradient(90deg,#3378ad 0%,#725f9e 24%,#bd3141 48%,#df7f30 72%,#378d78 100%)!important}
.ttn12-head.ttn19-rainbow-5 h2{background-image:linear-gradient(90deg,#378d78 0%,#3378ad 24%,#c7a735 48%,#bd3141 72%,#725f9e 100%)!important}
.ttn12-head.ttn19-rainbow-6 h2{background-image:linear-gradient(90deg,#df7f30 0%,#c7a735 24%,#bd3141 50%,#725f9e 74%,#3378ad 100%)!important}
.ttn12-head.ttn19-rainbow-neutral h2{background:none!important;-webkit-text-fill-color:#171717!important;color:#171717!important}

/* '더 읽을 기사': clean editorial rows — no bullets. */
.ttn14-more-list a{display:block!important;padding:11px 0!important}
.ttn14-more-list h3{margin:0!important;font-size:14px!important;line-height:1.42!important;font-weight:650!important;letter-spacing:-.025em!important}


/* ===== v20 HARD FIXES: layout, typography, more-reading, real headband ===== */
.ttn20-headband{
  display:none;
}
@media (max-width:768px){
  .ttn20-headband{
    display:block!important;
    flex:0 0 2px!important;
    width:100%!important;
    height:2px!important;
    min-height:2px!important;
    max-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    line-height:0!important;
    background:linear-gradient(90deg,#bd3141 0 16.66%,#df7f30 16.66% 33.32%,#c7a735 33.32% 49.98%,#378d78 49.98% 66.64%,#3378ad 66.64% 83.30%,#725f9e 83.30% 100%)!important;
    position:relative!important;
    z-index:10001!important;
  }
}

/* One typographic system; prevent theme module fonts leaking into shortcode sections. */
.ttn12,
.ttn12 *{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif!important;
}

/* Section header: title left, More right. Never float/absolute/stack. */
.ttn12-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:44px!important;
  gap:14px!important;
  position:relative!important;
}
.ttn12-head h2{
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  float:none!important;
  position:static!important;
}
.ttn12-head>a{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  transform:none!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#7d7d7d!important;
}

/* More-reading title gets the same multicolour treatment. */
.ttn14-more-reading .ttn12-head h2{
  background-image:linear-gradient(90deg,#df7f30 0%,#c7a735 24%,#bd3141 50%,#725f9e 74%,#3378ad 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}

/* Eight clean editorial rows with a tiny gradient square — not a bullet. */
.ttn14-more-list article{margin:0!important;padding:0!important;list-style:none!important}
.ttn14-more-list article::before,.ttn14-more-list li::before{content:none!important;display:none!important}
.ttn14-more-list a{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:11px 0!important;
}
.ttn20-more-square{
  display:block!important;
  width:8px!important;
  height:8px!important;
  margin-top:5px!important;
  border-radius:1px!important;
  background:linear-gradient(135deg,#bd3141 0%,#df7f30 28%,#378d78 58%,#3378ad 78%,#725f9e 100%)!important;
}
.ttn14-more-list article:nth-child(2n) .ttn20-more-square{background:linear-gradient(135deg,#3378ad,#725f9e,#bd3141,#df7f30)!important}
.ttn14-more-list article:nth-child(3n) .ttn20-more-square{background:linear-gradient(135deg,#378d78,#3378ad,#c7a735,#bd3141)!important}
.ttn14-more-list h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  color:#171717!important;
}