.article-body h3{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:1.45;margin:30px 0 8px;color:var(--ink)}
.article-body ol{color:#55595c;padding-left:22px}
.article-body strong{font-weight:500;color:var(--ink)}
.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:#efefec;padding:1px 5px;border-radius:3px}
.article-body hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.article-body a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.article-body a:hover{text-decoration-color:currentColor}
.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}
.rua-fig .rua-chart{width:100%;min-height:120px}
.article-figure figcaption strong{color:var(--ink)}
.article-body .article-notice{margin:24px 0}
.article-body .article-notice p{margin:6px 0;font-size:var(--fs-meta)}
.article-body .article-notice ul{margin:6px 0;font-size:var(--fs-meta)}
.article-body .article-todo{border-left-style:dashed;background:#f3f1ea}
.table-wrap{overflow-x:auto;margin:20px 0}
.article-body table{border-collapse:collapse;width:100%;font-size:var(--fs-meta);line-height:1.6}
.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.article-body th{font-weight:500;color:var(--ink)}
.article-body pre{background:#efefec;padding:14px 16px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.6;border-radius:3px}
.article-body pre code{background:none;padding:0;font-size:inherit}
.article-body{counter-reset:sidenote}
.sidenote-number{counter-increment:sidenote;cursor:pointer}
.sidenote-number:after{content:counter(sidenote);font-size:.7em;position:relative;top:-.55em;margin-left:1px;color:var(--accent)}
.sidenote:before{content:counter(sidenote) " ";font-size:.85em;position:relative;top:-.3em;color:var(--accent)}
.sidenote{font-size:var(--fs-meta);line-height:1.55;color:var(--muted)}
.sidenote a{color:var(--ink)}
.margin-toggle{display:none}
@media (min-width:1200px){
 .article-grid{grid-template-columns:170px minmax(0,760px) 230px;gap:40px}
 .sidenote{float:right;clear:right;width:230px;margin-right:-270px;margin-top:.25em;margin-bottom:1em}
}
@media (max-width:1199px){
 .sidenote{display:none}
 .margin-toggle:checked+.sidenote{display:block;margin:8px 0 12px;padding-left:12px;border-left:2px solid var(--line)}
}