:root{--ink:#1c2230;--mute:#5c6470;--line:#dfe3e8;--soft:#f3f5f7;--red:#c8102e;--redl:#fbe6e9;--w:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.55 Barlow,system-ui,sans-serif;color:var(--ink);background:var(--w)}
a{color:inherit}main a{text-decoration-color:var(--red);text-underline-offset:3px}
main{max-width:760px;margin:0 auto;padding:0 20px 60px}
h1,h2,.leaf-big,.leaf-label,caption,.k{font-family:"Barlow Condensed",Barlow,sans-serif;font-weight:700;line-height:1.05}
h1{font-size:clamp(34px,6vw,52px);margin:36px 0 22px;letter-spacing:-.01em}
h2{font-size:28px;margin:44px 0 12px}
.lead{font-size:19px;margin:22px 0}
.top{display:flex;align-items:center;gap:26px;padding:16px 20px;border-bottom:3px solid var(--ink);overflow-x:auto;white-space:nowrap}
.logo{font-family:"Barlow Condensed";font-weight:700;font-size:30px;text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--red)}
.top nav{display:flex;gap:18px;font-weight:500;font-size:15px}.top nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.top nav a[aria-current]{border-color:var(--red)}
/* yaprak */
.leaf{position:relative;width:min(100%,300px);margin:8px auto 0;padding:34px 20px 24px;text-align:center;background:var(--w);border:1px solid var(--line);border-top:none;box-shadow:0 2px 0 -1px #fff,0 3px 0 var(--line),0 5px 0 -1px #fff,0 6px 0 var(--line),0 14px 24px -10px rgba(28,34,48,.25)}
.leaf::before{content:"";position:absolute;left:0;right:0;top:0;height:0;border-top:2px dashed var(--line)}
.leaf::after{content:"";position:absolute;top:10px;left:50%;width:150px;height:14px;transform:translateX(-50%);background:radial-gradient(circle,var(--ink) 5px,transparent 6px) 0 0/50% 100% no-repeat,radial-gradient(circle,var(--ink) 5px,transparent 6px) 100% 0/50% 100% no-repeat}
.leaf-big{font-size:clamp(96px,26vw,150px);letter-spacing:-.04em;color:var(--red);margin-top:8px}
.leaf-label{font-size:30px;letter-spacing:.01em}.leaf-sub{color:var(--mute);margin-top:6px;font-size:17px}
/* listeler */
.yak{list-style:none;padding:0;margin:0}.yak li{display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.k{font-size:40px;min-width:62px;text-align:right;color:var(--red)}.yak li strong{font-size:18px}
.list{padding-left:20px}.list li{margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.grid a{text-decoration:none;padding:14px;background:var(--soft);border-left:4px solid var(--ink)}.grid a strong{display:block;font-size:17px}.grid a span{color:var(--mute);font-size:14px}
/* tablo */
.tbl{width:100%;border-collapse:collapse;font-size:16px}.tbl th{text-align:left;border-bottom:2px solid var(--ink);padding:8px 6px}.tbl td{padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr.tam td:first-child{color:var(--red);font-weight:600}.tbl tr.yarim{color:var(--mute)}.tbl tr.gecti{color:var(--mute)}
.note{color:var(--mute);font-size:15px}
/* takvim ızgarası */
.cal{border-collapse:collapse;width:100%;text-align:center}.cal caption{text-align:left;font-size:22px;padding:0 0 6px}
.cal th{font-weight:500;font-size:12px;color:var(--mute);padding:4px 0;border-bottom:1px solid var(--line)}.cal th:last-child{color:var(--red)}
.cal td{padding:5px 0;font-size:14px;height:30px}.cal td.pz{color:var(--red)}.cal td.tt{background:var(--red);color:#fff;font-weight:600}.cal td.ya{background:var(--redl);color:var(--red)}
.cal td.bugun{outline:2px solid var(--ink);outline-offset:-2px;font-weight:700}
.year{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px 22px}.mini{text-decoration:none}.mini .cal td{font-size:12px;height:24px;padding:2px 0}
.big .cal{font-size:18px}.big .cal caption{display:none}.big .cal td{height:56px;font-size:20px}.big .cal th{font-size:13px}
.pn{display:flex;justify-content:space-between;margin:28px 0;font-weight:500}
/* hesap */
.calc{display:grid;gap:12px;padding:20px;background:var(--soft);border-left:4px solid var(--red)}
.calc label{display:grid;gap:4px;font-size:14px;color:var(--mute)}.calc input{font:inherit;font-size:17px;padding:8px;border:1px solid var(--line);background:#fff}
.calc button{font:inherit;font-weight:600;padding:10px 18px;background:var(--ink);color:#fff;border:0;cursor:pointer;justify-self:start}
.calc output{display:block;font-size:20px;font-weight:500;min-height:1.4em}.calc output span{color:var(--red);font-family:"Barlow Condensed";font-size:34px;font-weight:700}
.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:600;font-size:17px}.faq p{margin:8px 0 4px;color:var(--mute)}
footer{border-top:3px solid var(--ink);padding:24px 20px;font-size:14px;color:var(--mute);max-width:800px;margin:0 auto}footer a{text-decoration:none}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:560px){.top{gap:16px;padding:12px 16px}.logo{font-size:26px}main{padding:0 16px 40px}.big .cal td{height:44px;font-size:17px}}
@media print{.top,footer,.faq,.grid{display:none}}