/* ==========================================================================
   9romit UI v8.8 - Hero 아래 빈공간 완전 제거 (v8.7 + padding fix)
   ========================================================================== */

:root{
    --r-ac:#3182f6; --r-bd:#e5e8eb; --r-bg:#f2f4f6; --r-rd:16px;
    --r-sp:cubic-bezier(.34,1.56,.64,1); --r-sm:cubic-bezier(.22,1,.36,1);
    --r-trans:all .2s cubic-bezier(.16,1,.3,1);
    --toss-black:#191f28; --toss-gray-900:#333d4b; --toss-gray-700:#4e5968;
    --toss-gray-200:#e5e8eb; --toss-gray-100:#f2f4f6; --toss-white:#ffffff; --toss-blue:#3182f6;
    --r-radius-sm:12px; --r-radius-md:16px; --r-radius-lg:20px; --r-radius-xl:24px; --r-radius-full:999px;
    --r-shadow-card:0 4px 20px rgba(0,0,0,.04); --r-shadow-hover:0 12px 32px rgba(0,0,0,.08); --r-shadow-soft:0 1px 4px rgba(0,0,0,.04);
}
html{ scroll-behavior:smooth; }
body{ background:var(--r-bg)!important; color:var(--toss-black)!important; font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif!important; -webkit-font-smoothing:antialiased!important; letter-spacing:-.02em!important; }
.separate-containers .site-main{ margin-top:0!important; }
.site-content,#page,.content-area{ padding-top:0!important; }
.page-id-683 .site-main{ margin-top:0!important; }
.site.grid-container{ max-width:1280px!important; }

/* GeneratePress inner-container 40px 패딩 전부 죽이기 - 핵심 */
.page-id-683 .site-main .wp-block-group__inner-container,
.site-main .wp-block-group__inner-container,
.wp-block-group__inner-container{
    padding-top:0!important;
    padding-bottom:0!important;
}
.page-id-683 .site-main .wp-block-group__inner-container{ padding-left:10px!important; padding-right:10px!important; }

