/* Editorial layout for Chinese introduction and paper-reading pages. */
.article-layout { grid-template-columns: minmax(0,680px) 180px; }
.markdown-body { font-size: 16px; line-height: 1.9; }
.markdown-body p, .markdown-body li { color: #20211e; line-height: 1.9; }
.markdown-body p { margin: 0 0 22px; }
.markdown-body h2 {
  color: #24583e; font-size: 25px; line-height: 1.5;
  text-wrap: balance; margin: 46px 0 22px; padding-bottom: 13px;
}
.markdown-body h3 { font-size: 20px; line-height: 1.55; margin: 30px 0 14px; }
.markdown-body a { color: #24583e; text-underline-offset: 4px; }
.markdown-body .resource-figure {
  display: block; width: 100%; max-width: 100%; margin: 26px auto 34px;
  padding: 0; border: 0; background: none;
}
.markdown-body .resource-figure.medium { max-width: 540px; }
.markdown-body .resource-figure.compact { max-width: 378px; }
.markdown-body .resource-figure.robot { max-width: 510px; }
.markdown-body .math-illustration { max-width: 600px; }
.markdown-body .resource-figure > a { display: block; border: 0; background: none; }
.markdown-body .resource-figure img {
  display: block; width: 100%; max-width: 100%; height: auto; max-height: none;
  object-fit: contain; margin: 0; border: 0; border-radius: 6px; box-shadow: none;
}
.markdown-body figcaption {
  font-size: 12px; line-height: 1.75; color: #647062;
  text-align: left; margin: 0; padding-top: 9px;
}
.markdown-body figcaption a { color: #52664e; text-decoration: none; border: 0; }
.caption-dot { color: #9aa293; margin: 0 6px; }
.resource-pair { display: flex; align-items: flex-start; gap: 16px; margin: 26px 0 34px; }
.markdown-body .resource-pair .resource-figure { flex: 1; min-width: 0; margin: 0; }
.resource-pair img { aspect-ratio: 16/10; background: #121512; }
.logo-strip {
  display: flex; flex-wrap: wrap; gap: 24px 30px; align-items: flex-start;
  margin: 27px 0 34px; padding: 22px 0;
  border-top: 1px solid #d5d1c8; border-bottom: 1px solid #d5d1c8;
}
.markdown-body .logo-entry {
  display: flex; flex-direction: column; align-items: center; gap: 9px;
  min-width: 70px; text-decoration: none; border: 0; color: #30362f;
  font-size: 12px; line-height: 1.5;
}
.markdown-body .logo-entry img {
  width: 32px; height: 32px; object-fit: contain; margin: 0; border: 0; border-radius: 6px;
}
@media (max-width:1200px) { .article-layout { grid-template-columns: minmax(0,680px); } }
@media (max-width:800px) {
  .article-layout { display: block; }
  .markdown-body h2 { font-size: 23px; margin-top: 40px; }
}
@media (max-width:520px) {
  .resource-pair { flex-direction: column; gap: 24px; }
  .resource-pair .resource-figure { width: 100%; }
  .resource-pair img { aspect-ratio: auto; }
  .logo-strip { gap: 23px 22px; }
  .markdown-body .resource-figure { margin: 22px auto 29px; }
}

/* Keep the homepage's navigation and paper gallery spacious. */
body.home .article-layout { grid-template-columns: minmax(0,900px); }
body.home .markdown-body > p { max-width: 760px; }
body.home .home-section h2 { color: #24583e; font-size: 25px; border-bottom: 1px solid var(--line); }
body.home .home-section p { line-height: 1.9; }
body.home .markdown-body table { background: #fff; }
body.home .markdown-body table th { background: #f4f6f1; }
body.home .markdown-body table td { border-left: 0; border-right: 0; padding-top: 14px; padding-bottom: 14px; }
body.home .markdown-body table td:last-child a { font-weight: 650; }
body[data-page="papers"] .article-layout { grid-template-columns: minmax(0,760px) 180px; }
.markdown-body .resource-pair img { aspect-ratio: auto; background: #fff; }
.qa { background: #fff; margin: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.qa[open] { border-left: 0; }
.qa summary { padding: 22px 34px 22px 0; font-size: 18px; line-height: 1.7; }
.qa summary:after { right: 3px; top: 22px; color: var(--sage); }
.qa[open] summary { color: var(--link); border-bottom: 0; padding-bottom: 14px; }
.qa .answer { padding: 0 0 6px; }
.qa .answer p { margin-bottom: 18px; }
.qa-tools { font-family: var(--sans); }
@media (max-width:1200px) {
 body[data-page="papers"] .article-layout { grid-template-columns: minmax(0,760px); }
}
@media (max-width:800px) {
 body.home .home-section h2 { font-size: 23px; }
 .qa summary { font-size: 17px; }
}
@media (max-width:520px) {
 body.home .markdown-body table th:first-child { width: 55%; }
 body.home .markdown-body table th:last-child { width: 45%; }
}

/* Small source marks keep directory entries readable as text. */
.markdown-body .resource-mark {
  display: inline-block; width: 22px; height: 22px; max-height: 22px;
  object-fit: contain; vertical-align: -5px; margin: 0 6px 0 0;
  border: 0; border-radius: 3px; box-shadow: none;
}
body[data-page^="catalog-"] .markdown-body > ul > li { margin-bottom: 18px; }
body[data-page="resources"] .markdown-body > ul > li { margin-bottom: 16px; }


/* Resource directories: keep each cover with its own title and description. */
body[data-page^="catalog-"] .markdown-body > ul { list-style: none; padding: 0; margin: 0; }
body[data-page^="catalog-"] .markdown-body > ul > li {
  padding: 19px 0; margin: 0; border-bottom: 1px solid #e5e8e2;
}
body[data-page^="catalog-"] .markdown-body > ul > li:last-child { border-bottom: 0; }
body[data-page^="catalog-"] .markdown-body li > p { margin: 0; font-size: 15px; line-height: 1.85; }
body[data-page^="catalog-"] .markdown-body li > p:first-child { margin-bottom: 7px; font-size: 17px; line-height: 1.6; }
body[data-page^="catalog-"] .markdown-body li > p:first-child a { text-decoration: none; }
body[data-page^="catalog-"] .markdown-body li > p:first-child a:hover { text-decoration: underline; }
body[data-page^="catalog-"] .markdown-body li:has(> .resource-figure) {
  display: grid; grid-template-columns: minmax(0,1fr) 220px; grid-template-rows: min-content 1fr; column-gap: 24px; align-content: start;
}
body[data-page^="catalog-"] .markdown-body li:has(> .resource-figure) > p { grid-column: 1; }
body[data-page^="catalog-"] .markdown-body li > .resource-figure {
  grid-column: 2; grid-row: 1 / span 2; margin: 0; width: 220px; max-width: 100%; align-self: start;
}
body[data-page^="catalog-"] .markdown-body li > .resource-figure img {
  width: 100%; height: 128px; object-fit: contain; border-radius: 4px;
}
body[data-page^="catalog-"] .markdown-body li > .resource-figure figcaption { padding-top: 6px; line-height: 1.55; }
body[data-page^="catalog-"] .markdown-body .resource-mark { width: 26px; height: 26px; max-height: 26px; vertical-align: -6px; margin-right: 8px; }
@media (max-width:600px) {
  body[data-page^="catalog-"] .markdown-body li:has(> .resource-figure) { display: block; }
  body[data-page^="catalog-"] .markdown-body li > .resource-figure { width: 100%; margin: 14px 0 0; }
  body[data-page^="catalog-"] .markdown-body li > .resource-figure img { height: auto; max-height: 210px; }
  body[data-page^="catalog-"] .markdown-body li > .resource-figure.book { width: 120px; }
}

/* Research articles: approved editorial figures and examples. */
body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .editorial-tip {background:#f4f6ef;border:0;border-left:3px solid #6e8766;border-radius:0;padding:17px 22px;margin:28px 0}.editorial-tip>strong,.guide-note>strong{font-size:12px;letter-spacing:.1em}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .editorial-tip p{margin:6px 0 0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body details{border:1px solid #dce1d7;background:#fbfcfa;padding:14px 19px;margin:24px 0;border-radius:5px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body details summary{cursor:pointer;font-weight:650;color:#33543b}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body details[open] summary{margin-bottom:18px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body details p:last-child{margin-bottom:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure{margin:26px 0 38px;background:transparent;border:0;padding:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure img{width:100%;height:auto;max-height:none;object-fit:contain}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure--compact{max-width:480px;margin-left:auto;margin-right:auto}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body figure a{border:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body blockquote{background:#f7f8f4;border-left:3px solid #a5b897;margin:24px 0;padding:18px 23px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body blockquote p:last-child{margin-bottom:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body table{width:100%;font-size:14px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body a{overflow-wrap:anywhere}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body img{max-width:100%;height:auto}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-compare{background:none;gap:12px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-compare>div{padding:20px;background:#f6f7f3}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-compare p{margin:9px 0 0}@media(max-width:520px){body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-compare{display:block}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-compare>div+div{margin-top:10px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body blockquote{padding:14px 17px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .editorial-tip{padding:15px 18px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body table{font-size:13px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body th,body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body td{padding:8px!important}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .logo-strip{gap:22px!important}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .app-content{overflow-x:clip}}
body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;margin:24px 0 34px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery>span{display:none}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery .guide-figure{margin:0;max-width:100%;min-width:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure-link{border:0;padding:0}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure img{border:0;border-radius:4px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .guide-figure{margin-top:30px;margin-bottom:36px}@media(max-width:600px){body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery{display:block}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery .guide-figure{margin:25px auto}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .figure-gallery .guide-figure--compact{max-width:320px}}

body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .writing-example{max-width:680px;margin-left:auto;margin-right:auto;scroll-margin-top:80px}body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .markdown-body .writing-example--tall{max-width:560px}

body:is([data-page="reading"],[data-page="irene-workflow"],[data-page="writing"],[data-page="contact"],[data-page="ai"]) .research-overview{max-width:680px;margin:28px auto 36px}