body {
    --site-width:1320px;
    --page:#f3f5ee;
    --surface:#fffef8;
    --ink:#243c32;
    --muted:#52665a;
    --accent:#1a624b;
    --line:#d8e0d5;
    --felt:#195b46;
    --felt2:#104230;
}
.ec-masthead {
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    padding:22px 32px;
    border-bottom:1px solid var(--line);
}
.ec-page {
    margin:auto;
    padding:0 32px;
}
.ec-intro {
    text-align:center;
    padding:38px 12px 26px;
}
.ec-intro h1 {
    font-family:Georgia,serif;
    font-weight:400;
    font-size:clamp(34px,4vw,58px);
}
.ec-journal {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:48px;
    margin:70px 0;
}
.ec-article-label {
    font-size:12px;
    letter-spacing:2px;
    padding-top:14px;
}
.ec-article-label p {
    font-size:22px;
    line-height:1.5;
    font-family:Georgia,serif;
    letter-spacing:0;
}
.ec-reading {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 38px;
}
.ec-reading figure {
    grid-column:1/-1;
}
.ec-footer {
    background:#e8eee3;
}
.ec-game-top {
    border-bottom:1px solid #ffffff20;
}
.ec-arena {
    border:6px solid #d4dcce;
    box-shadow:0 18px 45px #16372917;
}
@media(max-width:900px) {
    .ec-masthead {
        padding:16px;
    }
    .ec-page {
        padding:0 12px;
    }
    .ec-journal {
        display:block;
        margin:40px 0;
    }
    .ec-article-label {
        display:none;
    }
}
@media(max-width:600px) {
    .ec-reading {
        display:block;
    }
    .ec-intro {
        padding:28px 8px 20px;
    }
    .ec-arena {
        border-width:3px;
    }
}