/* 07d-select-beagyazott - oldalspecifikus stilus:
   a beagyazott lekerdezes kiemelese a kodblokkokban.
   (A pre mindket temaban sotet, ezert a fix szinek itt rendben vannak.) */

pre .sub{color:#f78c6c; background:rgba(247,140,108,.10); border-radius:3px;}

/* --- "Hol allhat?" interaktiv abra (2. szakasz) --- */
.hol-fig{margin:16px 0;}
pre.hol-sql{line-height:2.4; font-size:1.02rem;}
.hol-num{display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%; border:2px solid var(--accent);
  background:transparent; color:var(--accent); font:inherit; font-weight:700;
  cursor:pointer; vertical-align:middle; margin:0 3px; padding:0;
  transition:background .15s, color .15s, transform .15s;}
.hol-num:hover{background:var(--accent); color:var(--accent-ink); transform:scale(1.12);}
.hol-num.active{background:var(--accent); color:var(--accent-ink);}
.hol-panel{border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:10px; background:var(--panel2); padding:4px 16px 10px; margin-top:10px;}
.hol-panel h4{color:var(--accent); margin:10px 0 4px;}
.hol-panel p{margin:8px 0;}
.hol-panel pre{margin:10px 0 6px;}
.hol-hint{color:var(--muted); font-size:.92rem; margin:10px 0 0;}