/* Cream paper, green ink: emphasis has a clear hierarchy, with no colour-only meaning. */
.article-layout .prose{font-size:17px;line-height:1.95;overflow-wrap:anywhere;color:#283c38}
.article-layout .prose>p{margin:0 0 1.35em}
.article-layout .prose strong{font-weight:800;color:#245b49;background:none}
.article-layout .prose mark{color:#234d3f;background:linear-gradient(transparent 57%,#f2df97 57%,#f2df97 94%,transparent 94%);font-weight:800;padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.article-layout .prose>h2{color:#274b40;border-top:1px solid #aabdb2;border-left:4px solid #6d8b73;padding:16px 0 0 18px;margin:52px 0 23px;font-size:26px;line-height:1.65}
.article-layout .prose>h3{font-size:21px;color:#36594a;border-bottom:1px dashed #c6d1c6;padding:0 0 10px;margin:34px 0 20px;line-height:1.7}
.prose h2[id],.prose h3[id]{scroll-margin-top:125px}
.prose .reading-example,.prose .reading-dialogue,.prose .reading-point{margin:24px 0 30px;padding:21px 25px;background:#f8f5ec;border:1px solid #e0d8c5;border-radius:4px 13px 13px 13px;position:relative;font-size:16px;line-height:1.95}
.prose .reading-example:before{content:"場面・伝え方の例";display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#75603e;margin-bottom:8px}
.prose .reading-dialogue{background:#f0f5ef;border-color:#d0ddd0;border-radius:15px 15px 15px 3px;margin-left:18px}
.prose .reading-dialogue:before{content:"言葉の例";display:block;color:#496b57;font-size:11px;font-weight:700;margin-bottom:8px}
.prose .reading-dialogue:after{content:"";position:absolute;left:-9px;top:26px;width:16px;height:16px;transform:rotate(45deg);background:#f0f5ef;border-left:1px solid #d0ddd0;border-bottom:1px solid #d0ddd0}
.prose .reading-point{background:#edf3e9;border:0;border-left:4px solid #70926e;border-radius:0 8px 8px 0;color:#284e3c;font-weight:700}
.prose .reading-point:before{content:"押さえたいこと";display:block;color:#4d6c51;font-size:11px;letter-spacing:.08em;margin-bottom:8px}
.prose .reading-example p,.prose .reading-dialogue p,.prose .reading-point p{margin:0}
.article-layout .prose>ul{padding:17px 22px 17px 42px;background:#f7f9f4;border:1px solid #e0e7dd;border-radius:6px;margin:24px 0 28px}
.article-layout .prose>ul li::marker{color:#65846b}
.article-layout .prose .field-memo,.article-layout .prose .scene-note{border-color:#cdd9ca;background:#f7f8ef}
.article-layout .side-toc{top:116px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7bbab #f7f5ec;border-top-color:#597b63;padding:17px 13px;scroll-padding:12px}
.side-toc .eyebrow{color:#355e49;margin-bottom:13px}
.side-toc .side-note{display:none}
.side-toc a,.mobile-toc li a{font-size:12px;padding:8px 9px;line-height:1.75;grid-template-columns:25px 1fr;gap:7px}
.side-toc a.active,.mobile-toc li a.active{background:#e7f0e4;color:#234c39;border-color:#9cb49d;box-shadow:inset 3px 0 #5b825d}
.side-toc a:before,.mobile-toc li a:before{background:#edf1e7;color:#42614b}
.side-toc a.active:before,.mobile-toc li a.active:before{background:#527656;color:#fff}
.side-toc a:hover,.mobile-toc li a:hover{background:#f3efd9;border-color:#c8c296;color:#294e3c}
.toc-more{border-top:1px dashed #c9d2c3;margin-top:12px;padding-top:10px}
.toc-more>summary,.toc-children>summary{cursor:pointer;font-size:12px;line-height:1.7;color:#365f47;font-weight:700;padding:9px 4px;min-height:40px}
.toc-more[open]>summary{margin-bottom:8px}
.toc-children{margin:0 0 9px 33px;border-left:1px solid #cbd5c5;padding-left:7px}
.toc-children>summary{font-size:11px;font-weight:500;min-height:34px;padding:5px 4px}
.side-toc .toc-children ul,.mobile-toc .toc-children ul{padding:0;list-style:none;margin:0}
.side-toc .toc-children li,.mobile-toc .toc-children li{counter-increment:none;margin:0 0 4px}
.side-toc .toc-children a,.mobile-toc .toc-children a{display:block;font-size:12px;font-weight:500;background:transparent;padding:7px 4px}
.side-toc .toc-children a:before,.mobile-toc .toc-children a:before,.toc-references a:before{display:none}
.toc-references{border-top:1px dashed #c9d2c3;margin-top:12px;padding-top:8px}
.side-toc .toc-references a,.mobile-toc .toc-references a{display:block;font-size:12px;font-weight:500;background:none;padding:8px;text-decoration:underline;text-underline-offset:3px}
.toc-content summary:focus-visible,.toc-content a:focus-visible{outline:3px solid #718c53;outline-offset:2px}
@media(max-width:760px){
 .article-layout .prose{font-size:16px;line-height:1.95}
 .article-layout .prose>h2{font-size:22px;margin-top:40px;padding:14px 0 0 13px}
 .article-layout .prose>h3{font-size:19px;margin-top:30px}
 .prose .reading-example,.prose .reading-dialogue,.prose .reading-point{padding:18px;font-size:15px;margin-top:22px;margin-bottom:25px}
 .article-layout .prose>ul{padding:16px 17px 16px 34px}
 .mobile-toc{border-top-color:#597b63}.mobile-toc summary{color:#355e49}
 .mobile-toc li a{font-size:13px;min-height:44px}
 .prose h2[id],.prose h3[id]{scroll-margin-top:100px}
}
@media print{.prose .reading-example,.prose .reading-dialogue,.prose .reading-point{break-inside:avoid}.article-layout .prose strong,.article-layout .prose mark{color:#000}}

.reading-figure .image-open span{background:#eef3eb;color:#36584d;border-top:1px solid #d5ded6}
