@import url('tokens.css');
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:32px 72px;border-bottom:1px solid var(--rule)}
.top img{height:26px;display:block}
.top nav{display:flex;gap:40px;font-size:14px;color:var(--ink-muted)}
.article{max-width:720px;margin:0 auto;padding:88px 24px 120px}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--accent)}
.article h1{font-family:var(--font-serif);font-weight:400;font-size:52px;line-height:1.1;letter-spacing:-.012em;margin-top:18px}
.by{font-size:14px;color:var(--ink-muted);margin:22px 0 56px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.article h2{font-family:var(--font-serif);font-weight:400;font-size:30px;line-height:1.2;margin:64px 0 18px}
.article h3{font-size:17px;font-weight:600;margin:36px 0 10px}
.article p,.article li{font-size:18px;line-height:1.7;overflow-wrap:break-word}
.article p+p{margin-top:18px}
.article ul{margin:18px 0 18px 22px}
.article li+li{margin-top:8px}
.article a{color:var(--accent);border-bottom:1px solid var(--accent-soft)}
.article table{width:100%;border-collapse:collapse;margin:32px 0;font-family:var(--font-figures);font-size:15px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.article th{background:var(--band);font-family:var(--font-sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--ink-muted);padding:10px 12px;text-align:right}
.article th:first-child,.article td:first-child{text-align:left}
.article td{white-space:nowrap;padding:11px 12px;border-bottom:1px solid var(--rule);text-align:right}
.article math[display=block]{display:block;margin:28px 0;font-size:21px}
.article h2:last-of-type+p+ul li,.article h2:last-of-type+p{font-size:14px;color:var(--ink-muted)}
footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:28px 72px 40px;font-size:13px;color:var(--ink-muted)}
footer img{height:20px}
@media (max-width:900px){
.top{padding:20px 24px}
.top img{height:22px}
.top nav{gap:18px;font-size:13px}
.article{padding:48px 20px 80px}
.article h1{font-size:34px}
.article h2{font-size:25px;margin-top:48px}
.article p,.article li{font-size:17px}
.article table{display:block;overflow-x:auto;font-size:14px}
.article math[display=block]{overflow-x:auto;font-size:18px}
footer{padding:24px;flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width:560px){
.top nav a:not([href$="#kontakt"]){display:none}
}
.article h1,.article h2,.read a.article span{overflow-wrap:break-word;hyphens:auto}
@media (max-width:420px){.article h1{font-size:30px}}