/* ============================================================
   1. 텍스트 가독성 및 기본 레이아웃 설정
   ============================================================ */
body, .status__content__text, .p-nickname, .p-name, .account__header__bio {
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  line-height: 1.6;
}

.status__content {
  font-size: 15px;
  letter-spacing: -0.02em;
}

/* 검색창 포커스 효과 */
.search__input {
  transition: all 0.2s ease-in-out;
}

.search__input:focus {
  background: #fff !important;
  color: #000 !important;
}

/* ============================================================
   2. 데스크탑 내비게이션 (왼쪽 사이드바 가로 로고)
   ============================================================ */
/* 1201px 이상 데스크탑 환경 */
.navigation-panel__logo .column-link--logo svg {
  display: none !important;
}

.navigation-panel__logo .column-link--logo {
  display: block !important;
  width: 170px !important;
  height: 40px !important;
  margin: 20px 0 !important;
  background: url("https://zenn.town/system/instance_logo.png") no-repeat left center / contain !important;
}

/* ============================================================
   3. 타임라인 헤더 로고 (중앙 상단 반응형)
   ============================================================ */
@media screen and (min-width: 1201px) {
  .column-header__title .logo--icon {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .column-header__title svg.column-header__icon,
  .column-header__title .logo--icon {
    display: none !important;
  }

  .column-header__title {
    display: flex !important;
    align-items: center !important;
  }

  .column-header__title::before {
    content: "";
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    flex-shrink: 0;
    background: url("https://zenn.town/system/favicon.png") no-repeat center / contain !important;
  }
}

/* ============================================================
   4. 관리자 및 환경설정 페이지 사이드바
   ============================================================ */
/* 데스크탑 관리자 상단 로고 (favicon.png) */
.sidebar > a img.logo {
  display: none !important;
}

.sidebar > a {
  display: block !important;
  width: 100px !important;
  height: 100px !important;
  margin: 40px 100px !important;
  background: url("https://zenn.town/system/favicon.png") no-repeat center / contain !important;
}

/* 4-1. 모바일 환경설정 상단바 (890px 이하에서만 활성화) */
@media screen and (max-width: 890px) {
  .sidebar__toggle__logo .logo--wordmark {
    display: none !important;
  }

  .sidebar__toggle {
    display: flex !important; /* 모바일에서만 보이게 함 */
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 48px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  .sidebar__toggle__logo a {
    display: block !important;
    width: 120px !important; 
    height: 28px !important;
    background: url("https://zenn.town/system/instance_logo.png") no-repeat left center / contain !important;
    text-indent: -9999px;
  }

  .sidebar__toggle__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }
}

/* 891px 이상일 때는 강제로 숨김 (데스크탑 뷰) */
@media screen and (min-width: 891px) {
  .sidebar__toggle {
    display: none !important;
  }
}

@media screen and (max-width: 890px) {
  .sidebar > a {
    display: none !important;
  }
}

/* ============================================================
   5. 로그인 및 인증 페이지 (독립형 화면)
   ============================================================ */
.container-alt .logo-container .logo--wordmark {
  display: none !important;
}

.container-alt .logo-container h1 a {
  display: block !important;
  width: 200px !important;
  height: 60px !important;
  margin: 0 auto !important;
  text-indent: -9999px;
  background: url("https://zenn.town/system/instance_logo.png") no-repeat center / contain !important;
}

.container-alt .logo-container {
  margin-bottom: 20px !important;
}