/* PHOTOS-CSS-START */
:root{--ph-club:url(/assets/img/ph-club.jpg);--ph-league:url(/assets/img/ph-league.jpg);--ph-player:url(/assets/img/ph-player.jpg);--ph-match:url(/assets/img/ph-match.jpg);--ph-method:url(/assets/img/ph-method.jpg);--photo-points:var(--ph-club);}
main[data-page="club"]{--photo-points:var(--ph-club);}
:is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]){--photo-points:var(--ph-league);}
main[data-page="player"]{--photo-points:var(--ph-player);}
main[data-page="match"]{--photo-points:var(--ph-match);}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]){--photo-points:var(--ph-method);}
.hero-photo-zone img.hero-bg[data-hs="0"]{object-position:center 50%;}
.hero-photo-zone img.hero-bg[data-hs="1"]{object-position:center 42%;}
.hero-photo-zone img.hero-bg[data-hs="2"]{object-position:center 50%;}
@media (max-width:1024px){
  .hero-photo-zone img.hero-bg[data-hs="0"]{object-position:68% 50%;}
  .hero-photo-zone img.hero-bg[data-hs="1"]{object-position:62% 42%;}
  .hero-photo-zone img.hero-bg[data-hs="2"]{object-position:38% 50%;}
}
/* mobil: hero imza dokusu (target lines) sag tarafa, profil/lig foto konumu icerige dogru */
@media (max-width:900px){
  .hero-photo-zone .hero-photo-watermark{background-size:420px auto; background-position:right -220px top -262px; opacity:.34;}
}
@media (max-width:700px){
  main[data-page="player"]{--pf-pos:84% 60%;}
  main[data-page="club"]{--pf-pos:94% 60%;}
  :is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]){--pf-pos:80% 60%;}
  main[data-page="player"] .pf-hero, main[data-page="club"] .pf-hero, :is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]) .pf-hero{background-image:linear-gradient(100deg, rgba(2,19,41,.9) 0%, rgba(2,19,41,.82) 50%, rgba(2,19,41,.74) 100%), var(--photo-points); background-position:center, var(--pf-pos);}
  main[data-page="player"] .pf-band.photo, main[data-page="club"] .pf-band.photo, :is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]) .pf-band.photo{background-image:linear-gradient(100deg, rgba(2,19,41,.92) 0%, rgba(2,19,41,.86) 50%, rgba(2,19,41,.8) 100%), var(--photo-points); background-position:center, var(--pf-pos);}
}
/* mobil: jeton silme X'i. iOS Safari'de inline SVG X cizilmiyordu (Halil'in iPhone ekran goruntusu). Cozum: SVG gizli, ayni X
   (desktoptaki cizgi: stroke 2.2, round cap) data-URI arka plan olarak cizilir. Kutu/kenarlik yok, desktop gibi sade; dokunma alani 32px. */
