/* okul-learn 2026-10-11: öğrenme katmanı (üyelik, kurslar, testler, bilgi kartları, araçlar, yazdırma). Yalnız sc-okul gövdesinde yüklenir. */
.ok-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:640px){.ok-grid-3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.ok-grid-3{grid-template-columns:repeat(3,1fr)}}
.ok-sec{margin:34px 0}
.ok-meta{color:var(--yn-mute);font-size:.88rem;margin:6px 0}
.ok-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.ok-inline form{display:inline}
.ok-code{display:inline-block;padding:3px 10px;border-radius:10px;background:var(--ok-sky);color:var(--yn-ink);font-weight:800;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ok-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.ok-tabs a{text-decoration:none;padding:9px 14px;border-radius:12px;border:2px solid var(--yn-line);color:var(--yn-ink);font-weight:800;font-size:.9rem;background:var(--yn-card)}
.ok-tabs a small{font-weight:600;color:var(--yn-mute);margin-left:4px}
.ok-tabs a:hover{border-color:var(--ok-blue);color:var(--ok-blue)}
.ok-tabs a[aria-current]{background:var(--ok-blue);border-color:var(--ok-blue);color:#fff}
.ok-tabs a[aria-current] small{color:#fff;opacity:.85}
.ok-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ok-list li{padding:10px 14px;border-radius:12px;background:var(--yn-card);border:1.5px solid var(--yn-line)}
.ok-details{margin:18px 0;border:1.5px solid var(--yn-line);border-radius:16px;background:var(--yn-card);padding:0 16px}
.ok-details summary{cursor:pointer;padding:14px 0;font-weight:800}
.ok-details[open] summary{border-bottom:1px dashed var(--yn-line);margin-bottom:12px}
.ok-table{border-collapse:collapse;width:100%;font-size:.92rem;margin:8px 0 16px}
.ok-table th,.ok-table td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--yn-line)}
.ok-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--yn-mute)}
.ok-pct{display:inline-block;min-width:3.4em;text-align:center;padding:2px 8px;border-radius:999px;font-weight:900;font-size:.85rem;color:#fff;background:var(--yn-mute)}
.ok-pct-hi{background:var(--ok-green)}.ok-pct-mid{background:var(--ok-orange)}.ok-pct-lo{background:#DC2626}
.ok-bar{height:10px;border-radius:999px;background:var(--yn-line);overflow:hidden;margin:8px 0}
.ok-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok-green),var(--ok-blue));border-radius:999px;transition:width .4s ease}
.ok-bar-lg{height:16px}
.ok-link-card{display:grid;gap:6px;text-decoration:none;color:inherit}
.ok-link-card strong{font-size:1.1rem}
.ok-link-card span{color:var(--yn-mute);font-size:.92rem}
.ok-link-card:hover{border-color:var(--ok-blue)}
.ok-ccard-s{color:var(--yn-mute);font-size:.95rem;margin:4px 0 8px}

/* üst bar */
.ok-hd-login{white-space:nowrap}
.ok-streak{font-weight:900;font-size:.78rem;margin-left:4px;color:var(--ok-orange)}

