/* 🧭 Koçi Plan düzeni (duzen-plan.js) — Riven 29 Eyl: "bütün düzen güzel gözüksün, bir mimar gibi yap".
   Tek tasarım sistemi: renk/gölge/köşe/yazı tipi TEMADAN (temalar.css değişkenleri), ölçüler 4'ün katları, her temada okunur kontrast.
   Önek: kp- */
.kp-kok {
  --kp-yuzey: var(--card, #fff);
  --kp-yuzey2: color-mix(in srgb, var(--ink) 6%, var(--kp-yuzey));
  --kp-cizgi: color-mix(in srgb, var(--line) 70%, transparent);
  --kp-golge: var(--koci-golge, 0 2px 0 var(--line));
  --kp-on: var(--koci-on-primary, #fff);
  --kp-ton: color-mix(in srgb, var(--primary) 14%, transparent);
  --kp-r: 22px; --kp-r-sm: 14px;
  --kp-baslik: var(--koci-font-baslik, inherit);
  display:flex; flex-direction:column; gap:16px; padding:4px 0 20px;
}
.kp-kok button { font:inherit; color:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.kp-kok b, .kp-kok h2 { font-family:var(--kp-baslik); }

/* ── ortak parçalar ── */
.kp-bas { display:flex; align-items:center; gap:8px; margin:6px 0 -6px; font-size:12px; letter-spacing:.09em; font-weight:800; color:var(--muted); text-transform:uppercase; }
.kp-bas::after { content:""; flex:1; height:1px; background:var(--kp-cizgi); }
.kp-ust { display:flex; align-items:flex-end; gap:12px; }
.kp-selam { flex:1; min-width:0; } .kp-selam small { display:block; color:var(--muted); font-size:15px; } .kp-selam b { display:block; font-size:28px; line-height:1.1; letter-spacing:-.01em; }
.kp-seviye { border:0; border-radius:99px; padding:7px 14px; font-weight:800; font-size:14px; background:var(--kp-yuzey); box-shadow:var(--kp-golge); white-space:nowrap; }
.kp-seri { display:flex; gap:8px; flex-wrap:wrap; margin-top:-4px; }
.kp-seri > span { background:var(--kp-yuzey); border-radius:12px; padding:6px 11px; font-size:13px; font-weight:800; box-shadow:var(--kp-golge); }

/* ── Bugün: plan kartı ── */
.kp-plan { border-radius:var(--kp-r); padding:18px 16px 16px; box-shadow:var(--kp-golge);
  background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 22%, var(--kp-yuzey)) 0%, var(--kp-yuzey) 70%); border:1px solid color-mix(in srgb, var(--primary) 28%, transparent); }
.kp-plan h2 { margin:0; font-size:21px; letter-spacing:-.01em; } .kp-plan > p { margin:3px 0 12px; color:var(--muted); font-size:13px; }
.kp-ilerleme { height:6px; border-radius:6px; background:color-mix(in srgb, var(--ink) 10%, transparent); overflow:hidden; margin:-4px 0 10px; }
.kp-ilerleme i { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg, #3fd68b, var(--primary)); transition:width .6s ease; }
.kp-adim { display:flex; align-items:center; gap:12px; width:100%; border:0; background:none; text-align:left; padding:10px 8px; margin:0 -8px; width:calc(100% + 16px); border-radius:14px; }
.kp-adim + .kp-adim { border-top:1px solid var(--kp-cizgi); border-radius:0 0 14px 14px; }
.kp-adim .n { flex:none; width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:color-mix(in srgb, var(--ink) 9%, transparent); } .kp-adim .n svg { width:19px; height:19px; }
.kp-adim .tx { flex:1; min-width:0; } .kp-adim .tx b { display:block; font-size:15px; line-height:1.25; } .kp-adim .tx small { color:var(--muted); font-size:12.5px; }
.kp-adim::after { content:"›"; color:var(--muted); font-size:20px; font-weight:800; }
.kp-adim.bitti .n { background:linear-gradient(145deg,#51cf66,#2f9e44); color:#fff; } .kp-adim.bitti .tx { opacity:.62; } .kp-adim.bitti .tx b { text-decoration:line-through; text-decoration-thickness:1.5px; }
.kp-adim.simdi { background:var(--kp-ton); border-top-color:transparent; border-radius:14px; }
.kp-adim.simdi .n { background:linear-gradient(145deg, var(--primary), var(--primary-dk, var(--primary))); color:var(--kp-on); box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 26%, transparent); }
.kp-adim.simdi + .kp-adim { border-top-color:transparent; }
.kp-devam { display:block; width:100%; border:0; border-radius:16px; padding:14px; margin-top:12px; font-weight:800; font-size:17px; letter-spacing:.01em;
  background:var(--primary); color:var(--kp-on) !important; box-shadow:0 4px 0 var(--primary-dk, color-mix(in srgb, var(--primary) 60%, #000)); }
.kp-devam:active { transform:translateY(3px); box-shadow:0 1px 0 var(--primary-dk, color-mix(in srgb, var(--primary) 60%, #000)); }

/* ── hikâye halkaları ── */
.kp-hikayeler { display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; padding:2px 2px 4px; margin:0 -2px; } .kp-hikayeler::-webkit-scrollbar { display:none; }
.kp-hk { flex:none; width:68px; border:0; background:none; font-size:11.5px; font-weight:800; text-align:center; padding:0; }
.kp-hk span { display:block; width:64px; height:64px; margin:0 auto 5px; border-radius:50%; padding:3px; background:conic-gradient(#ff3d7f,#ff9a3c,#ffd23f,#7b5cff,#ff3d7f); }
.kp-hk img, .kp-hk em { width:100%; height:100%; border-radius:50%; object-fit:cover; border:3px solid var(--bg); display:grid; place-items:center; font-style:normal; font-size:24px; background:var(--kp-yuzey); }
.kp-hk:active span { transform:scale(.94); }

/* ── kısa kartlar ── */
.kp-mini { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kp-m { border:0; border-radius:18px; padding:14px; text-align:left; background:var(--kp-yuzey); box-shadow:var(--kp-golge); display:flex; flex-direction:column; gap:2px; min-height:108px; }
.kp-m b { font-size:15px; line-height:1.2; } .kp-m small { color:var(--muted); font-size:12px; line-height:1.3; }
.kp-m:active, .kp-bc:active, .kp-arena:active { transform:translateY(2px); }
.kp-genis { grid-column:1 / -1; min-height:0; flex-direction:row; align-items:center; gap:12px; } .kp-genis .kp-ik { margin:0; } .kp-genis b, .kp-genis small { display:block; }

/* ── liste satırları ── */
.kp-liste { display:flex; flex-direction:column; background:var(--kp-yuzey); border-radius:var(--kp-r); padding:4px 14px; box-shadow:var(--kp-golge); }
.kp-satir { display:flex; align-items:center; gap:12px; width:100%; border:0; background:none; text-align:left; padding:12px 0; }
.kp-satir + .kp-satir { border-top:1px solid var(--kp-cizgi); }
.kp-satir .tx { flex:1; min-width:0; } .kp-satir b { display:block; font-size:15px; line-height:1.25; } .kp-satir small { color:var(--muted); font-size:12.5px; }
.kp-satir em { font-style:normal; font-size:11px; font-weight:800; background:var(--primary); color:var(--kp-on); border-radius:99px; padding:1px 7px; margin-left:6px; vertical-align:2px; }
.kp-satir .ok { color:var(--muted); font-size:20px; font-weight:800; }
.kp-geri { border:0; background:none; font-weight:800; color:var(--primary); text-align:left; padding:4px 2px; }

/* ── Öğren: beceri kutuları ── */
.kp-beceri { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kp-bc { border:0; border-radius:var(--kp-r); padding:16px; min-height:150px; text-align:left; color:#fff !important; display:flex; flex-direction:column; gap:4px;
  box-shadow:0 6px 16px -6px #0006, inset 0 1px 0 #ffffff33; position:relative; overflow:hidden; }
.kp-bc::after { content:""; position:absolute; right:-30px; top:-30px; width:110px; height:110px; border-radius:50%; background:#ffffff1a; }
.kp-bc-ik { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; background:#ffffff2e; box-shadow:inset 0 1px 0 #ffffff40; } .kp-bc-ik svg { width:26px; height:26px; } .kp-bc b { font-size:19px; margin-top:auto; } .kp-bc small { font-size:12.5px; opacity:.94; line-height:1.35; }
.kp-bc.b1 { background:linear-gradient(150deg,#1971c2,#4dabf7); } .kp-bc.b2 { background:linear-gradient(150deg,#6741d9,#9775fa); }
.kp-bc.b3 { background:linear-gradient(150deg,#d9480f,#ff922b); } .kp-bc.b4 { background:linear-gradient(150deg,#099268,#38d9a9); }

/* ── Oyna ── */
.kp-arena { position:relative; overflow:hidden; border:0; border-radius:26px; padding:18px; min-height:182px; text-align:left; color:#fff !important;
  background:radial-gradient(circle at 85% 20%, #ff922b 0, transparent 55%), linear-gradient(150deg,#b02525,#e8590c); display:flex; flex-direction:column; gap:5px; box-shadow:0 10px 24px -10px #c92a2a99; }
.kp-arena b { font-size:26px; letter-spacing:-.01em; } .kp-arena small { font-size:13.5px; max-width:58%; line-height:1.35; opacity:.95; }
.kp-arena img { position:absolute; right:-10px; bottom:-8px; width:165px; pointer-events:none; filter:drop-shadow(0 8px 12px #0005); }
.kp-arena-dug { margin-top:auto; align-self:flex-start; background:#fff; color:#b02525; border-radius:14px; padding:9px 15px; font-weight:800; box-shadow:0 3px 0 #0003; }
.kp-canli { align-self:flex-start; background:#0005; border-radius:99px; padding:3px 10px; font-size:12px; font-weight:800; } .kp-canli::before { content:"● "; color:#69db7c; }
.kp-lig { display:flex; align-items:center; gap:12px; padding:11px 0; } .kp-lig + .kp-lig { border-top:1px solid var(--kp-cizgi); }
.kp-lig span { width:28px; font-weight:800; text-align:center; } .kp-lig b { flex:1; } .kp-lig small { color:var(--muted); font-weight:800; }
.kp-lig.ben { background:var(--kp-ton); border-radius:12px; padding-left:8px; padding-right:8px; margin:0 -8px; }
.kp-liste .kp-hepsi { align-self:flex-end; margin:4px 0 6px; }

/* ── Ben ── */
.kp-profil { display:flex; align-items:center; gap:14px; }
.kp-profil b { display:block; font-size:23px; letter-spacing:-.01em; } .kp-profil small { color:var(--muted); }
.kp-av { width:68px; height:68px; border-radius:50%; overflow:hidden; display:grid; place-items:center; font-size:36px; flex:none;
  border:3px solid var(--primary); box-shadow:0 0 0 4px var(--kp-ton); background:var(--kp-yuzey); }
.kp-av img, .kp-av svg { width:100%; height:100%; object-fit:cover; }
.kp-yolkart { background:var(--kp-yuzey); border-radius:var(--kp-r); padding:16px 14px 12px; box-shadow:var(--kp-golge); } .kp-yolkart small { color:var(--muted); font-size:12.5px; }
.kp-yol { display:flex; justify-content:space-between; position:relative; margin-bottom:10px; }
.kp-yol::before { content:""; position:absolute; left:18px; right:18px; top:50%; height:4px; border-radius:4px; background:color-mix(in srgb, var(--ink) 12%, transparent); }
.kp-yol span { position:relative; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:13px; background:var(--kp-yuzey); border:2px solid color-mix(in srgb, var(--ink) 16%, transparent); }
.kp-yol span.gecti { background:#3fd68b; color:#07331e; border-color:#3fd68b; }
.kp-yol span.simdi { background:var(--primary); color:var(--kp-on); border-color:var(--primary); box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 28%, transparent); }
.kp-sayilar { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.kp-sayilar div { background:var(--kp-yuzey); border-radius:18px; padding:12px 8px; text-align:center; box-shadow:var(--kp-golge); }
.kp-sayilar b { display:block; font-size:22px; } .kp-sayilar small { color:var(--muted); font-size:11.5px; font-weight:700; }

/* ── Keşfet ── */
.kp-cipler { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; position:sticky; top:0; z-index:3; padding:6px 0 8px; margin-bottom:-6px; background:var(--bg); } .kp-cipler::-webkit-scrollbar { display:none; }
.kp-cipler button { flex:none; border:0; border-radius:99px; padding:8px 14px; font-size:14px; font-weight:800; background:var(--kp-yuzey); box-shadow:var(--kp-golge); }
.kp-kesfet section { scroll-margin-top:56px; display:flex; flex-direction:column; gap:10px; }
.kp-bolum-bas { display:flex; align-items:baseline; gap:8px; } .kp-bolum-bas b { font-size:19px; } .kp-bolum-bas small { color:var(--muted); font-size:12.5px; }
.kp-hepsi { margin-left:auto; border:0; background:none; font-weight:800; font-size:13.5px; color:var(--primary) !important; }
.kp-logo { font-family:"Pacifico", "Baloo 2", cursive !important; font-size:23px !important; font-weight:400 !important; background:linear-gradient(90deg,#ff3d7f,#ff9a3c 45%,#7b5cff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kp-izgara { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-flow:dense; gap:3px; border-radius:18px; overflow:hidden; box-shadow:var(--kp-golge); }
.kp-izgara button { aspect-ratio:1; border:0; padding:0; background:var(--kp-yuzey2) center / cover no-repeat; } .kp-izgara button.dikey { grid-row:span 2; aspect-ratio:auto; }
.kp-serit { display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; padding:2px 2px 6px; margin:0 -2px; } .kp-serit::-webkit-scrollbar { display:none; }
.kp-reel { flex:none; width:118px; height:208px; border:0; border-radius:18px; background:var(--kp-yuzey2) center / cover no-repeat; position:relative; color:#fff !important; text-align:left; box-shadow:0 6px 14px -8px #0008, inset 0 -70px 50px -20px #000b; }
.kp-reel i { position:absolute; right:9px; top:8px; width:26px; height:26px; border-radius:50%; background:#0006; display:grid; place-items:center; font-style:normal; font-size:11px; }
.kp-reel b { position:absolute; left:9px; right:9px; bottom:9px; font-size:12.5px; line-height:1.2; }
.kp-kelime { flex:none; width:100px; height:134px; border:0; border-radius:16px; background:var(--kp-yuzey2) center / cover no-repeat; position:relative; color:#fff !important; box-shadow:inset 0 -60px 40px -16px #000d; }
.kp-kelime b { position:absolute; left:0; right:0; bottom:22px; font-size:16px; } .kp-kelime small { position:absolute; left:0; right:0; bottom:7px; font-size:11px; opacity:.92; }
.kp-film { display:flex; flex-direction:column; justify-content:flex-end; width:100%; height:164px; border:0; border-radius:var(--kp-r); padding:14px; text-align:left; color:#fff !important;
  background:#222 center / cover no-repeat; box-shadow:inset 0 -90px 70px -20px #000d, 0 8px 18px -10px #0008; } .kp-film span { font-size:18px; font-weight:800; } .kp-film small { font-size:12.5px; opacity:.92; }

@media (prefers-reduced-motion: reduce) { .kp-ilerleme i { transition:none; } }

/* ── simge ailesi (Riven: "ikonlar şık dursun") — çizgi SVG + degrade kutucuk ── */
.kp-svg { display:inline-grid; place-items:center; } .kp-svg svg { width:18px; height:18px; display:block; }
.kp-svg-sm svg { width:16px; height:16px; }
.kp-ik { flex:none; width:40px; height:40px; border-radius:13px; display:grid; place-items:center; color:#fff;
  box-shadow:inset 0 1px 0 #ffffff47, 0 4px 10px -4px var(--kp-g2, #0005); position:relative; overflow:hidden; }
.kp-ik::after { content:""; position:absolute; inset:0 0 50% 0; background:linear-gradient(#ffffff26, transparent); pointer-events:none; }
.kp-ik svg { width:21px; height:21px; position:relative; z-index:1; }
.kp-ik-sm { width:30px; height:30px; border-radius:10px; } .kp-ik-sm svg { width:16px; height:16px; }
.t-mavi { background:linear-gradient(145deg,#4dabf7,#1864ab); --kp-g2:#1864ab88; } .t-mor { background:linear-gradient(145deg,#9775fa,#5f3dc4); --kp-g2:#5f3dc488; }
.t-turuncu { background:linear-gradient(145deg,#ffa94d,#d9480f); --kp-g2:#d9480f88; } .t-yesil { background:linear-gradient(145deg,#51cf66,#087f5b); --kp-g2:#087f5b88; }
.t-pembe { background:linear-gradient(145deg,#f783ac,#c2255c); --kp-g2:#c2255c88; } .t-kirmizi { background:linear-gradient(145deg,#ff8787,#c92a2a); --kp-g2:#c92a2a88; }
.t-sari { background:linear-gradient(145deg,#ffd43b,#e67700); --kp-g2:#e6770088; } .t-turkuaz { background:linear-gradient(145deg,#3bc9db,#0b7285); --kp-g2:#0b728588; }
.t-gri { background:linear-gradient(145deg,#adb5bd,#495057); --kp-g2:#49505788; }
.kp-m .kp-ik { margin-bottom:8px; }
/* istatistik çipleri: renkli küçük simge */
.kp-seri > span { display:inline-flex; align-items:center; gap:6px; } .kp-seri svg { width:16px; height:16px; }
.c-alev svg { color:#ff922b; } .c-yildiz svg { color:#fab005; } .c-hedef svg { color:var(--primary); }
.kp-seviye { display:inline-flex; align-items:center; gap:6px; } .kp-seviye svg { color:var(--primary); }
.kp-devam { display:flex; align-items:center; justify-content:center; gap:8px; }
/* hikâye halkası: simgeli olanlar degrade */
.kp-hk em { color:#fff; } .kp-hk em svg { width:26px; height:26px; }
/* Keşfet çipleri + bölüm başlıkları */
.kp-cipler button { display:inline-flex; align-items:center; gap:6px; } .kp-cipler svg { width:16px; height:16px; color:var(--primary); }
.kp-bolum-bas { align-items:center; } .kp-bolum-bas .kp-ik-sm { align-self:center; }
.kp-reel i svg { width:11px; height:11px; fill:#fff; }
/* Öğren alt başlığı */
.kp-alt-bas { display:flex; align-items:center; gap:12px; } .kp-alt-bas .kp-ik { width:52px; height:52px; border-radius:17px; } .kp-alt-bas .kp-ik svg { width:27px; height:27px; }
.kp-alt-bas b { display:block; font-size:24px; } .kp-alt-bas small { color:var(--muted); font-size:13px; }
/* lig: madalya renkleri */
.kp-lig span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-size:13px; background:color-mix(in srgb, var(--ink) 9%, transparent); }
.kp-lig span.s1 { background:linear-gradient(145deg,#ffd43b,#e67700); color:#fff; } .kp-lig span.s2 { background:linear-gradient(145deg,#dee2e6,#868e96); color:#fff; } .kp-lig span.s3 { background:linear-gradient(145deg,#e8a87c,#a0522d); color:#fff; }
.kp-bos { display:flex; align-items:center; gap:12px; padding:12px 0; } .kp-bos b { display:block; font-size:15px; } .kp-bos small { color:var(--muted); font-size:12.5px; }
.kp-arena-dug { display:inline-flex; align-items:center; gap:6px; }
/* Ben: sayı kartları + seviye yolu tik */
.kp-sayilar div { display:flex; flex-direction:column; align-items:center; gap:4px; } .kp-sayilar .kp-ik-sm { margin-bottom:2px; }
.kp-yol span svg { width:18px; height:18px; }
.kp-liste + .kp-liste { margin-top:-4px; }

/* ── 🎯 Günün odağı (gunodak.js) — kart, seçici, merkez, üst şerit. Tema değişkenleriyle; .kp-kok dışında da (klasik ana sayfa, ayarlar) çalışır. ── */
.go-kart, .go-serit, .go-secici, .go-merkez { --kp-yuzey: var(--card, #fff); --kp-golge: var(--koci-golge, 0 2px 0 var(--line)); --kp-cizgi: color-mix(in srgb, var(--line) 70%, transparent); }
.go-kart { display:flex; align-items:center; gap:12px; width:100%; text-align:left; font:inherit; color:inherit; cursor:pointer; border:1px dashed color-mix(in srgb, var(--primary) 45%, transparent);
  background:color-mix(in srgb, var(--primary) 8%, var(--kp-yuzey)); border-radius:18px; padding:13px 14px; margin:0 0 12px; }
.go-kart.on { border-style:solid; background:var(--kp-yuzey); box-shadow:var(--kp-golge); }
.go-kart .tx { flex:1; min-width:0; } .go-kart small { display:block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.go-kart b { display:block; font-size:16px; line-height:1.25; } .go-kart em { display:block; font-style:normal; font-size:12.5px; color:var(--muted); margin-top:2px; }
.go-kart .ok, .go-serit .ok { color:var(--muted); font-size:20px; }
.kp-kok > .go-kart { margin:0; }
.go-serit { display:flex; align-items:center; gap:8px; margin:0 0 12px; padding:6px 6px 6px 8px; border-radius:14px; background:var(--kp-yuzey); box-shadow:var(--kp-golge); }
.go-serit button { font:inherit; color:inherit; border:0; background:none; cursor:pointer; }
.go-serit-ac { flex:1; min-width:0; display:flex; align-items:center; gap:10px; text-align:left; padding:0; }
.go-serit-ac .kp-ik { width:32px; height:32px; border-radius:10px; } .go-serit-ac .kp-ik svg { width:17px; height:17px; }
.go-serit-ac small { display:block; font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); }
.go-serit-ac b { display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.go-serit-x { display:flex; align-items:center; gap:4px; padding:7px 10px !important; border-radius:10px; font-size:12.5px; font-weight:800;
  background:color-mix(in srgb, var(--ink) 6%, var(--kp-yuzey)) !important; white-space:nowrap; }
.go-serit-x .ik svg, .go-dugmeler .ik svg, .go-sure .ik svg { width:15px; height:15px; }
.go-bas, .go-hero { display:flex; gap:14px; align-items:flex-start; }
.go-bas h2, .go-hero h2 { margin:0; font-size:23px; line-height:1.15; } .go-bas p, .go-hero p { margin:4px 0 0; color:var(--muted); font-size:14px; line-height:1.4; }
.go-hero small { font-size:11.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); }
.go-hero > .kp-ik, .go-bas > .kp-ik { width:52px; height:52px; border-radius:16px; flex:none; } .go-hero > .kp-ik svg, .go-bas > .kp-ik svg { width:26px; height:26px; }
.go-sure, .go-dugmeler { display:flex; gap:8px; }
.go-sure button, .go-dugmeler button { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; border:0; border-radius:12px; padding:10px 8px; font-weight:800; font-size:13.5px;
  background:var(--kp-yuzey); box-shadow:var(--kp-golge); }
.go-sure button[aria-checked="true"] { background:var(--primary); color:var(--kp-on); }
.go-izgara { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.go-sec { display:flex; flex-direction:column; align-items:flex-start; gap:4px; text-align:left; border:2px solid transparent !important; border-radius:18px; padding:12px; background:var(--kp-yuzey); box-shadow:var(--kp-golge); }
.go-sec .kp-ik { width:38px; height:38px; border-radius:12px; margin-bottom:4px; } .go-sec .kp-ik svg { width:20px; height:20px; }
.go-sec b { font-size:15px; line-height:1.2; } .go-sec small { color:var(--muted); font-size:12px; line-height:1.3; }
.go-sec em { font-style:normal; font-size:11.5px; font-weight:800; color:var(--primary-dk, var(--primary)); margin-top:auto; padding-top:4px; }
.go-sec.on { border-color:var(--primary) !important; }
@media (min-width:640px) { .go-izgara { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.kp-arena b { max-width:60%; }

/* The optional guide belongs to the existing daily plan, not a second menu. */
.kp-plan-eyebrow{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:9px}
.kp-plan-rehber{margin-top:20px;padding-top:12px;border-top:1px solid var(--kp-cizgi)}
.kp-rehber-link{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px;border:1px solid var(--kp-cizgi);border-radius:16px;background:var(--kp-yuzey);text-align:left}
.kp-rehber-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;background:var(--kp-ton);border-radius:13px}
.kp-rehber-icon svg{width:22px;height:22px}.kp-rehber-link>span:nth-child(2){flex:1;min-width:0}.kp-rehber-link b{display:block;font-size:14px}.kp-rehber-link small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}.kp-rehber-link>svg{flex:none}
.kp-yardim-link{display:block;margin:6px auto 0;min-height:44px;padding:8px 12px;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px!important}