@font-face{font-family:'Baloo';src:url(/help/fonts/baloo.woff2) format('woff2');font-weight:400 800;font-display:swap}
:root{--ink:#16202b;--muted:#5a6776;--line:#e3e9ee;--brand:#0f6b4d;--brand2:#14a377;--gold:#b77d0b;--soft:#f4f8f6;--red:#e11d2e;--warn:#fff6e5;--r:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',sans-serif}
html[lang=en] [data-lang]:not([data-lang=en]){display:none!important}html[lang=tr] [data-lang]:not([data-lang=tr]){display:none!important}html[lang=de] [data-lang]:not([data-lang=de]){display:none!important}html[lang=fr] [data-lang]:not([data-lang=fr]){display:none!important}
a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand2)}
img{max-width:100%;height:auto}
.bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.bar .in{max-width:1320px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 1.3rem/1 'Baloo',system-ui,sans-serif}
.brand img{width:42px;height:42px;object-fit:contain}
.brand b{color:var(--brand)}
nav.main{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
nav.main a{padding:8px 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.93rem}
nav.main a:hover{background:var(--soft)}nav.main a[aria-current=page]{background:#e6f4ee;color:var(--brand)}
.lang{position:relative}
.lang>button{font:inherit;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.lang>button svg{width:10px;height:10px;transition:transform .15s}.lang>button[aria-expanded=true] svg{transform:rotate(180deg)}
.lang ul{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(15,30,45,.14);z-index:60}
.lang ul[hidden]{display:none}
.lang li button{width:100%;text-align:left;font:inherit;font-size:.92rem;padding:9px 12px;border:0;border-radius:9px;background:none;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between}
.lang li button:hover{background:var(--soft)}.lang li button[aria-pressed=true]{font-weight:700;color:var(--brand)}
.lang li button[aria-pressed=true]::after{content:'✓'}
.hero{background:radial-gradient(1200px 380px at 85% -20%,#d9f2e6 0,transparent 60%),linear-gradient(180deg,#f3faf6,#fff);border-bottom:1px solid var(--line)}
.hero .in{max-width:1320px;margin:0 auto;padding:56px 28px 40px}
.eyebrow{display:inline-block;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);background:#e3f3eb;border-radius:999px;padding:5px 12px}
h1{font:800 clamp(2.1rem,4.4vw,3.3rem)/1.08 'Baloo',system-ui,sans-serif;margin:.45em 0 .25em;letter-spacing:-.01em}
.lead{font-size:1.18rem;color:#33414f;max-width:820px;margin:.3em 0}
.meta{color:var(--muted);font-size:.9rem;margin-top:1em}
.wrap{max-width:1320px;margin:0 auto;padding:36px 28px 96px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:64px}
aside.toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow:auto;padding-right:8px;font-size:.93rem}
aside.toc h4{margin:0 0 .6em;font:800 .78rem/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
aside.toc a{display:block;padding:7px 12px;border-left:3px solid var(--line);color:var(--ink);text-decoration:none;line-height:1.35}
aside.toc a:hover{border-left-color:var(--brand2);background:var(--soft)}
aside.toc a.on{border-left-color:var(--brand);background:#e9f6f0;color:var(--brand);font-weight:700}
main{min-width:0;max-width:980px}
main h2{font:800 clamp(1.5rem,2.6vw,2rem)/1.2 'Baloo',system-ui,sans-serif;margin:2.1em 0 .5em;padding-top:.2em;letter-spacing:-.005em}
main h2:first-child{margin-top:0}
main h3{font-size:1.15rem;margin:1.6em 0 .3em}
main p,main li{color:#26323f}
main ul,main ol{padding-left:1.3em}main li{margin:.35em 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:1.2em 0}
.card{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:#fff;box-shadow:0 1px 2px rgba(20,40,30,.04);text-decoration:none;color:inherit;display:block}
a.card:hover{border-color:var(--brand2);box-shadow:0 8px 24px rgba(15,107,77,.12);transform:translateY(-1px)}
.card .ic{font-size:1.6rem;line-height:1}
.card h3{margin:.5em 0 .25em;font-size:1.08rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.callout{border-radius:var(--r);padding:16px 20px;margin:1.4em 0;border:1px solid;display:flex;gap:14px}
.callout .ic{font-size:1.3rem;line-height:1.5}.callout p{margin:.2em 0}
.callout.info{background:#eef7ff;border-color:#c9e2fb}.callout.warn{background:var(--warn);border-color:#f3dba8}
.callout.danger{background:#fff0f1;border-color:#f6c2c7}.callout.legal{background:var(--soft);border-color:var(--line)}
.steps{list-style:none;counter-reset:s;padding:0;margin:1.2em 0}
.steps>li{counter-increment:s;position:relative;padding:4px 0 18px 54px;margin:0}
.steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;font:800 1rem/36px system-ui;text-align:center}
.steps>li::after{content:'';position:absolute;left:17px;top:40px;bottom:2px;width:2px;background:var(--line)}
.steps>li:last-child::after{display:none}
.guide{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:start;margin:1.6em 0}
.guide.flip{grid-template-columns:minmax(0,1fr) minmax(0,320px)}.guide.flip figure{order:2}
figure.shot{margin:0}
figure.shot img{display:block;width:100%;border-radius:30px;border:1px solid var(--line);box-shadow:0 18px 40px -12px rgba(15,40,30,.35),0 2px 6px rgba(15,40,30,.1);background:#0b1d17}
figure.shot figcaption{font-size:.86rem;color:var(--muted);text-align:center;margin-top:.9em}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,260px));gap:22px;justify-content:center;margin:1.6em 0}
ol.legend{list-style:none;counter-reset:l;padding:0;margin:.8em 0}
ol.legend>li{counter-increment:l;position:relative;padding:5px 0 5px 40px;margin:.15em 0}
ol.legend>li::before{content:counter(l);position:absolute;left:0;top:5px;width:26px;height:26px;border-radius:13px;background:var(--red);color:#fff;font:800 .85rem/26px system-ui;text-align:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
table{border-collapse:separate;border-spacing:0;width:100%;margin:1.2em 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.96rem}
th,td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{background:var(--soft);font-weight:700}tr:last-child td{border-bottom:0}
details.faq{border:1px solid var(--line);border-radius:12px;margin:.6em 0;background:#fff}
details.faq summary{cursor:pointer;padding:15px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}details.faq summary::after{content:'+';font-size:1.3rem;line-height:1;color:var(--brand)}
details.faq[open] summary::after{content:'–'}details.faq[open]{border-color:#bfe3d3;background:#fbfefd}
details.faq .a{padding:0 18px 16px}details.faq .a p{margin:.4em 0}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:1.2em 0;padding:0;list-style:none}
.rules li{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0;background:linear-gradient(180deg,#fff,#f7fbf9)}
.rules b{display:block;margin-bottom:.2em;color:var(--brand)}
.kv{display:grid;grid-template-columns:200px 1fr;gap:6px 24px;margin:1em 0}.kv dt{font-weight:700}.kv dd{margin:0}
code,.mono{font:600 .92em ui-monospace,Menlo,monospace;background:var(--soft);padding:2px 7px;border-radius:6px}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px}.btn:hover{background:var(--brand2);color:#fff}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
footer.site{border-top:1px solid var(--line);background:var(--soft)}
footer.site .in{max-width:1320px;margin:0 auto;padding:36px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;font-size:.93rem;color:var(--muted)}
footer.site a{display:block;color:var(--ink);text-decoration:none;padding:3px 0}footer.site a:hover{color:var(--brand)}
footer.site h4{margin:0 0 .5em;color:var(--ink);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
details.tocm{display:none}
@media (max-width:1020px){
 .wrap{grid-template-columns:1fr;gap:12px;padding-top:20px}
 aside.toc{display:none}
 details.tocm{display:block;border:1px solid var(--line);border-radius:12px;margin:0 0 16px;background:var(--soft)}
 details.tocm summary{padding:12px 16px;font-weight:700;cursor:pointer}
 details.tocm a{display:block;padding:8px 16px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
 .guide,.guide.flip{grid-template-columns:1fr}.guide.flip figure{order:0}
 figure.shot{max-width:340px;margin:0 auto}
 .hero .in{padding:36px 20px 28px}.bar .in{padding:8px 16px}nav.main{margin-left:0;order:3;width:100%}
 footer.site .in{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:0}.kv dd{margin-bottom:.8em}
}
@media print{.bar,aside.toc,footer.site,details.tocm{display:none}.wrap{display:block}}
