/* Fluid editorial layouts and long-form wiki content */
main,header,footer,.docs-layout,.article,.wiki-grid,.wiki-card{min-width:0}
.article{overflow-wrap:anywhere}
.article img,.article video,.article iframe{max-width:100%;height:auto}
.article pre,.article code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.article .markdown-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article .markdown-table table{min-width:520px;border-collapse:collapse}
.article .markdown-table th,.article .markdown-table td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.article .markdown-callout{margin:20px 0;padding:16px 18px;border-left:3px solid var(--gold);background:#e9ecdf}
.article .markdown-callout p:last-child{margin-bottom:0}
.article .markdown-callout.important,.article .markdown-callout.warning,.article .markdown-callout.caution{background:#f0e7d4}
.toc{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 125px);overflow:auto}
@media(max-width:760px){
 .docs-layout{display:block;width:100%}
 .sidebar{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;padding:12px 5%;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .sidebar>strong{display:none!important}
 .sidebar a{flex:0 0 auto;margin:0;border:1px solid var(--line);border-radius:2px;padding:8px 11px}
 .sidebar a.selected{border-left:1px solid #6a805e}
 .article{padding:28px 6% 44px}
 .article h1{font-size:clamp(32px,8vw,42px);line-height:1.12}
 .article h2{font-size:clamp(24px,6vw,30px);line-height:1.2}
 .article p,.article li{font-size:14px;line-height:1.8}
 .article .infobox{width:100%;margin:0 0 22px;float:none}
 .article .infobox img{height:clamp(170px,55vw,260px);object-fit:cover}
 .wiki-grid{grid-template-columns:1fr;gap:14px}
 .wiki-card{display:grid;grid-template-columns:minmax(90px,30%) minmax(0,1fr);align-items:stretch}
 .wiki-card img{height:100%;min-height:130px;object-fit:cover}
 .wiki-card div{padding:13px}
 .wiki-card h3{font-size:15px;overflow-wrap:anywhere}
 .toc{display:none}
 .page-top h1{font-size:clamp(36px,10vw,48px);line-height:1.08}
 footer{align-items:flex-start}
}
@media(max-width:420px){
 header{gap:9px;padding-inline:4%}
 .brand-logo{max-width:128px;height:auto}
 header>.button{max-width:135px;white-space:normal;text-align:center;line-height:1.2}
 .hero h1{font-size:clamp(44px,14vw,60px)}
 .wiki-card{grid-template-columns:1fr}
 .wiki-card img{height:150px}
 footer .brand{width:100%}
 footer p{width:100%}
}