:root{--lac:#14213d;--lac2:#1f3361;--sari:#fcca46;--sari2:#fff4cc;--kagit:#fffdf6;--murekkep:#121826;--soluk:#4b5563;--cizgi:#d9d3bf}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:17px/1.6 "Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Arial,sans-serif;font-stretch:condensed}
a{color:var(--lac2)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--sari);outline-offset:2px}
.ust{background:var(--lac);color:#fff;border-bottom:6px solid var(--sari)}
.ust .ic{max-width:1080px;margin:0 auto;padding:12px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;align-items:center}
.logo b{background:var(--sari);color:var(--lac);padding:2px 8px;border-radius:3px}
.ust nav{display:flex;gap:14px;flex-wrap:wrap;font-size:15px}.ust nav a{color:#e5e7eb;text-decoration:none}.ust nav a:hover{color:var(--sari)}
main{max-width:1080px;margin:0 auto;padding:22px 16px 40px}
h1{font-size:clamp(28px,5vw,44px);line-height:1.1;margin:6px 0 10px;color:var(--lac);letter-spacing:-.01em}
h2{font-size:26px;color:var(--lac);margin:34px 0 10px;border-bottom:3px solid var(--sari);display:inline-block;padding-bottom:2px}
.giris{max-width:760px;font-size:19px}.not{font-size:14px;color:var(--soluk)}
.ekmek{font-size:14px;color:var(--soluk);margin:0}.ekmek a{color:inherit}
form.giris-kutu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:var(--lac);color:#fff;padding:16px;border-radius:6px;margin:18px 0}
form.giris-kutu label{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#cbd5e1;margin-bottom:4px}
form.giris-kutu input,form.giris-kutu select{width:100%;font:inherit;font-size:20px;padding:8px 10px;border:2px solid var(--sari);border-radius:4px;background:#fff;color:var(--murekkep)}
form.giris-kutu small{display:block;font-size:12.5px;color:#cbd5e1;margin-top:4px}
.makbuzlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:6px 0 10px}
.makbuz{background:#fff;border:2px dashed var(--lac);border-radius:4px;padding:16px 18px;position:relative;font-variant-numeric:tabular-nums}
.makbuz::before{content:"";position:absolute;left:-2px;right:-2px;top:-9px;height:9px;background:radial-gradient(circle at 6px 0,var(--kagit) 5px,transparent 6px) repeat-x;background-size:12px 9px}
.makbuz h3{margin:0 0 2px;font-size:20px;color:var(--lac);text-transform:uppercase;letter-spacing:.05em}
.makbuz .alt{margin:0 0 10px;font-size:14px;color:var(--soluk)}
.makbuz dl{margin:0;display:grid;grid-template-columns:1fr auto;row-gap:6px;column-gap:10px}
.makbuz dt{color:var(--soluk)}.makbuz dd{margin:0;text-align:right;font-weight:700}
.makbuz .toplam{border-top:2px solid var(--murekkep);margin-top:10px;padding-top:8px;display:flex;justify-content:space-between;font-size:22px;font-weight:700}
.makbuz.vurgu{border-color:#b45309;background:var(--sari2)}
.fark{background:var(--sari);color:var(--lac);padding:12px 16px;border-radius:4px;font-weight:700;margin:6px 0 16px}
.yazi{max-width:780px}.yazi p,.yazi li{font-size:18px}
.formul{font-family:ui-monospace,Consolas,monospace;font-size:15px;background:#fff;border-left:6px solid var(--sari);padding:10px 14px;overflow-x:auto}
.tablo{overflow-x:auto;margin:10px 0}.tablo table{border-collapse:collapse;width:100%;min-width:480px;background:#fff;font-variant-numeric:tabular-nums}
.tablo th,.tablo td{padding:8px 10px;border-bottom:1px solid var(--cizgi);text-align:right}.tablo th:first-child,.tablo td:first-child{text-align:left}
.tablo thead th{background:var(--lac);color:#fff;font-weight:700}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:12px 0}
.kartlar a{display:block;background:#fff;border:2px solid var(--lac);border-radius:4px;padding:14px;text-decoration:none;color:var(--murekkep)}
.kartlar a:hover{background:var(--sari2)}.kartlar b{display:block;color:var(--lac);font-size:19px;margin-bottom:4px}
details{background:#fff;border:1px solid var(--cizgi);border-radius:4px;margin:0 0 8px;padding:0 14px}summary{cursor:pointer;padding:11px 0;font-weight:700;color:var(--lac)}details p{margin:0 0 12px}
.serit{margin:22px 0;padding:14px;border:2px solid var(--lac);border-radius:4px;background:#fff}
.serit p{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.serit p span{font-size:12.5px;color:var(--soluk)}
.serit ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.serit a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;background:var(--lac);color:#fff;font-weight:700;text-decoration:none;border-radius:4px;border-bottom:3px solid var(--sari)}
.serit img{width:46px;height:23px;object-fit:contain;background:#000;border-radius:3px}.serit small{display:block;margin-top:8px;font-size:13px;color:var(--soluk)}
footer{background:var(--lac);color:#cbd5e1;font-size:14px}footer .ic{max-width:1080px;margin:0 auto;padding:18px 16px}footer a{color:#fff}
@media (max-width:860px){form.giris-kutu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.makbuzlar{grid-template-columns:minmax(0,1fr)}.serit ul{grid-template-columns:repeat(2,minmax(0,1fr))}form.giris-kutu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}form.giris-kutu>div:last-child{grid-column:1/-1}form.giris-kutu input{font-size:18px;padding:7px 8px}form.giris-kutu label{font-size:12px}}