.work-article{max-width:1100px;margin:auto;font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.article-draft{font-size:12px;padding:7px 10px;background:#fff8e9;border:1px solid #d8caaa;margin-bottom:12px}
.article-draft a{float:right;color:#23588b}
.article-breadcrumb{font-size:11px;color:#777;margin-bottom:10px}
.article-breadcrumb a,.work-article a{color:#23588b}
.article-heading{border:1px solid #ccc;border-left:4px solid #666;background:#eee;padding:10px 14px}
.article-heading h1{font-family:inherit;font-size:24px;font-weight:bold;line-height:1.5;margin:0;overflow-wrap:anywhere}
.article-byline,.article-ad{font-size:11px;color:#777;margin:6px 0}
.article-fiction{font-size:12px;background:#fafafa;border:1px solid #ddd;padding:7px 10px}
.article-overview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin:18px 0}
.article-overview figure{margin:0}.article-overview img{width:100%;height:auto;display:block;border:1px solid #ddd}
.article-overview figcaption{font-size:10px;line-height:1.5;color:#888;margin-top:5px}
.article-overview dl{font-size:13px;grid-template-columns:100px minmax(0,1fr);margin:0;gap:5px 12px}
.article-overview small,.work-article td small,.article-sources small{display:block;color:#888;font-size:11px;line-height:1.7}
.article-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:12px}
.article-shortcuts a{border:1px solid #bbb;text-decoration:none;padding:5px 12px;background:#fafafa}
.article-toc{display:flex;flex-wrap:wrap;gap:0;background:#fafafa;border:1px solid #ccc;font-size:12px;margin:12px 0 22px}
.article-toc a{padding:6px 12px;text-decoration:none;border-right:1px solid #ddd}
.article-section{margin:0 0 25px;scroll-margin-top:16px;min-width:0}
.article-section>h2{font:bold 17px/1.6 Arial,'Meiryo',sans-serif;background:#eee;border:1px solid #ccc;border-left:4px solid #777;margin:0 0 12px;padding:6px 10px}
.article-section h3{font-size:14px;border-bottom:1px solid #ddd;padding-bottom:5px}
.article-section p{margin:8px 0}.article-prose{white-space:pre-line}
.article-emphasis{color:#9b2948;font-weight:700}
.article-editorial-note{font-size:11px;color:#666;margin-top:14px!important}
.article-muted{color:#777;font-size:12px}
.article-gallery{max-width:760px;margin:auto;background:#eee;padding:0}
.article-gallery figure{margin:0}.article-gallery img{width:100%;height:auto;display:block;cursor:zoom-in}
.article-gallery figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.article-repeat-cover{width:min(240px,70%);margin:0 auto 12px}.article-repeat-cover img{width:100%;height:auto;display:block;border:1px solid #ddd}
.article-samples{margin-top:0}
.article-sample-empty{box-sizing:border-box;width:100%;max-width:760px;aspect-ratio:1;border:1px solid #d1d1d1;background:#eee;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#666;margin:auto}
.article-table-wrap{overflow-x:auto;max-width:100%}
.work-article table{border-collapse:collapse;width:100%;font-size:12px}
.work-article th,.work-article td{border:1px solid #ccc;text-align:left;vertical-align:top;padding:8px 10px}
.work-article thead th{background:#eee;font-weight:bold}.work-article tbody th{background:#fafafa;font-weight:normal}
.work-article details{border:1px solid #ddd;padding:8px 10px;font-size:12px}
.work-article summary{cursor:pointer}.article-reading{font-size:12px;color:#666}
.article-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;list-style:none;max-width:700px}
.article-related a{display:block;font-size:12px;text-decoration:none}
.article-related img{width:100%;height:auto;display:block;margin-bottom:5px}
.article-sources{padding-left:20px;font-size:12px}.article-sources li{margin-bottom:9px}
.article-internal{font-size:12px}.work-article footer{font-size:11px}
@media(max-width:760px){
 main:has(.work-article){padding:12px 10px 40px}
 .work-article{font-size:13px;line-height:1.85}
 .article-heading{padding:8px 10px}.article-heading h1{font-size:20px}
 .article-overview{grid-template-columns:105px minmax(0,1fr);gap:12px;margin:12px 0}
 .article-overview dl{font-size:12px;grid-template-columns:1fr;gap:0}
 .article-overview dt{color:#888;font-size:10px}.article-overview dd{margin-bottom:6px}
 .article-draft{font-size:11px}.article-draft a{float:none;display:block}
 .article-byline,.article-ad{font-size:10px}
 .article-shortcuts{gap:5px;margin-top:8px}.article-shortcuts a{font-size:11px;padding:4px 7px}
 .article-toc{font-size:11px;margin:12px 0 18px}.article-toc a{padding:5px 9px}
 .article-section>h2{font-size:15px;padding:5px 8px}
 .work-article th,.work-article td{font-size:11px;padding:6px;min-width:65px}
 .article-related{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.official-quote{margin:.6em 0 .2em;padding:.5em .9em;border-left:3px solid #ccc;background:#fafafa;color:#333}
.official-quote p{margin:.3em 0}
.quote-source{margin-top:0;font-size:.85em}
.article-marker{background:linear-gradient(transparent 58%,#ffd3df 58%);color:inherit;font-weight:700;padding:0 1px}
.article-recommend-for{padding-left:1.5em;line-height:1.9}
.article-recommend-for li{margin:.35em 0}
.article-samples>#introduction{margin-top:20px}
.article-series-name{font-weight:700}
.article-series-order{line-height:2;overflow-wrap:anywhere}

.article-overview.article-overview-text{grid-template-columns:minmax(0,1fr)}
