/* ---------- Yazi tipleri: kendi sunucumuzda (DSGVO) ---------- */
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Literata";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/literata-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Literata";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/literata-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Literata";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/literata-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Literata";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/literata-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Literata";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/literata-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Literata";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/literata-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

  :root{
    --paper:#FBF9F3;
    --panel:#FFFFFF;
    --ink:#1D3557;
    --ink-soft:#4C6489;
    --rule:#C9D7E6;
    --red:#A82A2F;
    --green:#1C6B52;
    --green-bg:#F0F5F0;
    --sand:#EDE6D6;
    --text:#232F3D;
    --text-soft:#5A6875;

    box-sizing:border-box;
    padding-top:env(safe-area-inset-top, 0px);
    padding-bottom:env(safe-area-inset-bottom, 0px);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --paper:#101720;
      --panel:#17202C;
      --ink:#A9C6EA;
      --ink-soft:#8CA5C4;
      --rule:#2B3B50;
      --red:#E8888C;
      --green:#78C2A5;
      --green-bg:#16241F;
      --sand:#1F2935;
      --text:#DCE4ED;
      --text-soft:#9AA8B7;
    }
  }
  :root[data-theme="dark"]{
    --paper:#101720;
    --panel:#17202C;
    --ink:#A9C6EA;
    --ink-soft:#8CA5C4;
    --rule:#2B3B50;
    --red:#E8888C;
    --green:#78C2A5;
    --green-bg:#16241F;
    --sand:#1F2935;
    --text:#DCE4ED;
    --text-soft:#9AA8B7;
  }
  html{ scroll-padding-top:env(safe-area-inset-top, 0px); -webkit-text-size-adjust:100%; }
  *,*::before,*::after{ box-sizing:border-box; }

  body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:"Atkinson Hyperlegible","Verdana","Segoe UI",system-ui,sans-serif;
    font-size:17px;
    line-height:1.6;
  }
  .wrap{ max-width:44rem; margin:0 auto; padding:1.5rem 1.15rem 4rem; }

  /* ---------- Hero ---------- */
  .hero{ padding:2rem 0 1.25rem; }
  .slip{
    background:var(--panel);
    border:1px solid var(--rule);
    border-radius:2px;
    box-shadow:0 10px 24px rgba(29,53,87,.13);
    transform:rotate(-1.6deg);
    padding:1rem 1.1rem 1.15rem;
    max-width:21rem;
    margin-bottom:1.6rem;
  }
  .slip-head{
    font-weight:700; color:var(--ink); font-size:.95rem;
    border-bottom:2px solid var(--ink); padding-bottom:.35rem; margin-bottom:.6rem;
  }
  .slip-row{
    display:flex; align-items:center; gap:.65rem;
    padding:.3rem 0;
    background-image:linear-gradient(to bottom, transparent calc(100% - 1px), var(--rule) calc(100% - 1px));
    color:var(--ink-soft); font-size:.95rem;
  }
  .box{
    position:relative; flex:0 0 auto;
    width:1.15rem; height:1.15rem;
    border:1.5px solid var(--ink-soft); border-radius:1px;
  }
  .box svg{ position:absolute; inset:-28%; width:156%; height:156%; }

  h1{
    font-size:clamp(1.85rem,6.2vw,2.7rem);
    line-height:1.12; margin:0 0 .3rem; color:var(--ink);
    letter-spacing:-.015em;
  }
  .hero .sub{
    font-family:"Literata",Georgia,serif;
    font-size:1.05rem; color:var(--text-soft); margin:0 0 1.2rem; max-width:32rem;
  }
  .tagline{
    display:inline-block; font-size:.85rem; color:var(--ink-soft);
    border:1px solid var(--rule); border-radius:999px; padding:.22rem .7rem;
  }

  /* ---------- How to use ---------- */
  .howto{
    background:var(--sand); border-radius:4px;
    padding:1.1rem 1.2rem; margin:1.8rem 0 2.6rem;
  }
  .howto h2{ font-size:1.05rem; margin:0 0 .5rem; color:var(--ink); }
  .howto ul{ margin:0; padding-left:1.1rem; font-family:"Literata",Georgia,serif; font-size:.96rem; }
  .howto li{ margin:.3rem 0; }

  /* ---------- Chapters ---------- */
  .chapter{ margin:3.2rem 0 0; }
  .chapter > h2{
    font-size:1.5rem; color:var(--ink); margin:0 0 .15rem; line-height:1.2;
  }
  .chapter > .tr-title{
    font-family:"Literata",Georgia,serif; color:var(--green);
    font-size:1rem; margin:0 0 1.6rem; padding-bottom:.9rem;
    border-bottom:2px solid var(--rule);
  }
  .num{ color:var(--ink-soft); font-weight:400; }

  .topic{ margin:0 0 2.6rem; }
  .topic h3{
    font-size:1.15rem; margin:0 0 .1rem; color:var(--text);
  }
  .topic .tr-sub{
    font-family:"Literata",Georgia,serif; font-style:italic;
    color:var(--text-soft); font-size:.94rem; margin:0 0 .9rem;
  }

  .de{
    border-left:3px solid var(--ink);
    padding:.1rem 0 .1rem 1rem;
    color:var(--ink);
  }
  .de p{ margin:.55rem 0; }
  .de ul{ margin:.55rem 0; padding-left:1.15rem; }
  .de li{ margin:.35rem 0; }
  .de b{ font-weight:700; }

  .tr{
    background:var(--green-bg);
    border-left:3px solid var(--green);
    padding:.75rem 1rem;
    margin:.9rem 0 0;
    font-family:"Literata",Georgia,serif;
    font-size:.97rem;
    line-height:1.65;
  }
  .tr p{ margin:.45rem 0; }
  .tr p:first-child{ margin-top:0; }
  .tr p:last-child{ margin-bottom:0; }
  .tr ul{ margin:.45rem 0; padding-left:1.1rem; }

  .merke{
    margin:1rem 0 0; padding:.8rem 1rem;
    border:1.5px solid var(--red); border-radius:3px;
  }
  .merke .label{ color:var(--red); font-weight:700; font-size:.82rem; }
  .merke .satz{ color:var(--ink); margin:.25rem 0 .35rem; }
  .merke .cev{ font-family:"Literata",Georgia,serif; font-size:.92rem; color:var(--text-soft); margin:0; }

  .task{
    margin:.9rem 0 0; padding-left:1rem;
    border-left:3px dotted var(--ink-soft);
    font-size:.95rem; color:var(--text-soft);
  }
  .task .label{ color:var(--ink); font-weight:700; }

  /* ---------- Vocabulary ---------- */
  .tablewrap{ overflow-x:auto; margin:1.2rem 0 0; }
  table{ border-collapse:collapse; width:100%; min-width:26rem; font-size:.95rem; }
  th,td{ text-align:left; padding:.45rem .6rem; border-bottom:1px solid var(--rule); vertical-align:top; }
  th{ color:var(--ink-soft); font-size:.82rem; font-weight:700; }
  td:first-child{ color:var(--ink); font-weight:700; white-space:nowrap; }
  td:last-child{ font-family:"Literata",Georgia,serif; color:var(--text-soft); }

  /* ---------- Questions ---------- */
  details{
    border-bottom:1px solid var(--rule);
    padding:.75rem 0;
  }
  summary{
    cursor:pointer; color:var(--ink); font-weight:700; list-style:none;
    display:flex; gap:.6rem; align-items:baseline;
  }
  summary::-webkit-details-marker{ display:none; }
  summary::before{
    content:"?"; color:var(--red); font-weight:700; flex:0 0 auto;
  }
  summary:focus-visible{ outline:2px solid var(--red); outline-offset:3px; }
  details > div{
    margin:.55rem 0 0 1.25rem;
    font-family:"Literata",Georgia,serif; font-size:.95rem;
  }
  details .tr-ans{ color:var(--green); margin-top:.3rem; }

  .cta{
    margin:3.4rem 0 0;
    background:var(--sand);
    border-radius:4px;
    padding:1.5rem 1.3rem 1.6rem;
    text-align:center;
  }
  .cta h2{ font-size:1.3rem; margin:0 0 .4rem; color:var(--ink); }
  .cta p{
    font-family:"Literata",Georgia,serif; font-size:.96rem;
    margin:.5rem auto; max-width:30rem; color:var(--text);
  }
  .cta .units{ color:var(--text-soft); font-size:.91rem; }
  .cta-btn{
    display:inline-block; margin:1.1rem 0 .3rem;
    background:var(--ink); color:var(--paper);
    text-decoration:none; font-weight:700; font-size:1.02rem;
    padding:.85rem 1.7rem; border-radius:3px;
    border:2px solid var(--ink);
  }
  .cta-btn:hover{ background:transparent; color:var(--ink); }
  .cta-btn:focus-visible{ outline:2px solid var(--red); outline-offset:3px; }
  .cta .fine{ font-size:.85rem; color:var(--text-soft); margin-top:.8rem; }

  footer{
    margin-top:3.5rem; padding-top:1.2rem; border-top:2px solid var(--rule);
    font-size:.88rem; color:var(--text-soft);
    font-family:"Literata",Georgia,serif;
  }
  a{ color:var(--ink); }

