/* Geçersiz Tıklama Raporu sayfası. Tasarım taslak HTML ile birebir aynıdır; sınıflar site CSS'iyle
   çakışmasın diye "icr-" önekiyle ve .icr kapsayıcısı altında tanımlanır. Header/footer site layout'undan gelir. */

.icr{
  --navy:#1C2841; --navy-deep:#141D31; --red:#FA311D; --red-dark:#E02A16;
  --paper:#FFFFFF; --mist:#F5F7FA; --rule:#E4E7EC;
  --slate:#4A5568; --muted:#8A93A3; --ink:#28324A;
  background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-align:left
}
/* Bu CSS yalnızca rapor sayfasında yüklenir: site footer'ının üst boşluğu (margin-top) krem yerine sayfa zemini gibi beyaz görünsün. */
html body{background:#fff}

/* layout.css: *{font-family:Mulish;appearance:none;outline:0} → sayfa yazı tipini ve yerel onay kutularını geri al */
.icr,.icr *{font-family:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",sans-serif}
.icr *{box-sizing:border-box}
.icr input[type=checkbox],.icr input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}

.icr .icr-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.icr a{color:var(--navy);text-decoration:underline}
.icr a:focus-visible,.icr button:focus-visible,.icr input:focus-visible,.icr summary:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:3px}
.icr h1,.icr h2,.icr h3{color:var(--navy);letter-spacing:-.02em;margin:0;font-style:normal;text-align:left;width:auto}
.icr h1{font-size:clamp(2rem,4.6vw,3.1rem);font-weight:800;line-height:1.1}
.icr h2{font-size:clamp(1.45rem,2.8vw,1.95rem);font-weight:800;line-height:1.22}
.icr h3{font-size:1.05rem;font-weight:700;line-height:1.35}
.icr p{margin:0 0 1rem}
.icr .icr-lede{font-size:1.1rem;color:var(--slate);max-width:60ch}

.icr .icr-btn{display:inline-block;padding:12px 22px;border-radius:6px;font-weight:700;font-size:.95rem;
  text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:inherit;line-height:1.65}
