/* Kaynak teması: 9. sınıf Fizik / "FİZİK BİLİMİ VE KARİYER KEŞFİ" kartı.
   Renkler kartın kendi sayfa renderlarından örneklendi:
   kâğıt #fcf7e9, bölüm bandı #fce1d7, turuncu daire #f2815, koyu kiremit #9b3520,
   metin #2b2927, geri bildirim zemini #fbeee4, çizgi #e3cabd.
   Kabuk geometrisi, kontrol modeli ve gezinme yeniden tasarlanmaz; yalnız renk. */
:root{
  --orange:#f28155;
  --rust:#9b3520;
  --cream:#fcf7e9;
  --peach:#fce1d7;
  --gray:#f2ece2;
  --ink:#2b2927;
  --accent:#b0502c;
  --tint:#fdf1ea;
  --line:#e3cabd;
  --rust-dark:#7d2415;
  --rust-hover:#ad4127;
}
body{background:#f5efe6}
.masthead{background:var(--cream);border-right:18px solid var(--orange)}
.brand{background:var(--orange)}
.hero-mark{left:186px;top:30px;width:142px;height:142px;border-radius:50%;object-fit:cover;opacity:1;z-index:2}
.subject strong{color:#ef6a3e;font-size:30px;letter-spacing:.03em;line-height:1.05;text-transform:uppercase}
.subject span{display:block;color:var(--ink);margin-top:5px;font-size:15px;font-weight:600;letter-spacing:.02em}
.grade{color:#ef6a3e}
.grade .squares{color:var(--rust)}
.masthead:after{background:var(--rust);width:56px;height:22px}
.course-title{color:var(--ink);letter-spacing:.05em}
#sections{background:#fbf5ec}
#sections button{background:#f8f0e5;color:#6b5a4c;border-bottom:3px solid transparent}
#sections button.active{background:var(--peach);border-bottom-color:var(--rust);color:var(--rust-dark)}
.page{background:#fff}
.question-navigation{background:var(--cream);border-bottom-color:var(--line)}
.question-navigation button{color:#7c6556}
.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:#5d1a0f;color:#fff}
.scene-nav .page-arrow{background:var(--orange)}
.flow-text small{color:#7c5b47}
.flow-number{border-color:#c98a63;color:var(--rust)}
.activity-flow li+li:before{background:#e0c3ab}
.activity-flow button{border-color:var(--line);color:#463c34}
.activity-flow button[aria-current]{background:var(--peach);border-color:#c9764f}
.library-cards .card,.card{border-color:var(--line)}
#main .card .open-label{color:var(--rust)}
.feedback{background:#fbeee4;border-left-color:var(--orange)}
.feedback strong{color:var(--rust-dark)}
footer{color:#7c6556}

/* Ortak kontrol aileleri kaynak paletine bağlanır; özgül kit seçicileri
   (button, button[aria-pressed=true], .check-btn) ezilmez, aynı değerlere çekilir. */
button{background:var(--rust);border-color:var(--rust);color:#fff}
button[aria-pressed=true]{background:var(--rust);color:#fff;border-color:var(--rust)}

@media(hover:hover){
  .start-button:hover{background:var(--rust-hover);border-color:var(--rust-hover)}
  .scene-nav .page-arrow:hover{background:#df6f42}
  .question-navigation button:hover{background:#fbeadd;color:var(--rust)}
  button:hover:not(:disabled){background:var(--rust-hover);border-color:var(--rust-hover);filter:none}
}
@media(max-width:560px){
  .subject{right:8px;top:12px}
  .subject strong{font-size:17px;line-height:1.15;max-width:200px}
  .subject span{font-size:11.5px;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:430px){
  /* Uzun bölüm adları 360 px içinde tek satırda kalmalı. */
  #sections button{font-size:7.5px;letter-spacing:0;padding:10px 2px;overflow-wrap:normal;word-break:normal}
}
@media(max-width:380px){
  .subject strong{font-size:15px;max-width:160px}
  .hero-mark{left:112px;width:68px;height:68px}
}