/* SEOUL 2.0 | legible selected states across top/subnavigation and filters */
.topbar .nav a.on,
.topbar .nav a.on:hover,
.topbar .nav a.on:focus-visible,
.nav a.on,
.segbar .sgb.on,
.segbar .sgb.on:hover,
#now .sgb.on {
  background:#342820 !important;
  color:#FFF9EE !important;
  -webkit-text-fill-color:#FFF9EE !important;
  text-shadow:none !important;
  font-weight:700;
}
.subnav a.on,
.subnav a.on:hover,
.subnav a.on:focus-visible {
  color:#342820 !important;
  -webkit-text-fill-color:#342820 !important;
  background:#F4DEAB !important;
  text-shadow:none !important;
}
.mtab[aria-selected="true"] {
  color:#FFF9EE !important;
  -webkit-text-fill-color:#FFF9EE !important;
  background:#342820 !important;
}
.mtab[aria-selected="true"] small{color:#F4E8D6 !important;-webkit-text-fill-color:#F4E8D6 !important}
#seoulMeals .sm-filter[aria-pressed="true"]{background:#342820 !important;color:#FFF9EE !important;-webkit-text-fill-color:#FFF9EE !important;border-color:#342820 !important}
#sm-detail .sm-editorial-intro {background:linear-gradient(125deg,#F4E7D1,#FFF8ED);padding:clamp(17px,3vw,28px);border:1px solid #E1D1B9;border-radius:13px;margin:23px 0 14px;}
#sm-detail .sm-editorial-intro h4{font-size:clamp(19px,2.5vw,25px);line-height:1.4;margin:12px 0;color:#342820;letter-spacing:0}
#sm-detail .sm-long-story {font-size:clamp(15px,1.5vw,17px);line-height:1.95;color:#3C3028;margin:7px 0 0;white-space:pre-line}
#sm-detail .sm-quick-facts {display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 22px}
#sm-detail .sm-quick-facts span{font-size:12px;line-height:1.4;border:1px solid #CCB697;border-radius:99px;padding:8px 11px;color:#49392E;background:#FFFAF0}
#sm-detail .sm-original-note{border-top:1px solid #DBC9B1;padding:15px 3px;color:#514136;line-height:1.8;font-size:13px}
#sm-detail .sm-original-note summary{cursor:pointer;font-weight:650;min-height:38px;color:#5C4234;list-style:none}
#sm-detail .sm-original-note summary::before{content:"+";display:inline-block;margin-right:9px;font-size:16px;color:#8B5140}
#sm-detail .sm-original-note[open] summary::before{content:"−"}
#sm-detail .sm-original-note p{margin:7px 0}
@media(max-width:640px){#sm-detail .sm-editorial-intro{margin-top:12px}#sm-detail .sm-long-story{line-height:1.85}}
