:root{
  --ink:#14161a; --paper:#f2f4f8; --card:#ffffff; --accent:#2447ff;
  --line:#d7dce6; --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--paper); color:var(--ink); min-height:100vh;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:36px 36px; background-position:center;
}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 56px}
header{display:flex;align-items:center;gap:14px;padding:18px 0 26px}
.mark{width:46px;height:46px;flex:0 0 46px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}
.mark span{background:var(--ink);border-radius:2px}
.mark span.a{background:var(--accent)}
.mark span.o{background:transparent}
header h1{font-size:clamp(1.3rem,4vw,1.7rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}
header h1 em{font-style:normal;color:var(--accent)}
header a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 2px 10px rgba(20,22,26,.05)}
.card h2{font-size:1.45rem;letter-spacing:-.02em;margin-bottom:14px}
.card h3{font-size:1.05rem;margin:22px 0 8px}
.card p,.card li{font-size:.95rem;line-height:1.65;color:#2a2f3a;margin-bottom:12px}
.card ul{padding-left:22px;margin-bottom:12px}
.card a{color:var(--accent);font-weight:600}
.updated{font-size:.8rem;color:#6a7180;margin-bottom:18px}
.backlink{display:inline-block;margin-top:22px;font-weight:700;color:var(--accent);text-decoration:none}
.backlink:hover{text-decoration:underline}
footer{margin-top:34px;text-align:center;font-size:.8rem;color:#6a7180}
footer nav{margin-top:8px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
footer nav a{color:#4a5160;text-decoration:none;font-weight:600}
footer nav a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
