.article10-surface{--field:#f0f2f1;--ink:#15201c;--hair:#cbd4cf}
.article10-surface .a10-figure{margin:2rem 0;color:var(--ink)}
.article10-surface .a10-figure img{display:block;width:100%;height:auto;border:1px solid var(--hair);border-radius:12px}
.article10-surface .a10-figure figcaption{margin:.65rem 0 0;font-size:.875rem;line-height:1.5;color:#47534d}
.article10-surface .a10-answer{margin:1.3rem 0;padding:.9rem 1.1rem;background:var(--field);border-inline-start:3px solid #177454;border-radius:0 8px 8px 0}
.article10-surface .a10-toc{margin:1.25rem 0 2rem;padding:1rem;border:1px solid var(--hair);border-radius:10px}
.article10-surface .a10-toc summary{font-weight:700;cursor:pointer}
.article10-surface .a10-toc ol{padding-inline-start:1.45rem;margin:.65rem 0 .1rem}
.article10-surface .a10-toc li{margin:.35rem 0}
.article10-surface .a10-case{margin:1.35rem 0 2rem;padding:1.1rem 1.2rem 1.25rem;border:1px solid var(--hair);border-radius:10px}
.article10-surface .a10-case h3{margin:.12rem 0 1rem}
.article10-surface .a10-case p{margin:.6rem 0}
.article10-surface .a10-case dl{display:grid;gap:.2rem;margin:.8rem 0 0}
.article10-surface .a10-case dt{color:#335647;font-weight:700}
.article10-surface .a10-case dd{margin:0 0 .6rem}
.article10-surface .a10-scroll{width:100%;overflow-x:auto;margin:1.3rem 0}
.article10-surface .a10-scroll table{margin:0;min-width:480px}
.article10-surface .a10-scroll:focus-visible,.article10-surface summary:focus-visible{outline:2px solid #177454;outline-offset:3px}
.article10-surface [data-article-bridge]{margin:1.5rem 0;padding:1rem 1.2rem;border:1px solid var(--hair);border-radius:10px}
.article10-surface h2{scroll-margin-top:7rem}
@media(max-width:550px){.article10-surface .a10-case{padding:.8rem}.article10-surface [data-article-bridge]{padding:.8rem}}