:root{
  --mr-navy:#111d32;
  --mr-ink:#17233b;
  --mr-lime:#c8f04b;
  --mr-teal:#12a594;
  --mr-muted:#627087;
  --mr-line:#dde3e8;
  --mr-paper:#f4f6f7;
}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;color:var(--mr-ink);font-family:Arial,Helvetica,sans-serif;background:#fff}
a{color:inherit}
img{max-width:100%;height:auto}
.mr-wrap{width:min(100% - 84px,1260px);margin-inline:auto}
.mr-site-header{background:var(--mr-navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
.mr-header-inner{min-height:88px;display:flex;align-items:center;gap:28px}
.mr-brand{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#fff;flex:0 0 auto}
.mr-brand img{display:block;width:128px;height:auto}
.mr-brand span{padding-left:16px;border-left:1px solid rgba(255,255,255,.35);font-size:20px}
.mr-nav{margin-left:auto;display:flex;gap:24px;align-items:center}
.mr-nav a{text-decoration:none;font-size:14px;color:#fff}
.mr-main{padding:74px 0 88px}
.mr-reading{max-width:860px}
.mr-content h1,.mr-list-header h1,.mr-error h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:0 0 28px;font-weight:520}
.mr-content h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em;margin:52px 0 18px}
.mr-content h3{font-size:24px;line-height:1.25;margin:36px 0 14px}
.mr-content p,.mr-content li,.mr-description,.mr-error p{font-size:17px;line-height:1.8;color:var(--mr-muted)}
.mr-content a{color:#087d72;text-underline-offset:3px}
.mr-content ul,.mr-content ol{padding-left:24px}
.mr-content blockquote{margin:30px 0;padding:18px 22px;border-left:4px solid var(--mr-teal);background:#f2f7f6}
.mr-content iframe{max-width:100%}
.mr-content table{display:block;width:100%;overflow:auto;border-collapse:collapse}
.mr-kicker{text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:12px;color:#087d72;margin-bottom:18px}
.mr-post-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--mr-muted);font-size:13px;margin:-10px 0 30px}
.mr-featured{margin:0 0 36px}
.mr-list-header{max-width:860px;margin-bottom:48px}
.mr-list{border-top:1px solid var(--mr-line)}
.mr-list article{padding:28px 0;border-bottom:1px solid var(--mr-line);max-width:900px}
.mr-list h2{margin:0 0 10px;font-size:28px;line-height:1.15}
.mr-list h2 a{text-decoration:none}
.mr-list p{margin:0;color:var(--mr-muted);font-size:16px;line-height:1.65}
.mr-button{display:inline-block;background:var(--mr-lime);color:var(--mr-navy);padding:14px 20px;border-radius:9px;text-decoration:none;font-weight:700}
.mr-site-footer{background:var(--mr-navy);color:#fff;padding:55px 0}
.mr-footer-inner{display:grid;gap:26px}
.mr-footer-inner p{color:#c3cedd;margin:14px 0 0}
.mr-footer-inner nav{display:flex;gap:20px;flex-wrap:wrap}
.mr-footer-inner nav a{color:#fff;text-decoration:none;font-size:14px}
.mr-footer-inner small{color:#9eacc0}
@media(max-width:1050px){.mr-wrap{width:min(100% - 56px,1260px)}}
@media(max-width:760px){
  .mr-wrap{width:min(100% - 44px,1260px)}
  .mr-header-inner{min-height:74px}
  .mr-brand img{width:98px}
  .mr-brand span{font-size:18px}
  .mr-nav{display:none}
  .mr-main{padding:52px 0 64px}
  .mr-content p,.mr-content li{font-size:16px;line-height:1.72}
}