.ed-doc__shell {
  
  max-width:720px;
  margin:0 auto;
  padding:44px 0 72px;
}

.ed-doc__head {
  padding-bottom:22px;
  border-bottom:1px solid var(--structure);
}
.ed-doc__title {
  font:600 44px/1.08 var(--f-display);
  letter-spacing:-.015em; color:var(--ink-hard);
  margin-top:10px; text-wrap:pretty;
}
.ed-doc__dek {
  font:400 19px/1.5 var(--f-display);
  color:var(--body); margin-top:16px; text-wrap:pretty;
}

.ed-doc__body { padding-top:8px }

.ed-doc__body p {
  font:400 17px/1.65 var(--f-display);
  color:var(--ink); margin-top:18px; text-wrap:pretty;
}
.ed-doc__body h2 {
  font:600 26px/1.2 var(--f-display);
  letter-spacing:-.01em; color:var(--ink-hard);
  margin-top:44px;
  
  padding-bottom:10px; border-bottom:1px solid var(--border);
}
.ed-doc__body h3 {
  font:600 19px/1.28 var(--f-display);
  color:var(--ink-hard); margin-top:30px;
}

.ed-doc__body h2 + p,
.ed-doc__body h3 + p { margin-top:14px }

.ed-doc__list {
  list-style:none; padding:0; margin:16px 0 0;
}
.ed-doc__list li {
  position:relative; padding-left:20px; margin-top:10px;
  font:400 17px/1.6 var(--f-display); color:var(--ink);
}

.ed-doc__list li::before {
  content:''; position:absolute; left:0; top:11px;
  width:6px; height:6px; border-radius:50%;
  background:var(--ink-hard);
}

.ed-doc__body a,
.ed-doc__list a {
  color:var(--hover);
  text-decoration:underline; text-underline-offset:2px;
}

.ed-doc__body--wp h4 {
  font:600 17px/1.3 var(--f-display);
  color:var(--ink-hard); margin-top:26px;
}

.ed-doc__body--wp ul,
.ed-doc__body--wp ol {
  padding-left:0; margin:16px 0 0; list-style:none;
}
.ed-doc__body--wp li {
  position:relative; padding-left:20px; margin-top:10px;
  font:400 17px/1.6 var(--f-display); color:var(--ink);
}
.ed-doc__body--wp ul > li::before {
  content:''; position:absolute; left:0; top:11px;
  width:6px; height:6px; border-radius:50%;
  background:var(--ink-hard);
}

.ed-doc__body--wp ol { counter-reset:ed-ol }
.ed-doc__body--wp ol > li { counter-increment:ed-ol }
.ed-doc__body--wp ol > li::before {
  content:counter(ed-ol) '.'; position:absolute; left:0; top:0;
  font-variant-numeric:tabular-nums; color:var(--text-2);
}
.ed-doc__body--wp li > ul,
.ed-doc__body--wp li > ol { margin-top:8px }

.ed-doc__body--wp blockquote {
  margin:24px 0 0; padding-left:18px;
  border-left:2px solid var(--border);
  color:var(--body-strong);
}
.ed-doc__body--wp figure { margin:28px 0 0 }
.ed-doc__body--wp img { max-width:100%; height:auto; display:block }
.ed-doc__body--wp figcaption {
  font:400 13px/1.5 var(--f-body); color:var(--text-faint); margin-top:8px;
}
.ed-doc__body--wp hr {
  border:0; border-top:1px solid var(--border); margin:36px 0 0;
}

.ed-doc__body--wp .wp-block-table { overflow-x:auto; margin-top:28px }
.ed-doc__body--wp table {
  border-collapse:collapse; width:100%;
  font:400 15px/1.5 var(--f-body);
}
.ed-doc__body--wp th,
.ed-doc__body--wp td {
  border:1px solid var(--border); padding:8px 10px; text-align:left;
}
.ed-doc__body--wp th { background:var(--panel); font-weight:600 }

.ed-doc__body--wp .has-text-align-center { text-align:center }
.ed-doc__body--wp .has-text-align-right { text-align:right }

@media (max-width:780px) {
  .ed-doc__body--wp li { font-size:16px }
  .ed-doc__body--wp h4 { font-size:16px; margin-top:22px }
}

.ed-doc__also {
  margin-top:56px; padding-top:20px;
  border-top:1px solid var(--structure);
}
.ed-doc__alsolist {
  list-style:none; padding:0; margin:12px 0 0;
  display:flex; flex-wrap:wrap; gap:10px 28px;
}
.ed-doc__alsolist a {
  font:400 19px/1.3 var(--f-display); color:var(--ink-hard);
}
.ed-doc__alsolist a:hover { text-decoration:underline; text-underline-offset:3px }

@media (max-width:780px) {
  .ed-doc__shell { padding:28px 0 52px }
  .ed-doc__title { font-size:32px; line-height:1.1 }
  .ed-doc__dek   { font-size:17px }
  .ed-doc__body p,
  .ed-doc__list li { font-size:16.5px; line-height:1.62 }
  .ed-doc__body h2 { font-size:22px; margin-top:36px }
  .ed-doc__body h3 { font-size:18px; margin-top:26px }
  .ed-doc__alsolist { flex-direction:column; gap:10px }
}