.icr .icr-btn-primary{background:var(--red);color:#fff}
.icr .icr-btn-primary:hover{background:var(--red-dark)}
.icr .icr-btn-ghost{border-color:var(--rule);color:var(--navy);background:#fff}
.icr .icr-btn-ghost:hover{border-color:var(--navy)}
.icr .icr-hero .icr-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.icr .icr-hero .icr-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.icr .icr-btn[disabled]{opacity:.65;cursor:default}

/* hero — lacivert zemin */
.icr .icr-hero{background:var(--navy);color:#fff;padding:66px 0 0;border-top:0}
.icr .icr-hero h1{color:#fff;margin-bottom:18px}
.icr .icr-hero .icr-lede{color:#C2CAD8;margin-bottom:24px}
.icr .icr-hero .icr-eyebrow{color:#FF8A78}
.icr .icr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:56px;align-items:center;padding-bottom:8px}
@media(max-width:940px){.icr .icr-hero-grid{grid-template-columns:1fr;gap:36px}}
.icr .icr-eyebrow{font-size:.9rem;font-weight:700;color:var(--red);margin-bottom:12px}
.icr .icr-actions{display:flex;gap:12px;flex-wrap:wrap}
.icr .icr-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:.83rem;color:#98A3B6;align-items:center}
.icr .icr-trust img{height:20px;width:auto;vertical-align:middle;margin-right:7px}
.icr .icr-trust span{display:flex;align-items:center}

.icr .icr-clickfield{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:20px;
  background:rgba(255,255,255,.05);margin:0}
.icr .icr-field{display:grid;grid-template-columns:repeat(28,1fr);gap:3px}
.icr .icr-field i{display:block;aspect-ratio:1;border-radius:1.5px;background:#3A4A69}
.icr .icr-field i.bad{background:var(--red)}
.icr .icr-fieldkey{display:flex;gap:20px;margin-top:15px;font-size:.82rem;color:#B7C0D0;flex-wrap:wrap}
.icr .icr-fieldkey span{display:flex;align-items:center;gap:7px}
.icr .icr-fieldkey b{width:11px;height:11px;border-radius:2px;display:inline-block}
.icr .icr-fieldnote{margin:8px 0 1rem;font-size:.78rem;color:#8792A6}
@media (prefers-reduced-motion:no-preference){.icr .icr-field i{opacity:0;animation:icr-pop .34s ease forwards}}
@keyframes icr-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}

/* rakamlar hero'nun altında */
.icr .icr-band{background:var(--navy);color:#fff}
.icr .icr-band .icr-wrap{padding:0 24px 52px}
.icr .icr-figs{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0}
.icr .icr-band .icr-figs{border-top:1px solid rgba(255,255,255,.16);padding-top:38px;margin-top:56px}
@media(max-width:840px){.icr .icr-figs{grid-template-columns:repeat(2,1fr);row-gap:30px}}
.icr .icr-fig{padding:0 24px;border-left:1px solid rgba(255,255,255,.16)}
.icr .icr-fig:first-child{padding-left:0;border-left:0}
@media(max-width:840px){.icr .icr-fig:nth-child(3){padding-left:0;border-left:0}}
.icr .icr-fig dt{font-size:.84rem;color:#B7C0D0;margin-bottom:7px}
.icr .icr-fig dd{margin:0;font-size:clamp(1.8rem,3.2vw,2.45rem);font-weight:800;letter-spacing:-.02em;line-height:1}
.icr .icr-fig dd em{font-style:normal;color:var(--red)}

.icr section{padding:66px 0;scroll-margin-top:120px}
.icr section+section{border-top:1px solid var(--rule)}
.icr .icr-sechead{max-width:62ch;margin-bottom:34px}
.icr .icr-sechead p{margin-top:10px;color:var(--slate)}

/* bulgular */
.icr .icr-finding{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;padding:24px 0;
  border-top:1px solid var(--rule);align-items:start}
.icr .icr-finding:last-child{border-bottom:1px solid var(--rule)}
@media(max-width:680px){.icr .icr-finding{grid-template-columns:1fr;gap:8px}}
.icr .icr-finding .icr-num{font-size:2.1rem;font-weight:800;color:var(--red);letter-spacing:-.03em;line-height:1}
.icr .icr-finding h3{margin-bottom:6px}
.icr .icr-finding p{margin:0;color:var(--slate);font-size:.96rem;max-width:62ch}

/* sektör oranları */
.icr .icr-rates{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
@media(max-width:760px){.icr .icr-rates{grid-template-columns:1fr}}
.icr .icr-rate{display:grid;grid-template-columns:minmax(0,1fr) 120px 56px;gap:14px;align-items:center;
  padding:11px 0;border-bottom:1px solid var(--rule);font-size:.95rem}
.icr .icr-rate .icr-track{height:7px;background:var(--rule);border-radius:4px;overflow:hidden}
.icr .icr-rate .icr-track i{display:block;height:100%;background:var(--red);border-radius:4px}
.icr .icr-rate b{text-align:right;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}

/* indirme formu */
.icr .icr-gate{background:var(--mist);border:1px solid var(--rule);border-radius:12px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:44px;padding:40px}
@media(max-width:860px){.icr .icr-gate{grid-template-columns:1fr;gap:28px;padding:28px}}
.icr .icr-gate ul{margin:14px 0 0;padding-left:19px;color:var(--slate);font-size:.94rem;list-style:disc}
.icr .icr-gate ul li{margin-bottom:5px}
.icr .icr-gate-meta{color:var(--muted);font-size:.9rem;margin:4px 0 0}
.icr .icr-form label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:7px}
.icr .icr-form input[type=email]{width:100%;padding:13px 15px;border:1.5px solid var(--rule);border-radius:6px;
  font-size:1rem;font-family:inherit;background:#fff;color:var(--ink);line-height:normal}
.icr .icr-form input[type=email]:focus{border-color:var(--navy)}
.icr .icr-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 20px;font-size:.84rem;color:var(--slate)}
.icr .icr-consent input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--red)}
.icr .icr-consent label{font-weight:400;margin:0;font-size:inherit;color:inherit}
.icr .icr-form .icr-btn{width:100%}
.icr .icr-formnote{font-size:.8rem;color:var(--muted);margin:14px 0 0}
.icr .icr-err{color:var(--red);font-size:.84rem;margin:8px 0 0;display:none}
.icr .icr-ok{display:none;background:#fff;border:1.5px solid var(--navy);border-radius:8px;padding:20px}
.icr .icr-ok h3{margin-bottom:6px}
.icr .icr-ok p{margin:0;font-size:.94rem;color:var(--slate)}
.icr .icr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* dönem seçimi — taslaktaki "Önceki dönem" satırının seçilebilir hâli */
.icr .icr-archive{margin-top:22px;font-size:.92rem;color:var(--slate);border:0;padding:0;min-width:0}
.icr .icr-archive legend{font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:9px;padding:0}
.icr .icr-period{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;margin-top:8px;cursor:pointer;
  background:#fff;border:1.5px solid var(--rule);border-radius:8px;transition:border-color .15s ease}
.icr .icr-period:hover{border-color:var(--muted)}
.icr .icr-period input{margin-top:4px;flex:none;width:16px;height:16px;accent-color:var(--red);cursor:pointer}
.icr .icr-period.is-selected{border-color:var(--navy)}
.icr .icr-period b{color:var(--navy);font-weight:700}
.icr .icr-period-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;
  background:var(--mist);color:var(--slate);border:1px solid var(--rule);vertical-align:1px;white-space:nowrap}
.icr .icr-period.is-selected .icr-period-tag{background:var(--navy);border-color:var(--navy);color:#fff}
.icr .icr-sending{display:flex;gap:9px;align-items:flex-start;margin:0 0 16px;padding:10px 13px;font-size:.86rem;color:var(--slate);
  background:#fff;border:1px solid var(--rule);border-left:3px solid var(--navy);border-radius:6px}
.icr .icr-sending.is-previous{border-left-color:var(--red)}
.icr .icr-sending b{color:var(--navy)}

.icr details{border-bottom:1px solid var(--rule);padding:18px 0}
.icr details summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:1rem;list-style:none;
  display:flex;justify-content:space-between;gap:18px;align-items:center}
.icr details summary::-webkit-details-marker{display:none}
.icr details summary::after{content:"+";color:var(--red);font-size:1.45rem;font-weight:600;line-height:1}
.icr details[open] summary::after{content:"–"}
.icr details p{margin:12px 0 0;color:var(--slate);max-width:74ch;font-size:.95rem}
.icr .icr-cite{margin:28px 0 0;font-size:.86rem;color:var(--muted)}
.icr .icr-source{margin:10px 0 0;font-size:.81rem;color:var(--muted);max-width:90ch}