/* ---------- Geri linki ---------- */
.backlink{ margin:.2rem 0 0; font-size:.9rem; }
.backlink a{ color:var(--ink-soft); text-decoration:none; }
.backlink a:hover{ color:var(--ink); text-decoration:underline; }

/* ---------- Goz gorseli (unite 2) ---------- */
.slip-eye{ padding:1.3rem 1.2rem 1rem; transform:rotate(-1.2deg); }
.slip-eye svg{ display:block; width:100%; height:auto; }
.slip-eye svg .ink{ stroke:var(--ink); fill:none; }
.slip-eye svg .accent{ stroke:var(--rule); fill:none; }
.slip-eye svg .hot{ fill:var(--red); stroke:none; }
.slip-eye svg .hotline{ stroke:var(--red); fill:none; }
.slip-cap{
  margin-top:.5rem; text-align:center; color:var(--ink);
  font-weight:700; font-size:.92rem;
  border-top:2px solid var(--ink); padding-top:.4rem;
}

/* ---------- Unite menusu ---------- */
.units-list{ margin:2.2rem 0 0; }
.unit-card{
  display:block; text-decoration:none; color:inherit;
  border:1px solid var(--rule); border-left:4px solid var(--ink);
  border-radius:3px; background:var(--panel);
  padding:1rem 1.1rem; margin:0 0 .85rem;
}
a.unit-card:hover{ border-left-color:var(--red); }
a.unit-card:focus-visible{ outline:2px solid var(--red); outline-offset:3px; }
.unit-card.soon{ border-left-color:var(--rule); background:transparent; }
.unit-no{ color:var(--ink-soft); font-size:.8rem; font-weight:700; }
.unit-card h3{ margin:.1rem 0 .1rem; font-size:1.1rem; color:var(--ink); }
.unit-card .tr-name{
  font-family:"Literata",Georgia,serif; font-size:.94rem;
  color:var(--text-soft); margin:0 0 .35rem;
}
.unit-card .topics{ font-size:.88rem; color:var(--text-soft); margin:0; }
.badge{
  display:inline-block; font-size:.74rem; font-weight:700;
  padding:.12rem .5rem; border-radius:999px; margin-left:.4rem;
  border:1px solid var(--green); color:var(--green);
}
.badge.wait{ border-color:var(--rule); color:var(--text-soft); }
.badge.paid{ border-color:var(--red); color:var(--red); }
.unit-card.locked{ border-left-color:var(--red); background:transparent; }
.cta .price{
  font-weight:700; color:var(--ink); font-size:1.15rem;
  font-family:"Atkinson Hyperlegible","Verdana",sans-serif;
  margin:.9rem 0 .2rem;
}
.credit{
  margin-top:1.1rem; padding-top:.9rem; border-top:1px solid var(--rule);
  font-size:.86rem; color:var(--text-soft); letter-spacing:.02em;
}

