/* ============================================================
   Online Koçunuz — Sınava 1 Hafta Kala Ne Yapmalı? sayfası stilleri
   Kaynak: design_system/standalone/sinava-1-hafta-kala-ne-yapmali.html (inline JSX)
   Tüm kurallar .okt-sinava-1-hafta-kala-ne-yapmali altına scope'landı.
   Token'lar globalde tanımlı (style.css): var(--border), var(--ink-700) vb.
   @keyframes global; helper sınıflar (page-hero, hero-orbit, float-chip,
   grad-text, reveal) global style.css'ten gelir.
   Mobil öncelikli.
   ============================================================ */

/* ---- HERO yerleşimi ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-hero{ overflow:hidden; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-chip--1{ top:30%; left:3%; animation:float-up 8s ease-in-out infinite; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-chip--2{ top:50%; right:3%; animation:float-up 9s ease-in-out infinite; animation-delay:1s; }

.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-crumbs{ margin-bottom:14px; }

.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-pill{
  display:inline-block; font-size:12px; font-weight:600; line-height:1;
  padding:7px 13px; border-radius:999px;
  color:#92400E; background:#FEF3C7;
  border:1px solid #FDE68A;
}
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-title{ margin:14px 0 12px; color:var(--ink-900); max-width:780px; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-lead{ max-width:660px; color:var(--ink-700); }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-lead strong{ color:var(--ink-900); }

/* ---- ANA BÖLÜM ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-main{ padding:40px 0 80px; background:#fff; }

/* ---- DAR İÇERİK GÖVDESİ ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-body{
  max-width:720px;
  font-size:15.5px; color:var(--ink-700); line-height:1.75;
}

/* ---- BAŞLIKLAR ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-h2{
  color:var(--ink-900); font-size:22px; margin:32px 0 12px;
}
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-h2:first-child{ margin-top:0; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-h2--no{
  color:#B91C1C;
}
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-h2--yes{
  color:#15803D;
}

/* ---- PARAGRAF ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-p{
  font-size:15.5px; color:var(--ink-700); line-height:1.78; margin:0 0 14px;
}

/* ---- LİSTELER ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list{
  padding-left:18px; font-size:15px; color:var(--ink-700); line-height:1.8; margin:0 0 16px;
}
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list li{ margin:0 0 8px; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list strong{ color:var(--ink-900); }

/* ---- YAPMA / YAP renk vurguları (madde imleri) ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list--no li::marker{ color:#DC2626; }
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list--yes li::marker{ color:#16A34A; }

/* ---- İLGİLİ BAĞLANTILAR ---- */
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list--links a{
  color:var(--primary-700); text-decoration:underline; font-weight:600;
}
.okt-sinava-1-hafta-kala-ne-yapmali .okt-s1h-list--links a:hover{ text-decoration:none; }