/* Homepage: 3 x 2 popular cards on desktop, 2 x 4 on mobile. */
.yon-home .yon-shots .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important}
.yon-home .yon-shots .wp-block-post{overflow:hidden;border:1px solid #e3e8e6;background:#fff}
.yon-home .yon-shots .yon-shot-date{margin:0!important;padding:15px 17px!important;color:#707674;font-size:12px;font-weight:400;line-height:1.5}
.yon-home .yon-shots .yon-shot-photo,.yon-home .yon-shots .yon-shot-photo img{aspect-ratio:16/10!important}
.yon-home .yon-shots .yon-shot-cap{min-height:122px;margin:0!important;padding:15px 17px 20px}
.yon-home .yon-shots .yon-shot-meta{margin-bottom:8px}
.yon-home .yon-shots .yon-shot-meta .wp-block-post-terms,.yon-home .yon-shots .yon-shot-meta .wp-block-post-terms a{color:#636967;font-size:12px;font-weight:500;letter-spacing:0}
.yon-home .yon-shots .yon-shot-meta .wp-block-post-terms::before{content:"★";margin-right:5px;color:#202322;font-size:10px}
.yon-home .yon-shots .wp-block-post-title{font-size:18px!important;font-weight:700!important;line-height:1.5!important}
.yon-home .yon-shots .wp-block-post:hover .wp-block-post-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media (min-width:721px){.yon-home .yon-shots .wp-block-post:nth-child(n+7){display:none!important}}

/* First-level category landing page. */
body.yon-primary-category .yon-category-page__shell{display:none!important}
body.yon-primary-category .yon-category-page{padding-top:34px!important}
.yon-primary-hub{width:100%;max-width:1120px;margin-inline:auto}
.yon-primary-hub__head{padding-bottom:25px;border-bottom:1px solid #202322}
.yon-primary-hub__head h1{margin:0;color:#202322;font-size:36px;line-height:1.25;font-weight:800!important;letter-spacing:-.045em}
.yon-primary-tabs{display:flex;justify-content:flex-start!important;gap:30px;overflow-x:auto;border-bottom:1px solid #dedfdf;background:#fff;scrollbar-width:none}
.yon-primary-tabs::-webkit-scrollbar{display:none}
.yon-primary-tabs a{position:relative;flex:0 0 auto;padding:17px 1px 16px;color:#777;font-size:15px;font-weight:400;white-space:nowrap}
.yon-primary-tabs a.is-active{color:#202322;font-weight:800}
.yon-primary-tabs a.is-active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#202322}
.yon-primary-tabs a:hover{color:#202322}
.yon-primary-popular{margin-top:54px}
.yon-primary-popular>h2,.yon-primary-section-head h2{margin:0 0 20px;color:#202322;font-size:23px;line-height:1.35;font-weight:800!important;letter-spacing:-.035em}
.yon-primary-popular__viewport{width:100%;max-width:none}
.yon-primary-popular__grid{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:18px!important;width:100%!important;margin:0!important;padding:0!important}
.yon-primary-popular__card{position:relative!important;display:block!important;flex:0 0 calc((100% - 36px)/3)!important;width:calc((100% - 36px)/3)!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:44px 0 0!important;overflow:hidden;border:1px solid #dedfdf;background:#fff}
.yon-primary-popular__card>time{position:absolute!important;top:0!important;left:0!important;display:flex!important;align-items:center!important;width:100%!important;height:44px!important;min-height:0!important;margin:0!important;padding:0 16px!important;color:#707674;font-size:12px;line-height:1.3!important}
.yon-primary-popular__image{display:block!important;width:100%!important;aspect-ratio:16/10;overflow:hidden;background:#f4f7f6}
.yon-primary-popular__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.yon-primary-popular__copy{display:block!important;width:100%!important;height:105px!important;min-height:105px!important;max-height:105px!important;margin:0!important;padding:14px 16px!important;overflow:hidden!important}
.yon-primary-popular__copy small{display:block;margin-bottom:8px;color:#636967;font-size:12px;font-weight:500}
.yon-primary-popular__copy strong{display:block;color:#202322;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.03em}
.yon-primary-popular__card:hover img{transform:scale(1.035)}
.yon-primary-popular__card:hover strong,.yon-primary-recent li>a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.yon-primary-recent{margin-top:48px}
.yon-primary-section-head{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #202322}
.yon-primary-section-head h2{margin-bottom:0}
.yon-primary-recent ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 42px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none}
.yon-primary-recent li{width:auto!important;min-width:0!important;margin:0!important}
.yon-primary-recent li>a{display:grid;grid-template-columns:142px minmax(0,1fr);gap:17px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e3e8e6}
.yon-primary-recent__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f4f7f6}
.yon-primary-recent__image img{width:100%;height:100%;object-fit:cover}
.yon-primary-recent__copy{display:block;min-width:0}
.yon-primary-recent__copy time{display:block;margin-bottom:7px;color:#909694;font-size:12px}
.yon-primary-recent__copy small{display:block;margin-bottom:5px;color:#666;font-size:12px;font-weight:600}
.yon-primary-recent__copy strong{display:block;color:#202322;font-size:17px;font-weight:650;line-height:1.5;letter-spacing:-.025em}
.yon-primary-pagination{margin-top:38px}
.yon-primary-pagination ul{display:flex;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.yon-primary-pagination a,.yon-primary-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding-inline:8px;border:1px solid #e3e8e6;color:#747a78;font-size:12px}
.yon-primary-pagination .current{border-color:#202322;color:#fff;background:#202322}

@media (max-width:720px){
  .yon-home .yon-shots .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important}
  .yon-home .yon-shots .wp-block-post:nth-child(n){display:block!important}
  .yon-home .yon-shots .yon-shot-date{padding:11px 10px!important;font-size:11px}
  .yon-home .yon-shots .yon-shot-cap{min-height:112px;padding:11px 10px 14px}
  .yon-home .yon-shots .yon-shot-meta{margin-bottom:6px}
  .yon-home .yon-shots .yon-shot-meta .wp-block-post-terms,.yon-home .yon-shots .yon-shot-meta .wp-block-post-terms a{font-size:11px}
  .yon-home .yon-shots .wp-block-post-title{font-size:15px!important;line-height:1.45!important}
  body.yon-primary-category .yon-category-page{width:calc(100% - 36px)!important;padding-top:27px!important}
  .yon-primary-hub__head{padding-bottom:18px}
  .yon-primary-hub__head h1{font-size:25px}
  .yon-primary-tabs{gap:25px}
  .yon-primary-tabs a{padding:14px 0 13px;font-size:14px}
  .yon-primary-popular{margin-top:38px}
  .yon-primary-popular>h2,.yon-primary-section-head h2{margin-bottom:15px;font-size:20px}
  .yon-primary-popular__viewport{max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .yon-primary-popular__viewport::-webkit-scrollbar{display:none}
  .yon-primary-popular__grid{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;gap:11px!important;width:max-content!important}
  .yon-primary-popular__card{flex:0 0 min(78vw,310px)!important;width:min(78vw,310px)!important;max-width:310px!important;padding-top:40px!important;scroll-snap-align:start}
  .yon-primary-popular__card>time{height:40px!important;padding:0 11px!important;font-size:11px}
  .yon-primary-popular__copy{height:96px!important;min-height:96px!important;max-height:96px!important;padding:10px 11px!important}
  .yon-primary-popular__copy small{margin-bottom:6px;font-size:11px}
  .yon-primary-popular__copy strong{font-size:16px;line-height:1.45}
  .yon-primary-recent{margin-top:38px}
  .yon-primary-section-head{margin-bottom:15px;padding-bottom:11px}
  .yon-primary-recent ol{grid-template-columns:1fr!important;gap:12px!important}
  .yon-primary-recent li>a{grid-template-columns:104px minmax(0,1fr);gap:14px;padding-bottom:12px}
  .yon-primary-recent__copy time{margin-bottom:4px;font-size:11px}
  .yon-primary-recent__copy small{margin-bottom:3px;font-size:11px}
  .yon-primary-recent__copy strong{font-size:16px;line-height:1.45}
  .yon-primary-pagination{margin-top:30px}
}

/* Second-level (2차) category page: flat card grid, no carousel, no section heading. */
.yon-primary-popular--grid{margin-top:40px}
.yon-primary-popular--grid .yon-primary-popular__grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  flex-flow:row wrap!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.yon-primary-popular--grid .yon-primary-popular__card{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.yon-primary-empty{margin-top:40px;color:#707674;font-size:15px}

@media (max-width:720px){
  .yon-primary-popular--grid{margin-top:30px}
  .yon-primary-popular--grid .yon-primary-popular__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:auto!important;
    gap:12px 10px!important;
  }
  .yon-primary-popular--grid .yon-primary-popular__card{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    scroll-snap-align:none!important;
  }
}