/* Release 2.0.0: a clear article entrance and readable mobile navigation. */
.article-layout > *{min-width:0}
.article .article-head{margin-bottom:18px}
.article .article-head h1{margin:0;overflow-wrap:break-word}
.article .article-thumb{border-radius:16px;margin-bottom:24px}
.article .article-thumb img{width:100%;height:auto}
.article .crumbs--article{
 display:block;margin:0 0 20px;padding:3px 12px;
 border:1px solid #bccdd6;border-inline-start:3px solid #a58130;
 border-radius:8px;background:#edf3f6;color:#16394d;font-size:15px;line-height:1.5;
}
.article .crumbs--article ol{display:flex;flex-wrap:wrap;gap:0 9px;list-style:none;margin:0;padding:0}
.article .crumbs--article li{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;margin:0}
.article .crumbs--article a{display:inline-flex;align-items:center;min-height:44px;color:#16394d;font-weight:700;overflow-wrap:break-word;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6c8795}
.article .crumbs--article a:hover{color:#704e13;text-decoration-color:currentColor}
.article .crumbs--article .crumbs__separator{color:#4e6470;flex:none;font-weight:400}
.article .crumbs--article a:focus-visible{outline:3px solid #77540c;outline-offset:2px}

/* Native details remains the only table of contents. */
.article .prose .rz-toc{display:block;width:100%;max-width:100%;margin-block:24px;border-color:#bccdd6}
.article .prose .rz-toc__summary{min-height:54px;padding:14px 16px;gap:12px}
.article .prose .rz-toc__title{font-size:17px}
.article .prose .rz-toc__head .ico,.article .prose .rz-toc__action{color:#77510b}
.article .prose .rz-toc__count{display:none}
.article .prose .rz-toc[open]{background:#0b2a3a}
.article .prose .rz-toc[open] .rz-toc__title{color:#fff}
.article .prose .rz-toc[open] .rz-toc__head .ico,.article .prose .rz-toc[open] .rz-toc__action{color:#f0ca70}
.article .prose .rz-toc__list{padding:6px 12px 14px;margin:0;max-height:min(480px,55vh);overscroll-behavior:contain}
.article .prose .rz-toc__item{margin-bottom:6px}
.article .prose .rz-toc__item a{min-height:44px;color:#eef5f8;text-decoration:none;font-size:16px;line-height:1.6}
.article .prose .rz-toc__item a:hover{color:#fff;background:#23495d}
.article .prose .rz-toc__item a:focus-visible{outline:3px solid #f0ca70;outline-offset:-3px}
.article .prose .rz-toc__item--h3{margin-inline-start:12px}
.article .prose .rz-toc__item--h4{margin-inline-start:24px}

/* One scroll container per table; keyboard access is added only if it overflows. */
.article .prose .rz-table-scroll,.article .prose .rzi-table{
 max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
 border:1px solid #bccdd6;border-radius:10px;margin-block:24px;
 scrollbar-color:#526c7a #edf3f6;-webkit-overflow-scrolling:touch;
}
.article .prose .rz-table-scroll table,.article .prose .rzi-table table{
 display:table;width:100%;overflow:visible;border-collapse:collapse;margin:0;
}
.article .prose .rz-table-scroll table{min-width:480px}
.article .prose .rz-table-scroll:focus-visible,.article .prose .rzi-table:focus-visible{outline:3px solid #77540c;outline-offset:3px}
.article .prose .rz-table-hint{color:#3b5360;font-size:14px;line-height:1.6;margin:0 0 8px}
.article .prose .rz-table-hint + .rz-table-scroll,.article .prose .rz-table-hint + .rzi-table{margin-top:0}
.article .prose a{overflow-wrap:anywhere}
.article .prose :is(h2,h3,h4)[id]{scroll-margin-top:0}

/* Legible actions, with room left for long labels and device safe areas. */
.zdock .zdk{color:#edf5f8}
.zdock .zdk--quote .zdk__ico{color:#10283d}
.zdock .zdk:focus-visible{outline:3px solid #f0ca70;outline-offset:2px}
.single .post-card__more{color:#855019}
.single .btn--acc{color:#10283d}

@media(max-width:900px){
 .single .page-body{padding-top:24px}
 .article .crumbs--article{margin-bottom:18px}
 .article .article-head h1,.rz-lang-en .article .article-head h1{font-size:clamp(26px,6.5vw,34px);line-height:1.4}
 .zdock{width:calc(100% - 20px);max-width:470px;gap:2px;padding:7px 5px}
 .zdock .zdk{min-height:62px;min-width:44px;padding:2px 0}
 .zdock .zdk__t,.rz-lang-en .zdock .zdk__t{font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:normal}
 .zdock .zdk--top{position:absolute;inset-inline-end:2px;bottom:calc(100% + 10px);width:48px;min-height:48px;padding:2px;border:1px solid #dfb757;border-radius:14px;background:#0b2a3a;box-shadow:0 4px 16px #07142130}
 .zdock .zdk--top .zdk__t{display:none}
 .zdock .zdk--top .zdk__ico{width:42px;height:42px}
 .ftr{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 .sidebar{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
 .article .crumbs--article{padding-inline:8px;font-size:14px}
 .article .crumbs--article ol,.article .crumbs--article li{gap:6px}
 .article .prose .rz-toc__summary{padding:12px}
 .article .prose .rz-toc__head{gap:8px}
 .zdock .zdk__t,.rz-lang-en .zdock .zdk__t{font-size:11px}
}
@media print{
 .article .crumbs--article,.rz-table-hint{display:none}
 .article .prose .rzi-table,.article .prose .rz-table-scroll{overflow:visible}
 .article .prose .rzi-table table,.article .prose .rz-table-scroll table{min-width:0}
}
