.knowledgeArticlePage { --kb-article-ink: #342a24; --kb-article-muted: #74685f; --kb-article-accent: #694a34; --kb-article-line: #ded5cc; color: var(--kb-article-ink); background: #fff; padding-bottom: 78px; }
.knowledgeArticlePage *,
.knowledgeArticlePage *::before,
.knowledgeArticlePage *::after { box-sizing: border-box; }
.knowledgeArticleLayout { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: 58px; align-items: start; padding-top: 28px; }
.knowledgeArticleMain { min-width: 0; }
.knowledgeArticleHeader { border-bottom: 1px solid #ded5cc; padding: 20px 0 28px; }
.knowledgeArticleHeader h1 { color: #342a24; font-size: clamp(32px,4.2vw,54px); font-weight: 500; letter-spacing: -.035em; line-height: 1.15; margin: 14px 0 15px; overflow-wrap: anywhere; text-wrap: balance; }
.knowledgeArticleSummary { max-width: 760px; color: #74685f; font-size: 15px; line-height: 1.9; }
.knowledgeArticleMeta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: #927158; font-size: 11px; font-variant-numeric: tabular-nums; line-height: 1.55; margin-top: 18px; }
.knowledgeArticleBody { color: #4a4039; font-size: 16px; line-height: 1.95; padding-top: 34px; }
.knowledgeArticleBody > * + * { margin-top: 1.25em; }
.knowledgeArticleBody h2 { color: #342a24; font-size: 28px; font-weight: 600; line-height: 1.4; margin-top: 2.1em; }
.knowledgeArticleBody h3 { color: #46382e; font-size: 21px; font-weight: 600; line-height: 1.5; margin-top: 1.8em; }
.knowledgeArticleBody h4 { color: #59483a; font-size: 18px; font-weight: 600; margin-top: 1.5em; }
.knowledgeArticleBody p { max-width: 760px; overflow-wrap: anywhere; text-wrap: pretty; }
.knowledgeArticleBody ul,.knowledgeArticleBody ol { padding-left: 1.5em; }
.knowledgeArticleBody li + li { margin-top: .45em; }
.knowledgeArticleBody blockquote,.knowledgeArticleBody .kb-callout,.knowledgeArticleBody .kb-definition,.knowledgeArticleBody aside { border-left: 3px solid #a8866b; background: #f8f2ec; color: #66584d; padding: 17px 20px; }
.knowledgeArticleBody blockquote p,.knowledgeArticleBody .kb-callout p,.knowledgeArticleBody .kb-definition p { max-width: none; }
.knowledgeArticleBody figure { max-width: 100%; margin: 2em 0; }
.knowledgeArticleBody figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.knowledgeArticleBody figcaption { color: #86786d; font-size: 12px; line-height: 1.6; margin-top: 8px; text-align: center; }
.kb-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.5em 0; }
.knowledgeArticleBody table { min-width: 560px; width: 100%; border-collapse: collapse; background: #fff; font-size: 14px; line-height: 1.65; }
.knowledgeArticleBody caption { color: #655548; font-size: 13px; font-weight: 600; padding: 0 0 9px; text-align: left; }
.knowledgeArticleBody th,.knowledgeArticleBody td { border: 1px solid #dcd1c6; padding: 11px 13px; text-align: left; vertical-align: top; }
.knowledgeArticleBody thead th { background: #f1e9e1; color: #49382c; font-weight: 600; }
.knowledgeArticleBody tbody tr:nth-child(even) td { background: #fcfaf7; }
.knowledgeArticleBody code { background: #f1ebe5; color: #5a3f2c; padding: 2px 5px; }
.knowledgeArticleBody pre { max-width: 100%; overflow-x: auto; background: #302821; color: #f8f0e7; font-size: 13px; line-height: 1.7; padding: 16px; }
.knowledgeArticleBody a { color: #694a34; text-decoration: underline; text-underline-offset: 2px; }
.knowledgeArticleBody a:hover { color: #513724; text-decoration-thickness: 2px; }
.knowledgeArticleBody a:focus-visible,.knowledgeArticleToc a:focus-visible,.knowledgeArticleNav a:focus-visible,.knowledgeRelated a:focus-visible,.knowledgeArticleSource a:focus-visible { outline: 3px solid rgba(105,74,52,.24); outline-offset: 3px; }
.knowledgeArticleBody details { border: 1px solid #ded5cc; background: #fffdf9; padding: 14px 17px; }
.knowledgeArticleBody details summary { color: #59483a; cursor: pointer; font-weight: 600; }
.knowledgeArticleBody details > *:not(summary) { margin-top: 12px; }
.knowledgeArticleToc { position: sticky; top: 20px; border-left: 1px solid #ded5cc; padding: 8px 0 8px 20px; }
.knowledgeArticleToc h2,.knowledgeArticleToc summary { color: #59483a; font-size: 13px; font-weight: 600; margin: 0 0 13px; }
.knowledgeArticleToc summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.knowledgeArticleToc summary::after { content: "+"; color: #927158; font-size: 18px; font-weight: 400; line-height: 1; margin-left: 12px; }
.knowledgeArticleToc details[open] summary::after { content: "−"; }
.knowledgeArticleToc summary::-webkit-details-marker { display: none; }
.knowledgeArticleToc ol { list-style: none; margin: 0; padding: 0; }
.knowledgeArticleToc p { color: #86786d; font-size: 12px; line-height: 1.6; margin: 0; }
.knowledgeArticleToc li + li { margin-top: 8px; }
.knowledgeArticleToc li.kb-toc-h3 { padding-left: 12px; }
.knowledgeArticleToc a { display: block; color: #786b60; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; padding: 2px 0; text-decoration: none; }
.knowledgeArticleToc a:hover { color: #694a34; }
.knowledgeArticleSource { border-top: 1px solid #ded5cc; color: #74685f; font-size: 12px; line-height: 1.75; margin-top: 44px; padding-top: 22px; }
.knowledgeArticleSource strong { display: block; color: #59483a; margin-bottom: 5px; }
.knowledgeArticleSource p { margin: 7px 0 0; }
.knowledgeArticleSource a { color: #694a34; text-decoration: underline; text-underline-offset: 2px; }
.knowledgeArticleNav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; border-top: 1px solid #ded5cc; margin-top: 34px; padding-top: 20px; }
.knowledgeArticleNav a { min-width: 0; border: 1px solid #ded5cc; color: #694a34; line-height: 1.55; overflow-wrap: anywhere; padding: 13px 15px; text-decoration: none; transition: border-color .2s ease,background-color .2s ease,transform .2s ease; }
.knowledgeArticleNav a:hover { border-color: #bca895; background: #faf6f1; color: #513724; transform: translateY(-1px); }
.knowledgeArticleNav a span { display: block; color: #927158; font-size: 10px; margin-bottom: 6px; }
.knowledgeRelated { border-top: 1px solid #ded5cc; margin-top: 42px; padding-top: 27px; }
.knowledgeRelated h2 { color: #40342c; font-size: 22px; font-weight: 600; margin-bottom: 15px; }
.knowledgeRelated ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 18px; list-style: none; margin: 0; padding: 0; }
.knowledgeRelated a { display: block; color: #694a34; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; padding: 3px 0; text-decoration: none; }
.knowledgeRelated a:hover { color: #513724; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
    .knowledgeArticleLayout { grid-template-columns: 1fr; gap: 0; }
    .knowledgeArticleToc { position: static; order: -1; border: 1px solid #ded5cc; background: #faf6f1; margin: 14px 0 10px; padding: 14px 17px; }
    .knowledgeArticleToc h2 { cursor: default; }
}
@media (max-width: 640px) {
    .knowledgeArticlePage { padding-bottom: 48px; }
    .knowledgeArticleLayout { padding-top: 18px; }
    .knowledgeArticleHeader { padding: 16px 0 24px; }
    .knowledgeArticleHeader h1 { font-size: clamp(30px,9.5vw,36px); }
    .knowledgeArticleSummary { font-size: 14px; line-height: 1.8; }
    .knowledgeArticleBody { font-size: 16px; line-height: 1.9; padding-top: 25px; }
    .knowledgeArticleBody h2 { font-size: 24px; }
    .knowledgeArticleBody h3 { font-size: 19px; }
    .knowledgeArticleBody blockquote,.knowledgeArticleBody .kb-callout,.knowledgeArticleBody .kb-definition,.knowledgeArticleBody aside { padding: 15px 16px; }
    .knowledgeArticleBody table { min-width: 520px; }
    .knowledgeArticleNav,.knowledgeRelated ul { grid-template-columns: 1fr; }
    .knowledgeArticleNav > span:empty { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .knowledgeArticleNav a { transition: none; }
}