html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: #f4f6f4;
    color: #23302b;
    font-family: Georgia, "Iowan Old Style", serif;
    font-size: 17px;
    line-height: 1.62;
}

a { color: #1f6b52; }
a:hover { color: #123f30; }

.ep-page { display: flex; align-items: flex-start; min-height: 100vh; }

.ep-sb {
    flex: 0 0 232px;
    position: sticky;
    top: 0;
    align-self: flex-start;
    background: #23302b;
    color: #dfe7e1;
    padding: 22px 18px 40px;
    min-height: 100vh;
}

.ep-sb a { color: #dfe7e1; text-decoration: none; }
.ep-sb a:hover { color: #ffd479; }

.ep-mark { font-size: 19px; font-weight: 700; line-height: 1.25; display: block; margin-bottom: 4px; }
.ep-mark-sub { font-size: 12px; color: #8fa79b; display: block; margin-bottom: 22px; }

.ep-sb-group { margin-bottom: 20px; }
.ep-sb-head { font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: #8fa79b; margin-bottom: 7px; }
.ep-sb-list { list-style: none; margin: 0; padding: 0; }
.ep-sb-list li { margin: 0 0 5px; font-size: 15px; }
.ep-sb-link { display: block; padding: 3px 0 3px 10px; border-left: 3px solid transparent; }
.ep-sb-link:hover { border-left-color: #ffd479; }
.ep-sb-link-on { border-left-color: #ffd479; color: #ffd479 !important; }
.ep-count { float: right; font-size: 12px; color: #8fa79b; font-family: Consolas, monospace; }

.ep-main { flex: 1 1 auto; min-width: 0; padding: 34px 30px 70px; }
.ep-wrap { max-width: 680px; }

.ep-h1 { font-size: 33px; line-height: 1.2; margin: 0 0 8px; }
.ep-h2 { font-size: 23px; margin: 34px 0 8px; }
.ep-h3 { font-size: 18px; margin: 24px 0 6px; }
.ep-lead { font-size: 19px; color: #45564e; margin: 0 0 20px; }
.ep-date { font-family: Consolas, monospace; font-size: 12.5px; letter-spacing: 0.6px; color: #6f8177; text-transform: uppercase; }
.ep-by { font-size: 14px; color: #6f8177; margin: 0 0 24px; }

.ep-mb-0 { margin-bottom: 0; }
.ep-mb-2 { margin-bottom: 10px; }
.ep-mb-4 { margin-bottom: 22px; }
.ep-mt-4 { margin-top: 22px; }
.ep-txt-sm { font-size: 14.5px; }
.ep-muted { color: #6f8177; }
.ep-bold { font-weight: 700; }
.ep-rule { border: 0; border-top: 1px solid #d3ddd6; margin: 30px 0; }

.ep-card { background: #fff; border: 1px solid #d3ddd6; border-radius: 5px; padding: 16px 20px; }
.ep-card-warm { background: #fff9ec; border: 1px solid #ecd9ab; border-radius: 5px; padding: 16px 20px; }
.ep-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); gap: 16px; }

.ep-check { list-style: none; margin: 0 0 18px; padding: 0; }
.ep-check li { position: relative; padding: 5px 0 5px 30px; border-bottom: 1px dotted #cfd9d2; }
.ep-check li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 13px;
    height: 13px;
    border: 2px solid #8aa094;
    border-radius: 3px;
}
.ep-check-note { display: block; font-size: 13.5px; color: #6f8177; }

.ep-tag { display: inline-block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; background: #e2ece6; color: #1f6b52; padding: 2px 8px; border-radius: 3px; }

.ep-swap { border-left: 4px solid #1f6b52; padding: 2px 0 2px 16px; margin: 0 0 26px; }
.ep-swap-who { font-size: 13.5px; color: #6f8177; margin: 6px 0 0; }

.ep-foot { margin-top: 46px; padding-top: 16px; border-top: 1px solid #d3ddd6; font-size: 14px; color: #6f8177; }

@media (max-width: 720px) {
    .ep-page { display: block; }
    .ep-sb { position: static; min-height: 0; width: auto; }
    .ep-main { padding: 22px 18px 50px; }
}