@layer pages {
.wk{padding-block:6px 64px;max-inline-size:1040px}
.wk-top{border-block-end:3px double var(--od-navy);padding-block-end:22px;margin-block-end:30px}
.wk-date{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--od-rose);font-weight:800}
.wk-top p:last-child{color:#34445a;margin-block-start:10px;font-size:1.08rem}
.wk-scale{display:grid;grid-template-columns:1fr 1fr;margin-block-end:40px;border:2px solid var(--od-navy);border-radius:16px;overflow:hidden}
.wk-pan{padding:26px 28px}
.wk-pan h2{font-size:1.4rem;margin-block-end:12px}
.wk-pan ul{list-style:none;padding:0;display:grid;gap:10px}
.wk-pan li{padding-inline-start:28px;position:relative}
.wk-pan--in li::before{content:"\2713";position:absolute;inset-inline-start:0;color:var(--od-blue);font-weight:900}
.wk-pan--out{background:var(--od-navy);color:#dbe9f7}
.wk-pan--out h2{color:var(--od-sun)}
.wk-pan--out li::before{content:"\2715";position:absolute;inset-inline-start:0;color:var(--od-rose);font-weight:900}
.wk-rows{display:grid;gap:0}
.wk-row{display:grid;grid-template-columns:260px 1fr;gap:28px;padding-block:18px;border-block-end:1px solid var(--od-line)}
.wk-row h2{font-size:1.3rem;color:var(--od-blue)}
.wk-row p{color:#34445a}
@media (max-width:760px){.wk-scale{grid-template-columns:1fr}.wk-row{grid-template-columns:1fr;gap:6px}}
}