/* İnsan Hakları ve Demokrasi (Yaratıcı Drama) — bölüm stili (v34) */
.dr{--uc:#3949ab;--ub:#e8eaf6;padding-top:28px;padding-bottom:48px}
.u1{--uc:#b34a30;--ub:#fdece6}
.u2{--uc:#0b7074;--ub:#e0f3f0}
.u3{--uc:#6446b0;--ub:#ede6fa}
.u4{--uc:#8a6008;--ub:#fbf0d6}
.u5{--uc:#2562a8;--ub:#e2eefb}
.u6{--uc:#a8355c;--ub:#fbe6ec}
.u7{--uc:#44596a;--ub:#e8eef1}
.dr h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.2px;line-height:1.15;margin:8px 0 10px}
.dr h2{font-size:22px;letter-spacing:-.4px;line-height:1.25;margin:0 0 12px}
.dr h3{font-size:17px;letter-spacing:-.2px;margin:18px 0 6px}
.dr-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--uc)}
.dr-small{font-size:13.5px;color:#5d7275;margin:0;line-height:1.55}
.dr-small a,.dr-weeks a,.dr-izleme a,.dr-ozet a,.dr-table td a{color:#135e64;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* ---------- ana sayfa ---------- */
.dr-hero{background:linear-gradient(120deg,#2f3f9e 0%,#1b5f8f 55%,#0b7074 100%);color:#fff;border-radius:26px;padding:32px 36px 30px;box-shadow:0 14px 34px rgba(31,52,120,.18)}
.dr-hero .dr-eyebrow{color:#d3dbff}
.dr-hero h1{color:#fff}
.dr-hero h1 span{color:#ffe08a;white-space:nowrap}
.dr-hero p{max-width:780px;color:#e9eeff;font-size:17px;line-height:1.6;margin:0 0 18px}
.dr-stats{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.dr-stats li{display:flex;align-items:baseline;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:8px 14px}
.dr-stats b{font-size:22px;line-height:1.1}
.dr-stats span{font-size:13px;color:#e9eeff}
.dr-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:20px 0 16px}
.dr-link{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #dde5df;border-radius:18px;padding:16px;color:#19353b;box-shadow:0 8px 20px rgba(25,63,68,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.dr-link:hover{transform:translateY(-2px);border-color:#9fa8da;box-shadow:0 14px 28px rgba(25,63,68,.1)}
.dr-link b{display:block;font-size:16px}
.dr-link small{display:block;color:#5d7275;font-size:13px;line-height:1.45;margin-top:3px}
.dr-link-ico{font-size:26px;line-height:1.1}
.dr-material,.dr-howto{border-radius:14px;padding:12px 16px;font-size:14.5px;line-height:1.55;margin:0 0 10px}
.dr-material{background:#fffaf0;border:1px dashed #e5cf9c;color:#4b4a3a}
.dr-howto{background:#f1f3fd;border:1px dashed #c5cdf3;color:#2f3a66}
.dr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px}
.dr-chip{background:var(--ub);color:var(--uc);font-weight:750;font-size:13.5px;border-radius:99px;padding:7px 13px;border:1.5px solid transparent}
.dr-chip:hover{border-color:var(--uc)}
.dr-unit{margin-top:28px;scroll-margin-top:16px}
.dr-unit-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 16px;border-bottom:3px solid var(--uc);padding-bottom:8px;margin-bottom:14px}
.dr-unit-head h2{margin:0;color:var(--uc)}
.dr-unit-head p{margin:0;color:#5d7275;font-size:13.5px;font-weight:700}
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.dr-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dde5df;border-top:5px solid var(--uc);border-radius:16px;padding:14px 16px;color:#19353b;box-shadow:0 6px 18px rgba(25,63,68,.05);transition:transform .15s ease,box-shadow .15s ease}
.dr-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(25,63,68,.11)}
.dr-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dr-card-no{background:var(--uc);color:#fff;font-weight:800;font-size:12.5px;border-radius:99px;padding:4px 10px}
.dr-card-k{font-size:12px;font-weight:800;color:var(--uc);background:var(--ub);border-radius:8px;padding:3px 8px}
.dr-card-title{font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.dr-card-meta{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#5d7275;line-height:1.4}
.dr-card-go{margin-top:auto;font-weight:750;font-size:13.5px;color:var(--uc)}
.dr-note{margin:32px auto 0;max-width:840px;font-size:13px;line-height:1.55;color:#637777;text-align:center}

/* ---------- hafta sayfası ---------- */
.dr-week-head{background:var(--ub);border-left:8px solid var(--uc);border-radius:22px;padding:20px 24px;margin-bottom:16px}
.dr-pills{display:flex;flex-wrap:wrap;gap:8px}
.dr-pill{font-size:13px;font-weight:800;border-radius:99px;padding:5px 12px}
.dr-pill-no{background:var(--uc);color:#fff}
.dr-pill-unit{background:#fff;color:var(--uc)}
.dr-week-head h1{margin:10px 0 4px}
.dr-meta{margin:0 0 14px;color:#4c6265;font-weight:650;font-size:14.5px}
.dr-actions{display:flex;flex-wrap:wrap;gap:10px}
.dr-actions .button{flex:0 1 auto;min-height:44px;padding:10px 18px;cursor:pointer;font-family:inherit}
.dr-facts{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}
.dr-col{display:flex;flex-direction:column;gap:14px}
.dr-facts .dr-box{margin:0}
.dr-box{background:#fff;border:1px solid #dde5df;border-radius:18px;padding:16px 18px;margin:0 0 14px}
.dr .dr-box h2,.dr .dr-box h3{font-size:17px;margin:0 0 6px}
.dr-box p{margin:0}
.dr-box p+p{margin-top:8px}
.dr-kazanim{border-left:6px solid var(--uc)}
.dr-kazanim p{font-size:17px;line-height:1.55}
.dr-kazanim strong{color:var(--uc)}
.dr-info{display:grid;gap:10px}
.dr-info dt{font-size:12.5px;font-weight:800;color:#5d7275}
.dr-info dd{margin:0;font-weight:700}
.dr-prep{background:#f3faf5;border-color:#cfe6d6}
.dr-roles{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:4px 0 10px}
.dr-roles li{display:flex;align-items:center;gap:8px;background:var(--ub);border-radius:99px;padding:5px 14px 5px 5px;font-weight:700;font-size:15px}
.dr-role-no{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--uc);color:#fff;font-size:13px;font-weight:800;flex:none}
.dr-lessons{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:14px}
.dr-lesson{background:#fff;border:1px solid #dde5df;border-radius:20px;padding:16px 16px 10px}
.dr-lesson-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.dr .dr-lesson-head h2{margin:0;font-size:21px}
.dr-lesson-head small{font-size:13px;color:#5d7275;font-weight:650;margin-left:4px;letter-spacing:0}
.dr-timer{display:flex;align-items:center;gap:6px;background:#f4f6f2;border-radius:99px;padding:4px 4px 4px 12px}
.dr-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:16px;min-width:50px}
.dr-tbtn{border:0;background:var(--uc);color:#fff;font:inherit;font-weight:750;font-size:13.5px;border-radius:99px;padding:6px 12px;cursor:pointer;min-height:34px}
.dr-tbtn-sm{background:#fff;color:#19353b;border:1px solid #cfd9d3;padding:6px 10px}
.dr-tbtn-sm[aria-pressed="false"]{opacity:.55}
.dr-now{margin:0 0 6px;padding:8px 12px;border-radius:12px;background:#fff7d6;font-size:14px;font-weight:750;color:#5a4500}
.dr-now:empty{display:none}
.dr-steps{list-style:none;padding:0;margin:0}
.dr-step{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:10px 6px;border-radius:14px;transition:background .2s}
.dr-step+.dr-step{border-top:1px dashed #e2e8e3}
.dr-time{align-self:start;border:0;background:var(--ub);color:var(--uc);font:inherit;font-weight:800;font-size:13px;line-height:1.3;border-radius:10px;padding:6px 4px;cursor:pointer;text-align:center;white-space:nowrap}
.dr-time:hover,.dr-time:focus-visible{outline:2px solid var(--uc);outline-offset:1px}
.dr .dr-step-body h3{margin:2px 0 3px;font-size:15.5px}
.dr-step-body p{margin:0;font-size:15px;line-height:1.6}
.dr-quote{margin:4px 0 0;background:#fffaf0;border-left:4px solid #e0b84a;border-radius:10px;padding:10px 12px;font-size:16px;line-height:1.6;color:#3b3322}
.dr-step-body .dr-new{background:var(--ub);border-radius:10px;padding:10px 12px;font-weight:600}
.dr-cikis .dr-step-body p{font-weight:700}
.dr-step.aktif{background:#fff7d6;box-shadow:inset 4px 0 0 #e0a800}
.dr-step.gecti{opacity:.55}
.dr-goal{border-left:6px solid #2e8b57}
.dr-tip{background:#f7f5ff;border:1px solid #ddd6f7;border-radius:18px;padding:14px 18px}
.dr-closing{margin:4px 0 18px}
.dr-weeknav{display:flex;justify-content:space-between;align-items:stretch;gap:10px;flex-wrap:wrap}
.dr-weeknav a{display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #dde5df;border-radius:14px;padding:10px 14px;font-weight:800;color:var(--uc);max-width:38%}
.dr-weeknav a small{font-weight:600;color:#5d7275;font-size:12.5px}
.dr-weeknav a.next{text-align:right;align-items:flex-end}
.dr-weeknav a.all{align-self:center;color:#19353b}

/* ---------- kılavuz / gözlem / kaynaklar ---------- */
.dr-doc-head{max-width:860px;margin-bottom:14px}
.dr-doc-head .dr-eyebrow{color:#3949ab}
.dr-doc-head p{color:#4c6265;margin:0 0 14px}
.dr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.dr-tab{background:#fff;border:1px solid #dde5df;border-radius:99px;padding:7px 14px;font-weight:700;font-size:14px;color:#19353b}
a.dr-tab:hover{border-color:#3949ab}
.dr-tab.current{background:#3949ab;color:#fff;border-color:#3949ab}
.dr-sec{max-width:940px;margin:0 0 32px;scroll-margin-top:16px}
.dr .dr-sec>h2{font-size:24px;border-bottom:3px solid #c5cae9;padding-bottom:6px}
.dr-sec>p{margin:0 0 10px}
.dr-yonerge{margin:16px 0}
.dr-yonerge figcaption{font-weight:800;margin-bottom:8px}
.dr-yonerge blockquote{margin:0;font-size:18px;line-height:1.6;color:#27316f;background:#f1f3fd;border-radius:12px;padding:12px 16px}
.dr-bigq{font-size:20px;font-weight:800;color:#27316f;text-align:center;background:#f1f3fd;border-radius:14px;padding:14px}
.dr-table-wrap{overflow-x:auto;margin:0 0 14px;border:1px solid #dde5df;border-radius:14px;background:#fff}
.dr-table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.dr-table th,.dr-table td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #edf1ee}
.dr-table thead th{background:#f4f6f2;font-size:12.5px;letter-spacing:.3px;color:#4c6265}
.dr-table tbody tr:last-child>*{border-bottom:0}
.dr-table caption{caption-side:top;text-align:left;font-weight:800;padding:10px 12px 4px}
.dr-num{font-weight:800;width:56px}
.dr-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--uc);margin-right:7px}
.dr-code{white-space:nowrap;font-weight:800;color:var(--uc)}
.dr-techs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:14px}
.dr-tech{background:#fff;border:1px solid #dde5df;border-radius:16px;padding:14px 16px}
.dr .dr-tech h3{margin:0 0 4px;font-size:16px;color:#3949ab}
.dr-tech p{margin:0 0 4px;font-size:14.5px;line-height:1.5}
.dr-say{font-weight:700;color:#27316f}
.dr-lvl{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;color:#fff;margin-right:4px}
.dr-lvl.l0{background:#8a9799}.dr-lvl.l1{background:#b98a00}.dr-lvl.l2{background:#2e8b57}
.dr-formline{font-weight:700}
.dr-blank{display:inline-block;min-width:140px;height:1.1em;border-bottom:1.5px solid #8aa0a2;vertical-align:bottom;margin-right:10px}
.dr-blank.s{min-width:60px}
.dr-kayit td{height:46px}
.dr-kayit td:first-child{white-space:nowrap}
.dr-adapt{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:8px}
.dr-adapt .dr-box{margin:0}
.dr-mini{margin:4px 0 8px;padding-left:22px}
.dr-quotes{list-style:none;padding:0;display:grid;gap:8px;margin:0 0 14px}
.dr-quotes li{background:#fff;border:1px solid #dde5df;border-left:5px solid #3949ab;border-radius:12px;padding:10px 14px;font-weight:650}
.dr-refs{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}
.dr-refs li{background:#fff;border:1px solid #dde5df;border-radius:14px;padding:12px 16px}
.dr-ref{margin:0 0 4px;font-weight:650}

/* ---------- tahta görünümü ---------- */
.dr-tahta{--uc:#3949ab;--ub:#e8eaf6;position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#fffdf6;color:#19353b;padding:clamp(16px,3vw,44px)}
.dr-tahta[hidden]{display:none}
.dr-tahta.u1{--uc:#b34a30;--ub:#fdece6}.dr-tahta.u2{--uc:#0b7074;--ub:#e0f3f0}.dr-tahta.u3{--uc:#6446b0;--ub:#ede6fa}.dr-tahta.u4{--uc:#8a6008;--ub:#fbf0d6}.dr-tahta.u5{--uc:#2562a8;--ub:#e2eefb}.dr-tahta.u6{--uc:#a8355c;--ub:#fbe6ec}.dr-tahta.u7{--uc:#44596a;--ub:#e8eef1}
.dr-tahta-bar{flex:none;height:10px;border-radius:99px;background:var(--uc);margin-bottom:clamp(12px,2vw,26px)}
.dr-tahta-icerik{flex:1;min-height:0;overflow:auto}
.dr-tahta-ust{font-size:clamp(16px,1.8vw,26px);font-weight:800;color:var(--uc)}
.dr-tahta-baslik{font-size:clamp(30px,4.4vw,68px);line-height:1.1;letter-spacing:-1px;margin:6px 0 clamp(14px,2.2vw,30px)}
.dr-tahta-metin{font-size:clamp(22px,3.1vw,48px);line-height:1.45;max-width:1500px;margin:0}
.dr-tahta-etiket{font-size:clamp(18px,2vw,28px);font-weight:800;color:#5d7275;margin:0 0 12px}
.dr-tahta-liste{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,18px);counter-reset:rol}
.dr-tahta-liste li{counter-increment:rol;font-size:clamp(20px,2.7vw,42px);font-weight:750;background:var(--ub);border-radius:99px;padding:.22em .8em .22em .3em;display:flex;align-items:center;gap:.4em}
.dr-tahta-liste li::before{content:counter(rol);display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--uc);color:#fff;font-size:.8em}
.dr-tahta-alt{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.dr-tahta-alt button{font:inherit;font-weight:800;font-size:clamp(16px,1.6vw,22px);border:0;border-radius:14px;padding:10px 20px;min-height:52px;cursor:pointer;background:var(--uc);color:#fff}
.dr-tahta-alt button.kapat{background:#fff;color:#19353b;border:2px solid #cfd9d3}
.dr-tahta-alt button:disabled{opacity:.35;cursor:default}
.dr-tahta-git{display:flex;gap:10px}
.dr-tahta-sayac{font-weight:800;color:#5d7275;font-size:clamp(16px,1.6vw,22px)}
body.dr-tahta-acik{overflow:hidden}

/* ---------- dar ekran ---------- */
@media(max-width:900px){
  .dr-lessons{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dr-facts{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dr{padding-top:18px}
  .dr-hero{padding:22px 20px;border-radius:20px}
  .dr-hero p{font-size:15.5px}
  .dr-hero h1 span{white-space:normal}
  .dr-stats li{padding:6px 10px}
  .dr-stats b{font-size:19px}
  .dr-week-head{padding:16px 16px;border-left-width:6px}
  .dr-actions .button{flex:1 1 140px}
  .dr-lesson{padding:14px 12px 8px}
  .dr-step{grid-template-columns:64px 1fr;gap:10px;padding:10px 2px}
  .dr-time{font-size:12px}
  .dr-weeknav a{max-width:none;flex:1 1 40%}
  .dr-weeknav a.all{order:3;flex-basis:100%;text-align:center;align-items:center}
  .dr-table{font-size:13.5px}
  .dr-table th,.dr-table td{padding:8px 9px}
  .dr-tahta-alt{justify-content:center}
}

/* ---------- yazdırma ---------- */
@media print{
  @page{margin:9mm 10mm}
  body{background:#fff}
  .dr-noprint,.dr-actions,.dr-timer,.dr-now,.dr-tahta,.dr-tabs,.dr-weeknav,.dr-chips,.dr-howto,.dr-links{display:none!important}
  .dr{padding:0;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .dr h1{font-size:18pt;margin:2px 0}
  .dr-hero{background:none;color:#19353b;padding:0;box-shadow:none}
  .dr-hero h1,.dr-hero p,.dr-hero .dr-eyebrow{color:#19353b}
  .dr-hero h1 span{color:#3949ab}
  .dr-stats li{border-color:#ccc;background:none}.dr-stats span{color:#19353b}
  .dr-card,.dr-box,.dr-lesson,.dr-tech,.dr-link,.dr-table-wrap{box-shadow:none;break-inside:avoid}
  .dr-card:hover{transform:none}
  .dr-week-head{background:none;border:0;border-bottom:3px solid var(--uc);border-radius:0;padding:0 0 6px;margin-bottom:8px}
  .dr-meta{margin-bottom:4px}
  .dr-box{padding:6px 9px;margin-bottom:6px;border-radius:10px}
  .dr .dr-box h2,.dr .dr-box h3{font-size:11pt;margin:0 0 2px}
  .dr-info{gap:4px}
  .dr-kazanim p{font-size:10.5pt}
  .dr-facts{grid-template-columns:1.35fr 1fr;gap:6px;margin-bottom:6px}
  .dr-col{gap:6px}
  .dr-lessons{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
  .dr-lesson{padding:8px;border-radius:10px}
  .dr .dr-lesson-head h2{font-size:13pt}
  .dr-step{grid-template-columns:56px 1fr;gap:5px;padding:3px 0;break-inside:avoid}
  .dr-time{font-size:7.5pt;padding:2px 1px;background:var(--ub)}
  .dr .dr-step-body h3{font-size:10pt;margin:0}
  .dr-step-body p,.dr-quote{font-size:9pt;line-height:1.35}
  .dr-quote,.dr-step-body .dr-new{padding:4px 6px}
  .dr-rolebox .dr-small,.dr-closing{display:none}
  .dr-step.aktif{background:none;box-shadow:none}.dr-step.gecti{opacity:1}
  .dr-roles{margin:2px 0 4px}.dr-roles li{font-size:9.5pt;padding:2px 8px 2px 2px}
  .dr-role-no{width:18px;height:18px;font-size:8pt}
  .dr-small{font-size:9pt}
  .dr-table{font-size:9.5pt}
  .dr-table-wrap{overflow:visible}
  a{color:inherit!important;text-decoration:none!important}
  body.dr-print-only .dr-sec:not(.dr-print-target),body.dr-print-only .dr-doc-head,body.dr-print-only .crumbs,body.dr-print-only .dr-note{display:none!important}
  .dr-kayit td{height:16mm}
}