/* Atlas · Sentetik kare vitrini: 3B sefalometrik tel-kafes + A/B morfoloji kaydırıcısı.
   Renkler style.css değişkenlerinden gelir (açık/koyu tema otomatik). JS yoksa .sk-yok paneli görünür. */
.sk{margin-top:36px}
.sk-yok img{display:block;width:100%;height:auto}
.sk.js .sk-yok{display:none}
.sk-grid{display:grid;gap:18px}
@media (min-width:900px){.sk-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}
.sk figure{margin:0;padding:14px 14px 16px}
.sk .idx{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--acc);margin-bottom:8px}
.sk .idx .sk-sim{color:var(--warn)}
.sk-sub{color:var(--mut);font-size:.875rem;line-height:1.5;margin:0 0 10px}
.sk-canvas-wrap{position:relative;background:var(--surface-2);border:1px solid var(--line);aspect-ratio:1/1.04;overflow:hidden;cursor:grab;touch-action:none}
.sk-canvas-wrap:active{cursor:grabbing}
.sk-canvas-wrap canvas{display:block;width:100%;height:100%}
.sk-yukleniyor{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font:500 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.sk-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sk-btn{appearance:none;cursor:pointer;border:1px solid var(--line2);background:var(--surface);color:var(--fg);padding:6px 10px;font:500 .6875rem var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s}
.sk-btn:hover{border-color:var(--acc)}
.sk-btn[aria-pressed="true"],.sk-tab[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:var(--acc-fg)}
.sk-olcu{margin:12px 0 0;font:500 .75rem/1.6 var(--mono);letter-spacing:.03em;color:var(--fg)}
.sk-olcu b{color:var(--ok);font-weight:600}
.sk-olcu i{font-style:normal;color:#06b6d4}
.sk-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}
.sk-tab{appearance:none;cursor:pointer;border:1px solid var(--line2);background:var(--surface);color:var(--fg);padding:7px 10px;font:500 .6875rem/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:left;transition:background .15s,color .15s,border-color .15s}
.sk-tab:hover{border-color:var(--acc)}
.sk-stage{position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--line);aspect-ratio:92/52;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sk-stage.dik{aspect-ratio:3/4;max-height:min(72vh,760px);margin:0 auto}
.sk-pane{position:absolute;inset:0}
.sk-pane img{display:block;width:100%;height:100%;object-fit:cover}
.sk-pane:first-child{clip-path:inset(0 calc(100% - var(--p,50%)) 0 0);z-index:2}
.sk-lab{position:absolute;top:10px;max-width:46%;font:500 .6563rem/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--fg);padding:4px 8px;border:1px solid var(--line2);z-index:3;pointer-events:none}
.sk-pane:first-child .sk-lab{left:10px}
.sk-pane:nth-child(2) .sk-lab{right:10px;text-align:right}
.sk-pane:nth-child(2) .sk-lab{border-color:var(--acc);color:var(--acc)}
.sk-bar{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:var(--acc);z-index:3;pointer-events:none}
.sk-bar::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid var(--acc);background:var(--bg);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.sk-bar::before{content:"◂ ▸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font:600 .55rem var(--mono);color:var(--acc);letter-spacing:-.05em}
.sk-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}
.sk-not{margin:10px 0 0;font-size:.875rem;line-height:1.55;color:var(--mut)}
.sk-not b{color:var(--fg);font-weight:600}
.sk-serh{margin-top:14px;border:1px solid var(--line2);border-left:2px solid var(--warn);background:var(--surface);padding:12px 14px;font-size:.875rem;line-height:1.55;color:var(--mut)}
.sk-serh p{margin:0}
.sk-serh p+p{margin-top:6px}
.sk-serh strong{color:var(--fg)}
.sk-eski{margin-top:28px}
.sk-eski>.idx{display:block;color:var(--mut);margin-bottom:10px}
/* işleyiş kipi (anasayfa): 4 ölçüm kutusu */
.sk-kutular{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 0}
.sk-kutu{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:8px;background:var(--surface,transparent)}
.sk-kk{font:500 .66rem/1.3 var(--mono);letter-spacing:.03em;color:var(--mut)}
.sk-kv{font:600 .98rem/1.2 var(--mono);color:var(--fg)}
.sk-ke{font:500 .7rem/1.3 var(--mono);color:#0f766e}
[data-theme="dark"] .sk-ke{color:#2dd4bf}
@media (min-width:900px){.sk-kutular{grid-template-columns:repeat(4,1fr)}}