/* Final responsive and density pass. Loaded after page styles. */

/* Reduce oversized empty states on desktop without changing their semantics. */
.dao-my-empty{min-height:180px;padding-block:18px}
.dao-my-empty img{width:78px;height:92px}
.dao-chat-thread{min-height:280px}
.dao-chat-empty{min-height:220px}
.dao-my-pagination{padding:0 18px 18px}
.dao-my-pagination nav>div:first-child{display:none}
.dao-my-pagination nav>div:last-child{display:flex;align-items:center;justify-content:center;gap:8px}
.dao-my-pagination nav span[aria-current="page"] span,
.dao-my-pagination nav a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #eadde3;border-radius:11px;background:#fff;color:#655b63;font-size:12px;font-weight:850}

/* Registration pages: shorten the introductory block and expose the first field sooner. */
.store-write-head,.job-write-head{min-height:178px;padding-top:28px;padding-bottom:28px}
.store-write-progress-card,.job-write-progress-card{top:calc(var(--dao-header-height) + 12px)}

@media(max-width:767px){
  :root{--dao-bottom-nav-height:54px}
  .dao-bottom-nav{height:54px;padding-block:2px}
  .dao-bottom-nav a{min-height:38px;font-size:10px}
  .dao-bottom-nav a img{width:24px;height:24px;padding:3px}

  /* Detail pages already provide their own back link and contact bar. Remove the second fixed bar. */
  body.dao-has-mobile-actions .dao-bottom-nav{display:none}
  body.dao-has-mobile-actions #dao-main-content{padding-bottom:76px}

  /* Registration density and step navigation. */
  .store-write-head,.job-write-head{
    min-height:132px;
    padding:14px 108px 13px 14px;
    border-radius:20px;
  }
  .store-write-head h1,.job-write-head h1{font-size:22px;line-height:1.08}
  .store-write-head__copy>p,.job-write-head__copy>p{font-size:11px;line-height:1.4}
  .store-write-head__meta,.job-write-head__meta{margin-top:7px;gap:4px}
  .store-write-head__meta span,.job-write-head__meta span{min-height:24px;font-size:9px}
  .store-write-head .dao-mascot-img,.job-write-head .dao-mascot-img{width:104px;height:118px}
  .store-write-progress-card,.job-write-progress-card{padding:9px;border-radius:16px}
  .store-write-progress-card__head,.job-write-progress-card__head{margin-bottom:6px}
  .store-write-progress-card__head strong,.job-write-progress-card__head strong{font-size:15px}
  .store-write-progress-card__count b,.job-write-progress-card__count b{font-size:17px}
  .store-write-progress,.job-write-progress{gap:5px}
  .store-write-progress__item,.job-write-progress__item{
    flex-basis:82px;
    min-height:43px;
    grid-template-columns:27px minmax(0,1fr);
    gap:5px;
    padding:5px;
  }
  .store-write-progress__num,.job-write-progress__num{width:27px;height:27px;font-size:9px}
  .store-write-progress__copy b,.job-write-progress__copy b{font-size:10px}
  .store-write-progress__copy small,.job-write-progress__copy small{display:none}
  .store-write-panel,.job-write-panel{padding:14px 12px;border-radius:18px}
  .store-write-panel__title,.job-write-panel__title{
    grid-template-columns:36px minmax(0,1fr);
    gap:9px;
    margin-bottom:12px;
    padding-bottom:11px;
  }
  .store-write-panel__index,.job-write-panel__index{width:36px;height:36px;border-radius:12px}
  .store-write-panel__title h2,.job-write-panel__title h2{font-size:18px}
  .store-write-panel__title p,.job-write-panel__title p{font-size:11px}

  /* Lists: retain one horizontal category row, but reduce its height and increase readable metadata. */
  .store-list-categories,.job-list-categories{padding-top:11px;padding-bottom:9px}
  .store-list-section-head,.job-list-section-head{margin-bottom:7px}
  .store-list-section-head h2,.job-list-section-head h2{font-size:19px}
  .store-list-category-grid,.job-list-category-grid{grid-auto-columns:68px;gap:6px}
  .store-list-category,.job-list-category{min-height:66px}
  .store-list-category__icon,.job-list-category>span{width:35px;height:35px}
  .store-list-category__icon img,.job-list-category img{width:32px;height:32px}
  .store-list-category strong,.job-list-category strong{font-size:10px}
  .store-list-badge,.job-list-badge{font-size:10px;min-height:22px}
  .store-list-card__meta small,.job-list-card__meta small{font-size:10px}
  .store-list-card__meta b,.job-list-card__meta b{font-size:11px}
  .store-list-card__location,.job-list-card__location{font-size:11px}
  .store-list-card__salary small,.job-list-card__salary small{font-size:10px}
  .store-list-card__salary b,.job-list-card__salary b{font-size:13px}
  .store-list-card__cta,.job-list-card__cta{font-size:11px}
  .store-list-field>span,.job-list-field>span{font-size:10px}

  /* Inbox and chat readability. */
  .dao-inbox-hero{min-height:166px;padding:17px 104px 16px 15px}
  .dao-inbox-hero__copy>span{font-size:10px}
  .dao-inbox-hero h1{font-size:25px}
  .dao-inbox-hero__copy>p{font-size:11px}
  .dao-inbox-stats small{font-size:10px}
  .dao-inbox-panel__head>span{font-size:10px}
  .dao-inbox-panel__head h2{font-size:19px}
  .dao-conversation__meta>span,.dao-conversation__meta time{font-size:10px}
  .dao-conversation__title strong{font-size:15px}
  .dao-conversation__title b{font-size:10px}
  .dao-conversation__body>p{font-size:12px}
  .dao-conversation__body>small{font-size:10px}
  .dao-inbox-safe>span{font-size:10px}
  .dao-inbox-safe h2{font-size:18px}
  .dao-inbox-safe>p{font-size:11px}
  .dao-inbox-safe>a{font-size:11px}

  .dao-chat-nav>a,.dao-compose-nav>a{font-size:11px}
  .dao-chat-nav>span,.dao-compose-nav>span{font-size:9px}
  .dao-chat-head__copy>span,.dao-compose-target__copy>span{font-size:9px}
  .dao-chat-head__copy h1{font-size:17px}
  .dao-chat-head__copy p,.dao-chat-head__meta b{font-size:10px}
  .dao-chat-related{font-size:10px}
  .dao-chat-safe p,.dao-compose-safe p{font-size:11px}
  .dao-chat-thread{min-height:230px;max-height:46dvh}
  .dao-chat-bubble__meta b{font-size:10px}
  .dao-chat-bubble__meta time{font-size:9px}
  .dao-chat-bubble p{font-size:14px;line-height:1.5}
  .dao-chat-reply textarea{font-size:14px}
  .dao-chat-reply__field small{font-size:9px}
  .dao-message-alert,.dao-message-error{font-size:11px}

  .dao-compose-target h1{font-size:18px}
  .dao-compose-target strong{font-size:13px}
  .dao-compose-target p{font-size:10px}
  .dao-compose-field textarea{min-height:130px;font-size:14px}
  .dao-compose-field small{font-size:9px}
  .dao-compose-form button{font-size:12px}
  .dao-compose-guide h2{font-size:17px}
  .dao-compose-guide li{font-size:10px}

  /* MY page: reduce empty space but keep touch targets and readable text. */
  .dao-my-profile__copy>span,.dao-my-summary__copy>span,.dao-my-section-head span,
  .dao-my-panel__head>div>span,.dao-my-message-card>span,.dao-my-account-card>span{font-size:10px}
  .dao-my-profile p{font-size:11px}
  .dao-my-profile__copy>b{font-size:10px}
  .dao-my-summary h2{font-size:17px}
  .dao-my-stats small{font-size:10px}
  .dao-my-section-head p,.dao-my-panel__head p{font-size:10px}
  .dao-my-quick__grid strong{font-size:13px}
  .dao-my-quick__grid small{font-size:10px}
  .dao-my-panel__head>a{font-size:10px}
  .dao-my-item__title strong{font-size:13px}
  .dao-my-item__title>span{font-size:9px}
  .dao-my-item__meta span{font-size:10px}
  .dao-my-item__actions a,.dao-my-item__actions button,.dao-my-item__actions>span{font-size:10px}
  .dao-my-empty{min-height:132px;padding:10px}
  .dao-my-empty img{width:54px;height:62px}
  .dao-my-empty strong{font-size:12px}
  .dao-my-empty a{font-size:10px}
  .dao-my-message-card>p{font-size:11px}
  .dao-my-message-card>div small{font-size:10px}
  .dao-my-message-card>a{font-size:11px}
  .dao-my-account-card li{font-size:11px}

  /* Login: place the primary action closer to the first viewport. */
  .dao-login-brand{min-height:178px;padding:15px}
  .dao-login-brand h1{max-width:245px;font-size:21px}
  .dao-login-brand__copy>p{max-width:250px;font-size:11px}
  .dao-login-trust span{font-size:10px}
  .dao-login-brand__visual{width:120px;height:146px}
  .dao-login-brand__visual>img{width:76px;height:136px}
  .dao-login-panel{padding:10px}
  .dao-login-single{padding:13px}
  .dao-login-single h2{font-size:20px}
  .dao-login-single>p{font-size:11px}
  .dao-login-single__benefits li{font-size:10px}
  .dao-login-google b{font-size:13px}
  .dao-login-secure,.dao-login-notice p{font-size:10px}

  /* Home page density. */
  .idx-hero__content{padding:16px 14px 10px}
  .idx-hero h1{font-size:27px}
  .idx-hero__desc{font-size:12px}
  .idx-hero__visual{min-height:150px}
  .idx-category-card{min-height:78px}
  .idx-category-card strong{font-size:11px}
  .idx-trust-item strong{font-size:11px}
  .idx-trust-item small{font-size:10px}
  .idx-empty strong{font-size:12px}
}

/* Multilingual resilience: Vietnamese and English labels may be substantially longer than Korean. */
.store-list-category strong,
.job-list-category strong,
.idx-category-card strong,
.store-write-progress__copy b,
.job-write-progress__copy b,
.dao-detail-meta span,
.dao-my-quick__grid strong{
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}

@media(max-width:767px){
  .store-list-category strong,.job-list-category strong,.idx-category-card strong{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-height:1.18;
  }
  .store-list-badge,.job-list-badge,
  .store-list-card__meta small,.job-list-card__meta small,
  .store-list-card__location,.job-list-card__location,
  .store-list-card__salary small,.job-list-card__salary small,
  .store-list-card__cta,.job-list-card__cta,
  .store-list-field>span,.job-list-field>span,
  .dao-conversation__meta>span,.dao-conversation__meta time,
  .dao-conversation__title b,.dao-conversation__body>small,
  .dao-chat-head__copy p,.dao-chat-head__meta b,
  .dao-chat-related,.dao-chat-bubble__meta b,
  .dao-compose-target p,.dao-compose-guide li{
    font-size:11px;
  }
}