/* Scoped article layout. Original site.css and stored article HTML remain unchanged. */
.cms-journal{padding:32px 0 64px;background:#fffaf8;color:#786f66;font-family:"Noto Sans TC",sans-serif}
.cms-journal .cms-journal-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;margin-bottom:32px;line-height:1.7;overflow-wrap:anywhere}
.cms-journal a{color:#9b7461}.cms-journal a:hover{color:#674e42}.cms-journal a:focus-visible,.cms-journal button:focus-visible,.cms-journal summary:focus-visible{outline:2px solid #9b7461;outline-offset:4px}
.cms-journal>.container{width:min(1380px,calc(100% - 64px));max-width:none;padding-inline:0}
.cms-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:90px;align-items:start}.cms-article-main{min-width:0}
.cms-journal .cms-article-header h1{font-family:"Noto Serif TC",serif;color:#382b26;font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.6;letter-spacing:1px;margin:12px 0 20px;overflow-wrap:anywhere}
.cms-article-category{font-size:14px;letter-spacing:2px}.cms-article-meta{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:13px;margin-bottom:28px}
.cms-article-cover{display:block;width:100%;max-height:520px;object-fit:contain;background:#f6ede7;border-radius:12px;margin-bottom:24px}
body.ct-pages.at-blog .cms-journal .blog-content{padding:8px 0 24px;overflow-wrap:anywhere;min-width:0}.cms-journal .blog-content img{max-width:100%;height:auto}.cms-journal .blog-content iframe{max-width:100%}.cms-journal .blog-content table{display:block;max-width:100%;overflow-x:auto}.cms-journal .blog-content [id],.cms-article-anchor{scroll-margin-top:110px}.cms-article-anchor{display:block;position:relative}
.cms-article-sidebar{display:grid;gap:20px}
.cms-article-panel{border:1px solid #eadbd1;border-radius:12px;padding:22px;background:#fffdfb;min-width:0;overflow-wrap:anywhere}
.cms-journal .cms-article-panel h2,.cms-journal .cms-article-toc summary{font-family:"Noto Serif TC",serif;font-size:19px;font-weight:700;color:#382b26;margin:0 0 16px;line-height:1.5;letter-spacing:1px}
.cms-article-toc summary{cursor:pointer}.cms-article-toc ol{padding-left:0;margin:0;list-style:none}.cms-article-toc li{margin:9px 0;font-size:14px;line-height:1.7}.cms-article-toc .cms-toc-sub{margin-left:14px;font-size:13px}.cms-article-toc a{text-decoration:none}
.cms-share-links,.cms-tag-list{display:flex;flex-wrap:wrap;gap:8px}.cms-share-links a,.cms-share-links button,.cms-tag-list a{border:1px solid #e3c8b9;border-radius:20px;background:#fffaf8;padding:7px 12px;color:#786053;font-size:13px;text-decoration:none;cursor:pointer}
.cms-author-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cms-author-heading img,.cms-author-placeholder{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 60px}.cms-author-placeholder{display:grid;place-items:center;background:#ead8cb;color:#674e42;font-family:"Noto Serif TC",serif;font-size:24px}
/* Show the symbol in the top-left 260 x 260 area of the original 1250 x 375 logo. */
.cms-author-logo{display:block;position:relative;width:60px;height:60px;flex:0 0 60px;overflow:hidden}
.cms-author-heading .cms-author-logo img{position:absolute;left:0;top:0;width:480.769231%;max-width:none;height:auto;border-radius:0;object-fit:contain}
.cms-journal .cms-author-heading h3{font-size:17px;color:#382b26;margin:0 0 5px;line-height:1.6}.cms-article-panel p{font-size:14px;line-height:1.9;margin:0 0 12px}.cms-author-bio{white-space:pre-line}.cms-article-author>a{font-size:13px}
.cms-article-info dl{margin:0;font-size:13px;line-height:1.8}.cms-article-info dl>div{display:grid;grid-template-columns:64px 1fr;gap:10px;margin:8px 0}.cms-article-info dt{font-weight:500}.cms-article-info dd{margin:0}
.cms-article-back{margin:32px 0}.cms-article-back a{font-size:14px;text-decoration:none}.cms-journal .cms-article-references{border-top:1px solid #eadbd1;padding-top:24px}.cms-journal .cms-article-references h2{font-family:"Noto Serif TC",serif;font-size:22px;color:#382b26}.cms-article-references li{line-height:1.9;margin-bottom:10px;overflow-wrap:anywhere}
.cms-related{margin-top:56px;padding-top:32px;border-top:1px solid #eadbd1}.cms-related>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.cms-journal .cms-related h2{font-family:"Noto Serif TC",serif;font-size:26px;color:#382b26;margin:0}.cms-related>header>a{font-size:14px}.cms-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cms-related-grid article{display:flex;min-width:0;border:1px solid #eadbd1;border-radius:12px;overflow:hidden;background:#fffdfb}.cms-related-grid article>a{text-decoration:none;display:flex;flex-direction:column;flex:1;min-width:0;color:#786f66}.cms-related-grid img,.cms-related-placeholder{flex-shrink:0;aspect-ratio:4/3;width:100%;object-fit:cover}.cms-related-placeholder{display:grid;place-items:center;background:#f1e3d9;font-family:"Noto Serif TC",serif;color:#9b7461}.cms-related-grid article>a>div:last-child{padding:18px;display:flex;flex-direction:column;flex:1}.cms-journal .cms-related h3{font-size:17px;font-weight:600;color:#382b26;line-height:1.7;margin:0 0 10px}.cms-related p{font-size:13px;line-height:1.8}.cms-related footer{flex-shrink:0;display:flex;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;padding-top:16px}
@media(min-width:1051px){.cms-article-sidebar{position:sticky;top:var(--article-sidebar-top,100px)}.cms-article-toc>nav{display:block!important;max-height:300px;overflow-y:auto;scrollbar-width:thin}.cms-article-toc summary{list-style:none;pointer-events:none}.cms-article-toc summary::-webkit-details-marker{display:none}}
@media(max-width:1050px){.cms-article-layout{display:flex;flex-direction:column;gap:22px}.cms-article-main,.cms-article-sidebar{display:contents}.cms-article-header{order:1;width:100%}.cms-article-toc{order:2;width:100%}.cms-article-body{order:3;width:100%;min-width:0}.cms-article-share{order:4;width:100%}.cms-article-author{order:5;width:100%}.cms-article-tags{order:6;width:100%}.cms-article-info{order:7;width:100%}.cms-article-toc summary{margin-bottom:0}.cms-article-toc[open] summary{margin-bottom:16px}.cms-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.cms-journal{padding:24px 0 40px}.cms-article-panel{padding:18px}.cms-article-meta{gap:8px 14px}.cms-article-cover{border-radius:8px}.cms-related-grid{grid-template-columns:1fr}.cms-related>header{align-items:flex-start}.cms-related>header>a{font-size:12px;white-space:nowrap}.cms-journal .cms-related h2{font-size:23px}}

@media(max-width:700px){.cms-journal>.container{width:calc(100% - 32px)}}

html.cms-share-modal-open{overflow:hidden}
.cms-share-modal{box-sizing:border-box;position:fixed;inset:0;width:min(420px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;padding:32px;border:1px solid #eadbd1;border-radius:16px;background:#fffaf8;color:#382b26;box-shadow:0 16px 60px #382b2633;font-family:"Noto Sans TC",sans-serif;text-align:center}
.cms-share-modal::backdrop{background:#382b2666}
.cms-share-modal h2{margin:0 0 16px;font-family:"Noto Serif TC",serif;font-size:22px;line-height:1.5}
.cms-share-modal p{margin:0 0 24px;font-size:16px;line-height:1.8}
.cms-share-modal button{border:0;border-radius:999px;padding:10px 32px;background:#d8b7a7;color:#382b26;font:inherit;cursor:pointer}
.cms-share-modal button:hover{background:#c99f8c}
.cms-share-modal button:focus-visible{outline:2px solid #674e42;outline-offset:4px}
.cms-journal .cms-article-header .cms-article-summary{margin:0 0 20px;color:#786f66;font:400 16px/1.9 "Noto Sans TC",sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}