body {
    --site-width:1220px;
    --page:#fafbf8;
    --surface:#fff;
    --ink:#243331;
    --muted:#65736e;
    --accent:#326c55;
    --line:#dfe5df;
    --felt:#426c5c;
    --felt2:#2f5144;
}
.ml-simple-header {
    margin:auto;
    padding:20px 28px 0;
}
.ml-identity-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-bottom:20px;
}
.ml-small-message {
    font:italic 16px Georgia,serif;
    color:var(--muted);
}
.ml-navigation {
    padding:14px 0;
    border-block:1px solid var(--line);
    gap:32px;
}
.ml-navigation a {
    padding:4px 0;
    border-radius:0;
}
.ml-navigation a[aria-current] {
    border-bottom:2px solid var(--accent);
    background:none;
}
.ml-simple-main {
    margin:auto;
    padding:0 28px;
}
.ml-title-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:36px;
    padding:38px 0 26px;
}
.ml-intro h1 {
    font-size:clamp(32px,3.6vw,48px);
    font-weight:500;
    letter-spacing:-1.5px;
}
.ml-quiet-link {
    font-size:13px;
    white-space:nowrap;
}
.ml-arena {
    border-radius:8px;
    box-shadow:none;
}
.ml-plain-reading {
    margin:65px 0;
}
.ml-reading>section {
    padding:0 0 22px;
    margin:0 0 24px;
    border-bottom:1px solid var(--line);
}
.ml-reading h2 {
    font-size:23px;
    font-weight:500;
}
.ml-footer {
    border-top:1px solid var(--line);
}
.ml-tools {
    border-top:1px solid #ffffff20;
}
.ml-game-top {
    padding-bottom:10px;
}
@media(max-width:900px) {
    .ml-simple-header {
        padding:18px 16px 0;
        position:relative;
    }
    .ml-simple-main {
        padding:0 12px;
    }
    .ml-small-message {
        display:none;
    }
    .ml-menu-toggle {
        position:absolute;
        top:20px;
        right:16px;
    }
    .ml-identity-row {
        margin-bottom:16px;
    }
    .ml-title-row {
        padding:26px 6px 20px;
    }
    .ml-quiet-link {
        display:none;
    }
}
