/* Navigation that fits short screens and related routes that remain available. */
@media(max-width:1100px){html:not(#_) #nav-menu.open{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px}html:not(#_) #nav-menu>a{min-height:48px;display:flex;align-items:center}html:not(#_) #nav-menu a:focus-visible{outline-color:#b8c1ef!important;outline-offset:-4px!important}html:not(#_) #nav-toggle:focus-visible{outline-color:#b8c1ef!important}}
html:not(#_) .post-related:has(.rel-cards){display:block!important;margin:32px 0;padding:24px 0;border:0;background:transparent;box-shadow:none}
html:not(#_) .post-related .rel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
html:not(#_) .post-related .rel-card{border:1px solid #dbe3e6;border-radius:16px;padding:20px 48px 20px 20px;background:#fff;box-shadow:none;transform:none;text-decoration:none;min-height:100px}
html:not(#_) .post-related .rel-card:hover{border-color:#9aa6f2;box-shadow:none;transform:none}
html:not(#_) .post-related .rel-card b{font-size:16px;line-height:1.45}.post-related .rel-card small{font-size:13px}.post-related .rel-card span{font-size:14px;line-height:1.6}
html:not(#_) .post-related .rel-card i{background:transparent;color:#3347d6;transform:translateY(-50%)}
.post-related .rel-more{margin:16px 0 0;padding:0;border:0;background:transparent;box-shadow:none}.post-related .rel-more>summary{padding:12px 0;min-height:48px;cursor:pointer;font:600 15px/1.6 var(--font-sans);color:#2536b0}.post-related .rel-more>.rel-cards{margin-top:12px}
html:not(#_) body .post-related .rel-card{border:1px solid #dbe3e6!important;padding:20px 48px 20px 20px!important;box-shadow:none!important;transform:none!important}
html:not(#_) body .post-related .rel-card:hover{border-color:#9aa6f2!important}
html:not(#_) body .post-related .rel-card i{background:transparent!important;color:#3347d6!important;transform:translateY(-50%)!important}