/* Quiet title directory and complete reading pages, scoped to knowledge. */
#knowledge-view{padding-top:var(--header);min-height:100svh;background:radial-gradient(ellipse at 80% 8%,#e4e8da80,transparent 50%),var(--paper)}
.knowledge-directory{padding-top:35px;padding-bottom:70px}
.knowledge-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;align-items:center;padding-bottom:22px}
.knowledge-intro :is(h1,h2:where([data-page-heading])){font-size:clamp(34px,3.2vw,52px);letter-spacing:.12em;line-height:1.5;margin-bottom:16px}
.knowledge-intro-copy>p{color:var(--muted);font-size:17px;line-height:1.9}
.knowledge-intro figure{margin:0;min-width:0;position:relative}
.knowledge-intro img{width:100%;height:auto;display:block;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 72% 74% at center,#000 48%,transparent 82%)}
.knowledge-book-inscription{position:absolute;inset:20% 16% 22% 15%;display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center;text-align:center;font-family:var(--serif);color:#5f7155;pointer-events:none}
.knowledge-book-word{font-size:28px;letter-spacing:.15em;writing-mode:vertical-rl;justify-self:center}
.knowledge-book-inscription>div{display:flex;gap:8px;justify-content:center;line-height:2;font-size:12px;letter-spacing:.13em}
.knowledge-book-inscription>div span{writing-mode:vertical-rl}
.knowledge-library{border-top:1px solid var(--line);padding-top:23px;scroll-margin-top:calc(var(--header) + 24px)}
.knowledge-library-heading{margin-bottom:10px}
.knowledge-count{font-size:13px;color:var(--muted)}
.knowledge-controls{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:12px}
.knowledge-topics{display:flex;gap:22px;flex-wrap:wrap}
.knowledge-topics button{min-height:44px;padding:5px 0;font-size:15px;border-bottom:1px solid transparent;white-space:nowrap}
.knowledge-topics button[aria-pressed=true]{color:var(--red);border-color:var(--red)}
.knowledge-search{display:flex;align-items:center;gap:10px;min-width:0;width:260px;min-height:46px;border-bottom:1px solid #aab5a0}
.knowledge-search>svg{width:18px;height:18px;flex:none;color:var(--soft-ink)}
.knowledge-search input{font:inherit;font-size:15px;color:var(--ink);border:0;border-radius:0;outline:none;background:none;width:100%;min-width:0;padding:10px 0}
.knowledge-search input::placeholder{color:#687564;opacity:1}
.knowledge-search:focus-within{outline:2px solid var(--red);outline-offset:4px}
.knowledge-search button{flex:none;min-width:44px;min-height:44px;font-size:20px}
.knowledge-articles{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.knowledge-card{min-width:0;border-bottom:1px solid var(--line)}
.knowledge-card h3{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:normal;margin:0;overflow-wrap:anywhere}
.knowledge-card a{display:flex;align-items:center;min-height:56px;padding:12px 0;color:var(--ink)}
.knowledge-card:focus-within{outline:2px solid var(--red);outline-offset:4px}
.knowledge-card a:focus-visible{outline:none}
@media(hover:hover){.knowledge-card a:hover{color:var(--red)}}
.knowledge-empty{text-align:center;padding:45px 18px;border-bottom:1px solid var(--line)}
.knowledge-empty h3{font-size:23px;margin-bottom:16px}
.knowledge-empty button,#knowledge-more{min-height:44px;color:var(--red);border-bottom:1px solid currentColor}
.knowledge-list-end{display:flex;justify-content:center;margin-top:28px}
.knowledge-reader{padding-top:34px;padding-bottom:70px}
.knowledge-back{font-size:15px;color:var(--red);margin-bottom:28px}
.knowledge-reader-layout{display:grid;grid-template-columns:190px minmax(0,780px);justify-content:center;gap:70px;align-items:start}
.knowledge-toc{position:sticky;top:calc(var(--header) + 30px);border-top:1px solid #a7b49d;padding-top:18px}
.knowledge-toc h2{font-size:17px;margin-bottom:15px;letter-spacing:.07em}
.knowledge-toc button{display:block;text-align:left;font-size:14px;line-height:1.8;min-height:44px;width:100%;padding:8px 0;color:var(--muted)}
.knowledge-toc button:hover{color:var(--red)}
.knowledge-article{min-width:0;overflow-wrap:anywhere}
.knowledge-article header{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:30px}
.knowledge-article header .eyebrow{font-size:13px;color:var(--red);margin-bottom:15px}
.knowledge-article :is(h1,h2:where([data-page-heading])){font-size:clamp(30px,3vw,41px);line-height:1.65;letter-spacing:.035em;margin-bottom:15px;overflow-wrap:anywhere}
.knowledge-editor-note{font-size:13px;color:var(--muted);line-height:1.9}
.knowledge-editor-note summary{width:fit-content;min-height:44px;cursor:pointer;display:flex;align-items:center}
.knowledge-editor-note summary::before{content:"+";margin-right:9px}
.knowledge-editor-note[open] summary::before{content:"−"}
.knowledge-editor-note p{max-width:700px;padding:0 0 8px}
.knowledge-article section{margin-bottom:30px}
.knowledge-article h2{font-size:25px;line-height:1.65;margin-bottom:13px;scroll-margin-top:calc(var(--header) + 25px)}
.knowledge-article section h3{font-size:20px;line-height:1.7;margin:23px 0 10px}
.knowledge-article section p,.knowledge-article li{font-size:17px;line-height:2.15;letter-spacing:.015em}
.knowledge-article section p+p{margin-top:12px}
.knowledge-article ul,.knowledge-article ol{padding-left:1.6em;margin:12px 0 16px}
.knowledge-article li+li{margin-top:5px}
.knowledge-article ul{list-style:disc}.knowledge-article ol{list-style:decimal}
.knowledge-article strong{font-weight:600}
.knowledge-article code{font-size:.92em;background:#e7e9de80;padding:2px 4px;overflow-wrap:anywhere;white-space:normal}
.knowledge-article blockquote{border-left:2px solid #aab5a0;padding-left:18px;margin:20px 0;color:var(--muted)}
.knowledge-citation{font-size:13px;color:var(--red);text-decoration:underline;text-underline-offset:3px}
.knowledge-article table{width:100%;table-layout:fixed;border-collapse:collapse;margin:18px 0;font-size:16px;line-height:1.9}
.knowledge-article th,.knowledge-article td{border-bottom:1px solid var(--line);padding:12px 15px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.knowledge-article th{font-weight:600;background:#e4e8da50}
.knowledge-sources,.knowledge-related{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}
.knowledge-sources h2,.knowledge-related h2{font-size:19px;margin-bottom:13px}
.knowledge-sources a,.knowledge-related a{display:block;min-height:44px;padding:7px 0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.knowledge-sources a{color:var(--muted);text-decoration:underline;text-decoration-color:#b7bcab;text-underline-offset:4px}
.knowledge-related a{color:var(--ink)}
.knowledge-next{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.knowledge-next a{font-size:14px;color:var(--red)}
.knowledge-not-found{padding:85px 0 120px;min-height:60vh}
.knowledge-not-found :is(h1,h2:where([data-page-heading])){font-size:38px;margin-bottom:25px}
/* Keep the accepted five-entry navigation usable on narrow phones. */
@media(max-width:1100px) and (min-width:701px){.knowledge-controls{flex-wrap:wrap}.knowledge-search{width:100%;max-width:400px}}
@media(max-width:700px){
 .main-nav{gap:5px}.main-nav a{padding:0 1px;gap:3px;font-size:13px}
 .knowledge-directory{padding-top:25px;padding-bottom:45px}
 .knowledge-intro{grid-template-columns:minmax(0,1fr) 120px;gap:16px;padding-bottom:27px}
 .knowledge-intro :is(h1,h2:where([data-page-heading])){font-size:31px;margin-bottom:12px;letter-spacing:.08em}
 .knowledge-intro-copy>p{font-size:15px;line-height:1.9}
 .knowledge-book-word{font-size:18px}.knowledge-book-inscription>div{display:none}
 .knowledge-library{padding-top:18px}
 .knowledge-controls{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:10px}
 .knowledge-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 20px}
 .knowledge-topics button{font-size:14px;text-align:left}
 .knowledge-search{width:100%}
 .knowledge-reader{padding-top:24px;padding-bottom:45px}
 .knowledge-reader-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .knowledge-toc{position:static}.knowledge-toc>div{display:flex;gap:6px 20px;flex-wrap:wrap}
 .knowledge-toc button{width:auto;font-size:13px}.knowledge-toc h2{font-size:15px;margin-bottom:4px}
 .knowledge-article :is(h1,h2:where([data-page-heading])){font-size:28px}.knowledge-article section p,.knowledge-article li{font-size:16px;line-height:2.1}
 .knowledge-article h2{font-size:23px}.knowledge-article section h3{font-size:19px}
 .knowledge-article table{font-size:14px}.knowledge-article th,.knowledge-article td{padding:10px}
 .knowledge-not-found :is(h1,h2:where([data-page-heading])){font-size:30px}
}
@media(max-width:580px){.main-nav a>svg{display:none}.main-nav{gap:4px}}
@media(max-width:340px){
 :root{--header:164px}.header-inner{grid-template-rows:61px 102px}
 .main-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 8px;align-self:stretch}
 .main-nav a{grid-column:span 2;min-height:46px;font-size:13px}.main-nav a:nth-child(n+4){grid-column:span 3}
 .knowledge-intro{grid-template-columns:minmax(0,1fr)}.knowledge-intro figure{display:none}.knowledge-intro :is(h1,h2:where([data-page-heading])){font-size:30px}
 .knowledge-topics{gap:5px 12px}
}
@media(forced-colors:active){
 #knowledge-view{background:Canvas;color:CanvasText}.knowledge-intro figure{display:none}
 .knowledge-search,.knowledge-card,.knowledge-toc,.knowledge-article header,.knowledge-sources,.knowledge-related,.knowledge-article th,.knowledge-article td{border-color:CanvasText}
 .knowledge-topics button[aria-pressed=true]{color:LinkText;text-decoration:underline}
 .knowledge-search input{color:CanvasText}.knowledge-card a,.knowledge-sources a,.knowledge-related a,.knowledge-citation{color:LinkText}
}
