.theme-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted);margin-bottom:16px}
.theme-crumb a{color:var(--blue);cursor:pointer}
.theme-crumb a:hover{text-decoration:underline}
.theme-crumb-sep{color:var(--muted)}
.theme-crumb-current{color:#dce9f5;font-weight:700}

.theme-panes{display:grid;grid-template-columns:1fr;gap:20px}

.theme-pane{display:none}
.theme-pane-groups{display:block}

.theme-pane h3{font-size:16px;margin:0 0 12px;color:var(--muted)}
.theme-back{display:none;background:none;border:none;color:var(--blue);font-size:14px;font-weight:700;padding:0 0 12px;cursor:pointer}

.theme-featured-badge{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;color:#07111f;background:#9fdcff;border-radius:999px;padding:2px 8px;vertical-align:middle}

.theme-group-badge{display:inline-flex;background:rgba(118,199,255,.10);color:#9fdcff;font-size:13px;font-weight:800;border-radius:999px;padding:6px 11px;margin-bottom:10px}

.theme-section{margin-top:28px}
.theme-section h2{font-size:20px;margin:0 0 8px}
.theme-section p{font-size:16px}
.theme-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.theme-tags span{font-size:13px;background:#10243a;border-radius:999px;padding:6px 10px;color:#9fdcff}

.theme-stock-count{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}
.theme-stock-empty{color:var(--muted);font-size:14px}
.theme-stock-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.theme-stock-row{display:flex;justify-content:space-between;align-items:center;background:#0e1f33;border-radius:10px;padding:10px 12px;font-size:14px}
.theme-stock-name{font-weight:700;color:#dce9f5}
.theme-stock-market{font-size:11px;color:var(--muted);background:#10243a;border-radius:999px;padding:2px 8px}
.theme-stock-more{margin-top:12px;width:100%;border:1px solid var(--line);border-radius:10px;background:#0e1f33;color:var(--blue);font-weight:700;font-size:13px;padding:10px;cursor:pointer}
.theme-stock-more:hover{background:#16314e}

/* ===== 모바일: 한 번에 한 단계씩 전체화면 전환 ===== */
@media (max-width: 899px){
 .theme-pane{display:none}
 .theme-pane.pane-active{display:block}
 .theme-back{display:inline-block}
}

/* ===== 데스크톱: 3단 동시 표시 ===== */
@media (min-width: 900px){
 .theme-panes{grid-template-columns:280px 280px 1fr;align-items:start}
 .theme-pane{display:block}
 .theme-pane-groups,.theme-pane-children{max-height:640px;overflow:auto}
 .theme-back{display:none !important}
}