/* Shared across all pages: theme toggle, cookie consent banner, mobile brand abbreviation */

.brand-short{display:none}
@media (max-width:480px){
  .brand-full{display:none}
  .brand-short{display:inline}
}

.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--muted-2, #c9ced3);
  background:var(--card, #fff);
  color:var(--ink, #222629);
  cursor:pointer;flex:0 0 auto;padding:0;
  transition:background .15s ease,border-color .15s ease;
}
.theme-toggle:hover{border-color:var(--orange,#F39A36)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .icon-moon{display:none}
html[data-theme="dark"] .theme-toggle .icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .icon-moon{display:inline-flex}

.cookie-consent{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;
  background:var(--card, #fff);color:var(--ink, #222629);
  border:1px solid var(--muted-2, #c9ced3);
  border-radius:14px;padding:14px 16px;
  box-shadow:0 10px 30px -12px rgba(20,24,28,.35);
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  max-width:640px;margin:0 auto;
  font-family:inherit;
}
.cookie-consent p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-soft,var(--ink,#222629));flex:1 1 220px}
.cookie-consent a{color:var(--orange-2,#F08A1F);text-decoration:underline}
.cookie-actions{flex:0 0 auto;margin-left:auto}
.cookie-consent .cookie-accept{
  background:var(--orange,#F39A36);color:#fff;border:none;
  padding:9px 20px;border-radius:10px;font-weight:600;font-size:13.5px;
  cursor:pointer;white-space:nowrap;
}
.cookie-consent .cookie-accept:hover{background:var(--orange-2,#F08A1F)}

@media (max-width:480px){
  .cookie-consent{left:10px;right:10px;bottom:10px;padding:12px 14px}
  .cookie-actions{margin-left:0;width:100%}
  .cookie-consent .cookie-accept{width:100%}
}