/* Layout references extend the published reference template without changing other pages. */
.reference-type-layout{min-width:320px}
.reference-languages{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.reference-languages a{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px}
.reference-languages [aria-current=page]{color:var(--accent);border-color:var(--accent)}
.reference-type-layout .reference-visuals{max-width:640px}
.reference-type-layout .reference-image{padding:0;border:0;background:none}
.reference-type-layout .reference-image>a{width:fit-content;max-width:100%;min-height:0;background:none}
.reference-type-layout .reference-image img{width:auto;max-width:100%;max-height:680px}
@media(max-width:960px){
 .reference-type-layout .reference-header{height:auto}
 .reference-type-layout .ls-header{flex-wrap:wrap;justify-content:center;padding:16px}
 .reference-type-layout .ls-navigation{flex-wrap:wrap;justify-content:center}
 .reference-type-layout .reference-main{width:calc(100% - 32px)}
 .reference-type-layout .reference-heading{flex-direction:column;gap:16px}
 .reference-type-layout .reference-actions{justify-content:flex-start;max-width:none}
 .reference-type-layout .reference-title-line{flex-wrap:wrap;gap:8px}
 .reference-type-layout .reference-related{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-type-layout .reference-footer{flex-wrap:wrap;gap:16px;padding:24px 16px}
}