/* Etkinlik vitrini (/etkinlikler/). Kâğıt, yırtık kenar ve el yazısı ortak destek katmanından
   (site-wayfinding.css) gelir; bu dosya yalnız yerleşimi ve ders renklerini tanımlar. */
body[data-site-page="etkinlikler"]{margin:0;background:#fff}
body[data-site-page="etkinlikler"] *,body[data-site-page="etkinlikler"] *::before,body[data-site-page="etkinlikler"] *::after{box-sizing:border-box}
/* Kutu genişliği Evrak Çantası ile aynı: sayfa yolu, "Bu sayfada" şeridi ve bölümler tek hizada. */
:where(body[data-site-page="etkinlikler"]) .container{width:min(1200px,calc(100% - 64px));margin-inline:auto}

/* Ders renkleri: ana sayfadaki ders dosyalarıyla aynı. */
.ev-section{--c:#2e4a7d;--c-tint:#2e4a7d26}
.ev-section[data-c="six"]{--c:#b5486b;--c-tint:#b5486b26}
.ev-section[data-c="robot"]{--c:#c8642a;--c-tint:#c8642a29}
.ev-section[data-c="ai"]{--c:#6a5aa0;--c-tint:#6a5aa026}
.ev-section:nth-of-type(odd){background:#fff}
.ev-section:nth-of-type(even){background:#f5f4f0}

.ev-section .section-heading{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:40px;align-items:end;margin-bottom:34px}
.ev-section .section-heading h2{margin:6px 0 0;font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-.03em}
.ev-section .section-heading h2::after{content:"";display:block;width:64px;height:6px;margin-top:14px;background:var(--c);clip-path:polygon(0 30%,20% 0,45% 25%,70% 5%,100% 20%,98% 80%,70% 100%,40% 75%,15% 100%,2% 70%)}
.ev-section .section-heading>p{margin:0;color:#62656d;font-size:15px;line-height:1.6}

.ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px}
body[data-kl-kind="support"] main .ev-card{position:relative;display:flex;flex-direction:column;min-height:0;padding:30px 28px 24px!important;border-top:0!important}
/* Ders renginde bant: kartı sayfaya tutturur. */
.ev-card::before{content:"";position:absolute;top:-9px;left:50%;width:96px;height:22px;margin-left:-48px;background:repeating-linear-gradient(-45deg,var(--c-tint) 0 6px,#ffffff66 6px 12px);transform:rotate(-2deg);z-index:1}
.ev-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ev-stamp{display:inline-block;padding:4px 10px 2px;border:3px double var(--c);border-radius:6px;color:var(--c);font:700 22px/1 'IBM Plex Sans',sans-serif;letter-spacing:.02em;transform:rotate(-3deg)}
.ev-kind{font:500 13px/1.3 'IBM Plex Sans',sans-serif;color:#62656d}
.ev-card h3{margin:0 0 10px;font-size:22px;line-height:1.22;letter-spacing:-.015em;color:#22242d}
body[data-kl-kind="support"] main .ev-card .ev-purpose{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;font-size:15px;line-height:1.55;color:#22242d}
body[data-kl-kind="support"] main .ev-card .ev-note{margin:0 0 10px;font:400 22px/1.1 'Just Me Again Down Here',cursive!important;color:var(--c)}
body[data-kl-kind="support"] main .ev-card .ev-topic{margin:0;padding-top:10px;border-top:1px dashed #22242d30;font-size:13.5px;line-height:1.45;color:#62656d}
.ev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:20px}
body[data-kl-kind="support"] main .ev-card .primary-action{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;background:var(--kl-action,#c44732);color:#fff;font-size:15px;text-decoration:none}
body[data-kl-kind="support"] main .ev-card .primary-action:hover{background:var(--kl-action-hover,#a3361f)}
body[data-kl-kind="support"] main .ev-card .text-action{display:inline-flex;align-items:center;min-height:44px;color:#22242d;font-size:14px}
.ev-card :is(a):focus-visible{outline:3px solid #c44732;outline-offset:3px}

.ev-closing{padding:36px 0 64px}
.ev-closing p{margin:0;font:400 22px/1.2 'Just Me Again Down Here',cursive;color:#86303f}

@media(max-width:720px){:where(body[data-site-page="etkinlikler"]) .container{width:min(100% - 36px,1200px)}}
@media(max-width:760px){
  .ev-section .section-heading{grid-template-columns:1fr;gap:12px}
  .ev-grid{grid-template-columns:1fr;gap:30px}
  body[data-kl-kind="support"] main .ev-card{padding:26px 20px 20px!important}
}