*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1a1512;--muted:#6b625c;--line:#e2dad2;--bg:#faf7f4;--card:#fff;
--accent:#7d2f3d;--accent-ink:#fff}
body{background:var(--bg);color:var(--ink);font:16px/1.65 Georgia,'Times New Roman',serif;
-webkit-text-size-adjust:100%}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:940px;margin:0 auto;padding:0 20px}
header.site{background:var(--card);border-bottom:1px solid var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0}
.brand{font-size:21px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
nav.main{border-top:1px solid var(--line);padding:10px 0;display:flex;flex-wrap:wrap;gap:6px 20px}
nav.main a{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
nav.main a[aria-current]{color:var(--accent);font-weight:700}
.hero{background:var(--accent);color:var(--accent-ink);padding:46px 0}
.hero h1{font-size:31px;line-height:1.25;font-weight:700}
.hero p{margin-top:12px;opacity:.92}
main{padding:34px 0 50px}
h2{font-size:23px;margin:30px 0 12px;font-weight:700}
h3{font-size:17px;margin:22px 0 8px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
p{margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:20px;margin:16px 0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.price{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.rev{border-left:3px solid var(--accent);padding:4px 0 4px 14px;margin:16px 0}
.rev .who{font-size:13px;color:var(--muted)}
.stars{color:var(--accent);letter-spacing:2px}
.langs{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;padding:16px 0}
footer.site{background:var(--card);border-top:1px solid var(--line);padding:26px 0;
font-size:14px;color:var(--muted)}
[dir=rtl] nav.main a,[dir=rtl] .bar{text-align:right}
@media(max-width:560px){.hero h1{font-size:25px}.brand{font-size:18px}}