/* ---------- Satin alma sayfasi ---------- */
.buybox{
  background:var(--sand); border-radius:4px;
  padding:1.4rem 1.3rem 1.6rem; margin:2rem 0 0;
}
.buybox h2{ margin:0 0 .5rem; font-size:1.25rem; color:var(--ink); }
.pricetag{
  font-size:2.2rem; font-weight:700; color:var(--ink);
  line-height:1.1; margin:.9rem 0 .1rem;
}
.pricetag small{ font-size:.95rem; font-weight:400; color:var(--text-soft); display:block; margin-top:.2rem; }
.paybtn{
  display:block; text-align:center; text-decoration:none;
  background:var(--ink); color:var(--paper);
  font-weight:700; font-size:1.05rem;
  padding:.95rem 1.2rem; border-radius:3px;
  border:2px solid var(--ink); margin:1.2rem 0 .5rem;
}
.paybtn:hover{ background:transparent; color:var(--ink); }
.paybtn.alt{ background:transparent; color:var(--ink); }
.paybtn.alt:hover{ background:var(--ink); color:var(--paper); }
.paybtn:focus-visible{ outline:2px solid var(--red); outline-offset:3px; }
.steps{ counter-reset:s; margin:1.6rem 0 0; padding:0; list-style:none; }
.steps li{
  counter-increment:s; position:relative;
  padding:0 0 .9rem 2.3rem; font-family:"Literata",Georgia,serif; font-size:.97rem;
}
.steps li::before{
  content:counter(s); position:absolute; left:0; top:-.1rem;
  width:1.6rem; height:1.6rem; border-radius:50%;
  background:var(--ink); color:var(--paper);
  font-family:"Atkinson Hyperlegible",sans-serif; font-weight:700; font-size:.85rem;
  display:flex; align-items:center; justify-content:center;
}
.included{ margin:1.2rem 0 0; padding-left:1.15rem; font-family:"Literata",Georgia,serif; font-size:.96rem; }
.included li{ margin:.3rem 0; }
.warnline{
  margin:1.1rem 0 0; padding:.75rem .9rem;
  border-left:3px solid var(--red); background:var(--panel);
  font-family:"Literata",Georgia,serif; font-size:.93rem;
}

