.ilk-adim, .bugun-kopru { --adim-bosluk: clamp(1rem, 2vw, 1.8rem); border: 1px solid #d9cbd5; border-radius: 16px; background: #fffdf9; padding: var(--adim-bosluk); margin-block: 1.5rem; color: #3d2938; }
.ilk-adim h2, .bugun-kopru h2 { font-family: 'Manrope', sans-serif; font-size: clamp(1.35rem, 2vw, 1.9rem); margin: 0 0 .55rem; text-wrap: balance; }
.ilk-adim p, .bugun-kopru p { line-height: 1.65; margin: .5rem 0; max-width: 68ch; }
.ilk-adim-giris, .ilk-adim-satir, .bugun-kopru { display: flex; align-items: center; gap: var(--adim-bosluk, 1rem); justify-content: space-between; flex-wrap: wrap; }
.ilk-adim-giris > div, .bugun-kopru > div { flex: 1 1 22rem; min-width: 0; }
.ilk-adim-icerik { margin-top: 1.5rem; border-top: 1px solid #e5dbe1; padding-top: 1.2rem; max-width: 52rem; }
.ilk-adim fieldset { border: 0; padding: 0; margin: 1rem 0; min-width: 0; }
.ilk-adim legend, .ilk-adim label, .ilk-adim-takvim label { font-weight: 700; display: block; margin-bottom: .6rem; }
.ilk-adim input, .ilk-adim-takvim input { box-sizing: border-box; max-width: 100%; padding: .8rem; border: 1px solid #92768c; border-radius: 8px; font: inherit; background: white; color: #3d2938; }
.ilk-adim input { width: 100%; }
.ilk-adim-secimler { display: flex; flex-wrap: wrap; gap: .65rem; }
.ilk-adim-secimler button, .ilk-adim-geri { font: inherit; color: #5e3a58; background: #faf6f2; border: 1px solid #baa4b4; border-radius: 8px; padding: .8rem 1rem; cursor: pointer; min-height: 44px; }
.ilk-adim-secimler button:hover, .ilk-adim-secimler button[aria-pressed=true] { background: #5e3a58; color: white; }
.ilk-adim-geri { margin-top: 1rem; }
.ilk-adim output { font-size: 2rem; font-variant-numeric: tabular-nums; }
.ilk-adim-satir { justify-content: flex-start; margin-block: 1rem; }
.ilk-adim :focus-visible, .ilk-adim-takvim :focus-visible, .bugun-kopru :focus-visible { outline: 3px solid #714c68; outline-offset: 4px; }
.ilk-adim button:disabled { opacity: .55; cursor: not-allowed; }
.ilk-adim-ozet { padding-bottom: 1rem; }
.ilk-adim-ozet li { line-height: 1.6; margin-block: .4rem; }
.ilk-adim-takvim p { font-size: .9rem; line-height: 1.6; }
@media (max-width: 600px) { .ilk-adim-giris { align-items: stretch; } .ilk-adim-giris > .uye-buton { width: 100%; } .ilk-adim-secimler { flex-direction: column; } .ilk-adim-secimler button { text-align: left; } .ilk-adim-takvim .uye-buton { white-space: normal; } }