/* ana sayfa şeridi */
.ok-strip{padding:10px 0 30px}
.ok-strip-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (min-width:860px){.ok-strip-grid{grid-template-columns:repeat(5,1fr)}}
.ok-strip-item{display:grid;gap:4px;padding:16px;border-radius:var(--yn-r-s);background:var(--yn-card);border:2px solid var(--yn-line);text-decoration:none;color:inherit;box-shadow:var(--yn-shadow);transition:transform .2s,border-color .2s}
.ok-strip-item:hover{transform:translateY(-3px);border-color:var(--ok-blue)}
.ok-strip-item strong{font-size:1.02rem}
.ok-strip-item span:not(.ok-strip-ch){color:var(--yn-mute);font-size:.86rem}
.ok-strip-ch{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;background:var(--ok-blue);margin-bottom:6px}
.ok-strip-item:nth-child(2) .ok-strip-ch{background:var(--ok-orange)}.ok-strip-item:nth-child(3) .ok-strip-ch{background:var(--ok-green)}.ok-strip-item:nth-child(4) .ok-strip-ch{background:#7C3AED}.ok-strip-item:nth-child(5) .ok-strip-ch{background:#0EA5A4}

/* üyelik formları */
.ok-auth{max-width:620px;margin:0 auto 40px}
.ok-form{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.ok-form .yn-f{display:grid;gap:6px;font-weight:700;font-size:.9rem}
.ok-form .yn-f-wide,.ok-form .yn-form-foot,.ok-form .yn-form-msg,.ok-form .ok-roles,.ok-form .ok-minor,.ok-form .ok-check{grid-column:1/-1}
.ok-form input:not([type=checkbox]):not([type=radio]),.ok-form select,.ok-form textarea{font:inherit;padding:12px 13px;border-radius:12px;border:1.5px solid var(--yn-line);background:var(--yn-paper);color:var(--yn-ink);min-height:48px;width:100%}
.ok-form textarea{min-height:100px;resize:vertical}
.ok-form small{font-weight:500;color:var(--yn-mute)}
.ok-form .yn-form-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.ok-form .yn-form-msg{padding:12px 14px;border-radius:12px;background:#FEE2E2;color:#7F1D1D;font-weight:700}
.ok-form .yn-form-msg.ok,.sc-ok{padding:12px 14px;border-radius:12px;background:#DCFCE7;color:#14532D;font-weight:700}
html[data-theme="dark"] .ok-form .yn-form-msg{background:#4C1D1D;color:#FECACA}
html[data-theme="dark"] .ok-form .yn-form-msg.ok,html[data-theme="dark"] .sc-ok{background:#14532D;color:#DCFCE7}
.ok-roles{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.ok-form{grid-template-columns:1fr}.ok-roles{grid-template-columns:1fr}}
.ok-role{display:grid;gap:4px;padding:12px;border-radius:14px;border:2px solid var(--yn-line);cursor:pointer;background:var(--yn-card);font-weight:600}
.ok-role input{position:absolute;opacity:0;pointer-events:none}
.ok-role strong{font-size:1rem}
.ok-role small{font-size:.8rem}
.ok-role:has(input:checked){border-color:var(--ok-blue);background:var(--ok-sky)}
.ok-role:has(input:focus-visible){outline:3px solid var(--ok-orange)}
.ok-check{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.92rem;line-height:1.45}
.ok-check input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--ok-blue)}
.ok-minor-box{display:grid;gap:12px;margin-top:12px;padding:14px;border-radius:14px;background:var(--ok-sky);border:1.5px dashed var(--ok-blue)}
.ok-minor-box[hidden]{display:none}
.ok-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* hesabım */
.ok-acc-hero{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.ok-stats{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:16px 0}
@media (min-width:720px){.ok-stats{grid-template-columns:repeat(4,1fr)}}
.ok-stat{padding:14px 16px;border-radius:16px;background:var(--yn-card);border:2px solid var(--yn-line);display:grid;gap:2px}
.ok-stat b{font-size:1.6rem;font-weight:900;color:var(--ok-blue);line-height:1.1}
.ok-stat span{color:var(--yn-mute);font-size:.85rem;font-weight:700}
.ok-acc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.ok-acc-nav a{text-decoration:none;padding:7px 12px;border-radius:999px;border:1.5px solid var(--yn-line);color:var(--yn-ink);font-weight:700;font-size:.86rem}
.ok-acc-nav a:hover{border-color:var(--ok-blue);color:var(--ok-blue)}
.ok-class{display:grid;gap:10px}
.ok-class .ok-form{grid-template-columns:1fr 1fr}

/* kurs kataloğu */
.ok-filters{display:grid;gap:12px;margin:0 0 26px}
.ok-filters fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ok-filters legend{float:left;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--yn-mute);margin-right:8px;padding:0}
.ok-filters a{text-decoration:none;padding:6px 12px;border-radius:999px;border:1.5px solid var(--yn-line);color:var(--yn-ink);font-weight:700;font-size:.86rem;background:var(--yn-card)}
.ok-filters a[aria-current]{background:var(--ok-blue);border-color:var(--ok-blue);color:#fff}
.ok-ccard{display:grid;grid-template-rows:auto 1fr auto;padding:0;overflow:hidden}
.ok-ccard-art{aspect-ratio:16/8;position:relative;overflow:hidden;background:var(--ok-sky)}
.ok-ccard-art .yn-art,.ok-ccard-art svg{position:absolute;inset:0;width:100%;height:100%}
.ok-ccard > :not(.ok-ccard-art){margin-left:18px;margin-right:18px}
.ok-ccard .yn-eyebrow{margin-top:14px}
.ok-ccard-t{font-size:1.15rem;margin:4px 0;line-height:1.3}
.ok-ccard-t a{text-decoration:none;color:inherit}
.ok-ccard-t a:hover{color:var(--ok-blue)}
.ok-ccard .ok-cta{margin:0 18px 18px}
.ok-free{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--ok-green);color:#fff;font-weight:900;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.ok-done{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--ok-sun);color:var(--yn-ink);font-weight:900;font-size:.72rem}
.ok-on{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--ok-sky);color:var(--ok-blue);font-weight:900;font-size:.72rem}

/* kurs sayfası */
.ok-course-hero .ok-course-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.ok-course-body{display:grid;gap:28px;margin:30px 0}
@media (min-width:900px){.ok-course-body{grid-template-columns:minmax(0,1fr) 340px}}
.ok-course-side{align-self:start;position:sticky;top:84px}
.ok-desc{font-size:1.05rem}
.ok-outcomes{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ok-outcomes li{padding-left:28px;position:relative}
.ok-outcomes li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ok-green);font-weight:900}
.ok-syllabus{display:grid;gap:14px}
.ok-module h3{margin:0 0 8px;font-size:1rem;color:var(--yn-mute)}
.ok-lessons{margin:0;padding:0;list-style:none;counter-reset:ls;display:grid;gap:6px}
.ok-lessons li{counter-increment:ls;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--yn-card);border:1.5px solid var(--yn-line)}
.ok-lessons li::before{content:counter(ls);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ok-sky);color:var(--ok-blue);font-weight:900;font-size:.82rem;flex:none}
.ok-lessons li.is-done::before{content:"✓";background:var(--ok-green);color:#fff}
.ok-lessons li a{text-decoration:none;color:inherit;font-weight:700;flex:1}
.ok-lessons li a:hover{color:var(--ok-blue)}
.ok-lessons li small{color:var(--yn-mute)}
.ok-lessons li.is-locked{opacity:.75}

/* ders sayfası */
.ok-lesson-head{background:var(--ok-sky);padding:26px 0 18px;border-bottom:3px solid var(--c,var(--ok-blue))}
.ok-lesson-body{display:grid;gap:28px;margin:28px auto}
@media (min-width:980px){.ok-lesson-body{grid-template-columns:280px minmax(0,1fr)}.ok-lesson-nav{align-self:start;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}}
.ok-lesson-nav ol{margin:0;padding:0 0 0 20px;display:grid;gap:6px;font-size:.92rem}
.ok-lesson-nav li a{text-decoration:none;color:inherit}
.ok-lesson-nav li.is-done a{color:var(--ok-green)}
.ok-lesson-nav li.is-done a::after{content:" ✓"}
.ok-lesson-nav li.is-cur a{font-weight:900;color:var(--ok-blue)}
.ok-video{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;margin:0 0 22px}
.ok-video iframe,.ok-video video{width:100%;height:100%;border:0;display:block}
.ok-ab{font-size:1.08rem;line-height:1.75}
.ok-ab h2,.ok-ab h3{margin-top:1.6em}
.ok-ab table{border-collapse:collapse;width:100%;margin:1em 0}
.ok-ab td,.ok-ab th{border:1px solid var(--yn-line);padding:8px 10px;text-align:left}
.ok-ab blockquote{margin:1.2em 0;padding:12px 18px;border-left:4px solid var(--ok-orange);background:var(--yn-card);border-radius:0 14px 14px 0}
.ok-lesson-foot{margin:34px 0 10px;padding:22px;border-radius:18px;background:var(--yn-card);border:2px dashed var(--yn-line);display:grid;gap:14px}
.ok-complete-msg{font-weight:700;color:var(--ok-green);margin-left:10px}
.ok-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.ok-print-only{display:none}

/* sertifika */
.ok-cert{max-width:860px;margin:30px auto;padding:clamp(24px,5vw,56px);border-radius:24px;background:var(--yn-card);border:6px double var(--ok-blue);text-align:center;position:relative}
.ok-cert::before{content:"";position:absolute;inset:14px;border:2px solid var(--ok-sun);border-radius:16px;pointer-events:none}
.ok-cert-brand{font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-blue);font-size:.85rem}
.ok-cert-kicker{font-size:1rem;color:var(--yn-mute);margin:18px 0 6px}
.ok-cert-name{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;margin:0 0 10px;color:var(--yn-ink)}
.ok-cert-text{font-size:1.05rem;max-width:560px;margin:0 auto}
.ok-cert-course{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:900;color:var(--ok-blue);margin:10px 0 18px}
.ok-cert-meta{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;color:var(--yn-mute);font-size:.9rem}
.ok-cert-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.12em}

