/* Kaynak tema: 10. sınıf Türk Dili ve Edebiyatı "Sözün Ezgisi" PDF paleti.
   Doğrulanmış kaynak renkleri: krem #fcf7e9, açık turkuaz #e2f1f1, turkuaz #7bc1c1,
   derin turkuaz #00a79d, lacivert #02548a, turuncu #f09032, mürekkep #221f1f.
   Düğme geometrisi, kontrol modeli ve gezinme yeniden tasarlanmaz; yalnız renk. */
:root{
  --orange:#f09032;
  --rust:#00786f;
  --cream:#fcf7e9;
  --peach:#ddf0ee;
  --gray:#ecebed;
  --ink:#221f1f;
  --accent:#00a79d;
  --tint:#f1f9f8;
  --line:#d8e2e0;
}
body{background:#f2f5f4}
.masthead{background:var(--cream);border-right:18px solid #7bc1c1}
.brand{background:#7bc1c1}
.hero-mark{left:186px;top:36px;width:140px;height:140px;border-radius:50%;object-fit:cover;opacity:1;z-index:2}
.subject strong{color:#0b7f7a;font-size:30px;letter-spacing:0;line-height:1.05}
.subject span{display:block;color:#02548a;margin-top:4px;font-size:16px}
.grade{color:#02548a}
.grade .squares{color:#02548a}
.masthead:after{background:#02548a;width:56px;height:22px}
.course-title{color:#221f1f}
#sections button{background:#f1f4f3;color:#4d5b59}
#sections button.active{background:var(--peach);border-bottom-color:var(--rust);color:#005c56}
.page{background:#fff}
button{border-color:#006b64}
.tf-table th{background:#7bc1c1;color:#12312e}
.question-navigation{background:var(--cream);border-bottom-color:#cfdedb}
.question-navigation button{color:#54706d}
.question-navigation button[aria-current]{background:var(--peach);border-bottom-color:var(--rust);color:var(--rust)}
.start-button{background:var(--rust);border-color:var(--rust);border-bottom-color:#004f49}
.start-button:hover{background:#008b81}
.scene-nav .page-arrow{background:#00a79d}
.scene-nav .page-arrow:hover{background:#00948a}
.flow-text small{color:#3d5c58}
.flow-number{border-color:#5aa9a2;color:var(--rust)}
.activity-flow li+li:before{background:#bcd8d4}
.activity-flow button{border-color:#cfe0dd;color:#3d4a48}
.activity-flow button[aria-current]{background:var(--peach);border-color:#7bbcb5}
.library-cards .card,.card{border-color:#cbe0dd}
#main .card .open-label{color:#00665f}
.feedback{background:#eef4f3;border-left-color:var(--accent)}
.feedback strong{color:#046b63}
@media(hover:hover){
  .start-button:hover{background:#008b81}
  .scene-nav .page-arrow:hover{background:#00948a}
  .question-navigation button:hover{background:#e9f4f2;color:var(--rust)}
}@media(max-width:560px){
  .subject{right:8px;top:12px}
  .subject strong{font-size:17px;line-height:1.15;max-width:190px}
  .subject span{font-size:12px;margin-top:2px}
  .hero-mark{left:128px;top:58px;width:76px;height:76px}
  .brand img{width:84px;left:96px;top:112px}
  .grade{font-size:12px;right:8px;bottom:4px}
  .grade .squares i{width:8px;height:8px}
}
@media(max-width:380px){
  .subject strong{font-size:15px;max-width:160px}
  .hero-mark{left:112px;width:68px;height:68px}
}