/* RIME_INDEX_DARK_UNIFY_V4
   Dark-mode rule: one canvas color (var(--rime-bg, #171717)) from logo header through footer.
   Cards remain deliberately elevated surfaces.
*/
html[data-theme="dark"]{
  --rime-home-canvas:var(--rime-bg, #171717) !important;
  --rb-bg:var(--rime-bg, #171717) !important;

  /* card/surface tokens are intentionally distinct from the page canvas */
  --rb-surface:var(--rime-card, #222222) !important;
  --rb-surface2:var(--rime-card, #222222) !important;
  --rb-line:var(--rime-line, #2f2f2f) !important;
  --rb-text:var(--rime-ink, #e9eaf1) !important;
  --rb-muted:var(--rime-muted, #9a9eb2) !important;
}

/* Kill every page-level background layer that caused the visible bands. */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body[data-rime-search-only],
html[data-theme="dark"] body[data-rime-search-only] .site-head,
html[data-theme="dark"] body[data-rime-search-only] header.site-head,
html[data-theme="dark"] body[data-rime-search-only] main,
html[data-theme="dark"] body[data-rime-search-only] main.wrap,
html[data-theme="dark"] body[data-rime-search-only] #rime-bento-home,
html[data-theme="dark"] body[data-rime-search-only] footer,
html[data-theme="dark"] body[data-rime-search-only] .site-footer{
  background:var(--rime-bg, #171717) !important;
  background-color:var(--rime-bg, #171717) !important;
  background-image:none !important;
}

/* Header had its own dark layer in the old home remake CSS. */
html[data-theme="dark"] body[data-rime-search-only] .site-head{
  border-bottom-color:transparent !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body[data-rime-search-only] .site-head::before,
html[data-theme="dark"] body[data-rime-search-only] .site-head::after,
html[data-theme="dark"] body[data-rime-search-only] main.wrap::before,
html[data-theme="dark"] body[data-rime-search-only] main.wrap::after{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Remove any wrapper/panel canvas inherited from older home mockups. */
html[data-theme="dark"] body[data-rime-search-only] .wrap,
html[data-theme="dark"] body[data-rime-search-only] .home-shell,
html[data-theme="dark"] body[data-rime-search-only] .home-main,
html[data-theme="dark"] body[data-rime-search-only] .home-content,
html[data-theme="dark"] body[data-rime-search-only] .services{
  background:transparent !important;
  background-image:none !important;
}

/* Bento cards: elevated but neutral, no blue-ish page-sized patches. */
html[data-theme="dark"] .rb-card{
  background:var(--svc-dark,var(--rime-card, #222222)) !important;
  border-color:var(--rime-line, #2f2f2f) !important;
}
html[data-theme="dark"] .rb-card-icon{
  background:var(--rime-chip, #2c2c2c) !important;
}
html[data-theme="dark"] .rb-hero{
  --svc-dark:var(--rime-card, #222222);
  background:linear-gradient(135deg,var(--svc-dark),var(--rime-card, #222222)) !important;
  border-color:var(--rime-line, #2f2f2f) !important;
}

/* A service-specific dark color is allowed only inside the card itself. */
html[data-theme="dark"] .rb-hero[style*="--svc-dark"]{
  background:linear-gradient(135deg,var(--svc-dark),var(--rime-card, #222222)) !important;
}

/* Category separator and footer separator remain visible without creating bands. */
html[data-theme="dark"] .rb-title::after,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] footer{
  border-color:var(--rime-line, #2f2f2f) !important;
}

/* Safari/iOS overscroll canvas */
@supports (-webkit-touch-callout:none){
  html[data-theme="dark"],
  html[data-theme="dark"] body{
    min-height:100%;
    background:var(--rime-bg, #171717) !important;
  }
}

/* 로고 영역 자체를 확실히 축소 */
body[data-rime-search-only] .site-head{
  min-height:90px!important;
  height:90px!important;
  padding:6px 24px!important;
}

/* 로고 이미지/영역도 너무 크게 공간 차지하지 않게 */
body[data-rime-search-only] .site-head .logo-h1{
  margin:0!important;
  padding:0!important;
}

/* 로고 끝나자마자 콘텐츠가 좀 더 빨리 시작 */
body[data-rime-search-only] main.wrap{
  padding-top:14px!important;
}

/* 대표 카드 제목 ↔ 버튼 간격 */
.rb-hero h2{
  margin:0 0 16px!important;
}

.rb-hero .rb-go{
  margin-top:0!important;
}

/* 설명이 있는 경우는 제목-설명-버튼 간격 정상화 */
.rb-hero h2 + p{
  margin-top:-6px!important;
  margin-bottom:16px!important;
}

/* 이전에 넣은 강제 이동 무효화 */
body[data-rime-search-only] .site-head .logo-h1{
  transform:none!important;
  top:auto!important;
  margin:0!important;
  padding:0!important;
}

/* 헤더 높이는 조금 확보하고 로고가 잘리지 않게 */
body[data-rime-search-only] .site-head{
  height:112px!important;
  min-height:112px!important;
  padding:14px 24px 6px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* 로고 자체만 아주 살짝 아래 */
body[data-rime-search-only] .site-head .logo-h1{
  position:relative!important;
  top:6px!important;
}

/* 헤더가 조금 커진 만큼 본문은 바로 이어지게 */
body[data-rime-search-only] main.wrap{
  padding-top:8px!important;
}

/* 모바일도 동일 원칙 */
@media(max-width:640px){
  body[data-rime-search-only] .site-head{
    height:106px!important;
    min-height:106px!important;
    padding:12px 14px 4px!important;
    overflow:visible!important;
  }

  body[data-rime-search-only] .site-head .logo-h1{
    transform:none!important;
    top:5px!important;
  }

  body[data-rime-search-only] main.wrap{
    padding-top:8px!important;
  }
}

/* 헤더: 로고가 들어갈 실제 공간 확보 */
body[data-rime-search-only] .site-head{
  position:relative!important;
  height:118px!important;
  min-height:118px!important;
  padding:16px 24px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* 이전에 넣었던 top / transform 완전히 초기화 */
body[data-rime-search-only] .site-head .logo-h1{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;

  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}

/* 실제 Navy 로고도 원위치 복구 */
body[data-rime-search-only] .site-head #logo,
body[data-rime-search-only] .site-head .rime-logo{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;

  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;

  width:auto!important;
  height:auto!important;
  max-width:180px!important;
  max-height:86px!important;

  margin:0!important;
  padding:.18em 0 .18em .38em!important;
  overflow:visible!important;

  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:.38em!important;
}

/* 로고 밑에서 바로 콘텐츠 시작 */
body[data-rime-search-only] main.wrap{
  padding-top:8px!important;
}

/* 모바일 */
@media(max-width:640px){
  body[data-rime-search-only] .site-head{
    height:104px!important;
    min-height:104px!important;
    padding:14px 12px 6px!important;
  }

  body[data-rime-search-only] .site-head .logo-h1{
    position:static!important;
    top:auto!important;
    transform:none!important;
  }

  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    max-width:108px!important;
    max-height:70px!important;
    font-size:18px!important;
  }

  body[data-rime-search-only] main.wrap{
    padding-top:8px!important;
  }
}

/* Navy INDEX HEADER MOBILE FINAL */

body[data-rime-search-only] .site-head{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:118px!important;
  min-height:118px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* viewport-centered logo */
body[data-rime-search-only] .site-head .logo-h1{
  position:absolute!important;
  left:50vw!important;
  top:14px!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  z-index:10!important;
}

body[data-rime-search-only] .site-head #logo,
body[data-rime-search-only] .site-head .rime-logo{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

/* theme control */
body[data-rime-search-only] .site-head #theme-seg.theme-seg{
  position:absolute!important;
  top:20px!important;
  right:72px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:4px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  z-index:20!important;
}

body[data-rime-search-only] .site-head #theme-seg.theme-seg button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
}

/* login/profile button */
body[data-rime-search-only] .site-head #auth-slot,
body[data-rime-search-only] .site-head .auth-slot{
  position:absolute!important;
  top:20px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  z-index:21!important;
}

body[data-rime-search-only] .site-head #auth-slot .auth-btn,
body[data-rime-search-only] .site-head .auth-slot .auth-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}

body[data-rime-search-only] .site-head .auth-btn img{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

body[data-rime-search-only] main.wrap{
  padding-top:8px!important;
}

/* MOBILE */
@media(max-width:640px){
  body[data-rime-search-only] .site-head{
    height:102px!important;
    min-height:102px!important;
  }

  body[data-rime-search-only] .site-head .logo-h1{
    left:50vw!important;
    top:12px!important;
    transform:translateX(-50%)!important;
  }

  body[data-rime-search-only] .site-head #theme-seg.theme-seg{
    top:14px!important;
    right:58px!important;
    height:38px!important;
    min-height:38px!important;
    padding:3px!important;
  }

  body[data-rime-search-only] .site-head #theme-seg.theme-seg button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }

  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:14px!important;
    right:10px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }

  body[data-rime-search-only] .site-head #auth-slot .auth-btn,
  body[data-rime-search-only] .site-head .auth-slot .auth-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }

  body[data-rime-search-only] .site-head .auth-btn img{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }

  body[data-rime-search-only] main.wrap{
    width:calc(100% - 24px)!important;
    padding-top:4px!important;
  }

  /* compact featured cards */
  .rb-featured{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }

  .rb-hero{
    min-height:144px!important;
    height:auto!important;
    padding:18px!important;
    gap:14px!important;
    border-radius:18px!important;
  }

  .rb-hero h2{
    font-size:19px!important;
    line-height:1.25!important;
    margin:0 0 12px!important;
  }

  .rb-go{
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }

  .rb-hero-icon{
    width:78px!important;
    height:78px!important;
    flex:0 0 78px!important;
  }

  .rb-hero-icon img,
  .rb-hero-icon svg{
    width:68px!important;
    height:68px!important;
    max-width:68px!important;
    max-height:68px!important;
    border-radius:15px!important;
  }

  /* compact 2-column normal cards */
  .rb-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .rb-card{
    min-height:76px!important;
    grid-template-columns:38px minmax(0,1fr) 14px!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:14px!important;
  }

  .rb-card-icon{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
  }

  .rb-card-icon img,
  .rb-card-icon svg{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }

  .rb-card-title{
    font-size:12px!important;
    line-height:1.3!important;
  }

  .rb-card-desc{
    display:none!important;
  }

  .rb-section{
    margin-bottom:22px!important;
  }

  .rb-title{
    margin-bottom:10px!important;
    font-size:16px!important;
  }
}

@media(max-width:380px){
  .rb-card{
    grid-template-columns:34px minmax(0,1fr) 12px!important;
    padding:9px!important;
  }
  .rb-card-title{
    font-size:11.5px!important;
  }
}

/* MOBILE THEME: single circular control */
@media(max-width:640px){

  body[data-rime-search-only] .site-head #theme-seg.theme-seg{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;

    top:14px!important;
    right:58px!important;

    padding:0!important;
    border-radius:50%!important;

    display:grid!important;
    place-items:center!important;

    overflow:hidden!important;
  }

  body[data-rime-search-only] .site-head #theme-seg.theme-seg button{
    display:none!important;

    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;
  }

  /* 현재 선택된 테마 아이콘만 표시 */
  body[data-rime-search-only] .site-head #theme-seg.theme-seg button.on{
    display:grid!important;
    place-items:center!important;
  }

  /* 로그인 원도 같은 크기 */
  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:14px!important;
    right:10px!important;

    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }

  body[data-rime-search-only] .site-head #auth-slot .auth-btn,
  body[data-rime-search-only] .site-head .auth-slot .auth-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}

/* =========================================================
   Navy HEADER AUTH FINAL
   - desktop: 기존 3버튼 테마 토글
   - mobile: 선택된 테마 버튼 1개만 원형 표시
   - profile/auth: 원본 크기 36x36
   ========================================================= */

/* 프로필 슬롯 자체에 불필요한 폭이 생기지 않도록 고정 */
body[data-rime-search-only] .site-head #auth-slot,
body[data-rime-search-only] .site-head .auth-slot {
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  max-width:36px !important;
  max-height:36px !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box !important;
  overflow:visible !important;
}

/* 실제 로그인/프로필 원 */
body[data-rime-search-only] .site-head #auth-slot .auth-btn,
body[data-rime-search-only] .site-head .auth-slot .auth-btn {
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  max-width:36px !important;
  max-height:36px !important;

  padding:0 !important;
  margin:0 !important;

  border-radius:50% !important;
  box-sizing:border-box !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  overflow:hidden !important;
}

/* 프로필 사진도 원에 정확히 맞춤 */
body[data-rime-search-only] .site-head #auth-slot .auth-btn img,
body[data-rime-search-only] .site-head .auth-slot .auth-btn img {
  display:block !important;

  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  border-radius:50% !important;
}


/* =========================
   MOBILE HEADER
   ========================= */

@media (max-width:640px) {

  /*
   * 오른쪽:
   *
   *       [테마] [프로필]
   *
   * 각각 36px 원형
   */

  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot {
    position:absolute !important;

    top:22px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;

    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;

    transform:none !important;
  }

  body[data-rime-search-only] .site-head #auth-slot .auth-btn,
  body[data-rime-search-only] .site-head .auth-slot .auth-btn {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
  }


  /* 모바일 테마 토글 전체를 원형 1개 크기로 */
  body[data-rime-search-only] .site-head #theme-seg.theme-seg {
    position:absolute !important;

    top:22px !important;
    right:60px !important;
    left:auto !important;
    bottom:auto !important;

    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;

    padding:0 !important;
    margin:0 !important;
    gap:0 !important;

    border-radius:50% !important;
    box-sizing:border-box !important;

    display:grid !important;
    place-items:center !important;

    transform:none !important;
    overflow:hidden !important;
  }

  /* 세 버튼 모두 숨김 */
  body[data-rime-search-only] .site-head #theme-seg.theme-seg button {
    display:none !important;
  }

  /* 현재 선택된 테마 하나만 원형으로 표시 */
  body[data-rime-search-only] .site-head #theme-seg.theme-seg button.on {
    display:grid !important;
    place-items:center !important;

    position:static !important;

    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:50% !important;

    box-sizing:border-box !important;
  }

  body[data-rime-search-only] .site-head #theme-seg.theme-seg button.on svg {
    width:18px !important;
    height:18px !important;
  }

}


/* FINAL: 테마 토글 + 로그인 정렬만 보정 */

/* 데스크톱 */
body[data-rime-search-only] .site-head #theme-seg.theme-seg{
  top:20px!important;
  right:70px!important;
  transform:none!important;
}

body[data-rime-search-only] .site-head #auth-slot,
body[data-rime-search-only] .site-head .auth-slot{
  top:24px!important;
  right:18px!important;
  transform:none!important;
}

/* 모바일 */
@media(max-width:640px){

  body[data-rime-search-only] .site-head #theme-seg.theme-seg{
    top:20px!important;
    right:60px!important;
  }

  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:20px!important;
    right:16px!important;
  }

  /* 둘 다 정확히 36px */
  body[data-rime-search-only] .site-head #theme-seg.theme-seg,
  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }

  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
  }
}

/* PC: 테마 + 로그인 버튼을 콘텐츠 상단 안쪽으로 이동 */
@media(min-width:641px){

  body[data-rime-search-only] .site-head #theme-seg.theme-seg{
    top:22px!important;

    /* 화면 중앙 기준 오른쪽 약 390px */
    left:calc(50vw + 350px)!important;
    right:auto!important;

    transform:none!important;
  }

  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:22px!important;

    /* 테마 토글 바로 오른쪽 */
    left:calc(50vw + 458px)!important;
    right:auto!important;

    transform:none!important;
  }
}

/* LOGIN BUTTON FINAL ALIGN */

/* 데스크톱 */
@media(min-width:641px){
  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:22px!important;
    left:calc(50vw + 458px)!important;
    right:auto!important;

    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    transform:none!important;
  }

  body[data-rime-search-only] .site-head #auth-slot .auth-btn,
  body[data-rime-search-only] .site-head .auth-slot .auth-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;

    margin:0!important;
    padding:0!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;
    transform:none!important;
  }
}

/* 모바일 */
@media(max-width:640px){
  body[data-rime-search-only] .site-head #auth-slot,
  body[data-rime-search-only] .site-head .auth-slot{
    top:20px!important;
    right:16px!important;

    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body[data-rime-search-only] .site-head #auth-slot .auth-btn,
  body[data-rime-search-only] .site-head .auth-slot .auth-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }
}

/* MOBILE — Navy logo size only */
@media (max-width:640px){

  body[data-rime-search-only] .site-head .logo-h1{
    width:110px!important;
    height:92px!important;
  }

  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo{
    transform:scale(1.28)!important;
    transform-origin:center center!important;
  }

}

/* MOBILE — Navy LOGO FINAL SIZE */
@media (max-width:640px){
  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo{
    transform:scale(1.65)!important;
    transform-origin:center center!important;
  }
}

/* ==================================================
   MOBILE Navy LOGO — REAL SIZE FINAL
   ================================================== */
@media (max-width:640px){

  /* 로고를 담는 중앙 영역 */
  body[data-rime-search-only] .site-head .logo-h1{
    width:150px!important;
    height:110px!important;

    left:50vw!important;
    top:18px!important;

    transform:translateX(-50%)!important;

    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;

    overflow:visible!important;
  }

  /* 실제 Navy 로고 */
  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo{
    width:130px!important;
    height:auto!important;
    max-width:none!important;

    transform:none!important;
    margin:0!important;
  }

  /* 로고가 img인 경우 실제 이미지 크기 강제 */
  body[data-rime-search-only] .site-head #logo img,
  body[data-rime-search-only] .site-head .rime-logo img{
    width:130px!important;
    height:auto!important;
    max-width:none!important;
    display:block!important;
  }
}

/* ===== MOBILE Navy LOGO SIZE — FINAL ===== */
@media (max-width:640px){

  body[data-rime-search-only] .site-head .logo-h1{
    width:100px!important;
    height:90px!important;
    left:50vw!important;
    top:18px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
  }

  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo{
    width:85px!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
  }

  body[data-rime-search-only] .site-head #logo img,
  body[data-rime-search-only] .site-head .rime-logo img{
    width:85px!important;
    height:auto!important;
    max-width:none!important;
  }
}

/* ===== MOBILE Navy LOGO SIZE 70px ===== */
@media (max-width:640px){
  body[data-rime-search-only] .site-head #logo,
  body[data-rime-search-only] .site-head .rime-logo,
  body[data-rime-search-only] .site-head #logo img,
  body[data-rime-search-only] .site-head .rime-logo img{
    width:70px!important;
    height:auto!important;
    max-width:none!important;
  }
}

/* MOBILE — 실제 Navy 로고 자체 크기 */
@media (max-width:640px){
  body[data-rime-search-only] .site-head #logo img,
  body[data-rime-search-only] .site-head .rime-logo img{
    width:60px!important;
    height:auto!important;
    max-width:none!important;
  }
}