/* testler */
.ok-qcard{display:grid;gap:4px;align-content:start}
.ok-qcard h3{margin:4px 0;font-size:1.15rem;line-height:1.3}
.ok-qcard h3 a{text-decoration:none;color:inherit}
.ok-qcard h3 a:hover{color:var(--ok-blue)}
.ok-qcard .yn-btn{justify-self:start;margin-top:8px}
.ok-quiz-wrap{max-width:820px}
.ok-quiz{margin:0 0 22px;padding:clamp(16px,3vw,28px);border-radius:22px;background:var(--yn-card);border:2px solid var(--yn-line);box-shadow:var(--yn-shadow)}
.ok-q-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ok-q-n{font-size:.82rem;font-weight:900;color:var(--yn-mute);margin:0;text-transform:uppercase;letter-spacing:.06em}
.ok-q-t{font-size:clamp(1.1rem,2.4vw,1.35rem);font-weight:800;margin:.4rem 0 1rem;line-height:1.4}
.ok-q-o{display:grid;gap:10px}
.ok-q-b{min-height:52px;text-align:left;padding:12px 16px 12px 52px;border-radius:14px;border:2px solid var(--yn-line);background:var(--yn-paper);color:inherit;font:inherit;font-weight:600;cursor:pointer;position:relative;transition:border-color .15s,background .15s}
.ok-q-b::before{content:attr(data-l);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ok-sky);color:var(--ok-blue);font-weight:900;font-size:.85rem}
.ok-q-b:hover:not(:disabled){border-color:var(--ok-blue);background:var(--yn-card)}
.ok-q-b:disabled{cursor:default}
.ok-q-b.is-ok{background:#DCFCE7;border-color:var(--ok-green)}.ok-q-b.is-ok::before{background:var(--ok-green);color:#fff;content:"✓"}
.ok-q-b.is-bad{background:#FEE2E2;border-color:#DC2626}.ok-q-b.is-bad::before{background:#DC2626;color:#fff;content:"✗"}
html[data-theme="dark"] .ok-q-b.is-ok{background:#14532D}html[data-theme="dark"] .ok-q-b.is-bad{background:#4C1D1D}
.ok-q-e{margin:14px 0 0;padding:14px 16px;border-radius:14px;background:var(--ok-sky);font-size:1rem;line-height:1.55;display:grid;gap:10px}
.ok-q-e:empty{display:none}
.ok-q-e b{font-weight:900}
.ok-q-e .yn-btn{justify-self:start}
.ok-q-res{text-align:center;padding:12px 0;display:grid;gap:10px;justify-items:center}
.ok-q-res b{font-size:2rem;font-weight:900;color:var(--ok-blue)}
.ok-q-res .ok-bar{width:100%;max-width:420px}
.ok-q-review{text-align:left;margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;width:100%}
.ok-q-review li{padding:10px 12px;border-radius:12px;border:1.5px solid var(--yn-line);font-size:.92rem}
.ok-q-review li.is-bad{border-color:#DC2626}
.ok-q-review li.is-ok{border-color:var(--ok-green)}
.ok-quiz-static li{margin-bottom:14px}.ok-quiz-static .is-right{font-weight:900;color:var(--ok-green)}
.ok-quiz-exp{color:var(--yn-mute);font-size:.92rem}
.ok-q-saved{font-size:.85rem;color:var(--yn-mute)}

/* bilgi kartları */
.ok-setcard{display:grid;gap:6px;align-content:start;text-decoration:none;color:inherit;position:relative}
.ok-setcard strong{font-size:1.15rem;line-height:1.3}
.ok-setcard:hover{border-color:var(--ok-blue)}
.ok-setcard.is-saved::after{content:"★";position:absolute;right:16px;top:14px;color:var(--ok-orange);font-size:1.2rem}
.ok-cardset{max-width:760px}
.ok-fc-stage{display:grid;gap:14px}
.ok-fc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ok-fc-count{font-weight:900;color:var(--yn-mute)}
.ok-fc-score{font-size:.9rem;font-weight:700}
.ok-fc{position:relative;width:100%;min-height:clamp(240px,40vw,340px);border:0;background:transparent;padding:0;cursor:pointer;perspective:1200px;font:inherit;color:inherit;text-align:center}
.ok-fc-face{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:clamp(18px,4vw,36px);border-radius:24px;background:var(--yn-card);border:3px solid var(--ok-blue);box-shadow:var(--yn-shadow);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s cubic-bezier(.4,.2,.2,1);font-size:clamp(1.2rem,3vw,1.7rem);font-weight:800;line-height:1.35;overflow:auto}
.ok-fc-face small{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--yn-mute);font-weight:900}
.ok-fc-back{transform:rotateY(180deg);border-color:var(--ok-green);background:#F0FDF4}
html[data-theme="dark"] .ok-fc-back{background:#0F2E1C}
.ok-fc.is-flipped .ok-fc-front{transform:rotateY(180deg)}
.ok-fc.is-flipped .ok-fc-back{transform:rotateY(360deg)}
@media (prefers-reduced-motion:reduce){.ok-fc-face{transition:none}}
.ok-fc-ctl{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:10px}
.ok-btn-again{background:var(--ok-orange);color:#fff;border-color:var(--ok-orange)}
.ok-btn-know{background:var(--ok-green);color:#fff;border-color:var(--ok-green)}
.ok-fc-help{color:var(--yn-mute);font-size:.85rem;text-align:center;margin:0}
.ok-fc-help kbd{font-family:inherit;padding:1px 7px;border-radius:6px;border:1.5px solid var(--yn-line);background:var(--yn-card);font-weight:800}
.ok-fc-done{padding:22px;border-radius:18px;background:var(--yn-card);border:2px dashed var(--ok-green);text-align:center}
.ok-fc-done[hidden]{display:none}

/* araçlar (yeni) */
.ok-tool h2{margin:0 0 6px;font-size:1.5rem;letter-spacing:-.025em}
.ok-tool .ok-badge{display:inline-block;vertical-align:middle;padding:2px 9px;border-radius:999px;background:var(--ok-sun);color:var(--yn-ink);font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-left:8px}
.ok-fields{display:grid;gap:12px;grid-template-columns:1fr;margin:14px 0}
@media (min-width:640px){.ok-fields{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.ok-fields{grid-template-columns:repeat(3,1fr)}}
.ok-fields label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}
.ok-fields em{font-style:normal;font-weight:500;color:var(--yn-mute)}
.ok-fields input,.ok-fields select,.ok-fields textarea{font:inherit;padding:12px 13px;border-radius:12px;border:1.5px solid var(--yn-line);background:var(--yn-paper);color:var(--yn-ink);min-height:48px}
.ok-fields textarea{min-height:110px;resize:vertical}
.ok-fields .ok-wide{grid-column:1/-1}
.ok-out{margin-top:16px}.ok-out:empty{display:none}
.ok-res{padding:16px 18px;border-radius:16px;background:var(--ok-sky);border:1.5px solid var(--ok-blue);display:grid;gap:6px}
.ok-res b{font-size:1.5rem;font-weight:900;color:var(--ok-blue)}
.ok-res p{margin:0}
.ok-res .err{color:#B91C1C;font-weight:700}
.ok-res table{border-collapse:collapse;width:100%;font-size:.9rem;background:var(--yn-card);border-radius:12px;overflow:hidden}
.ok-res td,.ok-res th{padding:7px 10px;border-bottom:1px solid var(--yn-line);text-align:left}
.ok-pomo{display:grid;gap:14px;justify-items:center;text-align:center}
.ok-pomo-time{font-size:clamp(3rem,12vw,5.5rem);font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;color:var(--ok-blue)}
.ok-pomo.is-break .ok-pomo-time{color:var(--ok-green)}
.ok-pomo-mode{font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--yn-mute)}
.ok-pomo-ctl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ok-pomo-opts{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;font-size:.9rem;font-weight:700}
.ok-pomo-opts label{display:flex;gap:6px;align-items:center}
.ok-pomo-opts input[type=number]{width:4.5em;font:inherit;padding:6px 8px;border-radius:8px;border:1.5px solid var(--yn-line);background:var(--yn-paper);color:var(--yn-ink)}
.ok-pomo-dots{display:flex;gap:6px}
.ok-pomo-dots i{width:12px;height:12px;border-radius:50%;background:var(--yn-line)}
.ok-pomo-dots i.is-on{background:var(--ok-orange)}
.ok-plan{overflow-x:auto}
.ok-plan table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem;background:var(--yn-card)}
.ok-plan th,.ok-plan td{border:1px solid var(--yn-line);padding:8px 10px;vertical-align:top}
.ok-plan th{background:var(--ok-sky);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.ok-plan td span{display:block;font-weight:700}
.ok-plan td small{color:var(--yn-mute)}
.ok-days-set{border:0;padding:0;margin:0}
.ok-days-set legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:6px}
.ok-days{display:flex;flex-wrap:wrap;gap:8px}
.ok-days label{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1.5px solid var(--yn-line);font-weight:700;font-size:.88rem;cursor:pointer}
.ok-days label:has(input:checked){background:var(--ok-sky);border-color:var(--ok-blue)}
.ok-countdown{display:grid;gap:10px}
.ok-cd{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:baseline;padding:12px 14px;border-radius:14px;background:var(--yn-card);border:1.5px solid var(--yn-line)}
.ok-cd b{font-size:1.6rem;font-weight:900;color:var(--ok-blue);font-variant-numeric:tabular-nums}
.ok-cd span{color:var(--yn-mute);font-size:.9rem}

/* yazdırma: "PDF olarak kaydet" — ders, özet, sertifika, plan */
@media print{
  .no-print,.yn-head,.sc-topbar,.yn-foot,.yn-footer,footer,.ok-lesson-nav,.ok-lesson-foot,.ok-pager,.ok-tabs,.ok-acc-nav,.ok-fc-stage,.ok-fc-ctl,.ok-pomo,[data-ok-print],.yn-share,.yn-related,.yn-ad,.sc-ad,.yn-mob-nav,.yn-nav,.yn-head-act,.sc-tools > .yn-note{display:none !important}
  body.ok-print-one .sc-tool,body.ok-print-one .yn-phero,body.ok-print-one .ok-tool:not(.ok-print-target),body.ok-print-one .ok-print-target .ok-fields,body.ok-print-one .ok-print-target .yn-note,body.ok-print-one .ok-print-target .ok-inline{display:none !important}
  .ok-print-only{display:block}
  body{background:#fff !important;color:#000 !important;font-size:11.5pt}
  .yn-wrap,.ok-lesson-body,.ok-course-body{display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
  .ok-lesson-head{background:none;border-bottom:2px solid #000;padding:0 0 8px}
  .ok-ab,.yn-ab{font-size:11.5pt;line-height:1.5}
  .ok-ab a::after,.yn-ab a::after{content:" (" attr(href) ")";font-size:.85em;color:#444}
  .ok-video{display:none}
  .ok-cert{border:6px double #1F5FD6;box-shadow:none;page-break-inside:avoid;margin:0;max-width:none}
  .ok-cert::before{border-color:#C99400}
  .ok-fc-list{border:0;padding:0}.ok-fc-list summary{display:none}.ok-fc-list[open]{display:block}
  .ok-fc-list:not([open]) .ok-table{display:table}
  .ok-plan table{min-width:0;font-size:10.5pt}
  .ok-res{border:1px solid #000;background:none}
  @page{margin:16mm}
}