/* Rilbox — шапка і підвал (спільні для всіх сторінок). Потрібен rilbox-tokens.css. */

/* шапка */
.rb-hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--rb-bg) 90%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color var(--rb-dur)}
.rb-hdr.is-scrolled{border-bottom-color:var(--rb-line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--rb-bg)}
.rb-hdr__in{display:flex;align-items:center;gap:24px;padding-block:14px}
.rb-nav{display:flex;gap:24px;font-size:var(--rb-t-small);margin-left:20px}
.rb-nav a{color:var(--rb-mute);text-decoration:none}
.rb-nav a:hover,.rb-nav a[aria-current="page"]{color:var(--rb-fg)}
.rb-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.rb-langs{display:flex;gap:0;font-size:13px}
.rb-langs a,.rb-langs button{background:none;border:0;padding:6px 6px;border-radius:var(--rb-r-sm);color:var(--rb-mute);text-decoration:none;letter-spacing:.02em}
.rb-langs [aria-current="true"]{color:var(--rb-fg);font-weight:600}
.rb-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--rb-line);background:none;display:grid;place-items:center;color:var(--rb-fg);flex:none}
.rb-icon-btn:hover{background:var(--rb-surface)}
.rb-icon-btn svg{width:17px;height:17px}
.rb-theme .rb-moon{display:none}
:root[data-theme="dark"] .rb-theme .rb-sun{display:none}
:root[data-theme="dark"] .rb-theme .rb-moon{display:block}
.rb-menu-btn{display:none}
.rb-sheet{display:none}

@media (max-width:900px){
  .rb-nav,.rb-hdr .rb-langs,.rb-hdr .rb-btn{display:none}
  .rb-menu-btn{display:grid}
  .rb-hdr__in{gap:10px}
  .rb-sheet{display:block;position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 66px);bottom:0;z-index:19;background:var(--rb-bg);
    padding:12px var(--rb-gutter-r) calc(24px + env(safe-area-inset-bottom,0px)) var(--rb-gutter-l);overflow:auto}
  .rb-sheet[hidden]{display:none!important}
  .rb-sheet nav{display:flex;flex-direction:column}
  .rb-sheet nav a{font:300 28px/1.2 var(--rb-f-display);letter-spacing:-.02em;padding-block:14px;border-bottom:1px solid var(--rb-line);text-decoration:none}
  .rb-sheet .rb-langs{margin-top:24px;font-size:15px;gap:6px}
  .rb-sheet .rb-btn{margin-top:24px;width:100%}
}
@media (max-width:380px){ .rb-logo{font-size:19px} .rb-logo svg{width:24px;height:24px} }

/* підвал */
.rb-ftr{margin-top:var(--rb-section);border-top:1px solid var(--rb-line)}
.rb-ftr__in{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 28px}
.rb-ftr p{margin:14px 0 0;color:var(--rb-mute);font-size:var(--rb-t-small);max-width:36ch}
.rb-ftr h2{margin:0 0 14px;font:500 var(--rb-t-label)/1.2 var(--rb-f-body);letter-spacing:var(--rb-track-label);text-transform:uppercase;color:var(--rb-mute)}
.rb-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:var(--rb-t-small)}
.rb-ftr a{text-decoration:none}
.rb-ftr a:hover{color:var(--rb-accent-text)}
.rb-ftr__base{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rb-line);padding-top:20px;color:var(--rb-dim);font-size:13px}
@media (max-width:900px){
  .rb-ftr__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-ftr__about{grid-column:1/-1}
}

@media (max-width:900px){ .rb-ftr ul a{display:inline-block;padding-block:8px} .rb-ftr ul{gap:0} }