/* ---------- Yasal linkler ---------- */
.legal-links{ margin:.5rem 0 0; font-size:.84rem; }
.legal-links a{ color:var(--text-soft); margin-right:1rem; }
.legal-links a:hover{ color:var(--ink); }

/* ---------- Odeme formu ---------- */
.field{ display:block; margin:1.3rem 0 0; }
.field span{ display:block; font-weight:700; color:var(--ink); font-size:.95rem; margin-bottom:.35rem; }
.field small{ display:block; font-family:"Literata",Georgia,serif; color:var(--text-soft); font-size:.86rem; margin-top:.3rem; }
.field input{
  width:100%; font:inherit; font-size:1rem; color:var(--text);
  background:var(--panel); border:1.5px solid var(--rule); border-radius:3px;
  padding:.7rem .8rem;
}
.field input:focus{ outline:2px solid var(--ink); outline-offset:1px; border-color:var(--ink); }
.consent{
  display:flex; gap:.7rem; align-items:flex-start;
  margin:1.2rem 0 0; padding:.9rem 1rem;
  background:var(--panel); border:1.5px solid var(--rule); border-radius:3px;
  cursor:pointer;
}
.consent input{ width:1.2rem; height:1.2rem; margin:.15rem 0 0; flex:0 0 auto; accent-color:var(--ink); }
.consent .de-text{ font-size:.93rem; color:var(--text); }
.consent .tr-text{ display:block; margin-top:.4rem; font-family:"Literata",Georgia,serif; font-size:.88rem; color:var(--text-soft); }
.orderlabel{ margin:1.5rem 0 .6rem; font-weight:700; color:var(--ink); font-size:1rem; }
.legal-note{ font-size:.86rem; color:var(--text-soft); margin:.9rem 0 0; }
.legal-note a{ color:var(--ink-soft); }
.msg{ margin:1rem 0 0; min-height:1.4em; font-weight:700; }
.msg.err{ color:var(--red); }
.msg.ok{ color:var(--green); }
.owned{
  margin:1.8rem 0 0; padding:1rem 1.1rem;
  border:1.5px solid var(--green); border-radius:4px; background:var(--green-bg);
  font-family:"Literata",Georgia,serif; font-size:.96rem;
}
.owned b{ font-family:"Atkinson Hyperlegible",sans-serif; color:var(--green); }
.sandbox-flag{
  display:inline-block; margin:0 0 1rem; padding:.25rem .6rem; border-radius:3px;
  background:var(--red); color:var(--paper); font-size:.8rem; font-weight:700;
}
[hidden]{ display:none !important; }

  @media print{
    body{ background:#fff; font-size:11.5pt; }
    .slip{ box-shadow:none; transform:none; }
    details{ break-inside:avoid; }
    details > div{ display:block !important; }
    .cta{ display:none; }
    .topic{ break-inside:avoid; }
  }