
:root{color-scheme:light;--ink:#18181b;--muted:#65656c;--line:#e6e6e8;--red:#c91632;--soft:#f8f8fa;--bg:#f4f4f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,"Segoe UI",sans-serif;line-height:1.95}
a{color:#a50e27;text-underline-offset:4px}a:focus-visible{outline:3px solid #c91632;outline-offset:3px}
.header{background:#111115;border-bottom:4px solid var(--red);color:#fff}.header-inner{max-width:940px;margin:auto;padding:16px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.brand{font-size:1.3rem;color:#fff;font-weight:800;text-decoration:none;letter-spacing:-.3px}.brand span{color:#fa5064}.topnav{display:flex;gap:16px;flex-wrap:wrap}.topnav a{color:#fff;text-decoration:none;font-size:.9rem}.topnav a:hover{text-decoration:underline}
.container{max-width:940px;margin:35px auto 65px;padding:0 18px}.paper{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 44px;box-shadow:0 12px 36px rgba(18,18,24,.04)}
.eyebrow{font-size:.84rem;letter-spacing:.5px;color:var(--red);font-weight:800}.hero-title{font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.5;letter-spacing:-.8px;margin:.4rem 0 0}.subtitle{color:var(--muted);margin:10px 0 12px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.83rem;margin-bottom:26px}
.rule{border:0;border-top:1px solid var(--line);margin:25px 0}.section{margin:27px 0}.section h2{font-size:1.15rem;margin:0 0 8px;border-right:4px solid var(--red);padding-right:11px;line-height:1.6}.section p{margin:6px 0 12px}.section ul,.section ol{padding-inline-start:28px;margin:6px 0 14px}.section li{margin-bottom:6px}
.hint{padding:14px 18px;border-right:4px solid var(--red);background:#fff6f7;border-radius:8px}.langrow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0 22px}.langrow a{font-size:.9rem}
.english{border-top:2px solid var(--line);margin-top:45px;padding-top:22px;text-align:left;direction:ltr}.english .section h2{border-right:none;padding-right:0;border-left:4px solid var(--red);padding-left:11px}.english ul,.english ol{padding-inline-start:28px}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.tile{display:block;padding:24px 19px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}.tile:hover{border-color:var(--red);box-shadow:0 10px 26px #1111110f}.tile strong{display:block;font-size:1.08rem;margin-bottom:8px}.tile p{color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}.link{color:var(--red);font-size:.9rem;font-weight:700;margin-top:9px;display:inline-block}
.footer{background:#141419;color:#ceced1;padding:24px 20px;text-align:center;font-size:.84rem;line-height:2}.footer a{color:#fff}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:7px}
@media(max-width:720px){.container{margin:18px auto 40px}.paper{padding:22px 19px;border-radius:12px}.header-inner{padding:15px 18px}.tile-grid{grid-template-columns:1fr}.section h2{font-size:1.08rem}}
@media print{body{background:#fff}.paper{box-shadow:none;border:0}.header,.footer,.langrow{display:none}.container{margin:0;max-width:none;padding:0}}
