:root {
  --font-base: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --font-size: 16px;
  --max-width: 880px;
  --line-height: 1.55;
  --color-text: #1d2733;
  --color-muted: #5f6b76;
  --color-link: #1d4ed8;
  --color-link-hover: #0a369d;
  --color-border: #e2e8f0;
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
}
html {font-size:16px;}
body {
  margin:0;
  font-family:var(--font-base);
  font-size:var(--font-size);
  line-height:var(--line-height);
  color:var(--color-text);
  background:var(--color-bg);
  -webkit-font-smoothing:antialiased;
}
.container {
  width:100%;
  max-width:var(--max-width);
  margin:0 auto;
  padding:1.2rem 1.2rem 3rem;
  box-sizing:border-box;
}
.layout-optimized main.container.article-content {padding-top:1.2rem;}
h1,h2,h3,h4 { line-height:1.2; font-weight:600; }
h1 {font-size:2rem; margin:0 0 .75rem;}
h2 {font-size:1.45rem; margin:2.2rem 0 .85rem; border-top:1px solid var(--color-border); padding-top:1.2rem;}
h2:first-of-type {border-top:none;padding-top:0;margin-top:.5rem;}
h3 {font-size:1.15rem; margin:1.4rem 0 .5rem;}
p {margin:0 0 1.05rem;}
ul,ol {margin:.4rem 0 1.2rem 1.35rem; padding:0;}
li {margin:.25rem 0;}
table {
  width:100%; border-collapse:collapse; margin:1.25rem 0; font-size:.9375rem;
}
th,td {border:1px solid var(--color-border); padding:.55rem .6rem; text-align:left; vertical-align:top;}
thead th {background:var(--color-bg-alt);}
code,pre {font-family:ui-monospace,Monaco,Consolas,"Courier New",monospace; font-size:.85rem;}
a {color:var(--color-link); text-decoration:none;}
a:hover,a:focus {color:var(--color-link-hover); text-decoration:underline;}
blockquote {
  margin:1.3rem 0; padding:.65rem 1rem; background:var(--color-bg-alt);
  border-left:4px solid var(--color-link);
}
img,video {max-width:100%; height:auto;}
.related-highcpc, .related-links, .ad-slot {
  margin:1.6rem 0; padding:1rem; background:var(--color-bg-alt); border:1px solid var(--color-border); border-radius:6px;
}
.related-highcpc h2, .related-links h2 {margin-top:0 !important; border-top:none;}
.meta-date {font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:var(--color-muted); margin-bottom:.5rem;}
.article-footer {margin-top:2.5rem; font-size:.85rem; color:var(--color-muted);}
.toc {background:var(--color-bg-alt); border:1px solid var(--color-border); padding:1rem; margin:1.5rem 0 2rem;}
.toc h2 {margin-top:0; border:none; padding-top:0;}
.toc-list {margin:.4rem 0 0 1.1rem;}
.ad-slot {text-align:center; font-size:.75rem; color:var(--color-muted);}
@media (min-width:960px){
  body {font-size:17px;}
  h1 {font-size:2.25rem;}
  h2 {font-size:1.55rem;}
}