/* ARTICLE CARD */
.separate-containers .inside-article{ background:#fff!important; border:1px solid var(--r-bd)!important; border-radius:20px!important; box-shadow:var(--r-shadow-soft)!important; padding:28px!important; overflow:hidden!important; }
.separate-containers .inside-article:has(.r9-final-hero),.page-id-683 .inside-article,.post-683 .inside-article{ background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; }

/* HEADER / NAV */
.site-header{ background:rgba(14,14,16,.88)!important; backdrop-filter:blur(20px) saturate(180%)!important; -webkit-backdrop-filter:blur(20px) saturate(180%)!important; border-bottom:1px solid rgba(255,255,255,.08)!important; position:sticky!important; top:0!important; z-index:9999!important; padding:10px 0!important; }
.inside-header{ max-width:1320px!important; margin:0 auto!important; padding:0 16px!important; display:flex!important; align-items:center!important; gap:18px!important; }
.site-logo img{ height:30px!important; width:auto!important; filter:brightness(1.1)!important; }
#site-navigation,#site-navigation .inside-navigation,#site-navigation .main-nav{ overflow:visible!important; position:relative!important; }
#site-navigation{ flex:1!important; background:transparent!important; border:0!important; box-shadow:none!important; min-width:0!important; }
#site-navigation .inside-navigation{ background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:999px!important; padding:5px!important; display:flex!important; align-items:center!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; }
#site-navigation .main-nav{ width:100%!important; }
#site-navigation .main-nav > ul{ display:flex!important; align-items:center!important; gap:2px!important; width:100%!important; margin:0!important; padding:0 2px!important; list-style:none!important; }
#site-navigation .main-nav > ul > li{ position:relative!important; flex:0 0 auto!important; }
#site-navigation .main-nav ul li a{ position:relative!important; display:flex!important; align-items:center!important; background:transparent!important; color:rgba(255,255,255,.72)!important; border-radius:999px!important; padding:6px 10px!important; font-size:12.5px!important; font-weight:600!important; white-space:nowrap!important; text-decoration:none!important; }
#site-navigation .main-nav ul li a:hover,
#site-navigation .main-nav ul li.current-menu-item > a{ background:#fff!important; color:#111!important; }
#site-navigation .dropdown-menu-toggle,#site-navigation button.dropdown-menu-toggle,#site-navigation .gp-icon,
#generate-slideout-menu .dropdown-menu-toggle,#generate-slideout-menu button.dropdown-menu-toggle,#generate-slideout-menu .gp-icon{ display:none!important; width:0!important; height:0!important; opacity:0!important; pointer-events:none!important; }
#site-navigation .main-nav li.menu-item-has-children > a{ padding-right:28px!important; }
#site-navigation .main-nav li.menu-item-has-children > a::after{ content:""!important; position:absolute!important; right:12px!important; top:50%!important; width:6px!important; height:6px!important; border-right:1.5px solid currentColor!important; border-bottom:1.5px solid currentColor!important; transform:translateY(-65%) rotate(45deg)!important; opacity:.65!important; }
#site-navigation .main-nav ul ul{ position:absolute!important; top:calc(100% + 12px)!important; left:0!important; z-index:10000!important; min-width:190px!important; padding:8px!important; background:#fff!important; border:1px solid #e5e8eb!important; border-radius:14px!important; box-shadow:0 12px 30px rgba(15,23,42,.12)!important; opacity:0!important; visibility:hidden!important; transform:translateY(8px)!important; pointer-events:none!important; transition:.16s ease!important; }
#site-navigation .main-nav ul ul ul{ top:-9px!important; left:calc(100% + 8px)!important; }
#site-navigation .main-nav ul li.menu-item-has-children::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; top:100%!important; height:14px!important; }
#site-navigation .main-nav ul ul li a{ display:flex!important; padding:10px 12px!important; color:#333d4b!important; border-radius:9px!important; font-size:13px!important; font-weight:600!important; }
@media (min-width:769px){
    #site-navigation .main-nav > ul > li.menu-item-has-children:hover > ul,
    #site-navigation .main-nav > ul > li.menu-item-has-children:focus-within > ul{ opacity:1!important; visibility:visible!important; transform:translateY(0)!important; pointer-events:auto!important; }
}

/* TICKER */
#g9-ticker{ --p:#3182f6; --bg:#fff; --bd:#e8ecf2; display:flex!important; align-items:center!important; gap:8px!important; background:var(--bg)!important; border:1px solid var(--bd)!important; border-radius:999px!important; padding:12px 20px!important; box-shadow:0 2px 8px rgba(15,23,42,.03)!important; overflow:hidden!important; white-space:nowrap!important; margin:16px 0!important; }
@keyframes g9-pulse{0%{box-shadow:0 0 0 0 rgba(49,130,246,.4)}70%{box-shadow:0 0 0 6px rgba(49,130,246,0)}100%{box-shadow:0 0 0 0 rgba(49,130,246,0)}}
#g9-ticker .g9-dot{ width:8px!important; height:8px!important; background:var(--p)!important; border-radius:50%!important; animation:g9-pulse 1.8s infinite!important; }
#g9-ticker .g9-ticker-label{ font-size:13px!important; font-weight:800!important; color:#0f172a!important; flex:0 0 auto!important; display:flex!important; align-items:center!important; gap:8px!important; }
#g9-ticker .g9-ticker-label::before{ content:""!important; width:6px!important; height:6px!important; background:#3182f6!important; border-radius:50%!important; box-shadow:0 0 0 4px rgba(49,130,246,.15)!important; }
#g9-ticker-track{ flex:1!important; display:flex!important; gap:18px!important; overflow-x:auto!important; scrollbar-width:none!important; mask-image:linear-gradient(to right, transparent, black 16px, black 90%, transparent)!important; }
#g9-ticker-track::-webkit-scrollbar{ display:none!important; }
#g9-ticker-track a{ font-size:13px!important; color:#475569!important; text-decoration:none!important; display:inline-flex!important; align-items:center!important; gap:4px!important; flex:0 0 auto!important; background:#f8fafc!important; border:1px solid #eef2f7!important; padding:0 12px!important; height:30px!important; border-radius:999px!important; }
#g9-ticker-track a b{ color:#0f172a!important; font-weight:800!important; width:18px!important; height:18px!important; display:grid!important; place-items:center!important; background:#fff!important; border:1px solid #e5e8eb!important; border-radius:50%!important; font-size:11px!important; }

/* SEARCH */
.r9-home-search{ margin:18px 0!important; }
.r9-home-search form{ display:flex!important; align-items:center!important; gap:8px!important; background:#fff!important; border:1px solid #e8ecf2!important; border-radius:999px!important; padding:8px 8px 8px 18px!important; max-width:720px!important; margin:0 auto!important; }
.r9-home-search input{ flex:1!important; border:0!important; outline:0!important; font-size:14px!important; background:transparent!important; }
.r9-home-search button{ border:0!important; background:#0f172a!important; color:#fff!important; padding:10px 18px!important; border-radius:999px!important; font-weight:700!important; cursor:pointer!important; }

/* AFF */
.r9-aff{ box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:18px 20px!important; padding-top:26px!important; border-radius:20px!important; text-decoration:none!important; margin:0 0 20px!important; width:100%!important; position:relative!important; }
.r9-aff::before{ content:"Sponsored"!important; position:absolute!important; top:8px!important; left:14px!important; font-size:11px!important; font-weight:700!important; color:#9aa4b2!important; text-transform:uppercase!important; }
.r9-aff-left{ display:flex!important; gap:8px!important; align-items:center!important; flex:1!important; min-width:0!important; }
.r9-aff-icon{ width:44px!important; height:44px!important; border-radius:20px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:22px!important; flex:0 0 44px!important; }
.r9-aff-badge{ font-size:11px!important; font-weight:800!important; padding:3px 8px!important; border-radius:999px!important; display:inline-flex!important; margin-bottom:6px!important; }
.r9-aff-title{ font-size:15px!important; font-weight:800!important; line-height:1.35!important; word-break:keep-all!important; }
.r9-aff-desc{ font-size:12.5px!important; opacity:.85!important; margin-top:3px!important; word-break:keep-all!important; }
.r9-aff-cta{ flex:0 0 auto!important; padding:10px 16px!important; border-radius:999px!important; font-size:13px!important; font-weight:800!important; }
.r9-aff-nord{ background:linear-gradient(135deg,#0f172a 0%,#1e40af 55%,#3b82f6 100%)!important; color:#fff!important; border:1px solid rgba(255,255,255,.1)!important; }
.r9-aff-nord .r9-aff-icon{ background:rgba(255,255,255,.12)!important; }
.r9-aff-nord .r9-aff-badge{ background:rgba(255,255,255,.15)!important; color:#bfdbfe!important; }
.r9-aff-vultr{ background:#fff!important; border:1px solid #e5e8eb!important; color:#191f28!important; }
.r9-aff-vultr .r9-aff-icon{ background:#eef4ff!important; } .r9-aff-vultr .r9-aff-badge{ background:#eef4ff!important; color:#3182f6!important; border:1px solid #dbeafe!important; }
.r9-aff-vultr .r9-aff-cta{ background:#191f28!important; color:#fff!important; }
.r9-aff-nord .r9-aff-cta{ background:#fff!important; color:#191f28!important; }

/* ===== HERO - 메인/사이드 높이 100% 동기화 최종본 ===== */
.r9-final-hero-wrap{ 
  margin:0 0 16px!important; 
  padding:0!important; 
  width:100%!important; 
  max-width:none!important; 
}
.r9-final-hero-wrap > .wp-block-group__inner-container{
  margin:0!important; 
  padding:0!important; 
  gap:8px!important; 
  display:flex!important; 
  flex-direction:column!important;
}
.r9-final-hero{ 
  margin:0!important; 
  padding:0!important; 
  width:100%!important; 
  max-width:none!important; 
}
.r9-final-hero > .wp-block-group__inner-container{
  display:grid!important; 
  grid-template-columns:1.65fr 1fr!important; 
  gap:8px!important;
  align-items:stretch!important; /* 핵심: start -> stretch */
  margin:0!important; 
  padding:0!important; 
  width:100%!important; 
  max-width:none!important;
}

/* 양쪽 래퍼 100% 높이 */
.r9-final-main,
.r9-final-side{ 
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0!important;
}
.r9-final-main > .wp-block-group__inner-container,
.r9-final-side > .wp-block-group__inner-container{ 
  margin:0!important; 
  padding:0!important; 
  width:100%!important; 
  max-width:none!important; 
  gap:0!important;
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

/* 왼쪽 메인 - 카드가 100% 채우기 */
.r9-final-main .wp-block-group__inner-container{ gap:0!important; padding:0!important; }
.r9-final-main .wp-block-post{
  background:#fff!important; 
  border:1px solid var(--r-bd)!important; 
  border-radius:20px!important; 
  overflow:hidden!important;
  box-shadow:var(--r-shadow-soft)!important; 
  display:flex!important; 
  flex-direction:column!important;
  flex:1!important;
  height:100%!important; 
  min-height:100%!important; 
  gap:0!important; 
  margin:0!important;
}
.r9-final-main .wp-block-post-featured-image,
.r9-final-main figure.wp-block-post-featured-image,
.r9-final-main .wp-block-post-featured-image a{
  margin:0!important; 
  background:#f1f5f9!important; 
  overflow:hidden!important;
  display:block!important;
  height:auto!important; 
  aspect-ratio:16 / 10!important;
  position:relative!important;
  flex:0 0 auto!important;
}
.r9-final-main .wp-block-post-featured-image img,
.r9-final-main figure.wp-block-post-featured-image img,
.r9-final-main img.wp-post-image{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16 / 10!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  border:0!important;
  display:block!important;
  border-radius:0!important;
  transition:transform .4s cubic-bezier(.22,1,.36,1)!important;
}
.r9-final-main .wp-block-post:hover .wp-block-post-featured-image img{
  transform:scale(1.03)!important;
}
.r9-final-main .r9-cat-badge{ padding:16px 22px 0!important; margin:0 0 2px!important; }
.r9-final-main .wp-block-post-title{ margin:0!important; padding:12px 22px 10px!important; }
.r9-final-main .wp-block-post-title a{ font-size:24px!important; font-weight:800!important; line-height:1.38!important; letter-spacing:-.03em!important; }
.r9-final-main .wp-block-post-excerpt{
  margin:0!important; padding:4px 22px 24px!important;
  display:flex!important; flex-direction:column!important; gap:8px!important; flex:1!important;
}
.r9-final-main .wp-block-post-excerpt__excerpt{
  margin:0!important; padding:0!important; font-size:14.5px!important; line-height:1.75!important; color:#4e5968!important;
  display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important;
}
.r9-final-main .wp-block-post-excerpt__more-link{
  margin:2px 0 0!important; display:inline-flex!important; font-size:13px!important; font-weight:700!important; color:#3182f6!important;
}

/* ===== 오른쪽 사이드 - 메인 높이 맞춤 + 하단 패딩 추가 ===== */
.r9-pop-head{ 
  font-size:13px!important; font-weight:800!important; color:#8b95a1!important; 
  margin:0 0 10px 4px!important; display:flex!important; align-items:center!important; gap:6px!important; 
}
.r9-pop-head::before{ 
  content:""!important; width:6px!important; height:6px!important; 
  background:#3182f6!important; border-radius:50%!important; 
  box-shadow:0 0 0 4px rgba(49,130,246,.15)!important; 
}
.r9-section-title{ 
  font-size:18px!important; font-weight:800!important; 
  margin:0 0 14px 0!important; color:#0f172a!important; 
  display:flex!important; align-items:center!important; gap:6px!important; 
}

.r9-final-side{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
}
.r9-final-side > .wp-block-group__inner-container{
  margin:0!important;
  padding:0 0 14px!important; /* 하단 패딩 추가 */
  width:100%!important;
  max-width:none!important;
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  box-sizing:border-box!important;
}

.r9-final-side .r9-query-side{ 
  display:flex!important; 
  flex-direction:column!important; 
  gap:8px!important; 
  justify-content:stretch!important;
  flex:1!important; 
  height:100%!important; 
  min-height:100%!important;
  padding-bottom:8px!important; /* 카드들 하단 여유 */
  box-sizing:border-box!important;
}

/* 카드 - flex:1로 메인 높이 맞춤 */
.r9-final-side .r9-side-pop{ 
  display:flex!important; 
  flex-direction:row!important; 
  flex:1 1 0!important;
  height:auto!important; 
  min-height:108px!important;
  max-height:none!important;
  background:#fff!important; 
  border:1px solid #e2e6ea!important; 
  border-radius:20px!important; 
  overflow:hidden!important; 
  box-shadow:0 1px 4px rgba(15,23,42,.04)!important; 
  padding:0!important; 
  transition:all .18s ease!important;
}
.r9-final-side .r9-side-pop:hover{ 
  transform:translateY(-1px)!important; 
  box-shadow:0 6px 16px rgba(0,0,0,.06)!important; 
  border-color:#d1d5db!important; 
}
.r9-final-side .r9-side-pop .r9-thumb{ 
  order:2!important; 
  flex:0 0 38%!important; 
  width:38%!important; 
  height:auto!important; 
  min-height:100%!important;
  background:#f1f5f9!important; 
  margin:0!important; 
  overflow:hidden!important;
}
.r9-final-side .r9-side-pop .r9-thumb img{ 
  width:100%!important; 
  height:100%!important; 
  object-fit:cover!important; 
  display:block!important; 
}
.r9-final-side .r9-side-pop .r9-right{ 
  order:1!important; 
  flex:1!important; 
  min-width:0!important; 
  display:flex!important; 
  flex-direction:column!important; 
  justify-content:center!important; 
  gap:6px!important; 
  padding:10px 12px!important; 
}
.r9-final-side .r9-side-pop .r9-cat-badge.small{ 
  margin:0!important; 
  display:flex!important; 
  flex-wrap:nowrap!important; 
  gap:4px!important; 
  overflow:hidden!important; 
  max-height:22px!important;
}
.r9-final-side .r9-side-pop .r9-cat-badge a{ 
  display:inline-flex!important; 
  background:#f1f5f9!important; 
  color:#64748b!important; 
  border:1px solid #e2e8eb!important; 
  font-size:10px!important; 
  font-weight:700!important; 
  padding:2px 6px!important; 
  border-radius:999px!important; 
  line-height:1!important; 
  white-space:nowrap!important; 
  flex:0 0 auto!important;
}
.r9-final-side .r9-side-pop .r9-cat-badge a:nth-child(n+2){ display:none!important; }
.r9-final-side .r9-side-pop .r9-bottom-title{ 
  margin:0!important; 
  font-size:13px!important; 
  font-weight:700!important; 
  line-height:1.35!important; 
  display:-webkit-box!important; 
  -webkit-line-clamp:2!important; 
  -webkit-box-orient:vertical!important; 
  overflow:hidden!important; 
}
.r9-final-side .r9-side-pop .r9-bottom-title a{ 
  color:#191f28!important; 
  text-decoration:none!important; 
  word-break:keep-all!important; 
}

@media(max-width:900px){
  .r9-final-hero > .wp-block-group__inner-container{ grid-template-columns:1fr!important; }
  .r9-final-main, .r9-final-side{ height:auto!important; }
  .r9-final-side > .wp-block-group__inner-container{
    padding-bottom:0!important;
  }
  .r9-final-side .r9-query-side{
    padding-bottom:0!important;
  }
  .r9-final-side .r9-side-pop{ flex:0 0 auto!important; min-height:96px!important; }
  .r9-final-main .wp-block-post-featured-image,
  .r9-final-main img.wp-post-image{ aspect-ratio:16 / 9!important; }
}


/* BOTTOM 3열 */
.r9-final-bottom{ margin:6px 0!important; }
.r9-final-bottom .wp-block-group__inner-container{ padding:0!important; margin:0!important; width:100%!important; }
.r9-final-bottom .wp-block-post-template, .r9-bottom-grid{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:8px!important; }
.r9-final-bottom .r9-bottom-card{ display:flex!important; flex-direction:row!important; height:120px!important; background:#fff!important; border:1px solid #e5e8eb!important; border-radius:18px!important; overflow:hidden!important; }
.r9-final-bottom .r9-thumb{ order:2!important; flex:0 0 110px!important; width:110px!important; height:120px!important; background:#f1f5f9!important; overflow:hidden!important; }
.r9-final-bottom .r9-thumb img{ width:100%!important; height:100%!important; object-fit:cover!important; }
.r9-final-bottom .r9-right{ order:1!important; flex:1!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; padding:12px 14px!important; }
.r9-final-bottom .r9-bottom-title{ margin:0!important; font-size:14px!important; font-weight:700!important; line-height:1.35!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; }
.r9-final-bottom .r9-bottom-title a{ color:#191f28!important; text-decoration:none!important; }

/* IT UTILITY */
.r9-home-it-wrap{ border:1px solid #e8ecf2!important; border-radius:20px!important; padding:18px!important; background:#fff!important; margin:24px 0!important; box-shadow:var(--r-shadow-card)!important; }
.r9-home-it-head{ display:flex!important; justify-content:space-between!important; align-items:center!important; margin-bottom:14px!important; padding-left:12px!important; border-left:4px solid #616aff!important; }
.r9-home-it-title{ font-weight:800!important; font-size:15px!important; }
.r9-home-it-live{ font-size:11px!important; font-weight:800!important; color:#ef4444!important; background:#fef2f2!important; padding:4px 8px!important; border-radius:999px!important; border:1px solid #fecaca!important; }
.r9-home-it-grid{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:8px!important; }
.r9-it-card{ display:flex!important; align-items:center!important; gap:8px!important; padding:12px!important; border:1px solid #f1f5f9!important; border-radius:14px!important; text-decoration:none!important; color:#0f172a!important; font-size:13px!important; font-weight:600!important; }
.r9-it-card:hover{ border-color:#cbd5e1!important; background:#f8fafc!important; }
.r9-it-badge{ width:36px!important; height:36px!important; border-radius:10px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:18px!important; flex:0 0 36px!important; }

/* BADGE / ETC */
.r9-cat-badge a{ text-decoration:none!important; font-size:12px!important; font-weight:700!important; color:#334155!important; background:#f1f5f9!important; padding:4px 8px!important; border-radius:999px!important; display:inline-block!important; border:1px solid #e2e8eb!important; }
.r9-cat-badge.small a{ font-size:11px!important; }
.r9-final-bottom-wrap{ padding-left:20px!important; padding-right:20px!important; margin:16px 0 0!important; }
.rank-math-breadcrumb{ padding:10px 0; font-size:14px; color:#666; }

/* MOBILE */
@media(max-width:900px){
  .r9-final-hero > .wp-block-group__inner-container{ grid-template-columns:1fr!important; gap:8px!important; }
  .r9-final-bottom .wp-block-post-template, .r9-bottom-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .r9-home-it-grid{ grid-template-columns:repeat(2,1fr)!important; }
}

/* Sidebar widgets - round style */
.sidebar .widget {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.sidebar .widget_block {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.sidebar .widget_block > * {
    border-radius: 20px !important;
}
.sidebar .g9-card {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.sidebar .it-util-light {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.sidebar .popular-posts {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.sidebar .wpp-list {
    border-radius: 20px !important;
    overflow: hidden !important;
}

@media(max-width:768px){
  .r9-aff{ flex-direction:column!important; align-items:stretch!important; }
}
@media(max-width:600px){
  .r9-final-bottom .wp-block-post-template, .r9-bottom-grid{ grid-template-columns:1fr!important; }
}

/* Mobile single-page style */
/* Mobile: title/tag/category/table style */
@media (max-width: 900px) {
  .r9-section-title { font-size: 1.05rem !important; }
  .wp-block-heading, .r9-bottom-title { font-size: 1rem !important; }
  .taxonomy-category .wp-block-post-terms a, .r9-cat-badge a {
    font-size: 0.75rem !important;
    padding: 4px 10px !important;
  }
  .r9-cat-badge.small a {
    font-size: 0.72rem !important;
    padding: 3px 8px !important;
  }
  table, .wp-block-table { font-size: 0.82rem !important; }
  th, td { padding: 8px 10px !important; }
}
@media (max-width: 600px) {
  .r9-section-title { font-size: 0.95rem !important; }
  .wp-block-heading, .r9-bottom-title { font-size: 0.92rem !important; }
  .taxonomy-category .wp-block-post-terms a, .r9-cat-badge a {
    font-size: 0.7rem !important;
    padding: 3px 8px !important;
  }
  table, .wp-block-table { font-size: 0.78rem !important; }
  th, td { padding: 6px 8px !important; }
}

@media (max-width: 900px) {
  .r9-final-hero-wrap, .r9-final-side-wrap { max-width: 100% !important; padding: 0 12px !important; }
  .r9-final-hero, .r9-final-side { flex-direction: column !important; gap: 12px !important; }
  .r9-final-main, .r9-final-side { min-height: auto !important; height: auto !important; }
  .r9-final-main .wp-block-post-featured-image img { height: 180px !important; max-height: 180px !important; }
  .r9-final-side .r9-side-pop { height: auto !important; min-height: auto !important; }
  .r9-final-side .r9-thumb img { height: 120px !important; width: 120px !important; }
}
@media (max-width: 768px) {
  .r9-final-bottom .wp-block-post-template, .r9-bottom-grid { grid-template-columns: 1fr !important; }
  .r9-final-bottom .r9-bottom-card { flex-direction: column !important; height: auto !important; }
  .r9-final-bottom .r9-thumb { order: 1 !important; width: 100% !important; height: 180px !important; flex: none !important; }
  .r9-final-bottom .r9-right { order: 2 !important; padding: 14px !important; }
  .r9-home-it-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  .r9-final-hero-wrap, .r9-final-side-wrap { padding: 0 8px !important; }
  .r9-final-main .wp-block-post-featured-image img { height: 160px !important; max-height: 160px !important; }
  .r9-final-side .r9-thumb img { height: 100px !important; width: 100px !important; }
  .inside-header { padding: 0 10px !important; }
}

/* Toss/Kakao style: typography, tables, tags, categories */
.r9-section-title {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.wp-block-post-title,
.r9-bottom-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

.r9-cat-badge a {
  background: #eef2ff !important;
  color: #3b3fb0 !important;
  border: 1px solid #e0e4ff !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.r9-cat-badge.small a {
  font-size: 11px !important;
  padding: 4px 8px !important;
}

.wp-block-post-terms a {
  background: #eef2ff !important;
  color: #3b3fb0 !important;
  border: 1px solid #e0e4ff !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.wp-block-post-terms__separator {
  display: none !important;
}

table,
.wp-block-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e5e7eb !important;
  margin: 16px 0 !important;
  font-size: 14px !important;
}

table thead th,
.wp-block-table thead th {
  background: #f8fafc !important;
  color: #111827 !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #e5e7eb !important;
  text-align: left !important;
}

table tbody td,
.wp-block-table tbody td {
  padding: 12px 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155 !important;
  background: #fff !important;
}

table tbody tr:hover td,
.wp-block-table tbody tr:hover td {
  background: #f8fafc !important;
}

.wp-block-tag-cloud a,
.tagcloud a {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1px solid #e5e7eb !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 4px 4px 0 0 !important;
  transition: all 0.2s ease !important;
}

.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
  background: #f5f3ff !important;
  border-color: #c7d2fe !important;
  color: #312e81 !important;
  transform: translateY(-1px) !important;
}