@media (max-width:760px){
  main[data-page="theories"] .tk-x{-webkit-appearance:none; appearance:none; display:block; flex:0 0 32px; width:32px; height:32px; margin:-7px -6px -7px 0; padding:0; border:0; border-radius:6px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:14px 14px; -webkit-tap-highlight-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A0AE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");}
  main[data-page="theories"] .tk-x svg{display:none;}
  main[data-page="theories"] .tk-x:active{background-color:rgba(214,69,69,.1);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D64545' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");}
}
/* sezon kirilimi basliklari (Season, 2015...) koyu panelde koyu renkteydi, hic gorunmuyordu (masaustunde de). Acik ton. */
main[data-page="theories"] .season-strip .data-table th{color:rgba(225,230,236,.6);}
/* mobil: sezon kirilimi (Hit rate) tablosu 12 sutunu 216px'e sigdirmaya calisip ust uste biniyordu. Yatay kayar, ilk sutun sabit. */
@media (max-width:760px){
  main[data-page="theories"] .season-strip{overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;}
  main[data-page="theories"] .season-strip .data-table{width:720px; min-width:720px;}
  main[data-page="theories"] .season-strip .data-table th, main[data-page="theories"] .season-strip .data-table td{white-space:nowrap;}
  main[data-page="theories"] .season-strip .data-table th:first-child, main[data-page="theories"] .season-strip .data-table td:first-child{position:sticky; left:0; z-index:1; background:#021329;}
}
/* PHOTOS-CSS-END */

/* ===== R3 ===== */
/* signal karartmasi: seffaf spot + devasa golge (JS: flashFocusHighlight) */
#siteDimFlash{position:fixed; inset:auto; left:0; top:0; width:0; height:0; background:transparent; border-radius:var(--radius-container); box-shadow:0 0 0 200vmax rgba(2,19,41,.6); opacity:0; pointer-events:none; z-index:9400; transition:opacity .22s ease;}
#siteDimFlash.show{opacity:1;}
/* uye: "Test any club" butonu sadece ziyaretcide */
body.is-auth #theoryResultSection .result-cta-row{display:none;}
/* data setler: kilit notu ve daha genis New data set butonu */
main[data-page="datasets"] .ds-lock-note{font-size:12px; color:rgba(2,19,41,.55); margin-left:6px;}
main[data-page="datasets"] .ds-head > .btn{padding-left:26px; padding-right:26px; min-width:176px; justify-content:center; gap:9px;}
@media (max-width:760px){ main[data-page="datasets"] .ds-lock-note{flex-basis:100%; margin:6px 0 0;} main[data-page="datasets"] .ds-builder-foot{flex-wrap:wrap;} }
/* takim profili: xG bolumu nefes alani */
main[data-page="club"] .tm-two{margin-top:30px; gap:56px 64px;}
main[data-page="club"] .tm-ch-h{margin-bottom:16px;}
main[data-page="club"] .tm-ch .pf-legend{margin:0 0 26px; column-gap:22px; row-gap:10px; flex-wrap:wrap;}
main[data-page="club"] .tm-ch .pf-legend > *{margin:0;}
main[data-page="club"] .tm-ch .pf-legend span, main[data-page="club"] .tm-ch .pf-legend button{display:inline-flex; align-items:center; gap:8px;}
main[data-page="club"] #tmPersistLeg{margin:6px 0 22px;}
main[data-page="club"] #tmPersistLeg .pf-legend{column-gap:22px; row-gap:10px; flex-wrap:wrap;}
@media (max-width:900px){ main[data-page="club"] .tm-two{gap:44px;} }
/* head coach foto (placeholder portre, gercek foto geldiginde --coach-photo degiskeni degisir) */
main[data-page="club"] .tm-cc-ph.tm-cc-photo{--coach-photo:var(--pp-5); background-color:#06326B; background-image:var(--coach-photo); background-repeat:no-repeat; background-size:cover; background-position:center top; min-height:0; aspect-ratio:1; width:100%; max-width:240px; align-self:start;}
/* capraz linkler (takim, lig, oyuncu isimleri) */
.bc-xl{cursor:pointer;}
.bc-xl:hover{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;}
.bc-xl:focus-visible{outline:2px solid #61E1EE; outline-offset:2px; border-radius:4px;}
/* ================= R4: Predictions, Previous predictions, Head to Head, sifre gozu ================= */
main[data-page="predictions"], main[data-page="predhist"]{--photo-points:var(--ph-match);}
main[data-page="h2h"]{--photo-points:var(--ph-club);}
:is(main[data-page="predictions"], main[data-page="predhist"], main[data-page="h2h"]) .lg-kpis{grid-template-columns:repeat(4,1fr);}
main[data-page="predhist"] .lg-kpis{grid-template-columns:repeat(5,1fr);}
:is(main[data-page="predictions"], main[data-page="predhist"], main[data-page="h2h"]) .lg-hero .pf-name{font-size:clamp(44px, 7.4vw, 84px);}
:is(main[data-page="predictions"], main[data-page="predhist"], main[data-page="h2h"]) .lg-id{display:block; margin:6px 0 4px;}
@media (max-width:900px){
  :is(main[data-page="predictions"], main[data-page="h2h"]) .lg-kpis{grid-template-columns:repeat(2,1fr);}
  main[data-page="predhist"] .lg-kpis{grid-template-columns:repeat(2,1fr);}
}

/* ---- ortak: filtre satiri ---- */
.xp-ctl{display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin:0 0 30px;}
.xp-search{position:relative; flex:0 1 290px; min-width:200px;}
.xp-search svg{position:absolute; left:12px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:rgba(2,19,41,.45); pointer-events:none;}
.xp-search input{width:100%; box-sizing:border-box; height:36px; padding:0 12px 0 36px; border:1px solid rgba(2,19,41,.2); border-radius:var(--radius-6); background:#FFFFFF; font-family:var(--font-body); font-size:13px; color:#0B1B2E;}
.xp-search input::placeholder{color:rgba(2,19,41,.45);}
.xp-search input:hover{border-color:rgba(2,19,41,.4);}
.xp-search input:focus-visible{outline:2px solid #4FCBD9; outline-offset:2px;}
.xp-chips{display:flex; flex-wrap:wrap; gap:8px;}
.xp-chip{height:34px; padding:0 14px; border:1px solid rgba(2,19,41,.18); border-radius:var(--radius-6); background:#FFFFFF; font-family:var(--font-body); font-size:12.5px; font-weight:600; color:rgba(2,19,41,.72); cursor:pointer; transition:border-color .12s ease, background .12s ease, color .12s ease;}
.xp-chip:hover{border-color:rgba(2,19,41,.42); color:#0B1B2E;}
.xp-chip.on{background:#042755; border-color:#042755; color:#FFFFFF;}
.xp-chip:focus-visible{outline:2px solid #4FCBD9; outline-offset:2px;}
.xp-lab{font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(2,19,41,.52);}
.xp-sel{appearance:none; -webkit-appearance:none; height:36px; padding:0 38px 0 14px; border:1px solid rgba(2,19,41,.2); border-radius:var(--radius-6); background:#FFFFFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230B1B2E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 14px center; font-family:var(--font-body); font-size:13px; font-weight:600; color:#0B1B2E; cursor:pointer;}
.xp-sel:hover{border-color:rgba(2,19,41,.42);}
.xp-sel:focus-visible{outline:2px solid #4FCBD9; outline-offset:2px;}
.xp-fld{display:inline-flex; align-items:center; gap:10px;}
.xp-more{display:flex; justify-content:center; padding:28px 0 4px;}
.xp-more:empty{display:none;}
.xp-empty{padding:56px 20px; text-align:center; font-size:14px; color:rgba(2,19,41,.6); border-bottom:1px solid rgba(2,19,41,.09);}
.xp-empty button{margin-left:6px; border:0; background:none; padding:0; font:inherit; font-weight:700; color:#0E7C88; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.xp-dk .xp-empty{color:rgba(225,230,236,.7); border-bottom-color:rgba(225,230,236,.1);}
.xp-dk .xp-empty button{color:#61E1EE;}

/* ---- liste (acik) ---- */
.xp-grid{display:grid; grid-template-columns:78px minmax(160px,1.15fr) minmax(210px,1.5fr) 88px 88px 88px 150px; column-gap:18px; align-items:center;}
.xph-grid{grid-template-columns:78px minmax(150px,1.05fr) 66px minmax(190px,1.35fr) 92px 92px 92px 128px;}
.xp-hd{padding:0 10px 15px; border-bottom:1px solid #0B1B2E; align-items:end; font-size:10.5px; font-weight:700; letter-spacing:.5px; line-height:1.35; text-transform:uppercase; color:rgba(2,19,41,.52);}
.xp-row{padding:15px 10px; border-bottom:1px solid rgba(2,19,41,.09); cursor:pointer; font-variant-numeric:tabular-nums; transition:background .12s ease;}
.xp-row:hover{background:rgba(79,203,217,.09);}
.xp-row:focus-visible{outline:2px solid #4FCBD9; outline-offset:-2px;}
.xp-time b{display:block; font-size:15px; font-weight:700; color:#0B1B2E;}
.xp-time span{display:block; margin-top:3px; font-size:11.5px; color:rgba(2,19,41,.52);}
.xp-teams{display:flex; flex-direction:column; gap:5px; min-width:0; font-size:14px; font-weight:600; color:#0B1B2E;}
.xp-teams .bc-xl{align-self:flex-start; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xp-pickc{display:flex; flex-direction:column; align-items:flex-start; gap:7px; min-width:0;}
.xp-pick{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px; border-radius:var(--radius-6); background:rgba(4,39,85,.09); color:#042755; font-size:12px; font-weight:700; letter-spacing:.2px; white-space:nowrap;}
.xp-adv{font-size:12px; line-height:1.45; color:rgba(2,19,41,.62);}
.xp-g3{display:contents;}
.xp-gc small{display:none;}
.xp-g{font-size:13px; font-weight:600; color:#0B1B2E; white-space:nowrap;}
.xp-g.na{color:rgba(2,19,41,.3); font-weight:500;}
.xp-prob b{display:block; margin-bottom:7px; font-size:12.5px; font-weight:600; color:#0B1B2E; white-space:nowrap;}
.xp-bar{display:flex; gap:2px; height:8px;}
.xp-bar i{display:block; min-width:0;}
.xp-bar .h{background:#FFDB00;}
.xp-bar .d{background:rgba(2,19,41,.22);}
.xp-bar .a{background:#4FCBD9;}
.xp-score{font-family:var(--font-display); font-weight:800; font-size:20px; letter-spacing:.3px; color:#0B1B2E;}

/* ---- liste (koyu: gecmis) ---- */
.xp-dk .xp-hd{border-bottom:2px solid rgba(97,225,238,.5); color:rgba(225,230,236,.62);}
.xp-dk .xp-row{border-bottom-color:rgba(225,230,236,.1);}
.xp-dk .xp-row:hover{background:rgba(225,230,236,.06);}
.xp-dk .xp-row:focus-visible{outline-color:#61E1EE;}
.xp-dk .xp-time b, .xp-dk .xp-teams, .xp-dk .xp-g, .xp-dk .xp-prob b, .xp-dk .xp-score{color:#FFFFFF;}
.xp-dk .xp-time span, .xp-dk .xp-adv{color:rgba(225,230,236,.62);}
.xp-dk .xp-g.na{color:rgba(225,230,236,.34);}
.xp-dk .xp-bar .d{background:rgba(225,230,236,.3);}
.xp-dk .xp-bar .a{background:#61E1EE;}
.xp-leg, .xp-pick.ok, .xp-pick.miss{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px; border-radius:var(--radius-6); font-size:12px; font-weight:700; white-space:nowrap;}
.xp-leg svg, .xp-pick svg{width:12px; height:12px; flex:none; stroke-width:2.6;}
.xp-dk .xp-leg.ok, .xp-dk .xp-pick.ok{background:rgba(47,127,105,.28); color:#BFEBDC;}
.xp-dk .xp-leg.miss, .xp-dk .xp-pick.miss{background:rgba(185,74,74,.3); color:#F3C4C4;}
.xp-dk .xp-ctl .xp-lab{color:rgba(225,230,236,.62);}

/* ---- gecmis: isabet bolumu ---- */
.xp-acc{display:grid; grid-template-columns:repeat(4,1fr); gap:44px;}
.xp-acc b{display:block; font-family:var(--font-display); font-weight:800; font-size:80px; line-height:.9; color:#0B1B2E; letter-spacing:.3px;}
.xp-acc span{display:block; margin-top:12px; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.62);}
.xp-acc i{display:block; height:6px; margin-top:16px; background:rgba(2,19,41,.1);}
.xp-acc i u{display:block; height:100%; background:#042755; text-decoration:none;}
.xp-acc em{display:block; margin-top:10px; font-style:normal; font-size:12px; color:rgba(2,19,41,.55); font-variant-numeric:tabular-nums;}
.xp-prem{display:flex; align-items:center; gap:16px; margin-top:52px; padding:18px 22px; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-container); background:#FFFFFF;}
.xp-prem p{margin:0; font-size:14px; color:rgba(2,19,41,.72);}
.xp-prem p b{color:#0B1B2E;}
.xp-premtag{display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:var(--radius-6); background:rgba(224,168,0,.16); color:#7A5C00; font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; flex:none;}
.xp-headbtn{display:inline-flex; align-items:center; gap:9px; margin-bottom:40px;}
.xp-headbtn svg{width:16px; height:16px; flex:none;}

@media (max-width:1024px){
  .xp-acc{grid-template-columns:repeat(2,1fr); gap:40px 32px;}
}
@media (max-width:860px){
  .xp-hd{display:none;}
  .xp-grid, .xph-grid{grid-template-columns:1fr 132px; grid-template-areas:"time prob" "teams teams" "pick pick" "goals goals"; row-gap:12px; column-gap:16px;}
  .xph-grid{grid-template-areas:"time score" "teams teams" "pick pick" "goals goals" "prob prob";}
  .xp-time{grid-area:time; display:flex; align-items:baseline; gap:9px;}
  .xp-time b, .xp-time span{display:inline; margin:0;}
  .xp-teams{grid-area:teams;}
  .xp-pickc{grid-area:pick; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 12px;}
  .xp-g3{grid-area:goals; display:flex; flex-wrap:wrap; gap:10px 22px;}
  .xp-gc small{display:block; margin-bottom:3px; font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(2,19,41,.5);}
  .xp-dk .xp-gc small{color:rgba(225,230,236,.55);}
  .xp-prob{grid-area:prob;}
  .xp-score{grid-area:score; text-align:right;}
  .xp-acc b{font-size:60px;}
  .xp-prem{align-items:flex-start; flex-direction:column; gap:12px;}
  .xp-row{padding:18px 6px;}
}

/* ---- tooltip (hover masaustu, dokunma mobil) ---- */
.xt-tip{position:fixed; z-index:9500; display:none; max-width:270px; padding:8px 11px; border-radius:var(--radius-6); background:#021329; color:#FFFFFF; font-size:12px; line-height:1.5; box-shadow:0 6px 18px rgba(2,19,41,.32); pointer-events:none;}

/* ================= Head to Head ================= */
main[data-page="h2h"] .pf-hero{overflow:visible; z-index:5;}
.h2-pick{display:grid; grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr); gap:0 14px; align-items:end; margin-top:40px; padding-bottom:40px;}
.h2-side{position:relative; min-width:0;}
.h2-lab{display:block; margin-bottom:9px; font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(225,230,236,.72);}
.h2-lab i{display:inline-block; width:10px; height:10px; margin-right:8px; vertical-align:-1px;}
.h2-side.a .h2-lab i{background:#FFDB00;}
.h2-side.b .h2-lab i{background:#61E1EE;}
.h2-field{display:flex; align-items:center; gap:12px; height:54px; padding:0 8px 0 14px; border:1px solid rgba(225,230,236,.3); border-radius:var(--radius-6); background:rgba(2,19,41,.55);}
.h2-field:hover{border-color:rgba(225,230,236,.5);}
.h2-field:focus-within{border-color:#61E1EE; outline:2px solid #61E1EE; outline-offset:2px;}
.h2-field img, .h2-field .h2-cr{width:30px; height:30px; flex:none; object-fit:contain;}
.h2-field .h2-cr{background:var(--icon-crest-placeholder) center/62% no-repeat; opacity:.5;}
.h2-field input{flex:1; min-width:0; height:100%; padding:0; border:0; outline:0; background:transparent; color:#FFFFFF; font-family:var(--font-body); font-size:16px; font-weight:600;}
.h2-field input::placeholder{color:rgba(225,230,236,.5); font-weight:400;}
.h2-x{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex:none; border:0; border-radius:var(--radius-6); background:none; color:rgba(225,230,236,.6); cursor:pointer;}
.h2-x:hover, .h2-x:focus-visible{background:rgba(225,230,236,.12); color:#FFFFFF; outline:none;}
.h2-x svg{width:16px; height:16px;}
.h2-sw{display:inline-flex; align-items:center; justify-content:center; height:54px; width:46px; border:1px solid rgba(225,230,236,.3); border-radius:var(--radius-6); cursor:pointer; transition:background .12s ease;}

.h2-sw:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.h2-sw svg{width:18px; height:18px;}
.h2-sug{position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px); margin:0; padding:6px; list-style:none; max-height:320px; overflow:auto; background:#FFFFFF; border-radius:var(--radius-container); box-shadow:0 14px 36px rgba(2,19,41,.45);}
.h2-sug li{display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:var(--radius-6); font-size:14px; font-weight:600; color:#0B1B2E; cursor:pointer;}
.h2-sug li img, .h2-sug li .h2-cr{width:22px; height:22px; flex:none; object-fit:contain;}
.h2-sug li .h2-cr{background:var(--icon-crest-placeholder) center/62% no-repeat; opacity:.45;}
.h2-sug li:hover, .h2-sug li.on{background:#EEF3F8;}
.h2-sug li.none{cursor:default; font-weight:500; color:rgba(2,19,41,.58);}
.h2-sug li.none:hover{background:none;}

.h2-rec{padding:38px 0 46px; border-top:1px solid rgba(225,230,236,.16);}
.h2-rbar{display:flex; gap:2px; height:16px;}
.h2-rbar i{display:block; min-width:0;}
.h2-rbar .a{background:#FFDB00;}
.h2-rbar .d{background:rgba(225,230,236,.3);}
.h2-rbar .b{background:#61E1EE;}
.h2-key{display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:20px; font-size:12px; color:rgba(225,230,236,.8);}
.h2-key span{display:inline-flex; align-items:center; gap:8px;}
.h2-key i{display:inline-block; width:12px; height:12px;}
.h2-key .a i{background:#FFDB00;}
.h2-key .d i{background:rgba(225,230,236,.3);}
.h2-key .b i{background:#61E1EE;}
.h2-facts{display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:52px; padding-top:34px; border-top:1px solid rgba(225,230,236,.16);}
.h2-facts em{display:block; margin-bottom:12px; font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.7);}
.h2-facts div > div{display:flex; align-items:baseline; gap:10px; font-family:var(--font-display); font-weight:800; font-size:44px; line-height:1;}
.h2-facts b.a{color:#FFDB00;}
.h2-facts b.b{color:#61E1EE;}
.h2-facts u{text-decoration:none; font-family:var(--font-body); font-size:12px; font-weight:600; color:rgba(225,230,236,.55);}
.h2-facts small{display:block; margin-top:9px; font-size:12px; color:rgba(225,230,236,.62);}
main[data-page="h2h"] .h2-tbl{min-width:0; table-layout:fixed; width:100%;}
main[data-page="h2h"] .h2-tbl th, main[data-page="h2h"] .h2-tbl td{text-align:left;}
main[data-page="h2h"] .h2-tbl th.hm, main[data-page="h2h"] .h2-tbl td.hm{text-align:right;}
main[data-page="h2h"] .h2-tbl th.sc, main[data-page="h2h"] .h2-tbl td.sc{text-align:center;}
main[data-page="h2h"] .h2-tbl td{white-space:normal;}
main[data-page="h2h"] .h2-tbl td.dt, main[data-page="h2h"] .h2-tbl td.lgc{color:rgba(2,19,41,.58);}
main[data-page="h2h"] .h2-tbl tbody tr{cursor:pointer;}
main[data-page="h2h"] .h2-tbl tbody tr:focus-visible{outline:2px solid #4FCBD9; outline-offset:-2px;}
main[data-page="h2h"] .h2-tbl .w{font-weight:700; color:#0B1B2E;}
main[data-page="h2h"] .h2-tbl .l2{font-weight:500; color:rgba(2,19,41,.6);}
.h2-sc{display:inline-flex; align-items:center; justify-content:center; min-width:66px; height:30px; padding:0 8px; border-radius:var(--radius-6); background:#EEF3F8; font-weight:700; font-size:14px; color:#0B1B2E;}
.h2-empty{padding:72px 24px; text-align:center; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-container); background:#FFFFFF;}
.h2-empty h3{margin:0 0 10px; font-family:var(--font-display); font-weight:800; font-size:30px; text-transform:uppercase; letter-spacing:.3px; color:#0B1B2E;}
.h2-empty p{margin:0 auto; max-width:460px; font-size:14px; line-height:1.6; color:rgba(2,19,41,.62);}
.h2-empty .btn{margin-top:24px;}
@media (max-width:900px){
  .h2-pick{grid-template-columns:1fr; gap:14px; margin-top:30px; padding-bottom:30px;}
  .h2-sw{width:100%; height:42px; transform:none;}
  .h2-sw svg{transform:rotate(90deg);}
  .h2-facts{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  main[data-page="h2h"] .h2-tbl .lgc{display:none;}
  main[data-page="h2h"] .h2-tbl td{padding:12px 5px;}
  .h2-sc{min-width:54px;}
}


/* ===== R35: giris kutusu durumlari ===== */
.auth-view[hidden]{display:none !important;}
.auth-modal .auth-field{margin:0 0 14px;}
.auth-modal .auth-field .auth-input{margin:0;}
.auth-modal .auth-field .auth-pw{margin:0;}
.auth-label-row{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 6px;}
.auth-label-row .auth-label{margin:0;}
.auth-forgot[hidden]{display:none;}
.auth-forgot{background:none; border:0; padding:0; font:600 12px var(--font-body); color:#0B1B2E; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.auth-forgot:hover{color:#042755;}
.auth-forgot:focus-visible, .auth-switch-link:focus-visible{outline:2px solid #042755; outline-offset:2px; border-radius:3px;}
.auth-modal .auth-input.bad{border-color:#C23B3B; background:#FDF5F5;}
.auth-modal .auth-input.bad:focus{border-color:#C23B3B; box-shadow:0 0 0 3px rgba(194,59,59,.16);}
.auth-err{margin:6px 0 0; font-size:12px; line-height:1.45; color:#B02E2E; font-weight:500;}
.auth-err[hidden], .auth-alert[hidden], .auth-note[hidden], .auth-gwait[hidden]{display:none;}
.auth-err a, .auth-err button{color:#B02E2E; font-weight:700; text-decoration:underline; background:none; border:0; padding:0; font-size:inherit; font-family:inherit; cursor:pointer;}
.auth-alert{display:flex; gap:10px; align-items:flex-start; margin:0 0 16px; padding:11px 13px; border-radius:var(--radius-6); background:rgba(214,69,69,.09); color:#8A2323; font-size:12.5px; line-height:1.5; font-weight:500;}
.auth-alert svg{flex:none; width:16px; height:16px; margin-top:2px; color:#B02E2E;}
.auth-alert.ok{background:rgba(30,158,118,.11); color:#0F6B4E;}
.auth-alert.ok svg{color:#16805F;}
.auth-gwait{margin:-4px 0 14px; font-size:12.5px; color:rgba(2,19,41,.62); text-align:center;}
.auth-note{margin:0 0 12px; font-size:12.5px; color:#0F6B4E; font-weight:600;}
.auth-center{text-align:center;}
.auth-center .auth-title{max-width:none; margin-left:auto; margin-right:auto;}
.auth-center .auth-sub{margin-left:auto; margin-right:auto; max-width:320px;}
.auth-center .auth-sub b{color:#0B1B2E; font-weight:700; overflow-wrap:anywhere;}
.auth-modal .auth-resend, .auth-modal .auth-resend:disabled{background:#FFFFFF; width:100%; justify-content:center; margin:2px 0 14px; color:#0B1B2E; border-color:rgba(2,19,41,.24);}
.auth-resend:hover:not(:disabled){background:rgba(2,19,41,.05); border-color:rgba(2,19,41,.4);}
.auth-modal .auth-resend:disabled{color:rgba(2,19,41,.5); border-color:rgba(2,19,41,.14); cursor:default; opacity:1;}
.auth-switch-tight{margin:0 0 10px;}
.auth-preview{margin:0; padding-top:14px; border-top:1px solid var(--color-border-subtle); font-size:11.5px; line-height:1.5; color:rgba(2,19,41,.5);}
.auth-preview .auth-switch-link{font-size:11.5px; color:rgba(2,19,41,.62);}
.auth-center .ba-scene{margin:10px 0 30px;}
.auth-center .auth-title{margin-bottom:16px;}
.auth-center .auth-sub{margin-bottom:34px; line-height:1.65;}
.auth-center[data-view="done"] .auth-sub{margin-bottom:12px;}
.auth-center[data-view="sent"] .auth-note{margin:-10px auto 22px;}
.auth-modal .auth-center .auth-resend, .auth-modal .auth-center .auth-resend:disabled{margin:0 0 28px;}
.auth-center .auth-switch-tight{margin:0 0 34px;}
.auth-center .auth-preview{padding-top:24px;}
@media (max-width:480px){
  .auth-center .ba-scene{margin:6px 0 24px;}
  .auth-center .auth-sub{margin-bottom:28px;}
  .auth-center .auth-switch-tight{margin-bottom:28px;}
}
.auth-busy{cursor:progress;}
.auth-spin{display:inline-block; width:14px; height:14px; margin-right:9px; border:2px solid currentColor; border-top-color:transparent; border-radius:50%; vertical-align:-2px; opacity:.85;}
@media (prefers-reduced-motion:no-preference){ .auth-spin{animation:authSpin .7s linear infinite;} }
@keyframes authSpin{to{transform:rotate(360deg);}}
.ba-scene{display:flex; justify-content:center; margin:2px 0 14px; min-height:52px;}
.ba-tile{position:relative; display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; background:#021329; border-radius:6px;}
.ba-tile svg{display:block; overflow:visible;}
.ba-d1, .ba-d2{stroke-dasharray:1; stroke-dashoffset:0;}
.ba-pulse{position:absolute; inset:0; border-radius:6px; border:1.5px solid rgba(2,19,41,.5); opacity:0; pointer-events:none;}
@media (prefers-reduced-motion:no-preference){
  .ba-scene.play .ba-tile{animation:baTileIn .42s cubic-bezier(.2,.8,.3,1) both;}
  .ba-scene.play .ba-d1{animation:baLine .5s .28s cubic-bezier(.4,0,.2,1) both;}
  .ba-scene.play .ba-d2{animation:baLine .4s .72s cubic-bezier(.4,0,.2,1) both;}
  .ba-scene.play .ba-pulse{animation:baPulse .9s 1.05s ease-out both;}
  .ba-scene-done.play .ba-d1{animation:baLine .42s .3s cubic-bezier(.4,0,.2,1) both;}
  .ba-scene-done.play .ba-pulse{animation:baPulse .9s .7s ease-out both;}
}
@keyframes baTileIn{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}
@keyframes baLine{from{stroke-dashoffset:1;} to{stroke-dashoffset:0;}}
@keyframes baPulse{0%{opacity:.7; transform:scale(1);} 100%{opacity:0; transform:scale(1.55);}}

/* ================= sifre goster/gizle ================= */
.auth-pw{position:relative; margin:0 0 14px;}
.auth-pw .auth-input{margin:0; padding-right:46px;}
.auth-pw-btn{position:absolute; right:5px; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:var(--radius-6); background:none; color:rgba(2,19,41,.55); cursor:pointer;}
.auth-pw-btn:hover, .auth-pw-btn:focus-visible{background:rgba(2,19,41,.07); color:#0B1B2E; outline:none;}
.auth-pw-btn:focus-visible{outline:2px solid #0E7C88; outline-offset:1px;}
.auth-pw-btn svg{width:18px; height:18px;}
.auth-pw-btn .eye-off{display:none;}
.auth-pw-btn[aria-pressed="true"] .eye{display:none;}
.auth-pw-btn[aria-pressed="true"] .eye-off{display:block;}

/* acik zeminde ikincil buton: cyan metin yasak, teal ton */
:is(main[data-page="predictions"], main[data-page="h2h"]) .lg-sec .btn-secondary, main[data-page="predhist"] #phAccSec .btn-secondary{color:#0E7C88; border-color:rgba(14,124,136,.55);}
:is(main[data-page="predictions"], main[data-page="h2h"]) .lg-sec .btn-secondary:hover{background:rgba(14,124,136,.08);}
.xp-hd > span{display:inline-flex; align-items:center; line-height:1.35;}
.xp-hd .lg-i{width:20px; height:14px; margin-left:6px;}
.xp-hd .lg-i svg{width:14px; height:14px;}

/* giris penceresi ve toast ana sayfa kabugunun icinde: ana sayfada degilken de gorunsun (Predictions/H2H uye sayfasi, ziyaretci her sayfadan tiklayabilir) */
.pg-ov[data-page="home"]{display:contents;}
@media (max-width:760px){
  :is(main[data-page="predictions"], main[data-page="predhist"]) .lg-head2 .pf-head{margin-bottom:18px;}
  .xp-headbtn{margin-bottom:28px;}
}

/* More buttons: same design as the Load more button under Fixtures on the team page */
:is(main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"]) .tm-more-btn{display:inline-flex; align-items:center; gap:12px; background:#61E1EE; color:#021329; padding:12px 24px; height:auto; min-height:44px; border:0; border-radius:var(--radius-6); font-weight:700;}
:is(main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"]) .tm-more-btn:hover{background:#4FCBD9;}
:is(main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"]) .tm-more-btn span{font-weight:500; font-size:12px; opacity:.72; color:#021329;}

/* Head to head: sort switch on the far right, yellow swap button, team dropdown */
main[data-page="h2h"] #h2Sort{margin-left:auto;}
.h2-sw{background:#FFDB00; border-color:#FFDB00; color:#021329;}
.h2-sw:hover{background:#F2B600; border-color:#F2B600;}
.h2-dd{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex:none; border:0; border-radius:var(--radius-6); background:none; color:rgba(225,230,236,.78); cursor:pointer;}
.h2-dd:hover{background:rgba(225,230,236,.12); color:#FFFFFF;}
.h2-dd svg{width:18px; height:18px; transition:transform .15s ease;}
.h2-field:has(input[aria-expanded="true"]) .h2-dd svg{transform:rotate(180deg);}
.h2-sug.all{max-height:300px;}
.h2-sug li[aria-selected="true"]{font-weight:800;}

/* Data set delete dialog */
.dd-back{position:fixed; inset:0; z-index:400; display:flex; align-items:flex-start; justify-content:center; padding:56px 20px; overflow-y:auto; background:rgba(2,19,41,.55); backdrop-filter:blur(2px);}
.dd-back[hidden]{display:none;}
.dd-card{width:100%; max-width:640px; margin:auto; background:#FFFFFF; border:1px solid rgba(2,19,41,.22); border-radius:var(--radius-container); box-shadow:0 30px 70px -24px rgba(2,19,41,.55);}
.dd-head{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px 0;}
.dd-title{margin:0; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; line-height:1.1; color:#0B1B2E;}
.dd-x{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex:none; border:0; border-radius:var(--radius-6); background:none; color:rgba(2,19,41,.6); cursor:pointer;}
.dd-x:hover, .dd-x:focus-visible{background:rgba(2,19,41,.07); color:#0B1B2E; outline:none;}
.dd-x svg{width:18px; height:18px;}
.dd-body{padding:12px 24px 0; font-size:14px; line-height:1.6; color:rgba(2,19,41,.82);}
.dd-body p{margin:0;}
.dd-set{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; font-size:15px; color:#0B1B2E;}
.dd-set span{font-size:12.5px; color:rgba(2,19,41,.6);}
/* dd-list/dd-tn/dd-runs/dd-tag replaced below */
.dd-lead{margin-top:12px !important;}
.dd-stats{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px;}
.dd-stats div{display:flex; flex-direction:column; gap:4px; padding:14px 16px; border-radius:var(--radius-container); background:#F1F5F9;}
.dd-stats b{font-family:var(--font-display); font-weight:800; font-size:44px; line-height:1; color:#0B1B2E; font-variant-numeric:tabular-nums;}
.dd-stats span{font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.62);}
.dd-list{list-style:none; margin:14px 0 0; padding:0; border-top:1px solid rgba(2,19,41,.12);}
.dd-list li{display:grid; grid-template-columns:minmax(0,1fr) 80px 60px; gap:14px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(2,19,41,.09);}
.dd-tn{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-weight:700; font-size:14px; color:#0B1B2E; overflow-wrap:anywhere;}
.dd-tag{display:inline-block; padding:1px 7px; border-radius:6px; font-style:normal; font-size:10px; font-weight:700; letter-spacing:.3px; background:#EEF3F8; color:#0B1B2E;}
.dd-bar{display:block; height:6px; border-radius:3px; background:#E3EAF2; overflow:hidden;}
.dd-bar u{display:block; height:100%; border-radius:3px; background:#0E7C88; text-decoration:none;}
.dd-runs{font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; color:rgba(2,19,41,.7); white-space:nowrap; text-align:right;}
.dd-rest{margin:10px 0 0 !important; font-size:12.5px; color:rgba(2,19,41,.6);}
.dd-note{display:flex; align-items:flex-start; gap:9px; margin-top:14px; padding:11px 13px; border-radius:var(--radius-control); background:rgba(138,109,0,.08); font-size:12.5px; line-height:1.55; color:#725A00;}
.dd-note svg{width:16px; height:16px; flex:none; margin-top:2px;}
.dd-foot{display:flex; flex-wrap:wrap; gap:10px; padding:20px 24px 22px;}
.dd-foot .btn-secondary{background:transparent; color:#0B1B2E; border:1px solid rgba(2,19,41,.22);}
.dd-foot .btn-destructive-outline{background:transparent; color:#B3261E; border:1px solid rgba(179,38,30,.55);}
.dd-foot .btn-destructive-outline:hover{background:rgba(179,38,30,.07);}
.dd-foot .btn-destructive{background:#C62828; color:#FFFFFF; border:1px solid #C62828;}
.dd-foot .btn-destructive:hover{background:#B02020; border-color:#B02020;}
.dd-foot .btn-secondary:hover{background:rgba(2,19,41,.05);}
@media (max-width:560px){ .dd-list li{grid-template-columns:minmax(0,1fr) auto;} .dd-bar{display:none;} .dd-stats b{font-size:36px;} .dd-title{font-size:26px;} .dd-back{padding:16px 12px;} .dd-foot .btn{flex:1 1 100%; justify-content:center;} }

/* Sidebar carets: closed and open use the same full-strength yellow, so the down arrow reads as firmly as the up arrow */
.site-sidebar .nav-caret, .site-sidebar .nav-group.expanded .nav-caret{color:var(--color-yellow);}

/* ===== H2H record: teams first, numbers second ===== */
.h2-id{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px;}
.h2-id .tm{display:flex; flex-direction:column; align-items:flex-start; gap:18px; min-width:0;}
.h2-id .tm.b{align-items:flex-end; text-align:right;}
.h2-id .tm img, .h2-id .tm .h2-cr{width:128px; height:128px; object-fit:contain; flex:none; filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));}
.h2-id .tm h3{margin:0; font-family:var(--font-display); font-weight:800; font-size:48px; line-height:1; text-transform:uppercase; letter-spacing:.3px; overflow-wrap:anywhere;}
.h2-id .tm.a h3{color:#FFDB00;}
.h2-id .tm.b h3{color:#61E1EE;}
.h2-id .mid{text-align:center; color:#FFFFFF;}
.h2-id .mid b{display:block; font-family:var(--font-display); font-weight:800; font-size:56px; line-height:1;}
.h2-id .mid span{display:block; margin-top:8px; font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(225,230,236,.72);}
.h2-nums{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:baseline; gap:24px; margin:34px 0 16px;}
.h2-nums div{display:flex; align-items:baseline; gap:10px;}
.h2-nums .b{justify-content:flex-end;}
.h2-nums .d{justify-content:center;}
.h2-nums b{font-family:var(--font-display); font-weight:800; font-size:44px; line-height:1; color:#FFFFFF; font-variant-numeric:tabular-nums;}
.h2-nums .a b{color:#FFDB00;}
.h2-nums .b b{color:#61E1EE;}
.h2-nums span{font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.72);}

/* ===== H2H last 10 meetings: compact form strip ===== */
.h2-form{display:flex; flex-wrap:wrap; gap:8px; margin-top:30px;}
.h2-chip{display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:36px; padding:0 10px; border:0; border-radius:var(--radius-6); background:rgba(225,230,236,.14); color:#E1E6EC; font-family:var(--font-body); font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; cursor:pointer; transition:transform .12s ease;}
.h2-chip.a{background:#FFDB00; color:#021329;}
.h2-chip.b{background:#61E1EE; color:#021329;}
.h2-chip:hover{transform:translateY(-2px);}
.h2-chip:focus-visible{outline:2px solid #FFFFFF; outline-offset:2px;}
.h2-form-ends{display:flex; justify-content:space-between; margin-top:10px; font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.62);}

/* ===== H2H average per match: one card per metric ===== */
.h2-lg{display:flex; flex-wrap:wrap; gap:8px 22px; margin:28px 0 14px; font-size:12px; font-weight:600; color:#0B1B2E;}
.h2-lg span{display:inline-flex; align-items:center; gap:8px;}
.h2-lg i{display:inline-block; width:12px; height:12px;}
.h2-lg .a i{background:#042755;}
.h2-lg .b i{background:#61E1EE;}
.h2-cmp{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
.h2-mc{background:#FFFFFF; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-container); padding:18px 20px 22px; min-width:0;}
.h2-mc-lab{font-size:12px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(2,19,41,.6);}
.h2-mc-vals{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:10px 0 14px;}
.h2-mc-vals b{font-family:var(--font-display); font-size:38px; line-height:1; font-weight:800; color:#0B1B2E; font-variant-numeric:tabular-nums;}
.h2-mc .compare-bar-half{background:rgba(2,19,41,.08);}
.h2-mc .compare-bar-fill.p1{background:#042755;}
.h2-mc .compare-bar-fill.p2{background:#61E1EE;}
.h2-mc .compare-bar-fill.p1::after, .h2-mc .compare-bar-fill.p2::after{background:rgba(2,19,41,.25);}
@media (max-width:1100px){ .h2-cmp{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .h2-cmp{grid-template-columns:minmax(0,1fr); gap:12px;} .h2-mc{padding:16px 16px 18px;} .h2-mc-vals b{font-size:32px;} }
@media (max-width:900px){
  .h2-id{gap:12px;}
  .h2-id .tm{gap:12px;}
  .h2-id .tm img, .h2-id .tm .h2-cr{width:72px; height:72px;}
  .h2-id .tm h3{font-size:clamp(17px,5vw,32px); overflow-wrap:break-word;}
  .h2-id .mid b{font-size:40px;}
  .h2-nums b{font-size:36px;}
  .h2-nums{gap:12px;}
}
@media (max-width:560px){
  .h2-nums span{font-size:9.5px; letter-spacing:.3px;}
  .h2-nums div{flex-direction:column; align-items:flex-start; gap:4px;}
  .h2-nums .b{align-items:flex-end;}
  .h2-nums .d{align-items:center;}
  .h2-chip{min-width:56px;}
}

/* ================= R8: Blog, yazi sayfasi, Elite duvari (koyu tema, ana sayfa blog bandi ile ayni dil) ================= */
main[data-page="blog"], main[data-page="blogpost"]{--photo-points:var(--ph-match);}
:is(main[data-page="blog"], main[data-page="blogpost"]) .lg-hero{padding-bottom:44px;}
main[data-page="blog"] .lg-hero .pf-name{font-size:clamp(52px, 8vw, 96px);}
:is(main[data-page="blog"], main[data-page="blogpost"]) .dark-band{margin-bottom:0; overflow:hidden;}
.bl-sec{padding:64px 0 104px !important;}
.bl-sec .pf-head{margin-bottom:32px !important;}
main[data-page="blog"] .bl-sec .pf-title{color:#FFFFFF !important;}
main[data-page="blog"] .bl-sec .pf-lede{color:rgba(225,230,236,.55) !important; max-width:640px;}
.bl-ctl{margin-bottom:28px;}
.bl-ctl .xp-search svg{color:rgba(225,230,236,.5);}
.bl-ctl .xp-search input{background:transparent; border-color:var(--color-border-strong); color:#E1E6EC;}
.bl-ctl .xp-search input::placeholder{color:rgba(225,230,236,.45);}
.bl-ctl .xp-search input:hover{border-color:rgba(225,230,236,.45);}
.bl-ctl .xp-search input:focus-visible, .bl-ctl .xp-chip:focus-visible{outline:2px solid var(--color-action-primary); outline-offset:2px;}
.bl-ctl .xp-chip{background:transparent; border-color:var(--color-border-strong); color:rgba(225,230,236,.78);}
.bl-ctl .xp-chip:hover{border-color:rgba(225,230,236,.5); color:#FFFFFF;}
.bl-ctl .xp-chip.on{background:var(--color-action-primary); border-color:var(--color-action-primary); color:#031429;}
.bl-grid{display:grid; grid-template-columns:minmax(0,1fr); gap:14px;}
.bl-card{position:relative; display:flex; align-items:stretch; gap:20px; padding:14px; min-width:0; text-decoration:none; color:inherit;
  background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container,8px);
  transition:border-color .15s ease;}
.bl-card:hover{border-color:var(--color-border-strong);}
.bl-card:focus-visible{outline:2px solid var(--color-action-primary); outline-offset:3px;}
.bl-card[hidden]{display:none;}
.bl-card.bl-elite{border:1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,219,0,.09) 0%, rgba(255,219,0,0) 55%) padding-box,
    linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box,
    linear-gradient(180deg, rgba(255,219,0,.85) 0%, rgba(225,230,236,.14) 100%) border-box;}
.bl-card.bl-elite:hover{background:
    linear-gradient(180deg, rgba(255,219,0,.09) 0%, rgba(255,219,0,0) 55%) padding-box,
    linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box,
    linear-gradient(180deg, rgba(255,219,0,1) 0%, rgba(225,230,236,.22) 100%) border-box;}
.bl-img{flex:0 0 200px; min-height:144px; border-radius:var(--radius-control,6px); background-color:var(--color-bg-selected, #0B2447);
  background-image:var(--bl-ph, none); background-size:cover; background-position:center;}
.bl-body{flex:1; min-width:0; display:flex; flex-direction:column; gap:7px; padding:4px 0;}
.bl-eyebrow{display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; color:var(--color-action-primary);}
.bl-eyebrow svg{width:11px; height:11px; flex:none; stroke-width:2.4;}
.bl-eyebrow.is-elite{color:var(--color-action-insight);}
.bl-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:21px; line-height:1.2; letter-spacing:.2px; color:#FFFFFF;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.bl-excerpt{font-size:12.5px; line-height:1.55; color:rgba(225,230,236,.55); max-width:560px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.bl-meta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; margin-top:auto; padding-top:6px; font-size:11px; color:rgba(225,230,236,.45);}
.bl-meta span{display:inline-flex; align-items:center; gap:5px;}
.bl-meta svg{width:12px; height:12px; flex:none;}
.bl-arrow{align-self:center; flex:none; width:34px; height:34px; border-radius:50%; border:1px solid var(--color-border-strong); display:flex; align-items:center; justify-content:center; color:rgba(225,230,236,.55); transition:color .15s ease, border-color .15s ease, transform .15s ease;}
.bl-arrow svg{width:15px; height:15px;}
.bl-card:hover .bl-arrow{color:var(--color-action-primary); border-color:var(--color-action-primary); transform:translateX(3px);}
.bl-card.bl-elite .bl-arrow, .bl-card.bl-elite:hover .bl-arrow{color:var(--color-action-insight); border-color:var(--color-action-insight);}
.bl-empty{margin:28px 0 0; font-size:14px; color:rgba(225,230,236,.6);}


/* sayfa zemini: ustte #051327, altta #0c203d yumusak gecis. Hero gorseli asagi dogru solar. */
main[data-page="blog"], main[data-page="blogpost"]{background:linear-gradient(180deg, #01030b 0%, #0c203d 100%);}
:is(main[data-page="blog"], main[data-page="blogpost"]) .dark-band{background:none;}
:is(main[data-page="blog"], main[data-page="blogpost"]) .pf-hero{background:none !important;}
.bl-hero-bg{position:absolute; left:0; right:0; top:0; bottom:-300px; z-index:0; pointer-events:none;
  background-image:linear-gradient(180deg, rgba(1,3,11,.12) 0%, rgba(1,3,11,.3) 100%), var(--bl-hero, none);
  background-size:cover; background-position:center 60%; background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 14%, rgba(0,0,0,.86) 28%, rgba(0,0,0,.64) 42%, rgba(0,0,0,.42) 56%, rgba(0,0,0,.24) 70%, rgba(0,0,0,.1) 84%, rgba(0,0,0,.03) 93%, transparent 100%);
  mask-image:linear-gradient(180deg, #000 0%, #000 14%, rgba(0,0,0,.86) 28%, rgba(0,0,0,.64) 42%, rgba(0,0,0,.42) 56%, rgba(0,0,0,.24) 70%, rgba(0,0,0,.1) 84%, rgba(0,0,0,.03) 93%, transparent 100%);}
:is(main[data-page="blog"], main[data-page="blogpost"]) .pf-hero{overflow:visible !important;}
main[data-page="blog"] .lg-hero{padding-bottom:96px;}
main[data-page="blogpost"] .lg-hero{padding-bottom:72px;}

/* Elite bandi */
.bl-band{margin-top:44px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:22px 40px; padding:34px 36px;
  border:1px solid transparent; border-radius:var(--radius-container,8px); color:#E1E6EC;
  background:
    linear-gradient(180deg, rgba(255,219,0,.08) 0%, rgba(255,219,0,0) 60%) padding-box,
    linear-gradient(90deg, rgba(8,24,48,.94) 0%, rgba(8,24,48,.72) 50%, rgba(8,24,48,.3) 100%) padding-box,
    var(--ph-league) center 40% / cover no-repeat padding-box,
    linear-gradient(180deg, rgba(255,219,0,.85) 0%, rgba(225,230,236,.16) 100%) border-box;}
.bl-band h3{margin:8px 0 8px; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:34px; line-height:1; color:#FFFFFF;}
.bl-band p{margin:0; max-width:560px; font-size:14px; line-height:1.6; color:rgba(225,230,236,.65);}


.bl-band-act{display:flex; flex-wrap:wrap; gap:12px;}
.bl-only-member{display:none;}
body.is-auth .bl-only-guest{display:none !important;}
body.is-auth .bl-only-member{display:block;}


/* Yazi sayfasi */
.bp-hero .pl-back{margin-bottom:22px;}
.bp-hero .lg-id{display:block !important;}
.bp-hero .bp-sub{margin-top:18px;}
.bp-tags{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px;}
.bp-tag{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px; border-radius:6px; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#E1E6EC; background:rgba(225,230,236,.12); border:1px solid rgba(225,230,236,.22);}
.bp-tag svg{width:12px; height:12px;}
.bp-tag-elite{display:none; color:#0B1B2E; background:#FFDB00; border-color:#FFDB00;}
main[data-page="blogpost"][data-elite="1"] .bp-tag-elite{display:inline-flex;}
main[data-page="blogpost"] .bp-h1{font-size:clamp(34px, 5.2vw, 62px); max-width:900px;}
.bp-sec{padding:60px 0 112px !important;}
.bp-sec::before{display:none;}
.bp-layout{display:grid; grid-template-columns:minmax(0,720px) minmax(0,300px); gap:112px; align-items:start;}
.bp-art{min-width:0; color:rgba(225,230,236,.78);}
.bp-art p{margin:0 0 20px; font-size:17px; line-height:1.75;}
.bp-art .bp-lead{font-size:21px; line-height:1.6; color:#FFFFFF; margin-bottom:36px;}
.bp-art h2{margin:44px 0 16px; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:32px; line-height:1.05; letter-spacing:.2px; color:#FFFFFF;}
.bp-stats{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:28px 0 8px;}
.bp-stat{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container,8px); padding:18px 20px;}
.bp-stat b{display:block; font-family:var(--font-display); font-weight:800; font-size:42px; line-height:1; font-variant-numeric:tabular-nums;}
.bp-stat span{display:block; margin-top:8px; font-size:11px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.5);}
.bp-quote{margin:32px 0; padding:26px 28px; background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container,8px); font-family:var(--font-display); font-weight:700; font-size:26px; line-height:1.25; color:#FFFFFF;}
.bp-cta{display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; margin-top:32px; font-size:13px; color:rgba(225,230,236,.55);}

/* Elite duvari: ziyaretci Elite yazisinda ilk bolumleri okur, sonra duvar gelir */
.bp-wall{display:none;}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-gated{display:none;}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-tease{position:relative; max-height:236px; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, #000 35%, transparent 100%); mask-image:linear-gradient(180deg, #000 35%, transparent 100%);}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-wall{display:block;}
.bp-wall{margin-top:8px; padding:30px 32px; border:1px solid transparent; border-radius:var(--radius-container,8px); color:#E1E6EC;
  background:
    linear-gradient(180deg, rgba(255,219,0,.09) 0%, rgba(255,219,0,0) 60%) padding-box,
    linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box,
    linear-gradient(180deg, rgba(255,219,0,.85) 0%, rgba(225,230,236,.16) 100%) border-box;}


.bp-art .bp-wall h3{ font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; line-height:1.05; color:#FFFFFF;}
.bp-art .bp-wall p{ font-size:14px; line-height:1.6; color:rgba(225,230,236,.7);}
.bp-wall-act{display:flex; flex-wrap:wrap; gap:12px;}

/* yan kolon */
.bp-side{display:flex; flex-direction:column; gap:0; position:sticky; top:24px; min-width:0;}
.bp-side h4{margin:0 0 6px; font-size:11px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.5);}
.bp-more-item{display:flex; flex-direction:column; gap:5px; padding:16px 0; border-top:1px solid var(--color-border-subtle); text-decoration:none; color:inherit;}
.bp-more-item:hover .bp-more-t{color:var(--color-action-primary);}
.bp-more-item:focus-visible{outline:2px solid var(--color-action-primary); outline-offset:2px;}
.bp-more-eb{font-size:10.5px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; color:var(--color-action-primary);}
.bp-more-eb.is-elite{color:var(--color-action-insight);}
.bp-more-t{font-family:var(--font-body); font-weight:700; text-transform:none; font-size:15px; line-height:1.4; letter-spacing:0; color:#FFFFFF; transition:color .12s ease;}
.bp-more-m{font-size:11px; color:rgba(225,230,236,.45);}
.bp-all{margin-top:10px; align-self:flex-start;}

/* ana sayfa blog satirina "All posts" */
.blog-more{display:flex; justify-content:flex-start; margin-top:6px;}
.blog-card[role="link"]{cursor:pointer;}
.blog-card[role="link"]:focus-visible{outline:2px solid #FFFFFF; outline-offset:3px;}

@media (max-width:1240px){
  .bp-layout{gap:64px;}
}
@media (max-width:1100px){
  .bp-layout{grid-template-columns:minmax(0,1fr); gap:48px;}
  .bp-side{position:static;}
}
@media (max-width:900px){
  .bl-sec{padding:44px 0 72px !important;}
  .bp-sec{padding:44px 0 80px !important;}
}
@media (max-width:560px){
  .bl-card{flex-direction:column; gap:14px;}
  .bl-img{flex:none; width:100%; min-height:0; height:150px;}
  .bl-arrow{display:none;}
  .bl-title{font-size:20px;}
  .bl-band{padding:22px 20px;}
  .bl-band h3{font-size:30px;}
  .bp-art p{font-size:16px;}
  .bp-art .bp-lead{font-size:19px;}
  .bp-art h2{font-size:27px;}
  .bp-stats{grid-template-columns:minmax(0,1fr);}
  .bp-stat{display:flex; align-items:baseline; gap:14px;}
  .bp-stat span{margin-top:0;}
  .bp-quote{font-size:22px; padding:22px 20px;}
  .bp-wall{padding:24px 20px;}
  .bp-art .bp-wall h3{font-size:26px;}
}

/* ================= R9: kucuk punto = Inter (Big Shoulders 20px altinda okunmuyor) ================= */
/* sayilar, rozetler, skorlar */
.fixture-module .dt-hero, .watch-table .dt-hero, .up-table .dt-hero,
:where([data-page="match"]) .md-compare-list .compare-value, .fx-stats-panel .compare-value,
:where([data-page="match"]) .md-gauge-label,
main[data-page="match"] .ts-ha-bar i, main[data-page="match"] .ts-pl-num, main[data-page="match"] .ts-pl-rate,
main[data-page="club"] .tm-gc-n, main[data-page="club"] .tm-mt-h b, main[data-page="club"] .tm-no, main[data-page="club"] .tm-rate, main[data-page="club"] .tm-sc-r b,
:is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]) .lg-sn-no,
:is(main[data-page="league"],main[data-page="predictions"],main[data-page="predhist"],main[data-page="h2h"],main[data-page="blog"],main[data-page="blogpost"],main[data-page="profile"]) .lg-bn em
{font-family:var(--font-body) !important; font-weight:700; letter-spacing:0; font-variant-numeric:tabular-nums;}
/* Inter Big Shoulders'dan genis: fikstur tablosundaki dar skor hucresine sigsin */
.fixture-module .data-table td.dt-score.dt-hero, .fixture-module .dt-hero{font-size:16px;}
/* isimler: Inter, kucuk-buyuk harf yazildigi gibi */
main[data-page="club"] .tm-sc-name{font-family:var(--font-body) !important; font-weight:700; text-transform:none; letter-spacing:0; line-height:1.25;}
@media (max-width:720px){
  :where([data-page="match"]) .md-side-name{font-family:var(--font-body) !important; font-weight:700; text-transform:none; letter-spacing:0;}
}
@media (max-width:400px){
  .h2-id .tm h3{font-family:var(--font-body) !important; font-weight:700; text-transform:none; letter-spacing:0;}
}

/* ================= R10a: yerlesim duzeltmeleri ================= */
/* club: "Details and statistics for ..." eyebrow kaldirildi (tum sekmelerde) */
main[data-page="club"] .tm-camp{display:none !important;}
/* match > Team stats: Fenerbahce (away) KPI kartlari da sola dayali (Galatasaray ile ayni yapi) */
main[data-page="match"] .ts-glance-side.away .ts-kpi-group{text-align:left;}
main[data-page="match"] .ts-glance-side.away .ts-kpi{grid-template-columns:auto minmax(0,1fr); text-align:left;}
main[data-page="match"] .ts-glance-side.away .ts-kpi-icon{grid-column:1; margin-left:0;}
main[data-page="match"] .ts-glance-side.away .ts-kpi b, main[data-page="match"] .ts-glance-side.away .ts-kpi span{grid-column:2;}

/* ================= R10b: navy kartlar = cyan/yellow + belirgin ikon (geri almak icin bu blogu sil) ================= */
:root{--r10-cy:#61E1EE; --r10-ye:#FFDB00;}
/* -- ikon olcusu: sayinin yuksekligine oranli, cizı kalinligi ekranda ~1.4-1.5px (referans: home hero-stat) -- */
.hero-stat-icon{width:26px; height:26px;}
.hero-stat-icon svg{width:24px; height:24px; stroke-width:1.8;}
/* match: Team stats KPI */
main[data-page="match"] .ts-kpi{column-gap:14px;}
main[data-page="match"] .ts-kpi .ts-kpi-icon{width:26px; height:26px; margin-top:8px;}
main[data-page="match"] .ts-kpi .ts-kpi-icon svg{width:26px; height:26px; stroke-width:1.8;}
main[data-page="match"] .ts-kpi-group.home .ts-kpi-icon, main[data-page="match"] .ts-kpi-group.home .ts-kpi b{color:var(--r10-ye);}
main[data-page="match"] .ts-kpi-group.away .ts-kpi-icon, main[data-page="match"] .ts-kpi-group.away .ts-kpi b{color:var(--r10-cy);}
/* match: oyuncu istatistik ikonlari (zaten tonlu) biraz buyur */
main[data-page="match"] .ts-pl-stat-icon, main[data-page="match"] .ts-pl-stat-icon svg{width:22px; height:22px;}
main[data-page="match"] .ts-pl-stat-icon svg{stroke-width:1.8;}
/* club: Match record 6'li KPI */
main[data-page="club"] .tm-rk-k{border-top-color:var(--r10-cy);}
main[data-page="club"] .tm-rk-k .tm-rk-ic{width:28px; height:28px; margin-top:9px; color:var(--r10-cy);}
main[data-page="club"] .tm-rk-k .tm-rk-ic svg{width:28px; height:28px; stroke-width:1.7;}
main[data-page="club"] .tm-rk-k b{color:var(--r10-cy);}
main[data-page="club"] .tm-ic{width:22px; height:22px;}
main[data-page="club"] .tm-ic svg{width:22px; height:22px; stroke-width:1.8;}
main[data-page="club"] .tm-sc-r .tm-ic, main[data-page="club"] .tm-sc-r .tm-ic svg{width:16px; height:16px;}
main[data-page="club"] .tm-sc-r .tm-ic svg{stroke-width:1.8;}
/* player / club / league: KPI bandi ikonlari sayinin rengiyle ayni ve belirgin */
main[data-page] .pf-kpis{column-gap:32px;}
main[data-page] .pf-kpis > div{column-gap:12px;}
main[data-page] .pf-kpis b{font-size:48px;}
main[data-page] .pf-kpis > div .pf-ic{width:26px; height:26px; margin-top:10px; color:var(--r10-ye);}
main[data-page] .pf-kpis > div .pf-ic svg{width:26px; height:26px; stroke-width:1.7;}
main[data-page] .pf-p90:not(.tm-fd-kpi){column-gap:36px;}
main[data-page] .pf-p90 > div{column-gap:16px;}
main[data-page] .pf-p90 > div .pf-ic{width:30px; height:30px; margin-top:14px; color:var(--r10-ye);}
main[data-page] .pf-p90 > div .pf-ic svg{width:30px; height:30px; stroke-width:1.6;}
/* dar masaustu (sidebar acikken icerik ~1.1k altinda): 6 ve 5 sutun sigmiyor, 3 sutuna in */
@media (min-width:1101px) and (max-width:1360px){
  main[data-page] .pf-kpis{grid-template-columns:repeat(3,1fr); gap:28px 32px;}
  main[data-page] .pf-p90:not(.tm-fd-kpi){grid-template-columns:repeat(3,1fr); gap:32px 36px;}
}
main[data-page="club"] .tm-fd-kpi > div .pf-ic{color:var(--r10-cy);}
/* -- beyaz buyuk sayilar: cyan (onemli yerler yellow) -- */
.hero-stat.cyan .hero-stat-value, .hero-stat.success .hero-stat-value,
.dark-band .hero-stat.cyan .hero-stat-value, .dark-band .hero-stat.success .hero-stat-value,
.result-card .hero-stat.cyan .hero-stat-value, .result-card .hero-stat.success .hero-stat-value,
#heroCopyAuth .hero-stat.cyan .hero-stat-value, #heroCopyAuth .hero-stat.success .hero-stat-value{color:var(--r10-cy);}
.hero-stat.yellow .hero-stat-value, .dark-band .hero-stat.yellow .hero-stat-value, .result-card .hero-stat.yellow .hero-stat-value,
#heroCopyAuth .hero-stat.yellow .hero-stat-value{color:var(--r10-ye);}
.hero-stat-value span{color:inherit;}
main[data-page="match"] .ts-meet.home .ts-meet-s{color:var(--r10-ye);}
main[data-page="match"] .ts-meet.away .ts-meet-s{color:var(--r10-cy);}
main[data-page="match"] .pr-tile-pick{color:var(--r10-cy);}
main[data-page="match"] .pr-tile.home .pr-tile-pick{color:var(--r10-ye);}
main[data-page="match"] .pr-tile .pr-tile-pick.none{color:rgba(225,230,236,.35);}
main[data-page="match"] .pr-combo-pick small{color:var(--r10-cy);}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-bar-l b{color:var(--r10-cy);}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-bar:has(i.hit) .mth-bar-l b{color:var(--r10-ye);}
main[data-page] .pf-bar-top b{color:var(--r10-cy);}
.bp-stat b{color:var(--r10-cy);}
main[data-page] .lg-sn-run li b, main[data-page] .lg-bc-st b{color:var(--r10-cy);}
main[data-page] .lg-bk-trio > div b{color:var(--r10-ye);}
main[data-page] .lg-bk-trio > div:nth-child(2) b{color:var(--r10-cy);}
@media (max-width:700px){
  main[data-page="match"] .ts-kpi .ts-kpi-icon{width:22px; height:22px; margin-top:4px;}
  main[data-page="match"] .ts-kpi .ts-kpi-icon svg{width:22px; height:22px;}
  main[data-page] .pf-kpis > div .pf-ic{width:26px; height:26px; margin-top:8px;}
  main[data-page] .pf-kpis > div .pf-ic svg{width:26px; height:26px; stroke-width:1.7;}
  main[data-page] .pf-p90 > div .pf-ic{width:28px; height:28px; margin-top:12px;}
  main[data-page] .pf-p90 > div .pf-ic svg{width:28px; height:28px; stroke-width:1.7;}
}

/* ================= R12: canli arama paneli ================= */
.gs-panel{position:fixed; z-index:4000; display:none; box-sizing:border-box; max-height:min(480px, 70vh); overflow-y:auto; background:#06203F; border:1px solid rgba(225,230,236,.2); border-radius:8px; box-shadow:0 18px 40px rgba(2,19,41,.55); padding:6px 0 8px;}
.gs-panel.open{display:block;}
.gs-grp{padding:10px 14px 6px; font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(225,230,236,.5);}
.gs-row{display:flex; align-items:center; gap:12px; padding:8px 14px; cursor:pointer; color:#E1E6EC; text-decoration:none;}
.gs-row{position:relative;}
.gs-row:hover, .gs-row.act{background:linear-gradient(rgba(97,225,238,.1), rgba(97,225,238,.1)) 3px 0 / calc(100% - 3px) 100% no-repeat;}
.gs-row:hover::before, .gs-row.act::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#FFDB00; z-index:2;}
/* scroll cubugu: cyan, ince, ust/alt/sag kenardan nefes payi birakir */
.gs-panel::-webkit-scrollbar{width:14px;}
.gs-panel::-webkit-scrollbar-track{background:transparent; margin:12px 0;}
.gs-panel::-webkit-scrollbar-thumb{background:#61E1EE; background-clip:padding-box; border:5px solid transparent; border-radius:10px; min-height:44px; opacity:.85;}
.gs-panel::-webkit-scrollbar-thumb:hover{background:#9BEFF7; background-clip:padding-box;}
.gs-panel::-webkit-scrollbar-corner{background:transparent;}
@supports not selector(::-webkit-scrollbar){.gs-panel{scrollbar-width:thin; scrollbar-color:#61E1EE transparent;}}
.gs-ico{width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:6px; background:rgba(225,230,236,.08); color:#61E1EE; overflow:hidden;}
.gs-ico svg{width:17px; height:17px; stroke-width:1.8;}
.gs-ico img{width:24px; height:24px; object-fit:contain; display:block;}
.gs-ico.ph{background-size:cover; background-position:center top; border-radius:50%;}
.gs-txt{min-width:0; flex:1;}
.gs-name{display:block; font-family:var(--font-body); font-size:13.5px; font-weight:600; color:#FFFFFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gs-sub{display:block; margin-top:1px; font-size:11.5px; color:rgba(225,230,236,.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gs-hit{color:#61E1EE;}
.gs-none{padding:16px 14px 12px; font-size:13px; color:rgba(225,230,236,.7); line-height:1.5;}
.gs-none b{color:#FFFFFF; font-weight:600;}

/* ================= R13: Data sets lig crest'leri (takim crest'inden kucuk) ================= */
:where([data-page="datasets"]) .ds-member img.lg{height:15px; max-width:17px;}
:where([data-page="datasets"]) .ds-chip img.lg{height:14px; max-width:16px;}

/* ================= R14: Profil (koyu tema, blog ile ayni dil) ================= */
main[data-page="profile"]{background:linear-gradient(180deg, #01030b 0%, #0c203d 100%); --photo-points:var(--ph-match);}
main[data-page="profile"] .dark-band{background:none; margin-bottom:0; overflow:hidden;}
main[data-page="profile"] .pf-hero{background:none !important; overflow:visible !important;}
main[data-page="profile"] .lg-hero{padding-bottom:64px;}
.pr-id{display:flex !important; align-items:center; gap:28px; flex-wrap:wrap;}
.pr-id-txt{min-width:0; flex:1 1 380px;}
main[data-page="profile"] .pr-name{font-size:clamp(46px, 6.6vw, 84px);}
.pr-avatar-wrap{position:relative; flex:none; display:block;}
.pr-badge{position:absolute; right:-10px; bottom:-6px; width:66px; height:66px; object-fit:contain; display:block; filter:drop-shadow(0 3px 8px rgba(1,3,11,.55)); pointer-events:auto;}
.pr-avatar{position:relative; flex:none; width:112px; height:112px; border-radius:50%; background-color:#0B2447; background-size:cover; background-position:50% 22%;
  box-shadow:0 0 0 3px #01030b, 0 0 0 5px #FFDB00; display:flex; align-items:center; justify-content:center; margin:5px;}
.pr-avatar.sm{width:72px; height:72px; box-shadow:0 0 0 2px #031C3D, 0 0 0 4px rgba(255,219,0,.85); margin:4px;}
.pr-avatar-in{font-family:var(--font-display); font-weight:800; font-size:34px; color:#E1E6EC;}
.pr-avatar.sm .pr-avatar-in{font-size:24px;}
.pr-avatar.has-img .pr-avatar-in{display:none;}
.pr-elite-tag{display:inline-flex; align-items:center; gap:6px; color:#FFDB00;}
.pr-elite-tag svg{width:14px; height:14px; flex:none;}
.pr-hero-stats{display:flex; gap:12px; flex:none; margin-left:auto;}
.pr-stat{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; align-items:start; min-width:176px; padding:16px 44px 16px 18px; border:1px solid rgba(225,230,236,.2); border-radius:8px; background:rgba(3,28,61,.62); text-decoration:none; color:inherit; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
.pr-stat > svg:first-child{grid-column:1; grid-row:1 / span 2; width:28px; height:28px; margin-top:8px; color:#61E1EE;}
.pr-stat b{grid-column:2; display:block; font-family:var(--font-display); font-weight:800; font-size:44px; line-height:1; color:#61E1EE; font-variant-numeric:tabular-nums;}
.pr-stat span{grid-column:2; display:block; margin-top:8px; font-size:11px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.6);}
.pr-stat .pr-stat-go{position:absolute; right:14px; top:14px; width:16px; height:16px; color:rgba(225,230,236,.45); transition:color .15s ease, transform .15s ease;}
.pr-stat:hover{border-color:#61E1EE; background:rgba(3,28,61,.82);}
.pr-stat:hover .pr-stat-go{color:#61E1EE; transform:translateX(3px);}
.pr-stat:hover span{color:rgba(225,230,236,.85);}
.pr-stat:focus-visible{outline:2px solid #61E1EE; outline-offset:3px;}

.pr-sec{padding:44px 0 112px !important;}
.pr-layout{display:grid; grid-template-columns:240px minmax(0,1fr); gap:56px; align-items:start;}
.pr-nav{position:sticky; top:24px; display:flex; flex-direction:column; gap:4px;}
.pr-nav-b{display:flex; align-items:center; gap:12px; width:100%; height:46px; padding:0 14px 0 16px; border:0; border-radius:0; background:transparent; cursor:pointer;
  font-family:var(--font-body); font-size:14px; font-weight:600; color:rgba(225,230,236,.72); text-align:left; position:relative; transition:background .12s ease, color .12s ease;}
.pr-nav-b svg{width:19px; height:19px; flex:none; color:rgba(225,230,236,.6); transition:color .12s ease;}
.pr-nav-b:hover{background:rgba(225,230,236,.07); color:#FFFFFF;}
.pr-nav-b:hover svg{color:#61E1EE;}
.pr-nav-b.on{background:rgba(97,225,238,.1); color:#FFFFFF;}
.pr-nav-b.on svg{color:#61E1EE;}
.pr-nav-b.on::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; border-radius:0; background:#FFDB00;}
.pr-nav-b:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.pr-nav-sep{display:block; height:1px; margin:10px 6px; background:rgba(225,230,236,.14);}
.pr-nav-out svg{color:rgba(225,230,236,.5);}

.pr-main{min-width:0; max-width:860px;}
.pr-pane{display:none; flex-direction:column; gap:20px;}
main[data-page="profile"][data-sec="personal"] .pr-pane[data-pane="personal"],
main[data-page="profile"][data-sec="leagues"] .pr-pane[data-pane="leagues"],
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"]{display:flex;}
.pr-ph{margin-bottom:6px;}
.pr-ph h2{margin:0; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:44px; line-height:1; letter-spacing:.2px; color:#FFFFFF;}
.pr-ph p{margin:12px 0 0; font-size:14.5px; line-height:1.55; color:rgba(225,230,236,.6); max-width:560px;}

.pr-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:8px; padding:26px 28px; min-width:0; color:#E1E6EC;}
.pr-card-h{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin-bottom:18px;}
.pr-card-h b{font-size:15px; font-weight:600; color:#FFFFFF;}
.pr-card-h span{font-size:12.5px; color:rgba(225,230,236,.55);}
.pr-pill{display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 9px; border-radius:6px; font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap;}
.pr-pill svg{width:12px; height:12px; flex:none;}
.pr-pill.ok{color:#61E1EE; background:rgba(97,225,238,.12); border:1px solid rgba(97,225,238,.32);}
.pr-pill.ok i{width:6px; height:6px; border-radius:50%; background:#61E1EE;}
.pr-pill.save{color:#0B1B2E; background:#FFDB00; border:1px solid #FFDB00;}
.pr-pill.cur{color:rgba(225,230,236,.8); background:rgba(225,230,236,.1); border:1px solid rgba(225,230,236,.22);}
.pr-pill.warn{color:#FFDB00; background:rgba(255,219,0,.1); border:1px solid rgba(255,219,0,.4);}
.pr-pill.warn i{width:6px; height:6px; border-radius:50%; background:#FFDB00;}

.pr-link{background:none; border:0; padding:6px 2px; cursor:pointer; font-family:var(--font-body); font-size:13px; font-weight:600; color:rgba(225,230,236,.7); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(225,230,236,.3);}
.pr-link:hover{color:#FFFFFF; text-decoration-color:#FFDB00;}
.pr-link:focus-visible{outline:2px solid #61E1EE; outline-offset:3px; border-radius:3px;}
.pr-link-danger{color:#F59A92; text-decoration-color:rgba(245,154,146,.4);}
.pr-link-danger:hover{color:#FFB8B2; text-decoration-color:#FFB8B2;}
.pr-btn-danger{color:#F59A92 !important; border-color:rgba(245,154,146,.45) !important;}
.pr-btn-danger:hover{background:rgba(245,154,146,.1) !important; border-color:#F59A92 !important;}
.pr-icon-btn{width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(225,230,236,.22); border-radius:6px; background:transparent; color:rgba(225,230,236,.75); cursor:pointer; transition:color .12s ease, border-color .12s ease, background .12s ease;}
.pr-icon-btn svg{width:17px; height:17px;}
.pr-icon-btn:hover{color:#61E1EE; border-color:#61E1EE; background:rgba(97,225,238,.08);}
.pr-icon-btn:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}

/* form */
.pr-photo{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.pr-photo-txt{flex:1 1 180px; min-width:0;}
.pr-photo-txt b{display:block; font-size:15px; font-weight:600; color:#FFFFFF;}
.pr-photo-txt span{display:block; margin-top:3px; font-size:12.5px; color:rgba(225,230,236,.55);}
.pr-photo-act{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.pr-photo-act .btn svg{width:16px; height:16px;}
.pr-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px 24px;}
.pr-f{display:flex; flex-direction:column; gap:8px; min-width:0;}
.pr-f > span{font-size:11px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.55);}
.pr-f small{font-size:12px; color:rgba(225,230,236,.45);}
.pr-f input, .pr-f select{width:100%; box-sizing:border-box; height:46px; padding:0 14px; border:1px solid var(--color-border-strong); border-radius:6px; background:rgba(1,3,11,.35); color:#E1E6EC; font-family:var(--font-body); font-size:14.5px; transition:border-color .12s ease, background .12s ease;}
.pr-f select{appearance:none; -webkit-appearance:none; padding-right:40px; cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E1E6EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>"); background-repeat:no-repeat; background-position:right 14px center; background-size:16px;}
.pr-f select option{background:#06203F; color:#E1E6EC;}
.pr-f input:hover, .pr-f select:hover{border-color:rgba(225,230,236,.45);}
.pr-f input:focus-visible, .pr-f select:focus-visible{outline:none; border-color:#61E1EE; background:rgba(1,3,11,.5); box-shadow:0 0 0 3px rgba(97,225,238,.18);}
.pr-in-wrap{position:relative;}
.pr-in-wrap input{padding-right:110px;}
.pr-pill.in{position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.pr-bar{display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; margin-top:26px; padding-top:20px; border-top:1px solid rgba(225,230,236,.12);}
.pr-bar-l{justify-content:space-between;}
.pr-bar .btn[disabled]{opacity:.38; cursor:not-allowed; pointer-events:none;}
.pr-saved{display:inline-flex; align-items:center; gap:7px; margin-right:auto; font-size:13px; font-weight:600; color:#61E1EE; opacity:0; transform:translateY(2px); transition:opacity .2s ease, transform .2s ease;}
.pr-saved svg{width:16px; height:16px;}
.pr-saved.show{opacity:1; transform:none;}

/* satirlar */
.pr-rows{padding:8px 28px;}
.pr-rows .pr-card-h{margin:18px 0 6px;}
.pr-row{display:flex; align-items:center; gap:16px; padding:18px 0; flex-wrap:wrap;}
.pr-row + .pr-row{border-top:1px solid rgba(225,230,236,.1);}
.pr-row-ic{width:40px; height:40px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:8px; background:rgba(225,230,236,.08); color:#61E1EE;}
.pr-row-ic svg{width:20px; height:20px;}
.pr-row-txt{flex:1 1 220px; min-width:0;}
.pr-row-txt b{display:block; font-size:14.5px; font-weight:600; color:#FFFFFF;}
.pr-row-txt span{display:block; margin-top:3px; font-size:12.5px; line-height:1.5; color:rgba(225,230,236,.55);}
.pr-danger{border-color:rgba(245,154,146,.22); padding-top:8px; padding-bottom:8px;}
.pr-danger .pr-row-ic{color:#F59A92; background:rgba(245,154,146,.1);}

/* ligler */



.pr-lg{display:flex; align-items:center; gap:14px; min-width:0; padding:12px 14px; border:1px solid var(--color-border-strong); border-radius:8px; background:rgba(1,3,11,.28); cursor:pointer; text-align:left; font-family:var(--font-body); color:#E1E6EC; transition:border-color .12s ease, background .12s ease;}
.pr-lg:hover{border-color:rgba(225,230,236,.5); background:rgba(225,230,236,.05);}
.pr-lg:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.pr-lg.on{border-color:#61E1EE; background:rgba(97,225,238,.08);}
.pr-lg-ico{width:36px; height:36px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:6px; background:rgba(225,230,236,.08); overflow:hidden;}
.pr-lg-ico img{width:26px; height:26px; object-fit:contain; display:block;}








/* abonelik: plan karti */
.pr-plan{position:relative; border:1px solid transparent; border-radius:8px; color:#E1E6EC;
  background:
    linear-gradient(180deg, rgba(255,219,0,.1) 0%, rgba(255,219,0,0) 60%) padding-box,
    linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box,
    linear-gradient(180deg, rgba(255,219,0,.85) 0%, rgba(225,230,236,.16) 100%) border-box;}


.pr-plan-eb{display:inline-flex; align-items:center; gap:7px; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#FFDB00;}
.pr-plan-eb svg{width:14px; height:14px; flex:none;}
.pr-plan-name{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:10px;}
.pr-plan-name h3{margin:0; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:64px; line-height:.95; letter-spacing:.2px; color:#FFFFFF;}
.pr-plan-note{margin:12px 0 0; font-size:14px; line-height:1.55; color:rgba(225,230,236,.7);}
.pr-price{text-align:right; flex:none;}
.pr-price b{display:block; font-family:var(--font-display); font-weight:800; font-size:56px; line-height:1; color:#61E1EE; font-variant-numeric:tabular-nums;}
.pr-price span{display:block; margin-top:6px; font-size:12.5px; color:rgba(225,230,236,.6);}



.pr-plan-act{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:22px; padding-top:16px; border-top:1px solid rgba(225,230,236,.1);}
.pr-plan-hint{font-size:12.5px; color:rgba(225,230,236,.5);}
.pr-cancel, .pr-ended{margin-top:20px; padding:20px 22px; border-radius:8px; display:flex; align-items:center; gap:18px 20px; flex-wrap:wrap;}
.pr-cancel[hidden], .pr-ended[hidden]{display:none;}
.pr-cancel{background:rgba(245,154,146,.07); border:1px solid rgba(245,154,146,.32);}
.pr-cancel-ic{width:36px; height:36px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:8px; background:rgba(245,154,146,.12); color:#F59A92;}
.pr-cancel-ic svg{width:20px; height:20px;}
.pr-cancel-txt{flex:1 1 300px; min-width:0;}
.pr-cancel-txt b{display:block; font-size:15px; font-weight:600; color:#FFFFFF;}
.pr-cancel-txt p{margin:5px 0 0; font-size:13px; line-height:1.6; color:rgba(225,230,236,.7);}
.pr-cancel-act{display:flex; gap:12px; flex-wrap:wrap;}
.pr-ended{background:rgba(255,219,0,.07); border:1px solid rgba(255,219,0,.35); justify-content:space-between;}
.pr-ended-txt{display:flex; align-items:center; gap:12px; flex:1 1 300px; font-size:13.5px; line-height:1.5; color:#E1E6EC;}
.pr-ended-txt svg{width:20px; height:20px; flex:none; color:#FFDB00;}
.pr-plan[data-state="ending"] #prPlanAct{display:none;}

/* plan secimi (Change plan) */
.pr-chg-h{display:flex; align-items:flex-start; justify-content:space-between; gap:16px 24px; flex-wrap:wrap;}
.pr-chg-h h3{margin:0; font-family:var(--font-display); font-weight:800; text-transform:uppercase; line-height:1; color:#FFFFFF;}
.pr-chg-h p{margin:8px 0 0; color:rgba(225,230,236,.6);}
.pr-seg{display:inline-flex; padding:3px; border:1px solid var(--color-border-strong); border-radius:6px; background:rgba(1,3,11,.35);}
.pr-seg button{height:32px; padding:0 16px; border:1px solid transparent; border-radius:4px; background:transparent; cursor:pointer; font-family:var(--font-body); font-size:12.5px; font-weight:600; color:rgba(225,230,236,.7); transition:background .12s ease, color .12s ease;}
.pr-seg button:hover:not(.on){color:#FFFFFF; background:rgba(225,230,236,.08);}
.pr-seg button.on{background:#61E1EE; color:#031429;}
.pr-seg button:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.pr-plans{display:grid;}
.pr-pc{position:relative; display:flex; flex-direction:column; border:1px solid var(--color-border-strong); border-radius:8px; background:rgba(1,3,11,.28); cursor:pointer; min-width:0; transition:border-color .12s ease, background .12s ease;}
.pr-pc:hover{border-color:rgba(225,230,236,.5);}
.pr-pc:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.pr-pc.pick{border-color:#61E1EE; background:rgba(97,225,238,.08);}
.pr-pc.on{border-color:#FFDB00;}
.pr-pc.on.pick{border-color:#FFDB00;}
.pr-pc-top{ align-items:center; justify-content:space-between; gap:10px;}
.pr-pc-top b{font-family:var(--font-display); font-weight:800; text-transform:uppercase; line-height:1; color:#FFFFFF;}
.pr-pc .pr-pill.cur{visibility:hidden; color:#FFDB00; background:rgba(255,219,0,.1); border:1px solid rgba(255,219,0,.4);}
.pr-pc.on .pr-pill.cur{visibility:visible;}
.pr-pc-price{display:flex; align-items:baseline;}
.pr-pc-price strong{font-family:var(--font-display); line-height:1; color:#61E1EE; font-variant-numeric:tabular-nums;}
.pr-pc-price i{font-style:normal; color:rgba(225,230,236,.6);}
.pr-pc-bill{ color:rgba(225,230,236,.5); border-bottom:1px solid rgba(225,230,236,.12);}


.pr-cycle-note{margin-right:auto; font-size:13px; color:rgba(225,230,236,.6);}

/* plan ozellik listesi */
.pr-feat{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
.pr-feat li{display:flex; min-width:0;}
.pr-ck{width:20px; height:20px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(97,225,238,.14); color:#61E1EE;}
.pr-ck svg{width:12px; height:12px;}
.pr-feat div{min-width:0; font-size:13.5px; color:#E1E6EC;}
.pr-feat div > b{font-weight:600; color:#FFFFFF;}
.pr-feat div > span{display:block; font-size:12.5px; color:rgba(225,230,236,.55);}
.pr-feat-h{margin:26px 0 14px; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.55);}


/* fatura tablosu */
.pr-inv-tbl{display:flex; flex-direction:column;}
.pr-inv-head, .pr-inv-row{display:grid; grid-template-columns:130px minmax(0,1fr) 90px 100px 70px; align-items:center; gap:14px; padding:0 4px;}
.pr-inv-head{height:36px; font-size:10.5px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.5); border-bottom:1px solid rgba(225,230,236,.16);}
.pr-inv-row{min-height:60px; border-bottom:1px solid rgba(225,230,236,.08);}
.pr-inv-row:last-child{border-bottom:0;}
.pr-inv-row:hover{background:rgba(225,230,236,.04);}
.pr-inv-head .r, .pr-inv-a, .pr-inv-x{text-align:right;}
.pr-inv-x{display:flex; justify-content:flex-end;}
.pr-inv-d{font-size:13.5px; color:#FFFFFF; font-variant-numeric:tabular-nums;}
.pr-inv-t{font-size:13.5px; color:#E1E6EC; min-width:0;}
.pr-inv-t i{display:block; margin-top:2px; font-style:normal; font-size:11.5px; color:rgba(225,230,236,.45);}
.pr-inv-a{font-size:14px; font-weight:600; color:#FFFFFF; font-variant-numeric:tabular-nums;}

@media (max-width:1180px){
  .pr-layout{grid-template-columns:200px minmax(0,1fr); gap:36px;}
  .pr-hero-stats{margin-left:0; width:100%;}
}
@media (max-width:900px){
  .pr-layout{grid-template-columns:minmax(0,1fr); gap:24px;}
  .pr-nav{position:static; flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:4px; scrollbar-width:none;}
  .pr-nav::-webkit-scrollbar{display:none;}
  .pr-nav-b{width:auto; flex:none; height:42px; padding:0 14px; border:1px solid var(--color-border-strong); white-space:nowrap;}
  .pr-nav-b.on::before{display:none;}
  .pr-nav-b.on{border-color:#61E1EE;}
  .pr-nav-sep, .pr-nav-out{display:none;}
  .pr-main{max-width:none;}
}
@media (max-width:640px){
  main[data-page="profile"] .lg-hero{min-height:0 !important; padding-bottom:36px;}
  .pr-id{flex-direction:column; align-items:flex-start; gap:18px; min-height:0 !important;}
  .pr-id-txt{flex:none; width:100%; min-height:0 !important;}
  .pr-hero .lg-sub{flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:6px !important;}
  .pr-hero .lg-sub i{display:none !important;}
  .pr-sec{padding-top:12px !important;}
  .pr-hero-stats{width:100%; margin-left:0;}
  .pr-avatar{width:84px; height:84px;}
  .pr-stat{flex:1; min-width:0; padding:12px 34px 12px 14px; column-gap:10px;}
  .pr-stat > svg:first-child{width:22px; height:22px; margin-top:6px;}
  .pr-stat b{font-size:36px;}
  .pr-stat span{grid-column:1 / -1; margin-top:8px;}
  .pr-stat .pr-stat-go{right:10px; top:10px;}
  .pr-badge{width:44px; height:44px;}
  .pr-ph h2{font-size:36px;}
  .pr-card{padding:20px 18px;}
  .pr-rows{padding:4px 18px;}
  .pr-grid, .pr-plans, .pr-feat-cols {grid-template-columns:minmax(0,1fr);}
  .pr-chg-h h3{font-size:28px;}
  
  .pr-plan-name h3{font-size:52px;}
  .pr-price{text-align:left; width:100%;}
  .pr-price b{font-size:46px;}
  
  .pr-inv-head{display:none;}
  .pr-inv-row{grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"t a" "d s" ; row-gap:6px; padding:12px 4px;}
  .pr-inv-d{grid-area:d; font-size:12.5px; color:rgba(225,230,236,.6);}
  .pr-inv-t{grid-area:t;}
  .pr-inv-a{grid-area:a;}
  .pr-inv-s{grid-area:s; text-align:right;}
  .pr-inv-x{display:none;}
  .pr-bar .btn{flex:1;}
  .pr-bar-l .pr-cycle-note{width:100%; flex:none;}
}
.account-card.pr-go{cursor:pointer; transition:background .12s ease;}
.account-card.pr-go:hover{background:rgba(225,230,236,.09);}
.account-card.pr-go:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.account-card.pr-go .account-plan{cursor:pointer; width:max-content;}
.account-card.pr-go .account-plan:hover{text-decoration:underline; text-underline-offset:3px;}

/* ===== R14b: kompakt abonelik, 4 plan yan yana (dikey menu yapisi korunur) ===== */
.pr-layout{column-gap:56px; row-gap:20px;}
/* Subscription: ust satir menu + baslik + mevcut abonelik, altindaki bolumler tam genislik */
main[data-page="profile"][data-sec="subscription"] .pr-main,
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"]{display:contents;}
main[data-page="profile"][data-sec="subscription"] .pr-nav{grid-column:1; grid-row:1 / span 2; align-self:start;}
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > .pr-ph,
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > .pr-plan{grid-column:2; min-width:0;}
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > .pr-card,
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > .pr-chg,
main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > .pr-cmpx{grid-column:1 / -1; min-width:0;}
main[data-page="profile"][data-sec="subscription"] .pr-ph{margin-bottom:0;}


.pr-cs{ gap:14px 28px;}
.pr-cs .pr-plan-name{ gap:12px;}




.pr-cs-facts{ grid-template-columns:repeat(2, minmax(0,1fr)); border-left:1px solid rgba(225,230,236,.14);}
.pr-cs-facts dt{ font-weight:600; text-transform:uppercase; color:rgba(225,230,236,.5);}
.pr-cs-facts dd{margin:6px 0 0; font-weight:600; color:#FFFFFF; font-variant-numeric:tabular-nums; white-space:nowrap;}
.pr-more{display:inline-flex; align-items:center; gap:7px; border:1px solid var(--color-border-strong); border-radius:6px; background:transparent; cursor:pointer; font-family:var(--font-body); font-weight:600; color:#E1E6EC; white-space:nowrap; transition:border-color .12s ease, color .12s ease;}
.pr-more svg{width:16px; height:16px; transition:transform .18s ease;}
.pr-more:hover{border-color:#61E1EE; color:#FFFFFF;}
.pr-more:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.pr-more[aria-expanded="true"] svg{transform:rotate(180deg);}
.pr-details{ border-top:1px solid rgba(225,230,236,.14);}
.pr-details[hidden]{display:none;}



.pr-plan > .pr-ended{margin-top:14px;}




.pr-plans{grid-template-columns:repeat(4, minmax(0,1fr));}




.pr-pc-bill{margin-bottom:14px;}
.pr-pc .pr-pill.cur{padding:0 8px; letter-spacing:.3px; font-size:9.5px;}




@media (max-width:1360px){
  .pr-cs{grid-template-columns:minmax(0,1fr) auto;}
  .pr-cs-facts{grid-column:1 / -1; padding:14px 0 0; border-left:0; border-top:1px solid rgba(225,230,236,.14); grid-template-columns:repeat(3, minmax(0,1fr));}
  .pr-cs .pr-more{grid-column:1 / -1; justify-self:start;}
  .pr-cs .pr-price{text-align:right;}
}
@media (max-width:1360px){ .pr-pc-price{display:flex; flex-direction:column; align-items:flex-start; gap:2px;}  }
@media (max-width:1180px){ .pr-plans{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:900px){
  main[data-page="profile"][data-sec="subscription"] .pr-nav,
  main[data-page="profile"][data-sec="subscription"] .pr-pane[data-pane="subscription"] > *{grid-column:1 !important; grid-row:auto !important;}
}
@media (max-width:640px){
  
  .pr-cs .pr-price{text-align:left;}
  .pr-cs-facts{grid-template-columns:repeat(2, minmax(0,1fr));}
  .pr-plans{grid-template-columns:minmax(0,1fr);}
  
  
  
}

/* ===== R14c: nefes alani, plan adi > fiyat ===== */
.pr-details{margin-top:26px; padding-top:28px;}
.pr-details .pr-plan-note{margin:0; font-size:14px; line-height:1.6;}
.pr-details .pr-feat-h{margin:30px 0 22px;}
.pr-feat-cols{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); grid-auto-rows:1fr; gap:22px 56px; align-items:start;}
.pr-feat-cols li{margin:0;}
.pr-feat li{gap:14px; align-items:flex-start;}
.pr-ck{margin-top:0;}
.pr-feat div{line-height:20px;}
.pr-feat div > span{margin-top:5px; line-height:1.55;}
.pr-details .pr-plan-act{margin-top:34px; padding-top:22px; gap:14px 20px;}
.pr-details .pr-plan-hint{font-size:13px; line-height:1.5;}
.pr-link-danger{font-weight:400;}

.pr-card#prChange{padding:40px 40px 32px;}
.pr-chg-h{margin-bottom:34px;}
.pr-chg-h h3{font-size:36px;}
.pr-chg-h p{margin-top:12px; font-size:14px;}
.pr-plans{gap:20px;}
.pr-pc{padding:34px 28px 36px; gap:0;}
.pr-pc-top{display:block; min-height:0;}
.pr-pc-top b{display:block; font-size:clamp(27px,2.4vw,36px); letter-spacing:.3px;}
.pr-pc .pr-pill.cur{position:absolute; top:16px; right:16px;}
.pr-pc-price{margin-top:16px; gap:10px;}
.pr-pc-price strong{font-size:26px; font-weight:700;}
.pr-pc-price i{font-size:12.5px;}
.pr-pc-bill{margin:8px 0 0; padding-bottom:26px; font-size:12.5px;}
.pr-pc .pr-feat{gap:22px; margin-top:26px;}
.pr-pc .pr-feat div{font-size:14.5px; line-height:20px;}
.pr-pc .pr-feat div > span{font-size:13px; margin-top:5px; line-height:1.55;}

@media (max-width:1360px){ .pr-pc{padding:30px 22px 32px;} .pr-card#prChange{padding:36px 32px 28px;} }
@media (max-width:640px){ .pr-card#prChange{padding:24px 18px;} .pr-pc{padding:26px 22px 28px;} .pr-feat-cols{grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:20px;} }

/* ===== R14d: current subscription, iki satir, ferah ===== */
.pr-plan{padding:28px 32px;}
.pr-cs{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; column-gap:40px; row-gap:26px;}
.pr-cs-id{grid-column:1; grid-row:1;}
.pr-cs .pr-price{grid-column:2; grid-row:1; text-align:right;}
.pr-cs-facts{grid-column:1; grid-row:2; display:flex; gap:12px 56px; flex-wrap:wrap; margin:0; padding:0; border:0; align-self:center;}
.pr-cs .pr-more{grid-column:2; grid-row:2; justify-self:end;}
.pr-cs-top{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.pr-cs .pr-plan-name{margin-top:12px;}
.pr-cs .pr-plan-name h3{font-size:38px; line-height:1;}
.pr-cs .pr-price b{font-size:30px;}
.pr-cs .pr-price span{margin-top:6px; font-size:12px;}
.pr-cs-facts dt{font-size:10px; letter-spacing:.6px; white-space:nowrap;}
.pr-cs-facts dd{margin-top:7px; font-size:14px;}
.pr-more{height:38px; padding:0 16px; font-size:13px;}
@media (max-width:640px){
  .pr-plan{padding:22px 20px;}
  .pr-cs{grid-template-columns:minmax(0,1fr); row-gap:20px;}
  .pr-cs .pr-price,.pr-cs-facts,.pr-cs .pr-more{grid-column:1; grid-row:auto; text-align:left; justify-self:start;}
  .pr-cs-facts{gap:14px 36px;}
}

/* ===== R14e: Change plan kart icinde kart olmadan, dogrudan sayfa zemininde ===== */
.pr-chg{min-width:0; padding:0; color:#E1E6EC;}
.pr-chg .pr-chg-h{margin-bottom:30px;}
.pr-chg .pr-pc{background:var(--color-bg-elevated);}
.pr-chg .pr-pc.pick{background:linear-gradient(rgba(97,225,238,.08),rgba(97,225,238,.08)), var(--color-bg-elevated);}
.pr-chg .pr-bar{margin-top:32px; padding-top:22px;}
@media (max-width:640px){  .pr-chg .pr-chg-h{margin-bottom:22px;} }

/* ===== R14f: arka plan imzasi sadelesti, Change plan bosluklari ===== */
main[data-page="profile"] .pr-sec::before{inset:auto; top:0; left:0; right:0; height:340px; background-size:420px auto; background-position:96% 0; opacity:.2;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 80%); mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 80%);}
.pr-chg{margin-top:48px; margin-bottom:68px;}
#prChange .pr-bar{margin-top:20px; padding-top:0; border-top:0;}
@media (max-width:640px){ .pr-chg{margin-top:28px; margin-bottom:48px;} }

/* ================= R15: sidebar ucluye ayrildi ================= */
.site-sidebar .sb-scroll{scrollbar-width:auto; scrollbar-color:auto; flex:1 1 auto; min-height:140px; overflow-y:auto; overflow-x:hidden; margin-right:-14px; scrollbar-gutter:stable; display:flex; flex-direction:column;}
.site-sidebar .sb-scroll::-webkit-scrollbar{width:14px;}
.site-sidebar .sb-scroll::-webkit-scrollbar-track{background:transparent; margin:4px 0;}
.site-sidebar .sb-scroll::-webkit-scrollbar-thumb{background:#61E1EE; background-clip:padding-box; border:5px solid transparent; border-radius:10px; min-height:44px;}
.site-sidebar .sb-scroll::-webkit-scrollbar-thumb:hover{background:#9BEFF7; background-clip:padding-box;}
.site-sidebar .sb-scroll::-webkit-scrollbar-corner{background:transparent;}
@supports not selector(::-webkit-scrollbar){.site-sidebar .sb-scroll{scrollbar-width:thin; scrollbar-color:#61E1EE transparent;}}
.site-sidebar .nav-spacer{display:none;}
.site-sidebar .sidebar-guest-cta, .site-sidebar .sidebar-auth-block{flex:none; margin:6px -18px 0; padding:10px 18px 0; border-top:1px solid var(--color-border-subtle);}
.site-sidebar.collapsed .sidebar-guest-cta, .site-sidebar.collapsed .sidebar-auth-block{margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px;}
.site-sidebar.collapsed .sb-scroll{margin-right:0; scrollbar-gutter:auto; overflow-x:hidden;}
.site-sidebar.collapsed .sb-scroll::-webkit-scrollbar{width:0;}
@media (max-width:1024px){ .site-sidebar .sb-scroll{margin-right:-14px;} }

/* ================= R16: 20+ dataset ================= */
/* Home Theory Lab: acilir liste kartta kesilmesin */
body.is-auth:not(.first-time) main[data-page="home"] .run-card{overflow:visible;}
body.is-auth:not(.first-time) main[data-page="home"] .hero-photo-zone{overflow-x:clip; overflow-y:visible;}

/* hidden ozniteligi display:flex kurallarina ezilmesin */
main[data-page="datasets"] :is(.ds-tools,.ds-more-row,.ds-none)[hidden]{display:none !important;}
/* Data Sets: sade arac cubugu */
main[data-page="datasets"] .ds-tools{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 20px;}
main[data-page="datasets"] .ds-find{position:relative; display:block; flex:1 1 260px; max-width:360px; min-width:0;}
main[data-page="datasets"] .ds-find svg{position:absolute; left:12px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:rgba(2,19,41,.45); pointer-events:none;}
main[data-page="datasets"] .ds-find input{width:100%; height:38px; padding:0 12px 0 36px; background:#FFFFFF; border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-6); font-family:var(--font-body); font-size:13px; font-weight:500; color:#0B1B2E; outline:none; -webkit-appearance:none; appearance:none;}
main[data-page="datasets"] .ds-find input::placeholder{color:rgba(2,19,41,.45);}
main[data-page="datasets"] .ds-find input:focus{border-color:#0E7C88;}
main[data-page="datasets"] .ds-tools-right{display:flex; align-items:center; gap:12px; margin-left:auto; flex-wrap:wrap;}
main[data-page="datasets"] .ds-sort{width:auto; min-width:150px; height:38px; padding:0 32px 0 12px; font-size:12.5px;}
main[data-page="datasets"] .ds-none{padding:36px 0; text-align:center; font-size:13.5px; color:rgba(2,19,41,.6);}
main[data-page="datasets"] .ds-more-row{display:flex; justify-content:center; margin-top:28px;}
main[data-page="datasets"] .tm-more-btn{display:inline-flex; align-items:center; gap:12px; background:#61E1EE; color:#021329; padding:12px 24px; height:auto; min-height:44px; border:0; border-radius:var(--radius-6); font-weight:700;}
main[data-page="datasets"] .tm-more-btn:hover{background:#4FCBD9;}
main[data-page="datasets"] .tm-more-btn span{font-weight:500; font-size:12px; opacity:.72; color:#021329;}
@media (max-width:720px){ main[data-page="datasets"] .ds-find{max-width:none; flex-basis:100%;} main[data-page="datasets"] .ds-tools-right{margin-left:0; width:100%; flex-wrap:nowrap; gap:10px;} main[data-page="datasets"] .ds-sort{flex:1; min-width:0;} }

/* My Theories: aranabilir dataset secici (Home Theory Lab ile ayni dil) */
main[data-page="theories"] .mtc{position:relative;}
main[data-page="theories"] .mtc-native{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden; left:0; bottom:0;}
main[data-page="theories"] .mtc-trigger{display:flex; align-items:center; gap:9px; width:100%; min-height:40px; text-align:left; cursor:pointer;}
main[data-page="theories"] .mtc-trigger[aria-expanded="true"]{border-color:#0E7C88;}
main[data-page="theories"] .mtc-trigger .mtc-name{font-weight:600; flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main[data-page="theories"] .mtc-trigger .mtc-sub{margin-left:auto; font-size:11.5px; font-weight:500; color:rgba(2,19,41,.55); white-space:nowrap; padding-right:2px;}
main[data-page="theories"] .mtc-panel{display:none; position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px); background:#FFFFFF; border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-control); box-shadow:0 10px 28px rgba(2,19,41,.16); overflow:hidden;}
main[data-page="theories"] .mtc-panel.open{display:block;}
main[data-page="theories"] .mtc-search{display:none; align-items:center; gap:8px; padding:9px 12px; border-bottom:1px solid rgba(2,19,41,.08);}
main[data-page="theories"] .mtc-search.show{display:flex;}
main[data-page="theories"] .mtc-search svg{width:14px; height:14px; color:rgba(2,19,41,.45); flex:none;}
main[data-page="theories"] .mtc-search input{flex:1; min-width:0; border:none; outline:none; background:transparent; font-family:var(--font-body); font-size:12.5px; color:#0B1B2E;}
main[data-page="theories"] .mtc-list{max-height:236px; overflow-y:auto; padding:4px;}
main[data-page="theories"] .mtc-item{display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:var(--radius-6); cursor:pointer; font-size:12.5px; color:#0B1B2E;}
main[data-page="theories"] .mtc-item:hover{background:rgba(2,19,41,.05);}
main[data-page="theories"] .mtc-item.active{background:rgba(14,124,136,.08);}
main[data-page="theories"] .mtc-item .mtc-name{font-weight:500; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main[data-page="theories"] .mtc-item.active .mtc-name{font-weight:700;}
main[data-page="theories"] .mtc-item .mtc-sub{margin-left:auto; font-size:11.5px; color:rgba(2,19,41,.55); white-space:nowrap;}
main[data-page="theories"] .mtc-empty{padding:14px 10px; font-size:12.5px; color:rgba(2,19,41,.6);}
main[data-page="theories"] .mtc-foot{display:flex; align-items:center; padding:6px; border-top:1px solid rgba(2,19,41,.08);}
main[data-page="theories"] .mtc-foot button{background:none; border:none; cursor:pointer; font-family:var(--font-body); font-size:11.5px; font-weight:600; color:#0A5F68; padding:7px 8px; border-radius:var(--radius-6);}
main[data-page="theories"] .mtc-foot button:hover{background:rgba(2,19,41,.05);}

/* ===== R18: Position heatmap (yogunluk haritasi, Rainbow) ===== */
:where([data-page="match"]) .md-heat-team{flex:0 1 334px;}
:where([data-page="match"]) .md-heat-team-label{margin-left:34px;}
:where([data-page="match"]) .md-hm-field{position:relative; margin-left:34px; max-width:300px;}
:where([data-page="match"]) .md-hm-field .md-heat-pitch{display:block; width:100%; margin:0; overflow:hidden; border:1px solid rgba(225,230,236,.3); border-radius:var(--radius-6); background:linear-gradient(180deg, var(--color-navy-base-elevated) 0%, var(--color-navy-base) 100%);}
:where([data-page="match"]) .md-heat-pitch canvas{position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1;}
:where([data-page="match"]) .md-heat-pitch .md-heat-pitch-marks{z-index:2; filter:none;}
/* saha cizgileri: Lineups > Tactic sahasiyla birebir ayni (1px, rgba(225,230,236,.26), nokta .4, orta daire 40px) */
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-pitch-mark{border:1px solid rgba(225,230,236,.26);}
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-pitch-mark.top{border-top:none;}
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-pitch-mark.bottom{border-bottom:none;}
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-pitch-spot{width:3px; height:3px; background:rgba(225,230,236,.4);}
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-hl-half{background:rgba(225,230,236,.26);}
[data-page="match"] .md-heat-pitch .md-heat-pitch-marks .md-hl-circle{box-sizing:border-box; border:1px solid rgba(225,230,236,.26);}
:where([data-page="match"]) .md-hm-band{position:absolute; left:0; right:0; z-index:2; display:block; appearance:none; border:none; margin:0; padding:0; background:transparent; cursor:pointer; transition:background .12s ease;}
:where([data-page="match"]) .md-hm-band:hover, :where([data-page="match"]) .md-hm-band:focus-visible{background:rgba(255,255,255,.14); outline:none;}
[data-page="match"] .md-hm-field:has(.md-hm-band:hover, .md-hm-band:focus-visible) .md-hm-band:not(:hover):not(:focus-visible){background:rgba(2,19,41,.4);}
:where([data-page="match"]) .md-hm-band:not(.first)::before{content:""; position:absolute; left:0; right:0; top:0; height:.5px; background:rgba(255,255,255,.75); pointer-events:none;}
:where([data-page="match"]) .md-hm-axis{position:absolute; right:100%; top:0; bottom:0; width:34px; pointer-events:none;}
:where([data-page="match"]) .md-hm-axis span{position:absolute; left:0; right:0; display:flex; align-items:center; justify-content:flex-start; font-family:var(--font-body); font-size:10px; font-weight:700; letter-spacing:.5px; color:rgba(2,19,41,.55);}
:where([data-page="match"]) .md-hm-axis span::after{content:""; position:absolute; right:5px; top:0; width:10px; height:1px; background:rgba(2,19,41,.55);}
:where([data-page="match"]) .md-hm-axis span.first::after{display:none;}
:where([data-page="match"]) .md-hm-dot{position:absolute; z-index:3; width:50px; margin:-14px 0 0 -25px; padding:0; border:0; background:none; color:#FFFFFF; font-family:var(--font-body); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:3px; --ring:#FFDB00; transition:opacity .12s ease;}
:where([data-page="match"]) .md-heat-team[data-side="away"] .md-hm-dot{--ring:#61E1EE;}
:where([data-page="match"]) .md-hm-av{position:relative; display:block; width:28px; height:28px; border-radius:50%; border:1.5px solid var(--ring); background:linear-gradient(160deg, #143E73 0%, #0B2A55 100%) center top / cover no-repeat; box-shadow:0 2px 6px rgba(2,19,41,.5); transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;}
:where([data-page="match"]) .md-hm-no{position:absolute; right:-5px; bottom:-4px; width:14px; height:14px; border-radius:50%; background:var(--ring); color:#0B1B2E; font-size:8px; font-weight:800; line-height:1; display:flex; align-items:center; justify-content:center; border:1.5px solid #021329;}
:where([data-page="match"]) .md-hm-nm{display:block; max-width:54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; font-weight:700; line-height:1.15; color:#FFFFFF; text-shadow:0 0 3px rgba(2,19,41,.95), 0 1px 2px rgba(2,19,41,.95);}
:where([data-page="match"]) .md-hm-dot:hover .md-hm-av{transform:scale(1.12);}
:where([data-page="match"]) .md-hm-dot:focus-visible{outline:none;}
:where([data-page="match"]) .md-hm-dot:focus-visible .md-hm-av{outline:2px solid #FFFFFF; outline-offset:2px;}
:where([data-page="match"]) .md-hm-dot.on .md-hm-av{border-color:#FFFFFF; transform:scale(1.14); box-shadow:0 0 0 2px var(--ring), 0 2px 8px rgba(2,19,41,.6);}
:where([data-page="match"]) .md-heat-team.has-sel .md-hm-dot:not(.on){opacity:.55;}
:where([data-page="match"]) .md-hm-cap{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin:12px 0 0 34px; max-width:300px; min-height:36px; font-size:12px; color:rgba(2,19,41,.6);}
:where([data-page="match"]) .md-hm-cap b{color:var(--color-text-primary); font-weight:700; font-size:13px;}
:where([data-page="match"]) .md-hm-cap button{appearance:none; background:none; border:none; padding:0; font-family:var(--font-body); font-size:12px; font-weight:600; color:#0A5F68; cursor:pointer; white-space:nowrap;}
:where([data-page="match"]) .md-hm-cap button:hover{text-decoration:underline;}
:where([data-page="match"]) .md-hm-cap-main{min-width:0;}
:where([data-page="match"]) .md-hm-cap-main span{display:block; margin-top:2px; font-size:11.5px;}
:where([data-page="match"]) .md-hm-scale{display:flex; align-items:center; gap:12px; width:100%; max-width:640px; font-size:11px; font-weight:600; color:rgba(2,19,41,.55);}
:where([data-page="match"]) .md-hm-scale i{flex:1; height:10px; border-radius:2px; background:linear-gradient(90deg,#021329 0%, #0A3CFF 14%, #00C8FF 32%, #28DC50 50%, #FAE600 68%, #FF8C00 84%, #E11E14 100%); border:1px solid rgba(2,19,41,.14);}
:where([data-page="match"]) #mdHeatLegend{row-gap:26px;}
:where([data-page="match"]) .md-hm-tiers{display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; width:100%;}
:where([data-page="match"]) .md-hm-tiers-title{font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:rgba(2,19,41,.55); margin-right:4px;}
@media (max-width:700px){:where([data-page="match"]) .md-hm-tiers-title{flex:0 0 100%; margin:0 0 -2px;}}
.md-heat-pop .md-hm-tier-dot{display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:8px; vertical-align:0;}
:where([data-page="match"]) .md-hm-foot{margin:14px 0 0; font-size:11.5px; line-height:1.5; color:rgba(2,19,41,.55);}

/* ===== R19: Free / Elite ===== */
/* Free uye */
.account-plan.is-free{color:rgba(225,230,236,.72) !important;}
.account-plan.is-free svg{display:none;}
.pr-elite-tag.is-free{color:rgba(225,230,236,.82);}
.pr-elite-tag.is-free svg{display:none;}
body.is-free .pr-badge{display:none;}
body.is-free #heroRankBadge{display:none;}
body.is-free .pr-avatar:not(.sm){box-shadow:0 0 0 3px rgba(225,230,236,.5);}
body.is-free .pr-avatar.sm{box-shadow:0 0 0 2px #031C3D, 0 0 0 4px rgba(225,230,236,.5);}
.bl-only-free, .bp-w-free{display:none;}
body.is-auth.no-elite .bl-only-member{display:none !important;}
body.is-auth.no-elite .bl-only-free{display:block;}
body.is-auth.no-elite .bl-band-act.bl-only-free{display:flex;}
body.is-auth.no-elite .bp-w-free{display:block;}
body.is-auth.no-elite .bp-wall-act.bp-w-free{display:flex;}
body.is-auth.no-elite .bp-w-guest{display:none !important;}
body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-gated{display:none;}
body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-wall{display:block;}

/* ===== R20: profil eylemleri ===== */
/* alanlar: duzenlenebilir oldugu belli olsun */
.pr-form .pr-f input[type="text"]{cursor:text; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E1E6EC' stroke-opacity='.42' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>"); background-repeat:no-repeat; background-position:right 14px center; background-size:15px; padding-right:40px;}
.pr-form .pr-f input[type="text"]:focus{background-image:none;}
.pr-f.bad input, .pr-f.bad select{border-color:#F59A92;}
.pr-f.bad input:focus-visible{box-shadow:0 0 0 3px rgba(245,154,146,.2);}
.pr-err{display:none; font-size:12.5px; line-height:1.4; color:#F59A92;}
.pr-f.bad .pr-err{display:block;}
.pr-note{font-size:12.5px; line-height:1.5; color:rgba(225,230,236,.65);}
.pr-note .pr-link{font-size:12.5px; margin-left:4px;}
.pr-photo-msg-bad{color:#F59A92 !important;}
.pr-photo-act .pr-link[hidden]{display:none;}
.pr-link[hidden]{display:none;}

/* Free uye: plan karti ve ucretli kartlar */
body.is-free .pr-paid-only{display:none;}

body.is-free .pr-only-paid{display:none;}
.pr-plan[data-state="free"]{background:linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box, linear-gradient(180deg, rgba(225,230,236,.42) 0%, rgba(225,230,236,.12) 100%) border-box;}
.pr-plan[data-state="free"] .pr-plan-eb{color:rgba(225,230,236,.72);}
.pr-plan[data-state="free"] .pr-plan-eb svg{display:none;}
.pr-plan[data-state="free"] .pr-price b{color:#E1E6EC;}

/* toast */
.pm-toast{position:fixed; left:50%; bottom:28px; z-index:1200; display:flex; align-items:center; gap:10px; max-width:min(520px, calc(100vw - 32px)); padding:13px 18px; border-radius:8px;
  background:#031C3D; border:1px solid rgba(97,225,238,.45); color:#FFFFFF; font-size:13.5px; line-height:1.4; box-shadow:0 18px 40px -16px rgba(1,3,11,.7);
  opacity:0; transform:translate(-50%, 14px); pointer-events:none; transition:opacity .2s ease, transform .2s ease;}
.pm-toast.show{opacity:1; transform:translate(-50%, 0);}
.pm-toast svg{width:18px; height:18px; flex:none; color:#61E1EE;}

/* modal (dd-* temelini kullanir) */
.pm-back{z-index:1100;}
.pm-card.pm-sm{max-width:480px;}
.pm-card .dd-foot .btn-primary{border:1px solid transparent;}
.pm-card .dd-foot .btn[disabled]{opacity:.4; cursor:not-allowed; pointer-events:none;}
.pm-lead{margin:0 0 4px !important;}
.pm-f{display:flex; flex-direction:column; gap:6px; margin:14px 0 0; min-width:0; position:relative;}
.pm-f:first-of-type{margin-top:6px;}
.pm-f > span{font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(2,19,41,.62);}
.pm-f input{width:100%; box-sizing:border-box; height:44px; padding:0 13px; border:1px solid rgba(2,19,41,.28); border-radius:6px; background:#FFFFFF; color:#0B1B2E; font-family:var(--font-body); font-size:14.5px;}
.pm-f input:hover{border-color:rgba(2,19,41,.5);}
.pm-f input:focus-visible{outline:none; border-color:#0E7C88; box-shadow:0 0 0 3px rgba(14,124,136,.2);}
.pm-f.bad input{border-color:#C62828;}
.pm-f.bad input:focus-visible{box-shadow:0 0 0 3px rgba(198,40,40,.18);}
.pm-err{display:none; font-size:12.5px; line-height:1.4; color:#B3261E;}
.pm-f.bad .pm-err{display:block;}
.pm-row2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.pm-row2 .pm-f{margin-top:14px;}
.pm-pw{position:relative;}
.pm-pw input{padding-right:46px;}
.pm-eye{position:absolute; right:4px; top:4px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:0; border-radius:5px; background:none; color:rgba(2,19,41,.55); cursor:pointer;}
.pm-eye:hover, .pm-eye:focus-visible{background:rgba(2,19,41,.07); color:#0B1B2E; outline:none;}
.pm-eye svg{width:18px; height:18px;}
.pm-rules{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:5px; font-size:12.5px; color:rgba(2,19,41,.62);}
.pm-rules li{display:flex; align-items:center; gap:8px;}
.pm-rules li::before{content:""; width:8px; height:8px; flex:none; border-radius:50%; border:1.5px solid rgba(2,19,41,.35);}
.pm-rules li.ok{color:#0B6770;}
.pm-rules li.ok::before{background:#0E7C88; border-color:#0E7C88;}
.pm-in{position:relative;}
.pm-brand{position:absolute; right:12px; top:50%; transform:translateY(-50%); font-style:normal; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:rgba(2,19,41,.55); pointer-events:none;}
.pm-hint{margin:14px 0 0 !important; font-size:12.5px; line-height:1.5; color:rgba(2,19,41,.6);}
.pm-sum{margin:6px 0 0; padding:4px 16px; border-radius:var(--radius-container); background:#F1F5F9;}
.pm-sum div{display:flex; justify-content:space-between; gap:16px; padding:9px 0; font-size:14px; color:rgba(2,19,41,.75);}
.pm-sum div + div{border-top:1px solid rgba(2,19,41,.09);}
.pm-sum b{color:#0B1B2E; font-variant-numeric:tabular-nums;}
.pm-sum .tot b{font-size:16px;}
.pm-sum + form .pm-f:first-of-type{margin-top:18px;}
.pm-h{margin:20px 0 0; font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.6);}
.pm-aff{list-style:none; margin:8px 0 0; padding:0; border-top:1px solid rgba(2,19,41,.12);}
.pm-aff li{display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; align-items:start; padding:12px 0; border-bottom:1px solid rgba(2,19,41,.09);}
.pm-aff .ic{width:34px; height:34px; border-radius:8px; background:#F1F5F9; color:#0B1B2E; display:flex; align-items:center; justify-content:center;}
.pm-aff .ic svg{width:18px; height:18px;}
.pm-aff b{display:block; font-size:14px; color:#0B1B2E;}
.pm-aff span{display:block; margin-top:2px; font-size:13px; line-height:1.5; color:rgba(2,19,41,.7);}
.pm-del-in{margin-top:14px;}
.pm-done{display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
.pm-done .big{width:52px; height:52px; border-radius:50%; background:#E6F4F1; color:#0B6770; display:flex; align-items:center; justify-content:center;}
.pm-done .big svg{width:26px; height:26px;}
@media (max-width:560px){
  .pm-row2{grid-template-columns:1fr 1fr; gap:10px;}
  .pm-toast{bottom:20px;}
}

/* ===== R21: yumusak Elite kilidi ===== */
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-tease, body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-tease{position:relative; max-height:none; overflow:visible; -webkit-mask-image:none; mask-image:none; padding-bottom:6px;}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-tease::before, body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-tease::before{content:""; position:absolute; z-index:1; left:-44px; right:-44px; top:0; bottom:0; pointer-events:none;
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  -webkit-mask-image:linear-gradient(180deg, transparent 22%, #000 62%), linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%); mask-image:linear-gradient(180deg, transparent 22%, #000 62%), linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%);
  -webkit-mask-composite:source-in; mask-composite:intersect;}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-tease::after, body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-tease::after{content:""; position:absolute; z-index:2; left:-44px; right:-44px; top:0; bottom:0; pointer-events:none;
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
  -webkit-mask-image:linear-gradient(180deg, transparent 48%, #000 86%), linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%); mask-image:linear-gradient(180deg, transparent 48%, #000 86%), linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%);
  -webkit-mask-composite:source-in; mask-composite:intersect;}
body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-wall, body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-wall{display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:3; margin-top:-34px; padding:0 0 8px; border:0; border-radius:0; background:none;}
.bp-lock{width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:none; color:#FFDB00;
  background:rgba(3,28,61,.9); border:1px solid rgba(255,219,0,.55); box-shadow:0 10px 28px -10px rgba(1,3,11,.8);}
.bp-lock svg{width:26px; height:26px;}
.bp-art .bp-wall h3{margin:20px 0 10px;}
.bp-art .bp-wall p{max-width:540px; margin:0 auto 22px;}
.bp-wall .bp-wall-act{justify-content:center;}
@media (max-width:640px){
  body:not(.is-auth) main[data-page="blogpost"][data-elite="1"] .bp-wall, body.is-auth.no-elite main[data-page="blogpost"][data-elite="1"] .bp-wall{margin-top:-28px;}
  .bp-lock{width:52px; height:52px;} .bp-lock svg{width:22px; height:22px;}
  .bp-art .bp-wall h3{font-size:26px;}
}

/* ===== R23: Elite access ===== */
.pr-elite-row .pr-ck{background:rgba(255,219,0,.16); color:#FFDB00;}
.pr-elite-row .pr-feat div > b, .pr-elite-row div > b{color:#FFDB00;}
.pr-elite-note{display:flex; align-items:flex-start; gap:10px; margin:16px 0 0; font-size:12.5px; line-height:1.55; color:rgba(225,230,236,.72); max-width:760px;}
.pr-elite-note svg{width:16px; height:16px; flex:none; margin-top:2px; color:#FFDB00;}
.pr-elite-note b{color:#FFFFFF; font-weight:600;}
.pr-hero .lg-sub{row-gap:12px; margin-top:20px;}
.account-plan.no-elite{color:rgba(225,230,236,.72) !important;}
.account-plan.no-elite svg{display:none;}

/* ===== R26: Elite kilidi, satir satir artan blur ===== */
body.lk main[data-page="blogpost"][data-elite="1"] .bp-tease::before,
body.lk main[data-page="blogpost"][data-elite="1"] .bp-tease::after{display:none !important;}
.bp-tease .ln{display:block; white-space:nowrap; transition:filter .25s ease, opacity .25s ease;}
body.lk.is-auth.no-elite .bp-tease .bp-ln-p, body.lk:not(.is-auth) .bp-tease .bp-ln-p{color:rgba(225,230,236,.86);}
body.lk.is-auth.no-elite .bp-tease, body.lk:not(.is-auth) .bp-tease{-webkit-mask-image:none; mask-image:none;}

/* satir satir artan blur (filtre metnin kendisinde, hayalet yok) */
body.lk .bp-tease .ln[data-k="1"]{filter:blur(.4px); opacity:.97;}
body.lk .bp-tease .ln[data-k="2"]{filter:blur(1px); opacity:.9;}
body.lk .bp-tease .ln[data-k="3"]{filter:blur(2px); opacity:.8;}
body.lk .bp-tease .ln[data-k="4"]{filter:blur(3.4px); opacity:.66;}
body.lk .bp-tease .ln[data-k="5"]{filter:blur(5.2px); opacity:.5;}
body.lk .bp-tease .ln[data-k="6"]{filter:blur(7.5px); opacity:.34;}
body.lk .bp-tease .ln[data-k="7"]{filter:blur(10px); opacity:.2;}

/* ===== R27: Elite filtre chip'i sari ===== */
.bl-ctl .xp-chip[data-cat="elite"]{border-color:rgba(255,219,0,.55); color:var(--color-yellow); background:rgba(255,219,0,.08);}
.bl-ctl .xp-chip[data-cat="elite"]:hover{border-color:var(--color-yellow); color:var(--color-yellow); background:rgba(255,219,0,.16);}
.bl-ctl .xp-chip[data-cat="elite"].on{background:var(--color-yellow); border-color:var(--color-yellow); color:#031429;}
.bl-ctl .xp-chip[data-cat="elite"]:focus-visible{outline-color:var(--color-yellow);}

/* ===== R28: H2H ornek veri notu ===== */
.h2-note{margin:22px 0 0; font-size:12.5px; line-height:1.5; color:rgba(225,230,236,.55);}

/* ===== R29: With and without (2025) ===== */
main[data-page="club"] .tm-ww{border-top:1px solid rgba(2,19,41,.1);}
main[data-page="club"] .tm-ww .tm-sq-head{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; row-gap:0; align-items:first baseline;}
main[data-page="club"] .tm-ww .tm-sq-head > div:first-child{display:contents;}
main[data-page="club"] .tm-ww .tm-sq-head .pf-title{grid-column:1 / -1; grid-row:1;}
main[data-page="club"] .tm-ww .tm-sq-head .pf-lede{grid-column:1; grid-row:2; max-width:760px;}
main[data-page="club"] .tm-ww .tm-ww-stamp{grid-column:2; grid-row:2;}
main[data-page="club"] .tm-ww-stamp{margin:0; font-size:12px; line-height:1.5; color:rgba(2,19,41,.5); white-space:nowrap;}
main[data-page="club"] .tm-ww-lab{display:block; margin:6px 0 10px; color:rgba(2,19,41,.55);}
main[data-page="club"] .tm-ww-chips{display:flex; flex-wrap:wrap; gap:8px;}
main[data-page="club"] #tmWWPl{display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:8px;}
main[data-page="club"] #tmWWPl .pf-tag{padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
main[data-page="club"] .tm-ww-mets{margin-top:22px;}
main[data-page="club"] .tm-ww-chips .pf-tag{height:30px;}
main[data-page="club"] .tm-ww-tiles{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-top:22px;}
main[data-page="club"] .tm-ww-tile{background:#FFFFFF; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-8); padding:14px 16px 16px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0;}
main[data-page="club"] .tm-ww-tl{font-size:12px; font-weight:600; color:rgba(2,19,41,.62);}
main[data-page="club"] .tm-ww-tv{display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; font-variant-numeric:tabular-nums;}
main[data-page="club"] .tm-ww-tv b{font-family:var(--font-display); font-weight:800; font-size:30px; line-height:1; color:#042755;}
main[data-page="club"] .tm-ww-tv span{font-size:12.5px; color:rgba(2,19,41,.55);}
main[data-page="club"] .tm-ww-adj{display:inline-block; padding:4px 10px; border-radius:var(--radius-6); font-size:11.5px; font-weight:700; font-variant-numeric:tabular-nums;}
main[data-page="club"] .tm-ww-adj.up{background:rgba(4,39,85,.10); color:#042755;}
main[data-page="club"] .tm-ww-adj.down{background:rgba(79,203,217,.22); color:#0B5560;}
main[data-page="club"] .tm-ww-adj.flat{background:rgba(2,19,41,.07); color:rgba(2,19,41,.6);}
main[data-page="club"] .tm-ww-ctx{margin:16px 0 0; display:flex; flex-wrap:wrap; gap:6px 26px; font-size:12.5px; color:rgba(2,19,41,.6);}
main[data-page="club"] .tm-ww-ctx b{color:#042755; font-weight:700;}
main[data-page="club"] .tm-ww-ctl{display:flex; flex-wrap:wrap; gap:12px 16px; margin-top:16px;}
main[data-page="club"] #tmWWOut > .tm-scroll{margin-top:20px;}
main[data-page="club"] .tm-ww-chart{position:relative; margin-top:12px; padding-top:22px;}
main[data-page="club"] .tm-ww-grid{position:absolute; left:170px; right:0; top:0; bottom:0; pointer-events:none;}
main[data-page="club"] .tm-ww-grid i{position:absolute; top:22px; bottom:0; width:1px; background:rgba(2,19,41,.12);}
main[data-page="club"] .tm-ww-grid i.z{background:rgba(2,19,41,.3);}
main[data-page="club"] .tm-ww-grid em{position:absolute; top:0; transform:translateX(-50%); font-style:normal; font-size:11px; color:rgba(2,19,41,.5); font-variant-numeric:tabular-nums; white-space:nowrap;}
main[data-page="club"] .tm-ww-row{display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; height:28px; position:relative;}
main[data-page="club"] .tm-ww-nm{padding-right:14px; text-align:right; font-size:13px; font-weight:600; color:#0B1B2E; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
main[data-page="club"] .tm-ww-nm i{font-style:normal; font-weight:500; font-size:11.5px; color:rgba(2,19,41,.45); margin-left:3px; font-variant-numeric:tabular-nums;}
main[data-page="club"] .tm-ww-pl{position:relative; height:100%;}
main[data-page="club"] .tm-ww-bar{position:absolute; top:5px; height:18px; min-width:2px;}
main[data-page="club"] .tm-ww-bar.up{background:#042755;}
main[data-page="club"] .tm-ww-bar.down{background:#4FCBD9;}
main[data-page="club"] .tm-ww-leg{display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:26px; font-size:12px; color:rgba(2,19,41,.6);}
main[data-page="club"] .tm-ww-leg span{display:inline-flex; align-items:center; gap:8px;}
main[data-page="club"] .tm-ww-leg i{display:inline-block; width:12px; height:12px;}
main[data-page="club"] .tm-ww-leg i.up{background:#042755;}
main[data-page="club"] .tm-ww-leg i.down{background:#4FCBD9;}
main[data-page="club"] .tm-ww-v{position:absolute; top:50%; transform:translateY(-50%); font-size:12.5px; font-weight:700; color:#0B1B2E; font-variant-numeric:tabular-nums; white-space:nowrap;}
main[data-page="club"] .tm-ww-tbl{table-layout:auto;}
main[data-page="club"] .tm-ww-tbl td.up{color:#042755; font-weight:700;}
main[data-page="club"] .tm-ww-tbl td.down{color:#0B5560; font-weight:700;}
main[data-page="club"] .tm-ww-tbl td:first-child, main[data-page="club"] .tm-ww-tbl th:first-child{white-space:nowrap;}
main[data-page="club"] .tm-ww-tbl th{white-space:nowrap;}
main[data-page="club"] .tm-ww-cap{margin:22px 0 0; max-width:760px; font-size:12.5px; line-height:1.7; color:rgba(2,19,41,.55);}
main[data-page="club"] .tm-ww-method{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:34px; padding-top:26px; border-top:1px solid rgba(2,19,41,.1);}
main[data-page="club"] .tm-ww-method h3{margin:0 0 10px; font-size:11.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:#042755;}
main[data-page="club"] .tm-ww-method p{margin:0; font-size:12.5px; line-height:1.7; color:rgba(2,19,41,.6);}
@media (max-width:1100px){
  main[data-page="club"] .tm-ww-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}
  main[data-page="club"] .tm-ww-method{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){ main[data-page="club"] .tm-ww .tm-sq-head{grid-template-columns:minmax(0,1fr);} main[data-page="club"] .tm-ww .tm-ww-stamp{grid-column:1; grid-row:3; white-space:normal; margin-top:10px;} }
@media (max-width:640px){
  main[data-page="club"] .tm-ww-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  main[data-page="club"] .tm-ww-method{grid-template-columns:1fr;}
  main[data-page="club"] .tm-ww-row{grid-template-columns:116px minmax(0,1fr);}
  main[data-page="club"] .tm-ww-grid{left:116px;}
  main[data-page="club"] .tm-ww-nm{font-size:12px; padding-right:8px;}
  main[data-page="club"] .tm-ww-tv b{font-size:26px;}
}
/* 2025 ornek modu: yalniz Squads sekmesi dolu, digerleri bir not gosterir */
main[data-page="club"] .tm-no:empty{display:none;}
main[data-page="club"].tm-s25 .tm-cc-pt, main[data-page="club"].tm-s25 .tm-cc-mt{display:none;}
/* ===== R30: Tutorial ===== */
html.scroll-lock{overflow:hidden; scrollbar-gutter:stable;}
.bt-backdrop{position:fixed; inset:0; z-index:9600; background:rgba(1,10,24,.92); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; padding:24px; overflow-y:auto;}
.bt-backdrop[hidden]{display:none;}
.bt-modal{width:min(600px,100%); background:#031C3D; border:1px solid rgba(225,230,236,.3); border-radius:var(--radius-container); color:#E1E6EC; box-shadow:0 30px 90px -20px rgba(0,0,0,.8); margin:auto; overflow:hidden;}
.bt-banner{position:relative; height:176px; display:flex; flex-direction:column; justify-content:flex-end; padding:0 34px 18px; background:linear-gradient(180deg, rgba(3,28,61,.1) 0%, rgba(3,28,61,.6) 55%, #031C3D 100%), url(/assets/img/bt-banner.jpg) center/cover no-repeat;}

.bt-wtitle{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:42px; line-height:1; letter-spacing:.2px; margin:0; color:#FFFFFF; text-wrap:balance;}
.bt-y{color:#FFDB00;}

.bt-mbody{padding:6px 34px 24px;}
.bt-wsub{font-size:14px; line-height:1.55; color:rgba(225,230,236,.8); margin:0 0 20px; max-width:500px;}
.bt-opts{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.bt-opt{position:relative; display:flex; align-items:center; gap:12px; text-align:left; min-height:96px; padding:14px 44px 14px 14px; border:1px solid rgba(225,230,236,.2); border-radius:var(--radius-container); color:#E1E6EC; font-family:var(--font-body); cursor:pointer; overflow:hidden; transition:border-color .14s ease;}

.bt-opt[data-int="team"]{--bt-photo:url(/assets/img/bt-opt-team.jpg);}
.bt-opt[data-int="matches"]{--bt-photo:url(/assets/img/bt-opt-matches.jpg);}

.bt-opt[data-int="league"]{--bt-photo:url(/assets/img/bt-opt-league.jpg);}
.bt-launch:focus-visible,.bt-modal .bt-btn:focus-visible,.bt-modal .bt-opt:focus-visible{outline:2px solid #61E1EE; outline-offset:2px;}
.bt-opt:hover{border-color:rgba(97,225,238,.6);}
.bt-opt-ico{flex:none; display:flex; align-items:center; justify-content:center;}

.bt-opt-txt{display:flex; flex-direction:column; gap:3px; min-width:0;}
.bt-opt-txt b{font-size:13.5px; font-weight:600; color:#FFFFFF; line-height:1.3;}
.bt-opt-txt i{font-style:normal; font-size:12px; color:rgba(225,230,236,.72); line-height:1.4;}
.bt-opt-tick{position:absolute; top:12px; right:12px; width:20px; height:20px; border-radius:var(--radius-control); border:1px solid rgba(225,230,236,.4); background:rgba(2,19,41,.55); display:flex; align-items:center; justify-content:center; color:transparent;}
.bt-opt-tick svg{width:12px; height:12px;}
.bt-opt[aria-pressed="true"]{border-color:#FFDB00;}
.bt-opt[aria-pressed="true"] .bt-opt-tick{background:#FFDB00; border-color:#FFDB00; color:#021329;}
.bt-wfoot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:28px;}
.bt-wnote{margin:28px 0 0; font-size:11.5px; color:rgba(225,230,236,.5); text-align:center;}

.bt-btn{font-family:var(--font-body); font-size:12.5px; font-weight:600; line-height:1; padding:10px 16px; border-radius:var(--radius-control); border:1px solid transparent; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:background .14s ease, border-color .14s ease, color .14s ease;}
.bt-btn svg{width:14px; height:14px;}
.bt-btn.primary{background:#61E1EE; color:#021329;}
.bt-btn.primary:hover{background:#7CE7F1;}
.bt-btn.primary:active{background:#4FCBD9;}
.bt-btn.ghost{background:transparent; color:#031C3D; border-color:rgba(3,28,61,.28);}
.bt-modal .bt-btn.ghost{color:#E1E6EC; border-color:rgba(225,230,236,.26);}
.bt-btn.ghost:hover{background:rgba(3,28,61,.06); border-color:rgba(3,28,61,.5);}
.bt-modal .bt-btn.ghost:hover{background:rgba(225,230,236,.08); border-color:rgba(225,230,236,.4);}
.bt-btn.sm{padding:7px 12px; font-size:12px;}
.bt-btn.full{width:100%;}
.bt-btn:focus-visible,.bt-x:focus-visible,.bt-item:focus-visible,.bt-link:focus-visible,.bt-opt:focus-visible{outline:2px solid #031C3D; outline-offset:2px;}

.bt-layer{position:fixed; inset:0; z-index:9610; pointer-events:none;}
.bt-layer[hidden]{display:none;}
.bt-dim{position:fixed; background:transparent; pointer-events:auto;}
.bt-dim.full{background:rgba(2,19,41,.68);}
.bt-ring{position:fixed; border:2px solid #61E1EE; border-radius:14px; box-shadow:0 0 0 9999px rgba(2,19,41,.68); pointer-events:none; transition:left .22s ease, top .22s ease, width .22s ease, height .22s ease;}
.bt-shield{position:fixed; pointer-events:auto; background:transparent;}
.bt-shield[hidden]{display:none;}
.bt-coach{position:fixed; z-index:2; pointer-events:auto; width:344px; max-width:calc(100vw - 24px); background:#FFFFFF; border:1px solid rgba(3,28,61,.2); border-radius:var(--radius-container); padding:24px 24px 22px; color:#031C3D; box-shadow:0 24px 60px -16px rgba(0,0,0,.7); font-family:var(--font-body);}
.bt-coach.center{text-align:left;}
.bt-x{position:absolute; top:16px; right:16px; width:26px; height:26px; border:none; background:transparent; color:rgba(3,28,61,.55); border-radius:var(--radius-control); cursor:pointer; display:flex; align-items:center; justify-content:center;}
.bt-x:hover{background:rgba(3,28,61,.08); color:#031C3D;}
.bt-x svg{width:15px; height:15px;}
.bt-x.static{position:static; flex:none;}
.bt-seg{display:flex; gap:4px; margin:0 36px 20px 0;}
.bt-seg i{flex:1; height:3px; background:rgba(3,28,61,.14);}
.bt-seg i.done{background:#031C3D;}
.bt-seg i.now{background:#FFDB00;}

.bt-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:24px; line-height:1.05; letter-spacing:.2px; margin:0 0 12px; color:#031C3D;}
.bt-body{font-size:13px; line-height:1.55; color:rgba(3,28,61,.8); margin:0;}
.bt-turn{display:flex; align-items:flex-start; gap:9px; margin-top:20px; padding:12px 14px; background:#EEF2F6; border-radius:var(--radius-control); font-size:12px; line-height:1.45; color:#031C3D;}
.bt-dot{flex:none; width:7px; height:7px; margin-top:5px; background:#FFDB00; animation:btPulse 1.6s ease-in-out infinite;}
@keyframes btPulse{0%,100%{opacity:1;} 50%{opacity:.35;}}
.bt-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:26px;}

.bt-launch{position:fixed; right:24px; bottom:24px; z-index:9300; display:flex; align-items:center; gap:10px; height:42px; padding:0 8px 0 14px; background:#031C3D; border:1px solid rgba(225,230,236,.3); color:#E1E6EC; font-family:var(--font-body); font-size:13px; font-weight:600; cursor:pointer; box-shadow:0 12px 30px -10px rgba(2,19,41,.7); transition:border-color .14s ease, background .14s ease;}
.bt-launch[hidden]{display:none;}
.bt-launch:hover{border-color:rgba(97,225,238,.6); background:#042755;}
.bt-launch svg{width:16px; height:16px; color:#61E1EE;}
.bt-launch b{font-size:11.5px; font-weight:700; padding:4px 8px; border-radius:var(--radius-control); background:#FFDB00; color:#021329; font-variant-numeric:tabular-nums;}
.bt-panel{position:fixed; right:24px; bottom:78px; z-index:9310; width:316px; max-width:calc(100vw - 32px); background:#FFFFFF; border:1px solid rgba(3,28,61,.2); border-radius:var(--radius-container); padding:16px; color:#031C3D; box-shadow:0 24px 60px -16px rgba(0,0,0,.7); font-family:var(--font-body);}
.bt-panel[hidden]{display:none;}
.bt-phead{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:10px;}
.bt-ptitle{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:22px; line-height:1; color:#031C3D;}
.bt-psub{font-size:12px; color:rgba(3,28,61,.62); margin-top:5px;}
.bt-bar{height:3px; background:rgba(3,28,61,.14); margin-bottom:14px;}
.bt-bar i{display:block; height:100%; background:#FFDB00; transition:width .25s ease;}
.bt-panel .bt-btn.full{margin-bottom:12px;}
.bt-items{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px;}
.bt-item{width:100%; display:flex; align-items:center; gap:11px; padding:9px 8px; border:none; background:transparent; border-radius:var(--radius-control); color:#031C3D; font-family:var(--font-body); font-size:13px; text-align:left; cursor:pointer;}
.bt-item span:nth-child(2){flex:1;}
.bt-item:hover{background:rgba(3,28,61,.06);}
.bt-item > svg{width:14px; height:14px; color:rgba(3,28,61,.45);}
.bt-item.done{color:rgba(3,28,61,.5);}
.bt-chk{flex:none; width:18px; height:18px; border:1px solid rgba(3,28,61,.32); border-radius:var(--radius-control); display:flex; align-items:center; justify-content:center; color:#021329;}
.bt-chk svg{width:11px; height:11px;}
.bt-item.done .bt-chk{background:#FFDB00; border-color:#FFDB00;}
.bt-pfoot{display:flex; justify-content:space-between; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid rgba(3,28,61,.12);}
.bt-link{background:none; border:none; padding:0; color:rgba(3,28,61,.7); font-family:var(--font-body); font-size:12px; font-weight:600; text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.bt-link:hover{color:#031C3D;}

.bt-hint{position:fixed; right:24px; bottom:78px; z-index:9290; width:320px; max-width:calc(100vw - 32px); background:#FFFFFF; border:1px solid rgba(3,28,61,.2); border-radius:var(--radius-container); padding:16px; color:#031C3D; box-shadow:0 24px 60px -16px rgba(0,0,0,.7); font-family:var(--font-body); animation:btIn .28s ease;}
.bt-hint[hidden]{display:none;}
.bt-hint p{font-size:12.5px; line-height:1.55; color:rgba(3,28,61,.8); margin:8px 0 12px;}
.bt-hhead{display:flex; align-items:center; gap:10px; font-size:14px; color:#031C3D;}
.bt-tag{font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; padding:3px 8px; background:#FFDB00; color:#021329; border-radius:var(--radius-control);}
@keyframes btIn{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}

body.bt-touring .bt-launch, body.bt-touring .bt-hint, body.bt-touring .bt-panel{display:none;}
body:not(.is-auth) .bt-launch, body:not(.is-auth) .bt-hint, body:not(.is-auth) .bt-panel, body:not(.is-auth) #btNavItem{display:none !important;}
#btNavItem{cursor:pointer;}

@media (max-width:640px){
  .bt-banner{height:150px; padding:0 20px 14px;}

  .bt-mbody{padding:4px 20px 20px;}
  .bt-wtitle{font-size:32px;}
  .bt-opts{grid-template-columns:1fr;}
  .bt-wfoot{flex-direction:column-reverse; align-items:stretch;}
  .bt-launch{right:16px; bottom:16px;}
  .bt-panel{right:16px; bottom:68px;}
  .bt-hint{right:16px; left:16px; width:auto; bottom:68px;}
}
@media (prefers-reduced-motion: reduce){
  .bt-ring,.bt-bar i{transition:none;}
  .bt-dot,.bt-hint{animation:none;}
}

/* Mobil duzeltme (2026-10-20): uye Theory Lab karti tek sutunda 430 px'e kadar genisleyip tasiyordu */
@media (max-width:980px){main[data-page="home"] .hero-split > *{min-width:0;}}

/* Sari vurgu: duz kenarli kisa cubuk (kavisli kenarlik yok) */
.bt-panel,.bt-hint{border-radius:0 0 var(--radius-container) var(--radius-container);}
.bt-panel::before,.bt-hint::before{content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#FFDB00;}
.bt-launch{border-radius:var(--radius-control) var(--radius-control) 0 0;}
.bt-launch::after{content:""; position:absolute; left:-1px; right:-1px; bottom:-1px; height:3px; background:#FFDB00;}


/* R44: buton hep sagda (free uyede de), eyebrow yok */
.bl-band h3{margin-top:0;}
body.is-auth .bl-band{justify-content:space-between;}
.bl-band-copy{flex:1 1 420px; min-width:0;}
.bl-band-act{margin-left:auto; flex:none;}
@media (max-width:760px){ .bl-band-act{margin-left:0;} }
/* R31: Elite bandi tamami tiklanabilir */
.bl-band.is-link{cursor:pointer; transition:filter .14s ease, box-shadow .14s ease;}
.bl-band.is-link:hover{filter:brightness(1.12);}
.bl-band.is-link:focus-visible{outline:2px solid #61E1EE; outline-offset:3px;}
/* ================= R32: Coach, What We Can Test, FAQ, Legal, 404 =================
   FAQ, What We Can Test, Legal ve 404 sayfalari Methodology'nin mth-* bilesenlerini kullanir
   (hero, bolum bantlari, accordion, limit tablosu). Bu kurallar patch ile :is() listesine eklenir. */
main[data-page="coach"]{--photo-points:var(--ph-club);}
main[data-page="testable"], main[data-page="faq"], main[data-page="legal"], main[data-page="notfound"]{--photo-points:var(--ph-method);}
.lc-doc[hidden], .fq-hide[hidden] {display:none !important;}

/* ---------------------------------------------------------------- ortak: arama alani */
.r32-search{display:flex; align-items:center; gap:10px; height:52px; width:100%; max-width:560px; padding:0 8px 0 18px; background:#FFFFFF; border-radius:var(--radius-control); border:1px solid transparent; box-sizing:border-box;}
.r32-search svg{width:18px; height:18px; flex:none; color:#042755;}
.r32-search input{flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; font-family:var(--font-body); font-size:15px; font-weight:600; color:#0B1B2E;}
.r32-search input[type="search"]{-webkit-appearance:none; appearance:none;}
.r32-search input::-webkit-search-cancel-button, .r32-search input::-webkit-search-decoration, .r32-search input::-webkit-search-results-button, .r32-search input::-webkit-search-results-decoration{-webkit-appearance:none; appearance:none; display:none;}
.r32-search input::-ms-clear{display:none;}
main[data-page="faq"] .mth-cta.has-photo{position:relative; overflow:hidden; isolation:isolate;}
main[data-page="faq"] .mth-cta.has-photo::before{content:''; position:absolute; inset:0; z-index:-2; background-image:var(--cta-photo); background-size:cover; background-position:center 46%;}
main[data-page="faq"] .mth-cta.has-photo::after{content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(2,19,41,.62), rgba(2,19,41,.18));}
main[data-page="faq"] .mth-cta.has-photo .mth-p{color:rgba(255,255,255,.86);}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-faq summary::after{content:''; font-size:0; background-color:#EEF3F8; background-repeat:no-repeat; background-position:center; background-image:linear-gradient(#0B1B2E,#0B1B2E),linear-gradient(#0B1B2E,#0B1B2E); background-size:12px 2px, 2px 12px;}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-faq details[open] summary::after{content:''; background-size:12px 2px, 0 0;}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-ladder div{border-top:0; padding-top:20px; position:relative; overflow:hidden;}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-ladder div::before{content:''; position:absolute; left:0; right:0; top:0; height:4px; background:var(--lc);}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-ex{border-top:0; padding-top:35px; position:relative; overflow:hidden;}
:is(main[data-page="methodology"],main[data-page="faq"],main[data-page="testable"],main[data-page="legal"],main[data-page="notfound"]) .mth-ex::before{content:''; position:absolute; left:0; right:0; top:0; height:3px; background:#FFDB00;}
main[data-page="methodology"] .mth-cta{position:relative; overflow:hidden; isolation:isolate;}
main[data-page="methodology"] .mth-cta::before{content:''; position:absolute; inset:0; z-index:-2; background-image:var(--photo-h2h); background-size:cover; background-position:center 55%;}
main[data-page="methodology"] .mth-cta::after{content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(2,19,41,.7), rgba(2,19,41,.2));}
main[data-page="methodology"] .mth-cta .mth-p{color:rgba(255,255,255,.86);}
@media (max-width:640px){main[data-page="methodology"] .mth-cta::after{background:linear-gradient(180deg, rgba(2,19,41,.72), rgba(2,19,41,.5));}}
main[data-page="testable"] .mth-cta{position:relative; overflow:hidden; isolation:isolate;}
main[data-page="testable"] .mth-cta::before{content:''; position:absolute; inset:0; z-index:-2; background-image:var(--ph-league); background-size:cover; background-position:center 38%;}
main[data-page="testable"] .mth-cta::after{content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(2,19,41,.78), rgba(2,19,41,.28));}
main[data-page="testable"] .mth-cta .mth-p{color:rgba(255,255,255,.86);}
@media (max-width:640px){main[data-page="testable"] .mth-cta::after{background:linear-gradient(180deg, rgba(2,19,41,.76), rgba(2,19,41,.55));}}
.bt-opt[data-int="compare"]{--bt-photo:var(--photo-h2h);}
.bt-opt{background:linear-gradient(90deg, rgba(2,19,41,.97) 0%, rgba(2,19,41,.95) 56%, rgba(2,19,41,.55) 100%), var(--bt-photo) center/cover no-repeat, #021329;}
.bt-opt-ico{width:auto; height:auto; background:none; border:0; border-radius:0; padding:0 2px; color:#61E1EE;}
.bt-opt-ico svg{width:24px; height:24px;}
main[data-page="methodology"] .mth-ex, main[data-page="methodology"] .mth-ladder div{border-radius:0;}
main[data-page="methodology"] .mth-rule{border-radius:0;}
main[data-page="methodology"] .mth-bar-t{height:8px; border-radius:0; background:rgba(225,230,236,.14);}
main[data-page="methodology"] .mth-bar-t i{border-radius:0;}
@media (min-width:1001px){
  main[data-page="methodology"] .mth-read{align-items:stretch;}
  main[data-page="methodology"] .mth-ex{display:flex; flex-direction:column;}
  main[data-page="methodology"] .mth-ex .mth-ex-note{margin-top:auto;}
  main[data-page="methodology"] .mth-ex .mth-ex-v{margin-bottom:26px;}
  main[data-page="methodology"] .mth-rules > .mth-rule:last-child{flex:1 1 auto; display:flex; flex-direction:column;}
  main[data-page="methodology"] .mth-rules > .mth-rule:last-child .mth-ladder{flex:1 1 auto;}
}
:is(main[data-page="methodology"]) .mth-ex-note{margin:26px 0 0; padding-top:16px; border-top:1px solid rgba(225,230,236,.12); font-size:12px; line-height:1.5; color:rgba(225,230,236,.55);}
/* R63: "Start a new theory" tikanabilir oldugu belli olsun */
main[data-page="theories"] .mt-new-btn{text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:5px;}
main[data-page="theories"] .mt-new-btn:hover{text-decoration-thickness:2px;}
/* R66: Full feature comparison (Subscription, placeholder) */
main[data-page="profile"] .pr-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
main[data-page="profile"] .pr-cmpx{margin:0 0 68px; color:#E1E6EC; min-width:0;}
main[data-page="profile"] .pr-cmpx-h{margin-bottom:34px;}
main[data-page="profile"] .pr-cmpx-h h3{margin:0; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:36px; line-height:1; color:#FFFFFF;}
main[data-page="profile"] .pr-cmpx-h p{margin:12px 0 0; font-size:14px; color:rgba(225,230,236,.6);}
main[data-page="profile"] .pr-cmp-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
main[data-page="profile"] .pr-cmp-wrap:focus-visible{outline:2px solid var(--color-border-focus,#61E1EE); outline-offset:4px;}
main[data-page="profile"] .pr-cmp{width:100%; min-width:760px; border-collapse:separate; border-spacing:0; font-size:14.5px;}
main[data-page="profile"] .pr-cmp th, main[data-page="profile"] .pr-cmp td{padding:15px 16px; text-align:center; vertical-align:middle; border-bottom:1px solid rgba(225,230,236,.09); font-weight:500;}
main[data-page="profile"] .pr-cmp th.pr-cmp-f{text-align:left; width:30%; padding-left:0; color:#E1E6EC; font-weight:500;}
main[data-page="profile"] .pr-cmp thead th{padding-top:24px; padding-bottom:20px; border-bottom:1px solid rgba(225,230,236,.2); vertical-align:bottom;}
main[data-page="profile"] .pr-cmp-n{display:block; font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:28px; line-height:1; color:#FFFFFF;}
main[data-page="profile"] .pr-cmp-p{display:block; margin-top:8px; font-size:15px; font-weight:700; color:#61E1EE;}
main[data-page="profile"] .pr-cmp-p i{font-style:normal; font-weight:400; font-size:12.5px; color:rgba(225,230,236,.6);}
main[data-page="profile"] .pr-cmp-cur{display:none; margin:12px auto 0; width:max-content; padding:3px 8px; border:1px solid #FFDB00; border-radius:6px; color:#FFDB00; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; line-height:1.3;}
main[data-page="profile"] .pr-cmp th.is-cur .pr-cmp-cur{display:block;}

main[data-page="profile"] .pr-cmp td.is-cur, main[data-page="profile"] .pr-cmp thead th.is-cur{background:rgba(97,225,238,.06);}
main[data-page="profile"] .pr-cmp thead th.is-cur{box-shadow:inset 0 2px 0 #FFDB00;}

main[data-page="profile"] .pr-cmp td b{color:#FFFFFF; font-weight:600;}
main[data-page="profile"] .pr-cy{display:inline-flex; width:22px; height:22px; color:#61E1EE;}
main[data-page="profile"] .pr-cy svg{width:100%; height:100%;}
main[data-page="profile"] .pr-cn{display:inline-flex; width:18px; height:18px; color:rgba(225,230,236,.32);}
main[data-page="profile"] .pr-cn svg{width:100%; height:100%;}
main[data-page="profile"] .pr-ct{font-size:12.5px; font-weight:400; color:rgba(225,230,236,.5);}
main[data-page="profile"] .pr-cmp tr.pr-elite-row th.pr-cmp-f{color:#FFDB00;}
main[data-page="profile"] .pr-cmp tr.pr-elite-row .pr-cy{color:#FFDB00;}
@media (max-width:900px){
  main[data-page="profile"] .pr-cmp th.pr-cmp-f{position:sticky; left:0; z-index:2; background:#071327; width:150px; min-width:150px; padding-right:12px;}
  main[data-page="profile"] .pr-cmpx-h h3{font-size:30px;}
  
}
.r32-search input::placeholder{color:rgba(2,19,41,.5); font-weight:500;}
.r32-search:focus-within{outline:2px solid #61E1EE; outline-offset:2px;}
.r32-search .r32-clear{flex:none; width:36px; height:36px; border:0; border-radius:var(--radius-6); background:transparent; color:#042755; cursor:pointer; display:none; align-items:center; justify-content:center;}
.r32-search.has-q .r32-clear{display:flex;}
.r32-search .r32-clear:hover{background:#EEF3F8;}
.r32-search .r32-clear:focus-visible{outline:2px solid #042755; outline-offset:0;}
.r32-search .r32-clear svg{width:16px; height:16px;}
.r32-search.lt{background:#FFFFFF; border-color:rgba(2,19,41,.2);}
.r32-search.lt:focus-within{outline-color:#042755;}
.r32-empty{padding:44px 0; font-size:15.5px; line-height:1.7; color:rgba(2,19,41,.68); max-width:620px;}
.r32-empty b{color:#0B1B2E;}
.r32-empty a, .mth-faq a, .lc-art a, .fq-ans a{color:#0B5E94; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.mth-faq details p b{color:#0B1B2E;}

/* ---------------------------------------------------------------- FAQ */
main[data-page="faq"] .fq-hero-search{margin-top:34px;}
main[data-page="faq"] .mth-hero .mth-jump{margin-top:26px;}
main[data-page="faq"] .mth-sec{padding:84px 0 92px;}
main[data-page="faq"] .mth-head{margin-bottom:30px;}
main[data-page="faq"] .fq-sec-top{display:flex; align-items:baseline; gap:16px; flex-wrap:wrap;}
main[data-page="faq"] .fq-count{font-size:12px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.5);}
main[data-page="faq"] .mth-faq{max-width:860px;}
main[data-page="faq"] .mth-faq details p + p{margin-top:-14px;}
main[data-page="faq"] .fq-mail, .lc-mail{font-weight:700; color:#0B1B2E;}
main[data-page="faq"] .fq-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 30px;}
main[data-page="faq"] .fq-chip{height:36px; padding:0 14px; border-radius:var(--radius-6); border:1px solid rgba(2,19,41,.2); background:#FFFFFF; color:#0B1B2E; font-family:var(--font-body); font-size:13px; font-weight:600; cursor:pointer;}
main[data-page="faq"] .fq-chip:hover{border-color:#042755;}
main[data-page="faq"] .fq-chip[aria-pressed="true"]{background:#031C3D; border-color:#031C3D; color:#FFFFFF;}
main[data-page="faq"] .fq-chip:focus-visible{outline:2px solid #042755; outline-offset:2px;}
main[data-page="faq"] .fq-gloss{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px;}
main[data-page="faq"] .fq-term{padding:24px 0 26px; border-top:1px solid rgba(2,19,41,.14); position:relative;}
main[data-page="faq"] .fq-term.flash::before{content:""; position:absolute; left:-14px; top:-1px; bottom:0; width:4px; background:#FFDB00;}
main[data-page="faq"] .fq-grp{margin-top:84px;}
main[data-page="faq"] .fq-chips + .fq-grp{margin-top:56px;}
main[data-page="faq"] .fq-gh{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:40px; line-height:1; color:#0B1B2E; margin:0 0 28px; padding-bottom:0;}
main[data-page="faq"] .fq-grp[hidden]{display:none !important;}
main[data-page="faq"] .fq-g{display:none;}
main[data-page="faq"] .fq-g-old{font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(2,19,41,.5); margin-bottom:8px;}
main[data-page="faq"] .fq-term h4{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:26px; line-height:1.02; letter-spacing:.2px; color:#0B1B2E; margin:0 0 10px;}
main[data-page="faq"] .fq-term p{margin:0; font-size:14.5px; line-height:1.72; color:rgba(2,19,41,.72);}
main[data-page="faq"] .fq-rel{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:14px;}
main[data-page="faq"] .fq-rel .l{font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(2,19,41,.5); margin-right:4px;}
main[data-page="faq"] .fq-rel button{height:28px; padding:0 10px; border:0; border-radius:var(--radius-6); background:#EEF3F8; color:#0B1B2E; font-family:var(--font-body); font-size:12px; font-weight:600; cursor:pointer;}
main[data-page="faq"] .fq-rel button:hover{background:#DDE7F1;}
main[data-page="faq"] .fq-rel button:focus-visible{outline:2px solid #042755; outline-offset:1px;}
main[data-page="faq"] .fq-still{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}

/* ---------------------------------------------------------------- What We Can Test */
main[data-page="testable"] .wt-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:56px;}
main[data-page="testable"] .wt-stat{background:#FFFFFF; border:1px solid rgba(2,19,41,.1); border-radius:var(--radius-container); padding:26px 26px 24px; box-shadow:0 3px 14px rgba(2,19,41,.06);}
main[data-page="testable"] .wt-stat b{display:block; font-family:var(--font-display); font-weight:800; font-size:64px; line-height:.95; color:#0B1B2E;}
main[data-page="testable"] .wt-stat span{display:block; margin-top:10px; font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(2,19,41,.58);}
main[data-page="testable"] .wt-stat p{margin:12px 0 0; font-size:13.5px; line-height:1.6; color:rgba(2,19,41,.68);}
main[data-page="testable"] .wt-tools{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px; margin-bottom:30px;}
main[data-page="testable"] .wt-count{font-size:13px; font-weight:600; color:rgba(2,19,41,.62);}
main[data-page="testable"] .wt-cols{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:start;}
main[data-page="testable"] .wt-col{display:flex; flex-direction:column; gap:28px; min-width:0;}
main[data-page="testable"] .wt-g{background:#FFFFFF; border:1px solid rgba(2,19,41,.1); border-radius:var(--radius-container); padding:26px 26px 10px; box-shadow:0 3px 14px rgba(2,19,41,.06);}
main[data-page="testable"] .wt-g-h{display:flex; align-items:baseline; justify-content:space-between; gap:14px;}
main[data-page="testable"] .wt-g-h h3{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:28px; line-height:1; color:#0B1B2E; margin:0;}
main[data-page="testable"] .wt-n{font-size:12px; font-weight:700; letter-spacing:.5px; color:rgba(2,19,41,.5); white-space:nowrap;}
main[data-page="testable"] .wt-g ul{list-style:none; margin:16px 0 0; padding:0;}
main[data-page="testable"] .wt-g li{padding:13px 0 14px; border-top:1px solid rgba(2,19,41,.1);}
main[data-page="testable"] .wt-g li b{display:block; font-size:14.5px; color:#0B1B2E;}
main[data-page="testable"] .wt-g li span{display:block; margin-top:3px; font-size:13px; line-height:1.55; color:rgba(2,19,41,.64);}
main[data-page="testable"] .wt-g li[hidden]{display:none;}
main[data-page="testable"] .wt-g[hidden]{display:none;}
main[data-page="testable"] .wt-out{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px;}
main[data-page="testable"] .wt-out h3{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; line-height:1; color:#0B1B2E; margin:0 0 6px; padding-bottom:16px; border-bottom:4px solid #FFDB00;}
main[data-page="testable"] .wt-out ul{list-style:none; margin:0; padding:0;}
main[data-page="testable"] .wt-out li{padding:13px 0 14px; border-bottom:1px solid rgba(2,19,41,.1);}
main[data-page="testable"] .wt-out li b{display:block; font-size:14.5px; color:#0B1B2E;}
main[data-page="testable"] .wt-out li span{display:block; margin-top:3px; font-size:13px; line-height:1.55; color:rgba(2,19,41,.64);}
main[data-page="testable"] .wt-re{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px;}
main[data-page="testable"] .wt-re-c{background:#FFFFFF; border:1px solid rgba(2,19,41,.1); border-radius:var(--radius-container); padding:28px 28px 28px; box-shadow:0 3px 14px rgba(2,19,41,.06); display:flex; flex-direction:column; gap:16px;}
main[data-page="testable"] .wt-re-lab{font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(2,19,41,.5);}
main[data-page="testable"] .wt-re-q{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:28px; line-height:1.04; color:#0B1B2E; margin:0;}
main[data-page="testable"] .wt-re-c p{margin:0; font-size:14px; line-height:1.7; color:rgba(2,19,41,.7);}
main[data-page="testable"] .wt-re-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px 10px; padding:18px 18px; border-radius:var(--radius-6); background:#031C3D; margin-top:auto;}
main[data-page="testable"] .wt-re-row .mth-kw{font-size:24px;}
main[data-page="testable"] .wt-re-row .mth-kw.sm{font-size:17px;}
main[data-page="testable"] .wt-re-row .mth-tok{height:36px; font-size:13px; padding:0 12px;}
main[data-page="testable"] .wt-help{display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;}
main[data-page="testable"] .wt-help p{margin:0; max-width:640px; font-size:15.5px; line-height:1.7; color:rgba(2,19,41,.7);}
main[data-page="testable"] .wt-mail{font-weight:700; color:#0B1B2E;}
main[data-page="testable"] .mth-sec{padding:92px 0 100px;}
main[data-page="testable"] .mth-lim-r a{color:#61E1EE; text-decoration:underline; text-underline-offset:3px;}

/* ---------------------------------------------------------------- Legal */
main[data-page="legal"] .lc-wrap{display:grid; grid-template-columns:268px minmax(0,1fr); gap:72px; align-items:start;}
main[data-page="legal"] .lc-side{position:sticky; top:24px; display:flex; flex-direction:column; gap:34px;}
main[data-page="legal"] .lc-side h2{font-size:11px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(2,19,41,.5); margin:0 0 12px;}
main[data-page="legal"] .lc-docs{display:flex; flex-direction:column; gap:2px;}
main[data-page="legal"] .lc-docs a{display:block; padding:11px 14px; border-left:4px solid transparent; border-radius:0 var(--radius-6) var(--radius-6) 0; font-size:14px; font-weight:600; color:rgba(2,19,41,.72); text-decoration:none; cursor:pointer;}
main[data-page="legal"] .lc-docs a:hover{background:#EEF3F8; color:#0B1B2E;}
main[data-page="legal"] .lc-docs a.on{background:#EEF3F8; border-left-color:#FFDB00; color:#0B1B2E;}
main[data-page="legal"] .lc-docs a:focus-visible, main[data-page="legal"] .lc-toc a:focus-visible{outline:2px solid #042755; outline-offset:-2px;}
main[data-page="legal"] .lc-toc{display:flex; flex-direction:column; gap:2px;}
main[data-page="legal"] .lc-toc a{display:block; padding:7px 14px; font-size:13px; color:rgba(2,19,41,.62); text-decoration:none; cursor:pointer;}
main[data-page="legal"] .lc-toc a:hover{color:#0B1B2E;}
main[data-page="legal"] .lc-art{max-width:760px; min-width:0;}
main[data-page="legal"] .lc-art h2{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:34px; line-height:1.02; color:#0B1B2E; margin:52px 0 14px; display:flex; align-items:baseline; gap:10px;}
main[data-page="legal"] .lc-art h2:first-child{margin-top:0;}
main[data-page="legal"] .lc-art h2 i{font-style:normal; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit; color:#61E1EE; min-width:0;}
main[data-page="legal"] .lc-art p{margin:0 0 14px; font-size:15.5px; line-height:1.78; color:rgba(2,19,41,.74);}
main[data-page="legal"] .lc-tbl{width:100%; border-collapse:collapse; font-size:14px; margin:6px 0 0;}
main[data-page="legal"] .lc-tbl th{text-align:left; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.55); padding:0 12px 10px 0;}
main[data-page="legal"] .lc-tbl td{padding:14px 12px 14px 0; border-top:1px solid rgba(2,19,41,.12); color:rgba(2,19,41,.74); vertical-align:top; line-height:1.55;}
main[data-page="legal"] .lc-tbl td:first-child{font-weight:700; color:#0B1B2E; white-space:nowrap;}
main[data-page="legal"] .lc-scroll{overflow-x:auto;}
main[data-page="legal"] .lc-meta{display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:28px; font-size:12.5px; font-weight:600; color:rgba(225,230,236,.78);}
main[data-page="legal"] .lc-next{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:64px; padding-top:28px; border-top:1px solid rgba(2,19,41,.14);}
main[data-page="legal"] .lc-next a{display:flex; flex-direction:column; gap:4px; padding:14px 18px; border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-6); text-decoration:none; color:#0B1B2E; min-width:200px; cursor:pointer;}
main[data-page="legal"] .lc-next a:hover{border-color:#042755;}
main[data-page="legal"] .lc-next a:focus-visible{outline:2px solid #042755; outline-offset:2px;}
main[data-page="legal"] .lc-next small{font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.5);}
main[data-page="legal"] .lc-next b{font-size:15px;}
main[data-page="legal"] .lc-next a.nx{text-align:right; margin-left:auto;}
main[data-page="legal"] .mth-sec{padding:80px 0 104px;}

main[data-page="notfound"]{background:#021329; color:#E1E6EC;}

/* ---------------------------------------------------------------- Coach */
main[data-page="coach"] .cx-grid{grid-template-columns:240px minmax(0,1fr); gap:44px; padding-bottom:36px;}
main[data-page="coach"] .cx-photo{--coach-photo:var(--pp-5); background-color:#FFFFFF; background-image:var(--coach-photo); background-repeat:no-repeat; background-size:cover; background-position:center top;}
main[data-page="coach"] .cx-lede{margin:22px 0 0; max-width:640px; font-size:15.5px; line-height:1.7; color:rgba(225,230,236,.84);}
main[data-page="coach"] .pf-kpis{grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:28px;}
main[data-page="coach"] .pf-kpis b{font-size:42px;}
main[data-page="coach"] .cx-tags{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 30px;}
main[data-page="coach"] .cx-tag{display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:var(--radius-6); background:#E7EEF6; color:#042755; font-size:12.5px; font-weight:700;}
main[data-page="coach"] .cx-sty{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 56px;}
main[data-page="coach"] .cx-sty-h{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:10px;}
main[data-page="coach"] .cx-sty-n{font-size:14.5px; font-weight:700; color:#0B1B2E;}
main[data-page="coach"] .cx-sty-v{font-size:12.5px; font-weight:600; color:rgba(2,19,41,.62); font-variant-numeric:tabular-nums;}
main[data-page="coach"] .cx-track{height:12px; border-radius:3px; background:#E3EAF2; overflow:hidden;}
main[data-page="coach"] .cx-track i{display:block; height:100%; background:#042755; border-radius:3px;}
main[data-page="coach"] .cx-track.hl i{background:#042755;}
main[data-page="coach"] .cx-ins{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 56px; list-style:none; margin:0; padding:0;}
main[data-page="coach"] .cx-ins li{display:grid; grid-template-columns:28px minmax(0,1fr); gap:14px; padding:20px 0; border-top:1px solid rgba(225,230,236,.16); font-size:15px; line-height:1.65; color:rgba(225,230,236,.9);}
main[data-page="coach"] .cx-ins .ic{display:block; width:20px; height:20px; margin-top:3px; color:#FFDB00;}
main[data-page="coach"] .cx-ins .ic svg{display:block; width:20px; height:20px;}
main[data-page="coach"] .cx-ins b{color:#FFFFFF;}
main[data-page="coach"] .cx-avg{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px;}
main[data-page="coach"] .cx-avg h3{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:26px; line-height:1; color:#0B1B2E; margin:0 0 6px; padding-bottom:14px; border-bottom:4px solid #FFDB00;}
main[data-page="coach"] .cx-avg dl{margin:0;}
main[data-page="coach"] .cx-avg dl > div{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:13px 0; border-bottom:1px solid rgba(2,19,41,.1);}
main[data-page="coach"] .cx-avg dt{font-size:13.5px; color:rgba(2,19,41,.66);}
main[data-page="coach"] .cx-avg dd{margin:0; font-size:15px; font-weight:700; color:#0B1B2E; font-variant-numeric:tabular-nums;}
main[data-page="coach"] .cx-tabs{display:flex; gap:4px; margin:0 0 26px; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid rgba(225,230,236,.18);}
main[data-page="coach"] .cx-tabs::-webkit-scrollbar{display:none;}
main[data-page="coach"] .cx-tab{appearance:none; background:none; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; padding:14px 18px 13px; font-family:var(--font-body); font-size:13.5px; font-weight:600; color:rgba(225,230,236,.66); cursor:pointer; white-space:nowrap; transition:color .14s ease, border-color .14s ease;}
main[data-page="coach"] .cx-tab:hover{color:#FFFFFF;}
main[data-page="coach"] .cx-tab[aria-selected="true"]{color:#FFFFFF; border-bottom-color:#61E1EE;}
main[data-page="coach"] .cx-tab:focus-visible{outline:2px solid #61E1EE; outline-offset:-2px;}
main[data-page="coach"] .cx-scroll{overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(225,230,236,.3) transparent;}
main[data-page="coach"] .cx-tbl{width:100%; min-width:880px; border-collapse:collapse; font-size:13.5px; font-variant-numeric:tabular-nums;}
main[data-page="coach"] .cx-tbl th{padding:0 12px 12px; text-align:right; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.62); white-space:nowrap;}
main[data-page="coach"] .cx-tbl th:first-child{text-align:left; padding-left:0;}
main[data-page="coach"] .cx-tbl td{padding:13px 12px; text-align:right; border-top:1px solid rgba(225,230,236,.12); color:rgba(225,230,236,.9);}
main[data-page="coach"] .cx-tbl td:first-child{text-align:left; padding-left:0; font-weight:700; color:#FFFFFF;}
main[data-page="coach"] .cx-tbl td:first-child small{display:block; margin-top:2px; font-size:12px; font-weight:600; color:rgba(225,230,236,.62);}
main[data-page="coach"] .cx-tbl .pos{color:#61E1EE; font-weight:700;}
main[data-page="coach"] .cx-tbl .neg{color:#FF8A8A; font-weight:700;}
main[data-page="coach"] .cx-tbl .hit{color:#FFDB00; font-weight:700;}
main[data-page="coach"] .cx-foot{margin:22px 0 0; font-size:12px; color:rgba(225,230,236,.66);}
main[data-page="coach"] .pf-section .pf-head, main[data-page="coach"] .pf-band .pf-head{margin-bottom:30px;}
/* kulup sayfasindaki Head coach karti artik Coach sayfasina gider */
main[data-page="club"] .tm-cc.cx-link{cursor:pointer; position:relative; transition:border-color .14s ease, transform .14s ease;}
main[data-page="club"] .tm-cc.cx-link:hover{border-color:rgba(225,230,236,.34); transform:translateY(-2px);}
main[data-page="club"] .tm-cc.cx-link:hover .tm-cc-name{text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:6px;}
/* R76: fotograf kartin tum yuksekligini doldurur, altinda bos alan kalmaz */
@media (min-width:1101px){ main[data-page="club"] .tm-cc{grid-template-columns:260px minmax(0,1fr);} }
@media (min-width:701px){ main[data-page="club"] .tm-cc-ph.tm-cc-photo{aspect-ratio:auto; max-width:none; align-self:stretch; min-height:300px; background-position:center 18%;} }
main[data-page="club"] .tm-cc.cx-link:focus-visible{outline:2px solid #61E1EE; outline-offset:3px;}

/* ---------------------------------------------------------------- footer baglantilari */
.site-footer-legal{display:flex; flex-wrap:wrap; gap:6px 18px;}
.site-footer-legal a{color:inherit; text-decoration:none; cursor:pointer;}
.site-footer-legal a:hover{text-decoration:underline; text-underline-offset:3px;}
.site-footer-legal a:focus-visible{outline:2px solid #042755; outline-offset:2px;}
.site-footer-links a[onclick]{cursor:pointer;}

/* ---------------------------------------------------------------- mobil */
@media (max-width:1100px){
  main[data-page="coach"] .pf-kpis{grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 20px;}
  main[data-page="coach"] .cx-avg{grid-template-columns:repeat(2,minmax(0,1fr));}
  main[data-page="testable"] .wt-out{grid-template-columns:repeat(2,minmax(0,1fr));}
  main[data-page="legal"] .lc-wrap{grid-template-columns:220px minmax(0,1fr); gap:44px;}
}
@media (max-width:900px){
  main[data-page="testable"] .wt-stats, main[data-page="testable"] .wt-cols, main[data-page="testable"] .wt-re{grid-template-columns:1fr;}
  main[data-page="testable"] .wt-out{grid-template-columns:1fr; gap:36px;}
  main[data-page="faq"] .fq-gloss{grid-template-columns:1fr;}
  main[data-page="faq"] .fq-gh{font-size:32px;}
  main[data-page="faq"] .fq-grp{margin-top:64px;}
  main[data-page="legal"] .lc-wrap{grid-template-columns:1fr; gap:36px;}
  main[data-page="legal"] .lc-side{position:static; gap:22px;}
  main[data-page="legal"] .lc-docs{flex-direction:row; flex-wrap:wrap; gap:8px;}
  main[data-page="legal"] .lc-docs a{border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-6); padding:9px 12px;}
  main[data-page="legal"] .lc-docs a.on{border-color:#031C3D; background:#031C3D; color:#FFFFFF;}
  main[data-page="legal"] .lc-toc{display:none;}
  main[data-page="coach"] .cx-grid{grid-template-columns:1fr; gap:28px;}
  main[data-page="coach"] .cx-photo{width:180px;}
  main[data-page="coach"] .cx-sty, main[data-page="coach"] .cx-ins{grid-template-columns:1fr; gap:26px 0;}
  main[data-page="coach"] .cx-ins{gap:0;}
  main[data-page="coach"] .pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  main[data-page="coach"] .pf-kpis b{font-size:38px;}
}
@media (max-width:640px){
  main[data-page="coach"] .cx-avg{grid-template-columns:1fr; gap:30px;}
  main[data-page="faq"] .mth-sec, main[data-page="testable"] .mth-sec, main[data-page="legal"] .mth-sec{padding:64px 0 72px;}
  main[data-page="legal"] .lc-art h2{font-size:28px;}
  main[data-page="legal"] .lc-next a{min-width:0; width:100%;}
  main[data-page="legal"] .lc-next a.nx{text-align:left;}
    .r32-search{height:48px;}
}

/* ---------------------------------------------------------------- 404 (R40) fizikli top */
main[data-page="notfound"] .nf-hero{position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 38px); padding:48px 0 56px; background-image:linear-gradient(180deg, rgba(2,19,41,.96) 0%, rgba(2,19,41,.92) 100%), var(--photo-points); background-repeat:no-repeat; background-position:center, center 60%; background-size:cover, cover;}
main[data-page="notfound"] .nf-hero > .wrap{width:100%;}
main[data-page="notfound"] .nf-copy{display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0;}
main[data-page="notfound"] .nf-code{position:relative; top:-20px; display:inline-block; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#61E1EE;}
main[data-page="notfound"] .nf-404{margin:34px 0 0; display:flex; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:clamp(170px, 24vw, 340px); line-height:.8; letter-spacing:.005em; color:#FFFFFF;}
main[data-page="notfound"] .nf-d{display:block; padding:.07em .01em .03em; margin:-.07em -.01em -.03em; background:linear-gradient(180deg, #FFFFFF 38%, #A9BBD2 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
main[data-page="notfound"] .nf-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
main[data-page="notfound"] .nf-sub{margin:44px 0 0; font-family:var(--font-display); font-weight:700; font-size:clamp(26px, 2.6vw, 38px); line-height:1; text-transform:uppercase; letter-spacing:.3px; color:#FFFFFF;}
main[data-page="notfound"] .nf-act{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:40px;}
main[data-page="notfound"] .nf-live{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0;}
@media (prefers-reduced-motion:no-preference){
  main[data-page="notfound"].nf-go .nf-d{animation:nfRise .9s cubic-bezier(.16,1,.3,1) both;}
  main[data-page="notfound"].nf-go .nf-d:nth-child(3){animation-delay:.08s;}
  main[data-page="notfound"].nf-go .nf-d:nth-child(4){animation-delay:.16s;}
  main[data-page="notfound"].nf-go .nf-code, main[data-page="notfound"].nf-go .nf-sub, main[data-page="notfound"].nf-go .nf-act{animation:nfFade .9s .2s cubic-bezier(.16,1,.3,1) both;}
}
@keyframes nfRise{0%{opacity:0; transform:translateY(34px);} 100%{opacity:1; transform:none;}}
@keyframes nfFade{0%{opacity:0; transform:translateY(14px);} 100%{opacity:1; transform:none;}}
@media (max-width:900px){
  main[data-page="notfound"] .nf-hero{min-height:calc(100vh - 94px); padding:40px 0 56px;}
  main[data-page="notfound"] .nf-404{font-size:clamp(150px, 44vw, 260px);}
}
@media (max-width:640px){
  main[data-page="notfound"] .nf-act{width:100%;}
  main[data-page="notfound"] .nf-act .btn{flex:1 1 100%; justify-content:center;}
}
/* top katmani: body'e eklenir, sayfa uzerinde sabit, tiklama sadece topta */
.nf-play{position:fixed; inset:0; z-index:900; pointer-events:none; overflow:hidden;}
.nf-play[hidden]{display:none;}
.nf-ball{position:absolute; left:0; top:0; display:block; margin:0; padding:0; border:0; border-radius:50%; background:transparent; pointer-events:auto; cursor:pointer; touch-action:none; -webkit-tap-highlight-color:transparent; will-change:transform; outline:none;}
.nf-ball canvas{position:absolute; left:50%; top:50%; display:block; transform:translate(-50%,-50%); pointer-events:none;}
.nf-ball:focus-visible{box-shadow:0 0 0 2px #61E1EE;}
.nf-sh{position:absolute; left:0; top:0; border-radius:50%; background:radial-gradient(closest-side, rgba(0,6,16,.55), rgba(0,6,16,0)); pointer-events:none; will-change:transform, opacity; opacity:0;}
.nf-tip{position:absolute; left:0; top:0; padding:6px 10px; border-radius:6px; background:#FFDB00; color:#021329; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; pointer-events:none; will-change:transform, opacity; opacity:0; transition:opacity .25s;}
.nf-tip.on{opacity:1;}
.nf-ring{position:absolute; left:0; top:0; border-radius:50%; border:2px solid rgba(97,225,238,.9); pointer-events:none;}

.nf-score{position:absolute; right:16px; top:0; display:grid; grid-template-columns:auto auto; grid-template-areas:"badge num" "badge best"; column-gap:12px; row-gap:0; align-items:center; justify-items:end; pointer-events:none; text-align:right;}
.nf-num{grid-area:num; font-family:var(--font-display); font-weight:800; font-size:48px; line-height:1; color:#FFDB00; font-variant-numeric:tabular-nums; text-shadow:0 2px 14px rgba(2,19,41,.6); transition:opacity .2s ease;}
.nf-best{grid-area:best; margin-top:2px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(225,230,236,.72);}
.nf-badge{grid-area:badge; padding:6px 10px; border-radius:6px; background:#FFDB00; color:#021329; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; opacity:0; transform:translateX(10px); transition:opacity .18s ease, transform .22s cubic-bezier(.2,1.3,.4,1);}
.nf-badge.on{opacity:1; transform:none;}
@media (max-width:700px){ .nf-score{right:12px;} .nf-num{font-size:38px;} }
@media (prefers-reduced-motion:reduce){ .nf-badge, .nf-num{transition:none;} .nf-badge{transform:none;} }

/* R77: Squad kartlarinda oyuncu adi Big Shoulders (Top performers ile ayni), kartlar buna gore genisledi */
main[data-page="club"] .tm-scs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:22px;}
main[data-page="club"] .tm-sc{padding:16px 16px 22px;}
main[data-page="club"] .tm-sc-body{padding:20px 6px 0;}
main[data-page="club"] .tm-sc-head{gap:14px;}
main[data-page="club"] .tm-sc .tm-sc-name{font-family:var(--font-display) !important; font-weight:800; text-transform:uppercase; font-size:26px; line-height:1.05; letter-spacing:.2px; min-width:0; overflow-wrap:anywhere;}
main[data-page="club"] .tm-sc .tm-acc{margin:14px 0;}
main[data-page="club"] .tm-sc-stats{margin-top:18px; padding-top:14px;}
main[data-page="club"] .tm-sc-r{padding:8px 0; font-size:12.5px;}
main[data-page="club"] .tm-sc-foot{margin-top:12px; padding-top:14px;}
@media (max-width:1100px){ main[data-page="club"] .tm-scs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:18px;} }
@media (max-width:700px){
  main[data-page="club"] .tm-scs{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
  main[data-page="club"] .tm-sc{padding:12px 12px 18px;}
  main[data-page="club"] .tm-sc-body{padding:14px 4px 0;}
  main[data-page="club"] .tm-sc .tm-sc-name{font-size:21px;}
  main[data-page="club"] .tm-sc-r{font-size:11.5px; padding:6px 0;}
  main[data-page="club"] .tm-sc-foot{flex-wrap:wrap; gap:4px 10px; letter-spacing:.2px;}
}

main[data-page="faq"] [hidden]{display:none !important;}
main[data-page="testable"] [hidden]{display:none !important;}



/* ===== R54: Team profile (overview) dikey nefes alani ===== */
main[data-page="club"] .tm-panel > .pf-section, main[data-page="club"] .tm-panel > .pf-band{padding-top:88px !important; padding-bottom:88px !important;}
main[data-page="club"] .tm-panel .pf-head{margin-bottom:52px;}
main[data-page="club"] .tm-panel .pf-head .pf-title + .pf-lede, main[data-page="club"] .tm-panel .pf-head h2 + p{margin-top:16px;}
main[data-page="club"] .tm-panel .tm-ch-h{margin-bottom:22px;}
main[data-page="club"] .tm-panel .tm-ch-s{margin-bottom:24px;}
main[data-page="club"] .tm-panel .tm-ch .pf-legend{margin:0 0 40px;}
main[data-page="club"] .tm-panel .tm-two{margin-top:0; gap:72px 72px;}
main[data-page="club"] .tm-panel .tm-three{gap:72px 64px;}
main[data-page="club"] .tm-panel .tm-three .tm-ch + .tm-ch, main[data-page="club"] .tm-panel .tm-ch + .tm-ch{margin-top:0;}
main[data-page="club"] .tm-panel .tm-fd-tool{margin-bottom:40px;}
main[data-page="club"] .tm-panel .tm-fd-kpi{margin-bottom:52px;}
main[data-page="club"] .tm-panel .tm-fd td, main[data-page="club"] .tm-panel .tm-fd th{padding-top:17px; padding-bottom:17px;}
main[data-page="club"] .tm-panel .tm-empty{margin:8px 0 0; line-height:1.7;}
main[data-page="club"] .tm-panel .tm-pers{gap:40px 48px;}
main[data-page="club"] .tm-panel .tm-pers-sum{gap:20px;}
main[data-page="club"] .tm-panel .tm-pk{padding-top:20px; padding-bottom:20px;}
@media (max-width:700px){
  main[data-page="club"] .tm-panel > .pf-section, main[data-page="club"] .tm-panel > .pf-band{padding-top:60px !important; padding-bottom:60px !important;}
  main[data-page="club"] .tm-panel .pf-head{margin-bottom:36px;}
  main[data-page="club"] .tm-panel .tm-two, main[data-page="club"] .tm-panel .tm-three{gap:56px;}
}

/* ===== R52: Player main stats, dikeyde nefes alani ===== */
main[data-page] .pf-main-stats .pf-head{margin-bottom:48px;}
main[data-page] .pf-ms{gap:56px;}
main[data-page] .pf-ms .pf-ms-list{max-height:min(760px, calc(100vh - 110px));}
main[data-page] .pf-ms .pf-ms-list .pf-sg + .pf-sg{margin-top:40px;}
main[data-page] .pf-ms .pf-sg-h{padding-bottom:13px;}
main[data-page] .pf-ms .pf-st{padding-top:13px; padding-bottom:13px;}
main[data-page] .pf-ms .pf-ms-sub{margin:12px 0 28px;}
main[data-page] .pf-ms .pf-ms-chart .pf-chart-top{margin-bottom:20px;}
@media (max-width:900px){ main[data-page] .pf-ms{gap:36px;} main[data-page] .pf-ms .pf-ms-list{max-height:520px;} main[data-page] .pf-main-stats .pf-head{margin-bottom:32px;} }

/* ===== R51: Form comparison, sol kart ile sag iki kart ayni alt hizada ===== */
main[data-page="match"] .pr-form-grid{align-items:stretch;}
main[data-page="match"] .pr-l5{height:100%;}
main[data-page="match"] .pr-l5 > .pr-form-card{flex:1 1 0; display:flex; flex-direction:column; justify-content:center;}

/* ===== R50: tahmin kutularinda sonuc pill'i ustte, aciklama altta (hepsinde ayni yapi) ===== */
main[data-page="match"] .pr-combo-foot, main[data-page="match"] .pr-tile-foot{display:flex; flex-direction:column; align-items:flex-start; flex-wrap:nowrap; gap:12px; white-space:normal;}

/* ===== R46: Latest fixtures tek satir ===== */
main[data-page="club"] .tm-hero-grid{grid-template-columns:minmax(344px,1.3fr) 1fr 1.15fr; gap:40px 56px;}
main[data-page="club"] .tm-lf-t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
@media (max-width:1399px){
  main[data-page="club"] .tm-hero-grid{grid-template-columns:1fr 1fr; gap:36px 40px;}
  main[data-page="club"] .tm-hero-grid .tm-hp:first-child{grid-column:1 / -1;}
}
@media (max-width:1100px){ main[data-page="club"] .tm-hero-grid{gap:36px 32px;} }
@media (max-width:700px){ main[data-page="club"] .tm-hero-grid{grid-template-columns:1fr;} }
@media (max-width:480px){
  main[data-page="club"] .tm-lf{grid-template-columns:22px minmax(0,1fr); row-gap:2px;}
  main[data-page="club"] .tm-lf-d{grid-column:2; grid-row:2;}
  main[data-page="club"] .tm-lf-t i{padding:0 5px;}
}

/* ===== Paket: inline custom property'den tasinan gorseller (url() css/ klasorune gore cozulur) ===== */
.trust-photo{--trust-photo:url(/assets/img/trust-photo.png);}
.founding-card.has-photo{--founding-photo:url(/assets/img/founding-card.jpg);}
.mth-cta.has-photo{--cta-photo:url(/assets/img/founding-card.jpg);}