
@font-face{font-family:DhiBakuru;src:url('/assets/dhibakuru-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DhiBakuru;src:url('/assets/dhibakuru-bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#faf8ef;color:#123252;font-family:DhiBakuru,sans-serif}a{color:inherit}header{border-bottom:1px solid #12325222;background:#f6bf04}nav{max-width:1140px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:20px;direction:ltr;font-family:system-ui,sans-serif}nav .brand{font-weight:700;text-decoration:none;letter-spacing:2px;font-size:13px}nav .tabs{display:flex;gap:8px;flex-wrap:wrap}nav .tabs a{font-size:14px;text-decoration:none;padding:10px 14px;border-radius:30px}nav .tabs a.active,nav .tabs a:hover{background:#123252;color:white}main{max-width:1120px;margin:0 auto;padding:32px 22px 60px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;direction:ltr}.layout article,.layout aside{direction:rtl}.layout article{min-width:0}.section-menu{display:grid;gap:9px;margin-bottom:24px}.section-menu a{display:block;padding:14px 17px;background:#fff;border-radius:10px;text-decoration:none;font-size:18px;line-height:1.9;border:1px solid #12325218}.section-menu a[aria-current=page]{background:#123252;color:white}.overview-link{display:block;margin-bottom:20px;font-size:20px;line-height:1.8}article{background:white;border-radius:16px;padding:34px;box-shadow:0 8px 30px #12325208}h1{font-size:clamp(27px,3.2vw,38px);line-height:1.9;margin:0 0 24px;font-weight:700}h2{font-size:25px;line-height:1.9;margin:30px 0 12px}h3{font-size:23px;line-height:1.9}p,li{font-size:21px;line-height:2.15;margin:0 0 20px;overflow-wrap:anywhere}.hero{border-bottom:3px solid #f6bf04;margin-bottom:26px}.accent{display:none}.reform{margin-top:25px}.reform h2{margin-top:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic{padding:24px;background:white;border-radius:14px;text-decoration:none;display:block;border-top:4px solid #f6bf04}.topic h2{font-size:25px;margin:0}.share{direction:ltr;margin-top:30px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-family:system-ui,sans-serif}.share button{border:0;border-radius:25px;padding:12px 19px;background:#123252;color:white;font-size:14px;cursor:pointer}.share output{font-size:13px}.pager{display:flex;justify-content:space-between;gap:20px;margin-top:30px;flex-wrap:wrap;font-family:system-ui,sans-serif;font-size:14px}.pager a{padding:12px 16px;background:#f6bf04;border-radius:22px;text-decoration:none}footer{padding:25px;text-align:center;font-family:system-ui,sans-serif;font-size:13px;color:#526475}a:focus-visible,button:focus-visible{outline:3px solid #2d79ce;outline-offset:4px}@media(max-width:780px){.layout{grid-template-columns:1fr}.layout aside{order:2}article{padding:23px}.cards{grid-template-columns:1fr}main{padding:24px 14px 40px}p,li{font-size:20px}.section-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.section-menu a{font-size:17px;padding:11px}nav{padding:12px 14px;gap:8px}nav .tabs a{padding:9px 12px}}@media(max-width:400px){nav .brand{font-size:11px;letter-spacing:1px}.section-menu{grid-template-columns:1fr}article{padding:18px}}

.site-logo{display:block;width:145px;max-width:30vw;height:auto;mix-blend-mode:multiply}

.reading-time{display:block;width:fit-content;margin:-8px 0 24px auto;padding:7px 12px;border-radius:20px;background:#f7f1d9;color:#526475;font:13px/1.5 system-ui,sans-serif}article h1{margin-bottom:18px}

.topics-index .site-logo{width:95px;max-width:24vw;height:auto}@media(max-width:420px){.topics-index .site-logo{width:80px}}
