/* Publication reading pages: scoped styles, shared YIJU header/footer untouched. */
.publication-hero h1, .publication-article-heading h1 { text-wrap:balance; }
.publication-toolbar { position:sticky; top:0; z-index:16; background:rgba(255,255,255,.97); border-bottom:1px solid #e4e5df; }
.publication-toolbar-inner { min-height:66px; display:flex; align-items:center; gap:24px; font-size:14px; }
.publication-back { display:flex; align-items:center; gap:9px; font-weight:550; }
.publication-back span { font-size:21px; color:#326b50; }
.publication-back:hover, .publication-toc-link:hover { color:#326b50; }
.publication-toolbar-title { color:#87888d; margin-left:auto; }
.publication-toc-link { display:flex; align-items:center; gap:8px; font-weight:550; }
.publication-progress { height:3px; background:#edf0e9; }
.publication-progress span { display:block; height:100%; background:#f58220; transform:scaleX(0); transform-origin:left; }
.publication-hero { padding:70px 0 76px; background:radial-gradient(ellipse at 12% 58%,#e5dccd 0,transparent 48%),linear-gradient(115deg,#f7f1e8,#f8faf6 55%,#d9e9df); }
.publication-hero-inner { display:grid; grid-template-columns:320px minmax(0,1fr); gap:90px; align-items:center; }
.publication-cover { padding:12px; background:#fff; box-shadow:0 22px 50px rgba(41,41,69,.15); transform:rotate(-2deg); }
.publication-cover img { width:100%; height:auto; }
.publication-eyebrow { font-size:12px; letter-spacing:.15em; color:#326b50; font-weight:700; text-transform:uppercase; }
.publication-edition { margin:18px 0 12px; font-size:14px; color:#74747d; }
.publication-edition span { margin:0 8px; }
.publication-hero h1 { font-size:clamp(32px,3.9vw,46px); line-height:1.35; letter-spacing:-1px; margin:0; }
.publication-english { font-size:12px; line-height:1.7; letter-spacing:.08em; color:#74747d; margin:14px 0 0; }
.publication-description { margin:26px 0; font-size:17px; line-height:1.95; color:#595a65; max-width:570px; }
.publication-hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
.publication-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:51px; padding:13px 24px; background:#2f6b4f; color:#fff; font-size:14px; font-weight:550; border:1px solid #2f6b4f; border-radius:5px; transition:background .2s,transform .2s; }
.publication-button:hover { background:#24523d; transform:translateY(-2px); }
.publication-button-light { background:transparent; color:#2f6b4f; border-color:#9dae9f; }
.publication-button-light:hover { background:#fff; }
.publication-button span { font-size:19px; }
.publication-preview { display:flex; align-items:center; gap:9px; color:#777b75; font-size:12px; margin:23px 0 0; line-height:1.7; }
.publication-preview span { width:6px; height:6px; background:#f58220; border-radius:100%; flex-shrink:0; }
.publication-contents { padding:70px 0 84px; }
.publication-contents, .publication-group { scroll-margin-top:95px; }
.publication-contents-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.publication-contents-heading h2 { margin:7px 0 0; font-size:34px; }
.publication-contents-heading>span { font-size:13px; color:#74747d; }
.publication-category-links { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:48px; }
.publication-category-links a { border:1px solid #d8ddd4; padding:8px 16px; border-radius:30px; font-size:13px; background:rgba(255,255,255,.55); }
.publication-category-links a:hover { border-color:#2f6b4f; color:#2f6b4f; background:#fff; }
.publication-group { margin-bottom:48px; }
.publication-group>h3 { font-size:19px; font-weight:550; padding-bottom:17px; border-bottom:1px solid #cfd5cb; margin:0 0 18px; }
.publication-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.publication-entry { display:flex; gap:17px; position:relative; padding:25px 26px; background:rgba(255,255,255,.88); border:1px solid #e0e3db; border-radius:8px; transition:border-color .2s,box-shadow .2s,transform .2s; }
.publication-entry:hover { border-color:#8eaf97; box-shadow:0 9px 25px rgba(37,66,47,.07); transform:translateY(-2px); }
.publication-entry-number { font-size:13px; color:#a0a79b; padding-top:3px; font-variant-numeric:tabular-nums; }
.publication-entry>div { min-width:0; display:flex; flex-direction:column; }
.publication-entry h4 { font-size:18px; line-height:1.6; margin:0 20px 10px 0; }
.publication-entry p { font-size:13px; line-height:1.85; color:#82828a; margin:0 0 18px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.publication-entry-meta { font-size:11px; color:#84877e; margin-top:auto; }
.publication-entry-meta i { font-style:normal; margin:0 6px; }
.publication-entry-arrow { color:#f58220; position:absolute; right:20px; top:24px; font-size:19px; }
.publication-source-note { margin-top:48px; padding:27px 32px; background:rgba(225,234,221,.5); border-radius:8px; font-size:12px; color:#6c7569; line-height:1.95; }
.publication-source-note h3 { font-size:14px; margin:0 0 8px; color:#4a5744; }
.publication-source-note p { margin:7px 0; }
.publication-source-note a { text-decoration:underline; text-underline-offset:4px; }
.publication-reader-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:45px; align-items:start; padding-top:48px; padding-bottom:85px; }
.publication-sidebar { position:sticky; top:99px; }
.publication-sidebar-details { border-top:2px solid #326b50; padding-top:16px; }
.publication-sidebar summary { display:flex; align-items:center; justify-content:space-between; font-size:15px; cursor:pointer; list-style:none; }
.publication-sidebar summary::-webkit-details-marker { display:none; }
.publication-sidebar-count { color:#9a9d93; font-size:12px; }
.publication-sidebar nav { margin-top:20px; max-height:calc(100vh - 210px); overflow:auto; padding-right:8px; scrollbar-width:thin; scrollbar-color:#c0cabc transparent; }
.publication-sidebar h2 { margin:22px 0 10px; font-size:11px; color:#959c8e; font-weight:500; letter-spacing:.1em; }
.publication-sidebar h2:first-child { margin-top:0; }
.publication-sidebar nav a { display:block; font-size:12px; line-height:1.7; padding:9px 12px; margin:2px 0; border-radius:4px; color:#6d706a; border-left:2px solid transparent; }
.publication-sidebar nav a:hover { color:#2f6b4f; background:#edf2e9; }
.publication-sidebar nav a.current { border-left-color:#f58220; background:#e8efe4; color:#2f6b4f; font-weight:600; }
.publication-reader { background:#fff; border:1px solid #e8e9e2; border-radius:10px; padding:44px 50px 35px; box-shadow:0 7px 30px rgba(34,53,37,.025); min-width:0; }
.publication-breadcrumb { color:#8a8d82; font-size:12px; }
.publication-breadcrumb span { margin-left:10px; }
.publication-article-heading .publication-eyebrow { margin:27px 0 12px; letter-spacing:.08em; }
.publication-article-heading h1 { font-size:clamp(28px,3.2vw,36px); line-height:1.5; margin:0 0 23px; letter-spacing:-.4px; }
.publication-article-meta { display:flex; flex-wrap:wrap; gap:9px 20px; color:#8b8c86; font-size:12px; }
.publication-reading-options { margin:27px 0 32px; padding:12px 0; display:flex; gap:25px; align-items:center; border-top:1px solid #e6e8e0; border-bottom:1px solid #e6e8e0; font-size:12px; }
.publication-reading-options>span { font-weight:550; color:#2f6b4f; }
.publication-reading-options a { margin-left:auto; color:#8a8d83; }
.publication-reading-options b { font-size:16px; font-weight:400; color:#f58220; }
.publication-prose { color:#464951; font-size:17px; line-height:2.1; overflow-wrap:break-word; }
.publication-prose p { margin:0 0 22px; }
.publication-prose h2 { font-size:23px; color:#292945; margin:42px 0 19px; line-height:1.55; font-weight:650; }
.publication-prose h2:first-child { margin-top:0; }
.reader-bullet { padding-left:22px; position:relative; }
.reader-bullet::before { content:'•'; position:absolute; left:3px; color:#2f6b4f; }
.reader-figure { margin:30px 0 32px; }
.reader-figure img { width:100%; height:auto; border-radius:4px; }
.reader-figure figcaption { display:flex; flex-wrap:wrap; gap:5px 20px; justify-content:space-between; font-size:11px; line-height:1.7; color:#8d9387; margin-top:11px; }
.reader-figure figcaption span { color:#2f6b4f; white-space:nowrap; }
.reader-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:24px 0; }
.reader-facts>div { border-radius:7px; background:#f0f4eb; padding:25px 22px; }
.reader-facts strong { display:block; font-size:27px; font-weight:650; color:#2f6b4f; line-height:1.6; }
.reader-facts span { display:block; color:#737c6d; font-size:12px; line-height:1.7; margin-top:7px; }
.publication-report-callout { position:relative; display:block; background:#eef4e9; padding:24px 60px 24px 25px; border-radius:6px; margin:34px 0; }
.publication-report-callout span { display:block; font-size:11px; color:#728469; margin-bottom:8px; }
.publication-report-callout strong { color:#2f6b4f; font-size:16px; line-height:1.7; }
.publication-report-callout b { position:absolute; right:25px; top:39px; color:#f58220; font-size:22px; }
.publication-article-source { margin-top:42px; border-top:1px solid #e6e8e0; padding-top:22px; font-size:11px; color:#92958c; line-height:1.8; }
.publication-article-source p { margin:7px 0; }
.publication-article-source a { text-decoration:underline; }
.publication-adjacent { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:30px 0 26px; }
.publication-adjacent a { padding:19px; border:1px solid #e0e5d9; border-radius:5px; transition:background .2s; }
.publication-adjacent a:hover { background:#f4f7f0; }
.publication-adjacent span { display:block; font-size:11px; color:#2f6b4f; margin-bottom:8px; }
.publication-adjacent strong { display:block; font-size:13px; font-weight:550; line-height:1.7; }
.publication-bottom-list { display:block; text-align:center; color:#878d80; font-size:12px; line-height:1.8; }
.publication-original { padding:42px 0 75px; background:#edf0e9; }
.publication-original-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.publication-original-heading h1 { font-size:26px; line-height:1.5; margin:6px 0 0; }
.publication-original-heading>a { color:#2f6b4f; font-size:13px; white-space:nowrap; }
.publication-original-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 25px; margin-bottom:25px; background:#fff; border:1px solid #dce3d5; border-radius:7px; }
.publication-original-controls>a, .publication-original-controls>.disabled { font-size:13px; color:#2f6b4f; white-space:nowrap; }
.publication-original-controls>.disabled { color:#bbbfb7; }
.publication-original-controls form { display:flex; align-items:center; gap:9px; font-size:12px; }
.publication-original-controls label { color:#8c9386; }
.publication-original-controls select { padding:7px 10px; border:1px solid #cfd7c9; border-radius:4px; background:#fff; color:#454f3e; }
.publication-original-controls button { border:0; border-radius:4px; background:#2f6b4f; color:#fff; padding:8px 13px; cursor:pointer; }
.publication-original-page { max-width:840px; margin:0 auto; }
.publication-original-page img { width:100%; height:auto; box-shadow:0 10px 35px #20392418; background:#fff; }
.publication-original-page figcaption { text-align:center; font-size:12px; color:#81897b; margin-top:16px; }
.publication-original-bottom { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:30px; font-size:13px; color:#2f6b4f; margin:30px 0 0; }
@media (max-width:1100px) { .publication-hero-inner { gap:55px; grid-template-columns:280px minmax(0,1fr); } .publication-reader-layout { gap:28px; grid-template-columns:210px minmax(0,1fr); } .publication-reader { padding:34px; } }
@media (max-width:900px) { .publication-reader-layout { grid-template-columns:1fr; gap:20px; padding-top:25px; } .publication-sidebar { position:static; } .publication-sidebar-details { background:#fff; border:1px solid #dce3d6; border-radius:6px; padding:15px 20px; } .publication-sidebar summary::after { content:'⌄'; color:#2f6b4f; } .publication-sidebar-count { margin-left:auto; margin-right:16px; } .publication-sidebar nav { max-height:350px; } .publication-reader { padding:36px 42px; } .publication-hero-inner { gap:40px; grid-template-columns:230px minmax(0,1fr); } .publication-hero h1 { font-size:32px; } .publication-description { font-size:15px; } .publication-hero-actions { gap:10px; } .publication-button { padding:11px 15px; gap:14px; } }
@media (max-width:640px) { .publication-toolbar-inner { min-height:60px; font-size:12px; gap:14px; } .publication-toolbar-title { display:none; } .publication-toc-link { margin-left:auto; } .publication-toc-link svg { width:15px; } .publication-hero { padding:37px 0 42px; } .publication-hero-inner { display:flex; flex-direction:column; gap:35px; align-items:flex-start; } .publication-cover { width:205px; align-self:center; padding:8px; } .publication-hero h1 { font-size:30px; } .publication-edition { font-size:12px; } .publication-description { margin:20px 0 23px; } .publication-english { font-size:10px; } .publication-hero-actions { flex-wrap:nowrap; } .publication-button { font-size:12px; padding:12px 13px; gap:11px; min-height:47px; } .publication-preview { font-size:10px; } .publication-contents { padding:38px 0 48px; } .publication-contents-heading h2 { font-size:28px; } .publication-contents-heading>span { font-size:11px; } .publication-category-links { gap:7px; margin-bottom:30px; } .publication-category-links a { font-size:11px; padding:7px 12px; } .publication-group { margin-bottom:33px; } .publication-group>h3 { font-size:16px; } .publication-entry-grid { grid-template-columns:1fr; gap:11px; } .publication-entry { padding:20px 18px; gap:12px; } .publication-entry h4 { font-size:16px; margin-right:18px; } .publication-entry p { font-size:12px; } .publication-entry-number { font-size:11px; } .publication-entry-arrow { right:15px; top:18px; } .publication-source-note { padding:21px; font-size:11px; } .publication-reader-layout { width:calc(100% - 28px); padding-bottom:45px; } .publication-reader { padding:27px 22px; border-radius:7px; } .publication-article-heading h1 { font-size:26px; line-height:1.55; } .publication-article-meta { font-size:11px; gap:8px 13px; } .publication-prose { font-size:16px; line-height:2; } .publication-prose h2 { font-size:20px; margin-top:33px; } .publication-reading-options { gap:15px; font-size:11px; } .publication-breadcrumb { font-size:11px; } .reader-facts { gap:10px; } .reader-facts>div { padding:19px 13px; } .reader-facts strong { font-size:22px; } .reader-facts span { font-size:11px; } .publication-adjacent a { padding:14px; } .publication-adjacent strong { font-size:12px; } .publication-original { padding-top:28px; } .publication-original-heading { align-items:flex-start; } .publication-original-heading h1 { font-size:20px; } .publication-original-heading>a { font-size:11px; padding-top:20px; } .publication-original-controls { padding:14px 11px; gap:8px; } .publication-original-controls label { display:none; } .publication-original-controls>a, .publication-original-controls>.disabled { font-size:11px; } .publication-original-controls form { gap:5px; font-size:10px; } .publication-original-controls select { padding:6px 4px; max-width:118px; } .publication-original-controls button { font-size:10px; padding:7px 8px; } }
@media (prefers-reduced-motion:reduce) { .publication-button, .publication-entry { transition:none; } }
@media print { .site-header, .site-footer, .publication-toolbar, .publication-sidebar, .publication-reading-options, .publication-adjacent, .publication-bottom-list { display:none!important; } .publication-reader-layout { display:block; width:100%; padding:0; } .publication-reader { border:0; box-shadow:none; padding:0; } .publication-prose { font-size:12pt; } .reader-figure { break-inside:avoid; } }