@font-face{font-family:"Lilita One";src:url("/chess-run/assets/LilitaOne-Regular.ttf") format("truetype");font-display:swap}
:root{--cream:#fff1d8;--paper:#fffaf0;--gold:#d6a13c;--ink:#23364f;--brown:#684d38;--muted:#5b514a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#1f3a5c linear-gradient(180deg,#2c5d8f 0,#1f3a5c 420px) no-repeat;color:var(--ink);
font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic",sans-serif}
a{color:#1d5fa8}
a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
header{max-width:860px;margin:0 auto;padding:24px 20px 8px;display:flex;align-items:center;gap:14px;color:#fff}
header img{width:56px;height:56px;border-radius:14px;box-shadow:0 3px 10px rgba(0,0,0,.3)}
header .brand{font-family:"Lilita One",system-ui,sans-serif;font-size:30px;letter-spacing:.5px;text-shadow:0 2px 0 #10243b}
header .by{display:block;font:14px system-ui,sans-serif;opacity:.85;text-shadow:none}
nav{max-width:860px;margin:0 auto;padding:6px 20px 14px;display:flex;flex-wrap:wrap;gap:8px}
nav a{color:#fff;text-decoration:none;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:15px}
nav a[aria-current]{background:var(--gold);color:#2a1d10;font-weight:600}
.langs{max-width:860px;margin:0 auto;padding:0 20px 14px;color:#dbe7f5;font-size:14px}
.langs a{color:#fff;margin-inline-end:10px}
.langs a[aria-current]{font-weight:700;text-decoration:none}
main{max-width:860px;margin:0 auto 32px;background:var(--cream);border:4px solid var(--gold);border-radius:28px;
padding:28px 30px 34px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
h1{font-family:"Lilita One",system-ui,sans-serif;font-weight:400;color:var(--brown);font-size:34px;line-height:1.2;margin:0 0 6px}
h2{font-size:21px;margin:30px 0 8px;color:var(--ink);border-bottom:2px solid rgba(214,161,60,.45);padding-bottom:4px}
.meta{color:var(--muted);margin:0 0 18px}
p,li{overflow-wrap:anywhere}
ul,ol{padding-inline-start:24px}
li{margin:4px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}
.cards a{display:block;background:var(--paper);border:2px solid #b88d51;border-radius:18px;padding:16px 18px;text-decoration:none;color:var(--ink)}
.cards strong{display:block;font-size:19px;color:var(--brown)}
footer{max-width:860px;margin:0 auto;padding:0 20px 36px;color:#dbe7f5;font-size:14px}
footer a{color:#fff}
@media (max-width:560px){main{border-radius:20px;padding:20px 18px 26px}h1{font-size:28px}body{font-size:16px}}