/* Additional layout for static editorial articles; shares the Ribbon Garden theme. */
.editorial-article {overflow-wrap:anywhere}
.editorial-header {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100% - 1120px)/2));background:#fffdfbf2;border-bottom:1px solid #efd7e0}
.editorial-brand {color:#66505f;text-decoration:none;flex-shrink:0}
.editorial-brand small {display:block;font-size:9px;letter-spacing:.08em;color:#ab728f}
.editorial-brand strong {display:block;font-size:20px;line-height:1.7}
.editorial-brand span {font-size:.8em;margin-left:4px}
.editorial-header nav,.editorial-footer nav {display:flex;gap:22px;flex-wrap:wrap}
.editorial-header nav a,.editorial-footer a {font-size:13px;color:#73586b;text-decoration:none}
.editorial-header nav a:hover,.editorial-footer a:hover {text-decoration:underline}
.editorial-skip {position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:20;color:#754155}
.editorial-skip:focus {top:12px}
body.editorial-article > main {max-width:900px;box-sizing:border-box}
body.editorial-article > main .editorial-breadcrumbs {font-size:12px;line-height:1.8;margin-bottom:24px}
body.editorial-article > main .editorial-kicker {font-size:11px;color:#a66585;letter-spacing:.08em;margin-bottom:12px}
body.editorial-article > main .editorial-meta {font-size:12px;color:#83737c;margin-top:-15px}
body.editorial-article > main .editorial-intro {font-size:17px}
body.editorial-article > main .editorial-toc {background:#fff6f9;border:1px solid #ead0dc;border-radius:12px;padding:22px;margin:30px 0}
body.editorial-article > main .editorial-toc > p {font-weight:700;font-size:14px;margin-bottom:10px;color:#825a72}
body.editorial-article > main .editorial-toc ol {margin:0;padding:0 0 0 22px;background:none;border:0}
body.editorial-article > main .editorial-toc li {font-size:14px;padding:4px 0}
body.editorial-article > main .example-text {padding:20px 24px;background:#f0f7f3;border-left:4px solid #abd2bf;border-radius:0 8px 8px 0}
body.editorial-article > main .editorial-note {border-top:1px solid #e9d5df;margin-top:36px;padding-top:22px}
body.editorial-article > main .editorial-note p,body.editorial-article > main .editorial-note li {font-size:13px;color:#766870}
body.editorial-article > main .editorial-note ul {background:none;border:0;padding:0 0 0 20px;margin:12px 0}
body.editorial-article > main .editorial-next {padding:26px;background:linear-gradient(120deg,#fce9f0,#edf7f0);border:1px solid #eacbd8;border-radius:12px;margin-top:36px}
body.editorial-article > main .editorial-next h2 {background:none;border:0;padding:0;margin:0 0 16px;font-size:24px}
.editorial-next > div {display:flex;flex-wrap:wrap;gap:12px}
body.editorial-article > main .editorial-next > div a {display:inline-block;padding:12px 18px;border-radius:28px;border:1px solid #bd7898;background:#fff;color:#8d496a;text-decoration:none;font-size:14px;font-weight:700}
.editorial-footer {max-width:1120px;margin:auto;padding:30px 24px 45px;border-top:1px solid #edd4df}
.editorial-footer nav {margin:20px 0}
.editorial-footer small {color:#8c7783}
.editorial-article :focus-visible {outline:3px solid #925277;outline-offset:4px}
.editorial-article h2[id] {scroll-margin-top:24px}
@media(max-width:768px) {
  .editorial-header {display:block;padding:15px 20px}
  .editorial-brand strong {font-size:18px}
  .editorial-header nav {margin-top:13px;gap:18px}
  .editorial-header nav a {font-size:12px}
  body.editorial-article > main .editorial-intro {font-size:15px}
  body.editorial-article > main .editorial-toc {padding:17px}
  body.editorial-article > main .editorial-next {padding:20px}
  body.editorial-article > main .editorial-next h2 {font-size:21px}
  body.editorial-article > main .example-text {padding:17px}
}