/* Bayern KR — mobile & PWA polish (FCB Rot & Weiß) */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* iOS/Android: 더블 탭 줌 방지 (pan·스크롤은 유지) */
@media (hover: none) and (pointer: coarse) {
  html:not(.page-community-board-detail),
  body.theme-intel:not(.page-community-board-detail) {
    touch-action: manipulation;
  }

  html.page-community-board-detail,
  body.theme-intel.page-community-board-detail {
    touch-action: pan-y;
  }
}

body.theme-intel {
  --pwa-nav-clearance: calc(72px + env(safe-area-inset-bottom, 0px));
  -webkit-tap-highlight-color: rgba(220, 5, 45, 0.1);
}

html.pwa-standalone body.theme-intel {
  min-height: 100dvh;
}

/* ── Topbar: compact row layout (override 980px column stack) ── */
@media (max-width: 980px) {
  body.theme-intel .topbar__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  body.theme-intel .topbar__actions {
    flex-wrap: nowrap;
    width: auto;
  }

  body.theme-intel .topbar__actions input[type="search"],
  body.theme-intel .auth-box {
    width: auto;
  }
}

@media (max-width: 900px) {
  body.theme-intel .topbar {
    padding-top: env(safe-area-inset-top, 0px);
  }

  body.theme-intel .topbar__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-height: 56px;
    padding: 6px 12px;
  }

  body.theme-intel .brand-wrap {
    flex: 0 1 auto;
    min-width: 0;
    gap: 8px;
  }

  body.theme-intel .brand__sub {
    display: none;
  }

  body.theme-intel .brand__text {
    font-size: 15px;
  }

  body.theme-intel .brand__mark {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 14px;
    background: var(--surface, #ffffff);
  }

  body.theme-intel .brand__mark img {
    transform: none;
  }

  body.theme-intel .topbar__actions {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
  }

  body.theme-intel .unified-search {
    max-width: none;
    flex: 1 1 auto;
  }

  body.theme-intel .topbar-more__trigger {
    min-width: 40px;
    min-height: 40px;
  }

  body.theme-intel .topbar__language .language-toggle__btn {
    padding: 6px 8px;
    font-size: 11px;
  }

  body.theme-intel .notification-bell__trigger {
    min-width: 40px;
    min-height: 40px;
  }

  body.theme-intel .notification-panel {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: min(72vh, 520px);
    border-radius: 16px 16px 0 0;
    border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  body.theme-intel .notification-panel.is-open {
    animation: notification-sheet-in 0.22s ease-out;
  }

  body.theme-intel .notification-panel__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  @keyframes notification-sheet-in {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
  }

  body.theme-intel .layout.layout--intel {
    padding: 8px 12px 16px;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  body.theme-intel .dashboard-intel,
  body.theme-intel .community-hub {
    overflow-x: hidden;
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 640px) {
  body.theme-intel .auth-box .btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}

/* iOS: 16px+ inputs prevent focus zoom */
@media (max-width: 900px) {
  body.theme-intel input,
  body.theme-intel select,
  body.theme-intel textarea,
  body.theme-intel #search {
    font-size: max(16px, 1em);
  }
}

/* ── Community header & section tabs ── */
@media (max-width: 900px) {
  body.theme-intel .community-hub__header-card {
    margin-bottom: 10px;
    border-radius: 12px;
  }

  body.theme-intel .intel-header__row {
    padding: 10px 12px 6px;
    gap: 8px;
  }

  body.theme-intel .intel-header__copy h2 {
    font-size: 17px;
  }

  body.theme-intel .intel-header__sub {
    font-size: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body.theme-intel .community-section-tabs,
  body.theme-intel .intel-section-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 6px 12px 10px;
    margin: 0;
  }

  body.theme-intel .community-section-tabs::-webkit-scrollbar,
  body.theme-intel .intel-section-tabs::-webkit-scrollbar {
    display: none;
  }

  body.theme-intel .intel-section-tabs__btn {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 14px;
    white-space: nowrap;
  }

  body.theme-intel .community-topic-row {
    margin-bottom: 8px;
    gap: 8px;
  }

  body.theme-intel .community-topic-nav {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 12px;
  }

  body.theme-intel .community-topic-tab {
    min-height: 44px;
    padding: 0 12px 10px;
    font-size: 13px;
  }

  body.theme-intel .news-filter-trigger {
    min-height: 40px;
  }
}

/* ── HOT panel mobile ── */
@media (max-width: 900px) {
  body.theme-intel .community-hot-board {
    padding: 10px 8px;
    border-radius: 12px;
  }

  body.theme-intel .intel-panel__head--hot {
    padding: 10px 10px 8px;
  }

  body.theme-intel .intel-hot-meta {
    width: 100%;
  }

  body.theme-intel .intel-hot-meta__chip {
    min-height: 36px;
    padding: 6px 10px;
  }

  body.theme-intel .intel-hot-board {
    padding: 0 8px 10px;
    gap: 10px;
  }

  body.theme-intel .intel-hot-rank__row {
    min-height: 44px;
    padding: 10px;
  }

  body.theme-intel .intel-hot-detail__footer-actions .btn,
  body.theme-intel .intel-hot-detail__footer-actions .intel-hot-cta--solid {
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  body.theme-intel .intel-hot-meta__chip {
    font-size: 10px;
    padding: 5px 8px;
  }
}

/* ── Bottom navigation (full-bleed, safe area) ── */
@media (max-width: 900px) {
  body.theme-intel.has-mobile-bottom-nav {
    padding-bottom: var(--pwa-nav-clearance);
  }

  body.theme-intel .mobile-bottom-nav:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid var(--border);
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
    gap: 4px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
  }

  body.theme-intel .mobile-bottom-nav__item {
    min-height: 48px;
    padding: 6px 4px;
    border-radius: 10px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
  }

  body.theme-intel .mobile-bottom-nav__icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.72;
  }

  body.theme-intel .mobile-bottom-nav__item--active .mobile-bottom-nav__icon {
    opacity: 1;
  }

  body.theme-intel .mobile-bottom-nav__label {
    display: block;
    font-size: 10px;
    letter-spacing: -0.02em;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.theme-intel .favorite-toggle .app-icon--star {
    display: block;
  }

  body.theme-intel .favorite-toggle--subtle .app-icon--star {
    color: var(--text-mute, #6b7280);
  }

  body.theme-intel .favorite-toggle--subtle:hover .app-icon--star,
  body.theme-intel .favorite-toggle .app-icon--star path[fill="currentColor"] {
    color: var(--fcb-red, #dc052d);
  }

  body.theme-intel .app-icon {
    display: block;
    flex-shrink: 0;
  }

  body.theme-intel .intel-drawer__close .app-icon {
    margin: 0 auto;
  }
}

@media (max-width: 360px) {
  body.theme-intel .mobile-bottom-nav__item {
    padding: 6px 2px;
  }
}

/* ── Sheets, modals, drawers ── */
@media (max-width: 900px) {
  body.theme-intel .topbar {
    padding-top: env(safe-area-inset-top, 0px);
  }

  body.theme-intel .mobile-sports-panel__sheet {
    max-height: min(92dvh, 92vh);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-radius: 16px 16px 0 0;
  }

  body.theme-intel .mobile-sports-panel__head {
    padding-top: max(12px, env(safe-area-inset-top, 0px));
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface);
  }

  body.theme-intel .mobile-sports-panel__close {
    min-width: 44px;
    min-height: 44px;
  }

  body.theme-intel .intel-detail-modal {
    padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px);
    align-items: flex-end;
  }

  body.theme-intel .intel-detail-modal__dialog {
    width: 100%;
    max-height: min(94dvh, 94vh);
    border-radius: 16px 16px 0 0;
  }

  body.theme-intel .auth-modal {
    width: min(
      420px,
      calc(
        100vw - 20px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)
      )
    );
    max-height: calc(
      100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px
    );
    margin: auto;
  }

  body.theme-intel .intel-drawer--article-mobile .intel-drawer__panel {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  body.theme-intel .intel-drawer__header {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
  }
}

/* ── News & board lists ── */
@media (max-width: 900px) {
  body.theme-intel .news-card {
    padding: 12px;
    min-height: 44px;
  }

  body.theme-intel .community-board-row {
    padding: 14px 12px;
  }

  body.theme-intel .community-post-card {
    padding: 12px;
  }

  body.theme-intel .btn,
  body.theme-intel .tab {
    touch-action: manipulation;
  }
}

/* ── Schedule tab ── */
@media (max-width: 900px) {
  body.theme-intel .schedule-page {
    padding-left: 0;
    padding-right: 0;
  }

  body.theme-intel .schedule-briefing {
    gap: 10px;
  }

  body.theme-intel .sports-cal__nav-btn {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ── Standalone PWA: status bar contrast ── */
@media (display-mode: standalone) {
  body.theme-intel .topbar {
    padding-top: env(safe-area-inset-top, 0px);
  }
}

/* ── Mobile-first layout (768px) ── */
@media (max-width: 768px) {
  body.theme-intel .layout.layout--intel {
    padding: 8px 16px 20px;
  }

  body.theme-intel .community-hub__header-card {
    display: none;
  }

  body.theme-intel.has-mobile-bottom-nav {
    padding-bottom: var(--pwa-nav-clearance);
  }

  body.theme-intel .layout.layout--intel.has-mobile-bottom-nav {
    padding-bottom: calc(20px + var(--pwa-nav-clearance));
  }

  body.theme-intel .mobile-bottom-nav:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* Compact topbar + collapsible search */
  body.theme-intel .topbar__inner {
    min-height: 48px;
    padding: 6px 12px;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
  }

  body.theme-intel .topbar__actions {
    flex: 0 0 auto;
    width: auto;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  body.theme-intel .topbar-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 10px;
    background: var(--surface, #fff);
    color: var(--text, #111827);
    cursor: pointer;
    flex-shrink: 0;
  }

  body.theme-intel .topbar-search-toggle__icon {
    display: block;
    flex-shrink: 0;
  }

  body.theme-intel .topbar-search-toggle__icon::after {
    content: none;
  }

  body.theme-intel .topbar-search-panel {
    order: 10;
    flex: 1 1 100%;
    display: none;
    max-width: none;
    padding-top: 4px;
  }

  body.theme-intel.topbar-search-open .topbar-search-panel {
    display: block;
  }

  body.theme-intel.topbar-search-open .topbar__actions {
    flex: 1 1 100%;
    width: 100%;
  }

  body.theme-intel .topbar-search-panel input[type="search"] {
    min-height: 40px;
    height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  body.theme-intel .stats.topbar-stats {
    display: none;
  }

  /* HOT detail hero — stacked layout */
  body.theme-intel .intel-hot-detail__card > .intel-hot-detail__head,
  body.theme-intel .mobile-hot-detail__body .intel-hot-detail__head {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 16px 16px 14px;
    background: var(--surface, #fff);
    border-bottom: 1px solid var(--border, #e5e7eb);
  }

  body.theme-intel .intel-hot-detail__head-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
  }

  body.theme-intel .intel-hot-detail__badge {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.05;
    font-size: 9px;
    white-space: normal;
  }

  body.theme-intel .intel-hot-detail__head-row .intel-hot-detail__name {
    flex: 1;
    min-width: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    word-break: keep-all;
    overflow-wrap: normal;
  }

  body.theme-intel .intel-hot-detail__route-main {
    margin: 0;
    font-size: 13px;
  }

  body.theme-intel .intel-hot-detail__meta-row {
    margin-top: 0;
    gap: 6px;
  }

  body.theme-intel .intel-hot-detail__chip {
    white-space: normal;
    max-width: none;
  }

  body.theme-intel .intel-hot-detail__reason {
    background: var(--surface-muted, #f9fafb);
    border-color: var(--border, #e5e7eb);
  }

  /* HOT list density — less nested pink boxes */
  body.theme-intel .intel-panel__head--hot {
    padding: 10px 12px 8px;
    background: transparent;
    border-bottom: 1px solid var(--border, #e5e7eb);
  }

  body.theme-intel .community-hot-board.intel-panel--board {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }

  body.theme-intel .intel-hot-meta__chip--live {
    background: var(--surface-muted, #f3f4f6);
    border-color: var(--border, #e5e7eb);
  }

  body.theme-intel .intel-hot-rank__row--mobile {
    border-color: var(--border, #e5e7eb);
    box-shadow: none;
  }

  /* Match strip — two lines */
  body.theme-intel .community-match-banner--mobile .community-match-banner__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 14px;
    width: 100%;
  }

  body.theme-intel .community-match-banner__mobile-stack {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    text-align: left;
  }

  body.theme-intel .community-match-banner__mobile-primary {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.theme-intel .community-match-banner__mobile-secondary {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-dim, #6b7280);
    line-height: 1.3;
  }

  body.theme-intel .community-match-banner__mobile-line {
    display: none;
  }

  /* News card badges inline */
  body.theme-intel .community-news-card__inline-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 2px 0 4px;
  }

  body.theme-intel .community-news-card__meta-end .community-news-card__badge {
    display: none;
  }

  body.theme-intel .reaction-btn__label {
    display: none;
  }

  body.theme-intel .reaction-bar--text-labels .reaction-btn__label {
    display: inline;
    font-size: 13px;
    font-weight: 600;
  }

  body.theme-intel .reaction-bar--text-labels .reaction-btn {
    min-height: 36px;
    padding: 6px 12px;
    gap: 4px;
  }

  body.theme-intel .reaction-bar--text-labels .reaction-btn__icon {
    display: none;
  }

  /* HOT: list only, detail = full screen */
  body.theme-intel .intel-hot-board {
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.theme-intel .intel-hot-detail {
    display: none !important;
  }

  body.theme-intel .mobile-hot-detail-view:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 130;
    display: flex;
    flex-direction: column;
    background: var(--surface, #fff);
    overflow: hidden;
    padding-top: env(safe-area-inset-top, 0px);
  }

  body.theme-intel.mobile-hot-detail-open {
    overflow: hidden;
  }

  body.theme-intel .mobile-hot-detail__bar,
  body.theme-intel .mobile-hot-sub-view__bar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    min-height: 48px;
    border-bottom: 1px solid var(--border, #e5e7eb);
    background: var(--surface, #fff);
    position: relative;
  }

  body.theme-intel .mobile-hot-detail__back {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.theme-intel .mobile-nav-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }

  body.theme-intel .mobile-nav-back__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }

  body.theme-intel .mobile-hot-sub-view__title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: 700;
    max-width: calc(100% - 120px);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  body.theme-intel .mobile-hot-sub-view:not([hidden]) {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background: var(--surface, #fff);
  }

  body.theme-intel .mobile-hot-sub-view__body {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    -webkit-overflow-scrolling: touch;
  }

  body.theme-intel .mobile-hot-detail__footer-actions {
    position: sticky;
    bottom: 0;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, transparent, var(--surface, #fff) 30%);
  }

  body.theme-intel .mobile-hot-detail__body {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    -webkit-overflow-scrolling: touch;
  }

  body.theme-intel .mobile-hot-detail__body .intel-hot-detail__card {
    border: 0;
    box-shadow: none;
    padding: 0;
  }

  body.theme-intel .intel-hot-rank__row--mobile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 14px;
    margin-bottom: 8px;
    border: 1px solid var(--border, #e5e7eb);
    background: var(--surface, #fff);
    min-height: auto;
  }

  body.theme-intel .intel-hot-rank__row--mobile .intel-hot-rank__num {
    align-self: start;
  }

  body.theme-intel .intel-hot-rank__chevron {
    font-size: 20px;
    line-height: 1;
    color: var(--text-mute, #9ca3af);
    padding-left: 4px;
  }

  body.theme-intel .intel-hot-rank__stage {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 600;
    color: var(--fcb-red, #dc052d);
  }

  /* Match strip compact — see two-line stack styles above */

  /* Schedule mobile toggle */
  body.theme-intel .schedule-h2h__controls {
    flex-direction: column;
    align-items: stretch;
  }

  body.theme-intel .schedule-h2h__input {
    font-size: max(16px, 1em);
    width: 100%;
  }

  body.theme-intel .schedule-h2h__submit,
  body.theme-intel .schedule-h2h__clear {
    width: 100%;
    min-height: 44px;
  }

  body.theme-intel .schedule-h2h__list {
    max-height: none;
  }

  body.theme-intel .schedule-mobile__toggle {
    display: flex;
    gap: 6px;
    margin: 0 0 12px;
  }

  body.theme-intel .schedule-mobile__toggle-btn {
    flex: 1;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--border, #e5e7eb);
    background: var(--surface, #fff);
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dim, #6b7280);
  }

  body.theme-intel .schedule-mobile__toggle-btn.is-active {
    border-color: rgba(220, 5, 45, 0.45);
    background: rgba(220, 5, 45, 0.08);
    color: var(--fcb-red, #dc052d);
  }

  body.theme-intel .schedule-page--mobile .match-schedule-layout {
    display: none;
  }

  body.theme-intel .schedule-mobile__list .schedule-side-panel,
  body.theme-intel .schedule-mobile__list .schedule-list {
    margin-bottom: 12px;
  }

  /* News cards compact */
  body.theme-intel .community-news-card {
    padding: 14px 16px;
    border-radius: 14px;
  }

  body.theme-intel .community-news-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.32;
  }

  body.theme-intel .community-news-card__summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.45;
  }

  /* Article: full screen, no side drawer feel */
  body.theme-intel .intel-drawer--article-mobile .intel-drawer__panel {
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    padding-top: env(safe-area-inset-top, 0px);
  }

  body.theme-intel .intel-drawer--article-mobile .intel-drawer__header {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    min-height: calc(48px + env(safe-area-inset-top, 0px));
  }

  body.theme-intel .intel-drawer--article-mobile .intel-drawer__close {
    font-size: 18px;
    font-weight: 700;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
  }

  body.theme-intel .intel-drawer--article-mobile .intel-drawer__split {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.theme-intel .intel-drawer--article-mobile .intel-drawer__body {
    padding: 12px 16px calc(20px + env(safe-area-inset-bottom, 0px));
    font-size: 15px;
    line-height: 1.65;
    overflow: visible;
  }

  body.theme-intel .intel-drawer--article-mobile .article-drawer-discuss-inline {
    margin-top: 20px;
    padding: 0 0 calc(8px + env(safe-area-inset-bottom, 0px));
  }

  body.theme-intel .intel-drawer--article-mobile .article-drawer-discuss-inline__summary {
    padding: 16px 0;
    font-size: 15px;
  }

  body.theme-intel .intel-drawer--article-mobile .article-drawer-discuss-inline__inner {
    padding: 14px 16px 16px;
    border-radius: 14px;
  }

  body.theme-intel .intel-drawer--article-mobile .article-drawer-detail img {
    max-height: 240px;
    object-fit: cover;
    width: 100%;
    border-radius: 12px;
  }

  /* Board: flat list (block table — avoid flex on tbody) */
  body.theme-intel .community-board-table-wrap {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.theme-intel .community-board-table {
    display: block;
    width: 100%;
  }

  body.theme-intel .community-board-table thead {
    display: none;
  }

  body.theme-intel .community-board-table tbody {
    display: block;
  }

  body.theme-intel .community-board-row {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    border-radius: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid var(--border, #e5e7eb);
    background: transparent;
    box-shadow: none;
  }

  body.theme-intel .community-board-row:last-child {
    border-bottom: 0;
  }

  body.theme-intel .community-board-row td {
    display: block;
    border: 0;
    padding: 0;
    text-align: left;
  }

  body.theme-intel .community-board-row td.col-tag {
    display: inline-block;
    width: auto;
    margin: 0 6px 4px 0;
    vertical-align: middle;
  }

  body.theme-intel .community-board-row td.col-title {
    display: block;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  body.theme-intel .community-board-table .col-author,
  body.theme-intel .community-board-table .col-date,
  body.theme-intel .community-board-table .col-views,
  body.theme-intel .community-board-table .col-votes,
  body.theme-intel .community-board-table .col-comments {
    display: none !important;
  }

  body.theme-intel .community-board-row-meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 6px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--text-mute, #6b7280);
  }

  body.theme-intel .community-board-row-author {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-weight: 600;
    color: var(--text-mute, #6b7280);
  }

  body.theme-intel .community-board-row-meta-extra {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.theme-intel .community-board-title-line {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
  }

  body.theme-intel .community-board-title-line .community-board-title,
  body.theme-intel .community-board-title-line .community-notice-title {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body.theme-intel .community-board-comment-count {
    font-size: 11px;
  }

  body.theme-intel.mobile-layout.page-community .layout.layout--intel,
  body.theme-intel.mobile-layout.page-community .community-hub,
  body.theme-intel.mobile-layout.page-community .community-hub__panel--board,
  body.theme-intel.mobile-layout.page-community .community-board,
  body.theme-intel.mobile-layout .community-board-list,
  body.theme-intel.mobile-layout .community-board-table-wrap,
  body.theme-intel.mobile-layout .community-board-table,
  body.theme-intel.mobile-layout .community-board-table tbody {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout.has-mobile-bottom-nav .community-board-list {
    padding-bottom: var(--pwa-nav-clearance);
  }

  body.theme-intel.mobile-layout .community-board-row {
    max-width: 100%;
    overflow: hidden;
  }

  body.theme-intel.mobile-layout .community-board-row-author {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.theme-intel.mobile-layout .community-board-controls {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 0;
    gap: 8px;
  }

  body.theme-intel.mobile-layout .community-board-controls__group {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: flex-start;
    gap: 4px;
  }

  body.theme-intel.mobile-layout .community-board-controls__group--sort {
    margin-left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }

  body.theme-intel.mobile-layout .community-board-tabs,
  body.theme-intel.mobile-layout .community-board-subtabs,
  body.theme-intel.mobile-layout .community-board-tabs--inline,
  body.theme-intel.mobile-layout .community-board-subtabs--inline {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 4px;
  }

  body.theme-intel.mobile-layout .community-board-tab,
  body.theme-intel.mobile-layout .community-board-subtab {
    flex: 0 0 auto;
    max-width: 100%;
  }

  body.theme-intel.mobile-layout #community-league-tabs,
  body.theme-intel.mobile-layout #community-club-tabs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    overflow-x: hidden;
    margin-bottom: 4px;
  }

  body.theme-intel.mobile-layout .community-board-notice {
    align-items: flex-start;
    min-height: 0;
    padding: 6px 8px;
    margin-bottom: 6px;
    gap: 6px;
  }

  body.theme-intel.mobile-layout .community-board-notice__text,
  body.theme-intel.mobile-layout .community-board-notice__link {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  body.theme-intel.mobile-layout .community-board-toolbar__title {
    font-size: 14px;
  }

  body.theme-intel.mobile-layout .community-board-toolbar {
    margin-bottom: 2px;
    gap: 6px;
  }

  body.theme-intel.mobile-layout .community-board-row {
    padding: 8px 0;
  }

  body.theme-intel.mobile-layout .community-board-title {
    font-size: 13px;
    -webkit-line-clamp: 2;
  }

  body.theme-intel.mobile-layout .community-board-row-meta {
    font-size: 12px;
    margin-top: 3px;
  }

  body.theme-intel.mobile-layout .community-board-tag {
    font-size: 9px;
    min-width: 34px;
    padding: 1px 4px;
  }

  body.theme-intel .community-hub__panel--board,
  body.theme-intel .community-board,
  body.theme-intel .community-board-list,
  body.theme-intel .community-feedback-panel,
  body.theme-intel .community-feedback-panel__intro,
  body.theme-intel .community-feedback-compose {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.theme-intel .community-hub__panel--board,
  body.theme-intel .community-board,
  body.theme-intel .community-board-list {
    overflow-x: hidden;
  }

  body.theme-intel.mobile-layout .community-feedback-panel {
    margin: 0 0 6px;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
  }

  body.theme-intel.mobile-layout .community-feedback-compose-fold {
    margin-bottom: 6px;
    border-radius: 8px;
  }

  body.theme-intel.mobile-layout .community-feedback-compose-fold__summary {
    padding: 8px 10px;
    font-size: 12px;
  }

  body.theme-intel.mobile-layout .community-feedback-compose-fold__body {
    padding: 0 8px 8px;
  }

  body.theme-intel.mobile-layout .community-feedback-compose-fold__body .community-feedback-list {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border, #e5e7eb);
  }

  body.theme-intel.mobile-layout .community-feedback-compose-fold .community-feedback-compose__input {
    min-height: 64px;
    font-size: 14px;
  }

  body.theme-intel.mobile-layout .community-feedback-panel__intro,
  body.theme-intel.mobile-layout .community-feedback-panel__sub {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: keep-all;
  }

  body.theme-intel.mobile-layout .community-feedback-compose {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout .community-feedback-compose__input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout .community-feedback-compose__foot {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    gap: 8px;
  }

  body.theme-intel.mobile-layout .community-feedback-compose__hint {
    width: 100%;
    min-width: 0;
    line-height: 1.4;
  }

  body.theme-intel.mobile-layout .community-feedback-compose__foot .btn {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
  }

  body.theme-intel.mobile-layout .community-feedback-card {
    padding: 12px;
  }

  /* Board detail: 태블릿만 body 잠금 */
  body.theme-intel.page-community-board-detail:not(.mobile-layout) {
    overflow: hidden;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-board-detail__topbar {
    position: sticky;
    top: 0;
    z-index: 12;
    background: var(--surface, #fff);
  }

  body.theme-intel.page-community-board-detail .topbar,
  body.theme-intel.page-community-board-detail .mobile-bottom-nav,
  body.theme-intel.page-community-board-detail .community-match-banner-slot {
    display: none !important;
  }

  body.theme-intel.page-community-board-detail.has-mobile-bottom-nav,
  body.theme-intel.page-community-board-detail.has-mobile-bottom-nav .layout.layout--intel {
    padding-bottom: 0;
  }

  body.theme-intel.page-community-board-detail .layout.layout--intel,
  body.theme-intel.page-community-board-detail .community-hub,
  body.theme-intel.page-community-board-detail .community-board {
    overflow: visible;
    max-width: none;
  }

  body.theme-intel.page-community-board-detail .layout.layout--intel {
    padding: 0;
  }

  /* 태블릿(769~900px)만 내부 스크롤 — 모바일은 아래 mobile-layout 규칙 사용 */
  body.theme-intel.page-community-board-detail:not(.mobile-layout) .community-hub__panel--board.is-detail-view {
    position: fixed;
    inset: 0;
    z-index: 130;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--surface, #fff);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  body.theme-intel.page-community-board-detail:not(.mobile-layout) .community-board-detail:not([hidden]) {
    position: static;
    inset: auto;
    z-index: auto;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface, #fff);
    overflow: hidden;
    padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px);
  }

  body.theme-intel.page-community-board-detail:not(.mobile-layout) .board-detail-shell {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    max-width: none;
    gap: 0;
  }

  body.theme-intel.page-community-board-detail:not(.mobile-layout) .community-detail__inner.board-detail-page {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    padding: 0;
    gap: 0;
  }

  /* 모바일 상세: 문서 스크롤 강제 (고정 패널 규칙 덮어쓰기) */
  html.page-community-board-detail,
  body.theme-intel.mobile-layout.page-community-board-detail {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100dvh;
    position: static !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-hub__panel--board.is-detail-view {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-board-detail:not([hidden]),
  body.theme-intel.mobile-layout.page-community-board-detail .board-detail-shell,
  body.theme-intel.mobile-layout.page-community-board-detail .community-detail__inner.board-detail-page {
    position: static !important;
    display: block !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    max-width: 100% !important;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comments-card,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comments-card--mobile {
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
  }

  body.theme-intel.page-community-board-detail .community-board-detail__topbar {
    flex-shrink: 0;
    padding: 6px 12px;
    border-bottom: 1px solid var(--border, #e5e7eb);
    background: var(--surface, #fff);
  }

  body.theme-intel.page-community-board-detail .community-board-detail__back {
    font-size: 13px;
    padding: 4px 0;
  }

  body.theme-intel.page-community-board-detail .community-article--reader,
  body.theme-intel.page-community-board-detail .community-article.community-article--detail {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    width: 100%;
    max-width: none;
  }

  body.theme-intel.page-community-board-detail .community-article__body-wrap {
    width: 100%;
    max-width: none;
  }

  body.theme-intel.page-community-board-detail .community-article__head--compact,
  body.theme-intel.page-community-board-detail .community-article__head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid var(--border, #e5e7eb);
    background: #fff;
  }

  /* Compose: full-screen · 하단 바 고정 · 본문만 스크롤 */
  body.theme-intel.mobile-layout.community-compose-open {
    overflow: hidden;
    background: var(--surface, #fff);
    padding-bottom: 0 !important;
  }

  body.theme-intel.mobile-layout.community-compose-open .topbar,
  body.theme-intel.mobile-layout.community-compose-open .mobile-bottom-nav,
  body.theme-intel.mobile-layout.community-compose-open .community-match-banner-slot {
    display: none !important;
  }

  body.theme-intel.mobile-layout.community-compose-open.has-mobile-bottom-nav,
  body.theme-intel.mobile-layout.community-compose-open.has-mobile-bottom-nav .layout.layout--intel {
    padding-bottom: 0;
  }


  body.theme-intel.mobile-layout.page-community-board-detail .community-article--reader,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article.community-article--detail {
    margin: 0;
    overflow: visible;
    background: #fff;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__head--compact,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article__head {
    padding: 20px 20px 18px;
    border-bottom: 1px solid #eee;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__head-row {
    margin-bottom: 14px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__tag {
    font-size: 15px;
    font-weight: 700;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__report,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article__action-link {
    font-size: 14px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__title,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article__title.community-notice-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0 0 14px;
    letter-spacing: -0.03em;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__meta {
    font-size: 14px;
    gap: 6px 10px;
    line-height: 1.45;
    color: var(--text-mute, #6b7280);
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__meta span:nth-child(n+3) {
    display: inline;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__body-wrap {
    border: 0;
    background: #fff;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__body,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article--detail .board-post-body {
    padding: 20px;
    font-size: 15px;
    line-height: 1.55;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__body img,
  body.theme-intel.mobile-layout.page-community-board-detail .community-article__body-wrap img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-x-embed {
    margin: 0 0 12px;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-x-embed--pending {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-x-embed iframe {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__protect-note {
    display: none;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-article__reactions-bar {
    padding: 12px 20px 14px;
    border-top: 1px solid #eee;
    background: #fff;
  }

  /* 댓글 — 모바일 컴팩트 (10pt, 한 줄 기본 → 입력 시 확장) */
  body.theme-intel.mobile-layout.page-community-board-detail .community-comments-card,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comments-card--mobile,
  body.theme-intel.mobile-layout.page-community-board-detail .comment-section {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 4px solid #f4f5f7;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comments-card__title {
    margin: 0 0 6px;
    font-size: 11pt;
    font-weight: 700;
    color: var(--text, #111827);
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-list {
    gap: 0;
    margin-bottom: 0;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item {
    padding: 3px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #f0f1f3;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item:last-child {
    border-bottom: 0;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item--reply {
    margin-left: 0;
    padding-left: 6px;
    border-left: 2px solid rgba(220, 5, 45, 0.12);
    border-bottom: 1px solid #f0f1f3;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__head {
    margin-bottom: 0;
    font-size: 10pt;
    gap: 6px;
    line-height: 1.3;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__head strong {
    font-size: 10pt;
    font-weight: 700;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__head span {
    font-size: 10pt;
    color: #8b95a1;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__body {
    margin-top: 1px;
    font-size: 10pt;
    line-height: 1.35;
    color: var(--text, #222);
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__actions {
    margin-top: 1px;
    line-height: 1.2;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-replies {
    margin-top: 2px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-action-btn,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-reply-btn {
    margin-top: 0;
    font-size: 10pt;
    color: #8b95a1;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-item__actions .community-comment-action-btn + .community-comment-action-btn {
    margin-left: 8px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-reply-form__label {
    margin: 0 0 4px;
    font-size: 10pt;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-empty {
    margin: 0 0 6px;
    font-size: 10pt;
    color: var(--text-mute, #8b95a1);
  }

  /* FM코리아식 — 입력 한 줄 + 등록 버튼 옆 인라인 */
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-reply-form.community-comment-compose--fm-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px;
    margin-top: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline .community-comment-compose__author {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    margin-bottom: 2px;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline textarea,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline .community-comment-compose__input,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-reply-form.community-comment-compose--fm-inline textarea {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    max-width: 100%;
    min-height: calc(10pt * 1.35 + 10px);
    max-height: 120px;
    padding: 5px 8px;
    font-size: 10pt;
    line-height: 1.35;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: pre-wrap;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose__submit,
  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline .community-comment-compose__cancel {
    flex-shrink: 0;
    min-width: 40px;
    min-height: calc(10pt * 1.35 + 10px);
    padding: 0 10px;
    border-radius: 4px;
    font-size: 10pt;
    font-weight: 700;
    line-height: 1;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--fm-inline .community-comment-compose__cancel {
    min-width: 36px;
    padding: 0 6px;
    font-weight: 600;
    color: #8b95a1;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--guest-inline {
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--guest .community-comment-compose__hint {
    font-size: 10pt;
    line-height: 1.4;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-comment-compose--guest .btn {
    min-height: 30px;
    font-size: 10pt;
  }

  body.theme-intel.mobile-layout .community-feedback-card__thread .community-comment-item {
    padding: 4px 0;
  }

  body.theme-intel.mobile-layout .community-feedback-card__thread .community-comment-item__head {
    margin-bottom: 2px;
    font-size: 10pt;
  }

  body.theme-intel.mobile-layout .community-feedback-card__thread .community-comment-item__head strong,
  body.theme-intel.mobile-layout .community-feedback-card__thread .community-comment-item__head span,
  body.theme-intel.mobile-layout .community-feedback-card__thread .community-comment-item__body {
    font-size: 10pt;
    line-height: 1.45;
  }

  body.theme-intel.mobile-layout .community-feedback-card__comments-summary {
    font-size: 10pt;
  }

  /* 댓글 — 접기(기본 닫힘), 본문 읽기 우선 */
  body.theme-intel.page-community-board-detail .community-comments-card--fold {
    margin: 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid var(--border, #e5e7eb);
    padding: 0;
    background: var(--surface, #fff);
  }

  body.theme-intel.page-community-board-detail .community-comments-card__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    list-style: none;
    padding: 10px 12px;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dim, #6b7280);
    -webkit-tap-highlight-color: transparent;
  }

  body.theme-intel.page-community-board-detail .community-comments-card__summary::-webkit-details-marker {
    display: none;
  }

  body.theme-intel.page-community-board-detail .community-comments-card__summary::after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-left: 4px;
    opacity: 0.55;
    transition: transform 0.15s ease;
  }

  body.theme-intel.page-community-board-detail .community-comments-card--fold[open] .community-comments-card__summary::after {
    transform: rotate(-135deg);
    margin-top: 4px;
  }

  body.theme-intel.page-community-board-detail .community-comments-card--fold[open] .community-comments-card__summary-hint {
    display: none;
  }

  body.theme-intel.page-community-board-detail .community-comments-card__summary-hint {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-mute, #9ca3af);
  }

  body.theme-intel.page-community-board-detail .community-comments-card__panel {
    padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--border, #e5e7eb);
    background: var(--surface-soft, #fafafa);
  }

  body.theme-intel.page-community-board-detail .community-comments-card--fold:not([open]) .community-comments-card__panel {
    display: none;
  }


  body.theme-intel.page-community-board-detail .community-comment-compose--guest-inline {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 0 10px;
    border: 0;
    background: transparent;
    margin: 0;
  }

  body.theme-intel.page-community-board-detail .community-comment-compose--guest-inline .community-comment-compose__hint {
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
    color: var(--text-mute, #9ca3af);
    flex: 1;
    min-width: 0;
  }

  body.theme-intel.page-community-board-detail .community-comment-login-link {
    flex-shrink: 0;
    min-height: 30px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
  }

  body.theme-intel.page-community-board-detail .community-article__reactions-bar .reaction-bar {
    gap: 6px;
  }

  body.theme-intel.page-community-board-detail .community-article__reactions-bar .reaction-bar__btn {
    min-height: 32px;
    padding: 4px 10px;
    font-size: 12px;
  }

  body.theme-intel.page-community-board-detail .mobile-bottom-nav {
    display: none !important;
  }

  body.theme-intel.page-community-board-detail.has-mobile-bottom-nav {
    padding-bottom: 0;
  }

  /* Schedule: mobile month list (calendar toggle) */
  body.theme-intel .sports-cal--mobile-list .sports-cal-mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  body.theme-intel .sports-cal-mobile-row {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 12px;
    background: var(--surface, #fff);
    text-align: left;
    cursor: pointer;
  }

  body.theme-intel .sports-cal-mobile-row__day {
    flex-shrink: 0;
    width: 28px;
    font-size: 15px;
    font-weight: 800;
    color: var(--text, #111827);
  }

  body.theme-intel .sports-cal-mobile-row__match {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  body.theme-intel .sports-cal-mobile-row__opp {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.theme-intel .sports-cal-mobile-row__score {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dim, #6b7280);
  }

  body.theme-intel .sports-cal-mobile-row--win .sports-cal-mobile-row__score {
    color: var(--fcb-red, #dc052d);
  }

  body.theme-intel .sports-cal-mobile-row--loss .sports-cal-mobile-row__score {
    color: #64748b;
  }

  /* Article detail typography on mobile */
  body.theme-intel .intel-drawer--article-mobile .article-hero__title,
  body.theme-intel .intel-drawer--article-mobile .article-detail-title {
    font-size: 15px;
    line-height: 1.38;
    overflow: visible;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  body.theme-intel .intel-drawer--article-mobile .article-x-embed-card--drawer {
    margin: 8px 0 10px;
    width: 100%;
    max-width: 100%;
  }

  body.theme-intel .intel-drawer--article-mobile .article-x-embed-card--drawer .community-x-embed {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

  body.theme-intel .intel-drawer--article-mobile .article-x-embed-card--drawer .community-x-embed iframe,
  body.theme-intel .intel-drawer--article-mobile .article-x-embed-card--drawer .community-x-embed .twitter-tweet-rendered {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-x-embed-block--board {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  body.theme-intel.mobile-layout.page-community-board-detail .community-x-embed--board {
    margin-left: auto;
    margin-right: auto;
  }

  body.theme-intel.mobile-hot-detail-open .mobile-bottom-nav,
  body.theme-intel.article-drawer-open .mobile-bottom-nav,
  body.theme-intel.page-community-board-detail .mobile-bottom-nav {
    display: none !important;
  }

  body.theme-intel.mobile-hot-detail-open.has-mobile-bottom-nav,
  body.theme-intel.article-drawer-open.has-mobile-bottom-nav,
  body.theme-intel.page-community-board-detail.has-mobile-bottom-nav {
    padding-bottom: 0;
  }

  body.theme-intel.mobile-hot-detail-open .mobile-ptr,
  body.theme-intel.article-drawer-open .mobile-ptr,
  body.theme-intel.page-community-board-detail .mobile-ptr {
    display: none !important;
  }

  /* Mobile simple — 핵심만, 부가 UI 숨김 */
  body.theme-intel.mobile-layout .intel-panel__sub,
  body.theme-intel.mobile-layout .intel-header__sub,
  body.theme-intel.mobile-layout #intel-kpi-strip,
  body.theme-intel.mobile-layout #intel-hot-footer,
  body.theme-intel.mobile-layout .community-hub__news-head,
  body.theme-intel.mobile-layout .google-login-slot,
  body.theme-intel.mobile-layout #tier-legend,
  body.theme-intel.mobile-layout .directory-shell__sub,
  body.theme-intel.mobile-layout .intel-ev-badge--tier,
  body.theme-intel.mobile-layout .intel-evidence-item__reason {
    display: none !important;
  }

  body.theme-intel.mobile-layout .intel-panel__head--hot .intel-panel__head-copy {
    display: none;
  }

  body.theme-intel.mobile-layout .intel-panel__head--hot {
    padding: 6px 10px 4px;
    justify-content: flex-end;
  }

  body.theme-intel.mobile-layout .community-hot-board {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.theme-intel.mobile-layout .intel-hot-rank__row {
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 8px;
    border: 1px solid var(--border, #e5e7eb);
    background: var(--surface, #fff);
  }

  body.theme-intel.mobile-layout .intel-hot-board {
    padding: 0;
    gap: 0;
  }

  body.theme-intel.mobile-layout .community-news-card {
    padding: 12px 14px;
  }

  body.theme-intel.mobile-layout .community-news-card__summary {
    -webkit-line-clamp: 1;
  }

  body.theme-intel.mobile-layout .intel-hot-detail__reason-label {
    display: none;
  }

  body.theme-intel.mobile-layout .intel-hot-detail__footer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 8px;
  }

  body.theme-intel.mobile-layout .intel-hot-detail__footer-actions .btn {
    width: 100%;
    min-height: 44px;
  }

  body.theme-intel.mobile-layout .news-filter-trigger__count {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
  }

  /* Mobile compact — 전체 타이포·간격 축소 */
  body.theme-intel.mobile-layout .layout.layout--intel {
    padding: 6px 12px 14px;
  }

  body.theme-intel.mobile-layout .btn {
    min-height: 36px;
    padding: 7px 12px;
    font-size: 13px;
  }

  body.theme-intel.mobile-layout .btn--small {
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
  }

  body.theme-intel.mobile-layout .intel-section-tabs__btn {
    min-height: 36px;
    padding: 6px 12px;
    font-size: 12px;
  }

  body.theme-intel.mobile-layout .community-topic-tab {
    min-height: 36px;
    padding: 0 10px 8px;
    font-size: 12px;
  }

  body.theme-intel.mobile-layout .community-board-toolbar {
    gap: 8px;
    margin-bottom: 4px;
  }

  body.theme-intel.mobile-layout .community-board-toolbar__title {
    font-size: 15px;
  }

  body.theme-intel.mobile-layout .community-board-toolbar__sub {
    font-size: 11px;
  }

  body.theme-intel.mobile-layout .community-board-tab,
  body.theme-intel.mobile-layout .community-board-subtab {
    min-height: 28px;
    padding: 0 9px;
    font-size: 11px;
  }

  body.theme-intel.mobile-layout .community-board-controls__label {
    font-size: 10px;
  }

  body.theme-intel.mobile-layout .community-board-popular {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout .community-board-popular__head {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-mute, #6b7280);
  }

  body.theme-intel.mobile-layout .community-board-popular__list {
    gap: 2px;
  }

  body.theme-intel.mobile-layout .community-board-popular__item {
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 8px 0;
    box-sizing: border-box;
  }

  body.theme-intel.mobile-layout .community-board-popular__title-line {
    flex: 1;
    min-width: 0;
    align-items: flex-start;
  }

  body.theme-intel.mobile-layout .community-board-popular__title-line .community-board-popular__title,
  body.theme-intel.mobile-layout .community-board-popular__title-line .community-notice-title {
    flex: 0 1 auto;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
  }

  body.theme-intel.mobile-layout .community-board-popular__title-line .community-board-comment-count {
    flex: 0 0 auto;
    margin-top: 1px;
  }

  body.theme-intel.mobile-layout .community-board-popular__title {
    min-width: 0;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    font-size: 13px;
  }

  body.theme-intel.mobile-layout .community-board-notice {
    padding: 6px 8px;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 6px;
  }

  body.theme-intel.mobile-layout .community-board-notice__badge {
    margin-top: 1px;
  }

  body.theme-intel.mobile-layout #community-write-btn {
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
  }

  body.theme-intel.mobile-layout .community-news-card {
    padding: 10px 12px;
  }

  body.theme-intel.mobile-layout .community-news-card__title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    -webkit-line-clamp: 3;
  }

  body.theme-intel.mobile-layout .community-article--detail .community-article__title,
  body.theme-intel.mobile-layout .community-article__title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.34;
  }

  body.theme-intel.mobile-layout .community-article__title.community-notice-title {
    font-size: 15px;
    line-height: 1.34;
  }

  body.theme-intel.mobile-layout .community-news-card__summary {
    font-size: 12px;
    line-height: 1.45;
  }

  body.theme-intel.mobile-layout .intel-hot-rank__name {
    font-size: 14px;
  }

  body.theme-intel #hot-players-main-panel {
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  body.theme-intel .intel-hot-rank-pager {
    touch-action: manipulation;
  }

  body.theme-intel.mobile-layout .intel-hot-rank__meta {
    font-size: 11px;
  }

  body.theme-intel.mobile-layout .intel-hot-detail__head-row .intel-hot-detail__name {
    font-size: 18px;
  }

  body.theme-intel.mobile-layout .intel-drawer--article-mobile .article-hero__title,
  body.theme-intel.mobile-layout .intel-drawer--article-mobile .article-detail-title {
    font-size: 16px;
    line-height: 1.34;
  }

  body.theme-intel.mobile-layout .mobile-bottom-nav__item {
    min-height: 44px;
    padding: 5px 3px;
  }

  body.theme-intel.mobile-layout .mobile-bottom-nav__label {
    font-size: 9px;
  }

  body.theme-intel.mobile-layout .community-board-empty {
    font-size: 12px;
    padding: 12px !important;
  }

  /* Pull-to-refresh */
  body.theme-intel {
    --mobile-ptr-offset: 0px;
    --mobile-ptr-progress: 0;
  }

  body.theme-intel.mobile-ptr-pulling .topbar,
  body.theme-intel.mobile-ptr-pulling .community-match-banner-slot,
  body.theme-intel.mobile-ptr-pulling .layout.layout--intel,
  body.theme-intel.mobile-ptr-refreshing .topbar,
  body.theme-intel.mobile-ptr-refreshing .community-match-banner-slot,
  body.theme-intel.mobile-ptr-refreshing .layout.layout--intel {
    transform: translateY(var(--mobile-ptr-offset));
    transition: none;
  }

  body.theme-intel.mobile-ptr-refreshing .topbar,
  body.theme-intel.mobile-ptr-refreshing .community-match-banner-slot,
  body.theme-intel.mobile-ptr-refreshing .layout.layout--intel {
    transition: transform 0.22s ease;
  }

  body.theme-intel.mobile-ptr-pulling,
  body.theme-intel.mobile-ptr-refreshing {
    overscroll-behavior-y: contain;
  }

  body.theme-intel .mobile-ptr {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 140;
    height: calc(var(--mobile-ptr-offset) + env(safe-area-inset-top, 0px));
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-bottom: 10px;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(
      180deg,
      rgba(220, 5, 45, calc(0.04 + var(--mobile-ptr-progress) * 0.1)),
      transparent 72%
    );
    opacity: 0;
    transition: height 0.24s ease, opacity 0.18s ease;
  }

  body.theme-intel .mobile-ptr.is-engaged,
  body.theme-intel .mobile-ptr.is-refreshing {
    opacity: 1;
  }

  body.theme-intel.mobile-ptr-pulling .mobile-ptr {
    transition: none;
  }

  body.theme-intel .mobile-ptr__inner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--border, #e5e7eb);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    font-size: 12px;
    font-weight: 600;
    color: var(--text-dim, #6b7280);
    transform: scale(calc(0.92 + var(--mobile-ptr-progress) * 0.08));
    transition: transform 0.12s ease, color 0.12s ease, border-color 0.12s ease;
  }

  body.theme-intel .mobile-ptr.is-ready .mobile-ptr__inner {
    color: var(--fcb-red, #dc052d);
    border-color: rgba(220, 5, 45, 0.35);
    box-shadow: 0 4px 14px rgba(220, 5, 45, 0.12);
  }

  body.theme-intel .mobile-ptr__icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  body.theme-intel .mobile-ptr__arrow {
    display: block;
    width: 18px;
    height: 18px;
    transform: rotate(calc(180deg * var(--mobile-ptr-progress)));
    opacity: calc(0.35 + var(--mobile-ptr-progress) * 0.65);
    transition: transform 0.1s linear, opacity 0.1s linear;
  }

  body.theme-intel .mobile-ptr.is-ready .mobile-ptr__arrow {
    opacity: 1;
  }

  body.theme-intel .mobile-ptr.is-refreshing .mobile-ptr__arrow {
    opacity: 0;
  }

  body.theme-intel .mobile-ptr__spinner {
    position: absolute;
    inset: 0;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(220, 5, 45, 0.2);
    border-top-color: var(--fcb-red, #dc052d);
    border-radius: 50%;
    opacity: 0;
  }

  body.theme-intel .mobile-ptr.is-refreshing .mobile-ptr__spinner {
    opacity: 1;
    animation: mobile-ptr-spin 0.7s linear infinite;
  }

  body.theme-intel .mobile-ptr__track {
    width: min(120px, 32vw);
    height: 3px;
    border-radius: 999px;
    background: rgba(220, 5, 45, 0.12);
    overflow: hidden;
    opacity: calc(var(--mobile-ptr-progress) * 0.9);
  }

  body.theme-intel .mobile-ptr__fill {
    display: block;
    height: 100%;
    width: calc(var(--mobile-ptr-progress) * 100%);
    border-radius: inherit;
    background: linear-gradient(90deg, #dc052d, #ff4d6d);
    transition: width 0.08s linear;
  }

  body.theme-intel .mobile-ptr.is-refreshing .mobile-ptr__fill {
    width: 100%;
    animation: mobile-ptr-pulse 0.9s ease-in-out infinite;
  }

  @keyframes mobile-ptr-spin {
    to { transform: rotate(360deg); }
  }

  @keyframes mobile-ptr-pulse {
    0%, 100% { opacity: 0.65; }
    50% { opacity: 1; }
  }
}

@media (prefers-reduced-motion: reduce) {
  .intel-drawer__panel,
  .mobile-sports-panel__sheet {
    animation: none !important;
  }
}