/* Shared identity; section layouts and the five-solid navigation are unchanged. */
/* Section identifiers reuse the exact symbols and angles from the dock. */
.section-solid { display:inline-block; width:22px; height:22px; vertical-align:middle; margin-right:4px; }
.section-solid g { stroke-width:2.5; }
.brand-wordmark .section-solid { width:14px; height:14px; margin-right:2px; }
.brand { gap:12px; }
.brand .brand-mark { width:48px; height:48px; flex:0 0 48px; border:0; border-radius:0; }
.brand-mark svg { display:block; width:100%; height:100%; overflow:visible; }
.brand-wordmark { display:block; }
.brand .brand-name { display:block; font-family:var(--serif); font-size:21px; font-weight:400; line-height:1.3; letter-spacing:.11em; }
.brand .brand-wordmark small { margin-top:3px; font-size:8px; letter-spacing:.16em; }
body[data-design="helios"] .brand-mark { color:#997748; }
body[data-design="demos"] .brand-mark { color:#a64a33; }
.kyma-sidebar .brand { gap:9px; }
.kyma-sidebar .brand .brand-mark { width:42px; height:42px; flex-basis:42px; }
.kyma-sidebar .brand .brand-name { font-size:17px; letter-spacing:.075em; }
@media(max-width:650px) {
  .site-header .brand { gap:7px; }
  .site-header .brand .brand-mark { width:36px; height:36px; flex-basis:36px; }
  .site-header .brand .brand-name { font-size:16px; letter-spacing:.065em; }
  .site-header .header-tools .location select { width:84px; }
  .site-header .menu-button { white-space:nowrap; font-size:12px; padding:8px 10px; }
}
@media(max-width:400px) {
  .site-header .brand { gap:5px; }
  .site-header .brand .brand-mark { width:31px; height:31px; flex-basis:31px; }
  .site-header .brand .brand-name { font-size:13px; letter-spacing:.06em; }
}
@media(max-width:360px) {
  .site-header .brand .brand-mark { width:28px; height:28px; flex-basis:28px; }
  .site-header .brand .brand-name { font-size:11px; letter-spacing:.025em; }
  .site-header .header-tools .location select { width:60px; }
  .site-header .menu-button { font-size:11px; padding:8px; }
}