:root{
  --bg-base:#060d1a;--bg-card:#0a1628;--bg-card-hover:#0e1e38;
  --border:rgba(59,130,246,0.15);--border-bright:rgba(59,130,246,0.35);
  --blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;
  --cyan:#22d3ee;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--purple:#a78bfa;
  --text-primary:#f0f6ff;--text-secondary:#94a3b8;--text-muted:#475569;
  --radius:10px;--radius-lg:16px;--header-h:60px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg-base);color:var(--text-primary);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden;}
a{color:inherit;text-decoration:none}
body::before{content:'';position:fixed;inset:0;opacity:.35;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");}
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(59,130,246,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.03) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);}
.container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:200;background:rgba(6,13,26,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;}
.hdr{display:flex;align-items:center;width:100%;padding:0 20px;gap:14px;}
.logo{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;flex-shrink:0;}
.logo-mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--blue-500),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:.8rem;}
.hdr-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;}
.hdr-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;}
.hdr-nav{display:flex;align-items:center;gap:3px;margin-left:auto;}
.hdr-nav a{padding:6px 11px;border-radius:7px;font-size:.78rem;font-weight:500;color:var(--text-muted);transition:.2s;white-space:nowrap;}
.hdr-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,.05);}
.hdr-nav a.active{color:var(--text-primary);}
.btn-hdr{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:.78rem;font-weight:600;background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;box-shadow:0 0 14px rgba(59,130,246,.3);transition:.2s;border:none;cursor:pointer;white-space:nowrap;}
.btn-hdr:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(59,130,246,.5);}
.mob-btn{display:none;background:none;border:1px solid var(--border);border-radius:7px;padding:6px 8px;cursor:pointer;color:var(--text-muted);}

/* HERO / SEARCH */
.kb-hero{padding:100px 0 0;position:relative;z-index:1;}
.kb-hero-inner{text-align:center;max-width:680px;margin:0 auto;padding-bottom:48px;}
.kb-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:100px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);font-size:.7rem;font-weight:700;color:var(--blue-400);letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px;}
.kb-h1{font-family:'Montserrat',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px;}
.kb-h1 span{background:linear-gradient(135deg,var(--blue-400),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.kb-sub{font-size:.95rem;color:var(--text-secondary);margin-bottom:28px;}

/* PRODUCT SWITCHER (tab row) */
.product-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.prod-tab{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;font-size:.8rem;font-weight:700;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:.2s;font-family:'DM Sans',sans-serif;}
.prod-tab:hover{border-color:var(--border-bright);color:var(--text-primary);}
.prod-tab.active{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:var(--blue-400);}
.prod-tab-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;}
.pti-blue{background:rgba(59,130,246,.15);color:var(--blue-400);}
.pti-green{background:rgba(16,185,129,.15);color:var(--green);}
.pti-amber{background:rgba(245,158,11,.15);color:var(--amber);}
.pti-purple{background:rgba(167,139,250,.15);color:var(--purple);}
.prod-tab-badge{font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 5px;border-radius:4px;margin-left:2px;}
.ptb-active{background:rgba(59,130,246,.15);color:var(--blue-400);}
.ptb-new{background:rgba(34,211,238,.12);color:var(--cyan);}
.ptb-soon{background:rgba(245,158,11,.1);color:var(--amber);}

/* SEARCH BOX */
.kb-search-wrap{position:relative;max-width:580px;margin:0 auto;}
.kb-search-input{width:100%;padding:15px 20px 15px 50px;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);color:var(--text-primary);font-family:'DM Sans',sans-serif;font-size:.95rem;outline:none;transition:.2s;box-shadow:0 0 0 0 rgba(59,130,246,0);}
.kb-search-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.12);}
.kb-search-input::placeholder{color:var(--text-muted);}
.kb-search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none;}
.kb-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.7rem;padding:3px 8px;cursor:pointer;display:none;transition:.15s;}
.kb-search-clear:hover{color:var(--text-primary);}
.kb-search-hint{display:flex;gap:16px;justify-content:center;margin-top:10px;flex-wrap:wrap;}
.kb-search-hint span{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;}
.kb-search-hint i{font-size:.65rem;}

/* STATS ROW */
.kb-stats{display:flex;gap:24px;justify-content:center;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:48px;}
.kb-stat{text-align:center;}
.kb-stat-num{font-family:'Space Mono',monospace;font-size:1.3rem;font-weight:700;color:var(--blue-400);display:block;}
.kb-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;}

/* SEARCH RESULTS */
.kb-results{display:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:6px;overflow:hidden;max-height:420px;overflow-y:auto;text-align:left;}
.kb-result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);transition:.15s;cursor:pointer;}
.kb-result-item:last-child{border:none;}
.kb-result-item:hover{background:rgba(59,130,246,.06);}
.kb-result-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;margin-top:2px;background:rgba(59,130,246,.1);color:var(--blue-400);}
.kb-result-q{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.3;}
.kb-result-q mark{background:rgba(96,165,250,.2);color:var(--blue-400);border-radius:3px;padding:0 2px;}
.kb-result-cat{font-size:.72rem;color:var(--text-muted);}
.kb-no-results{padding:28px;text-align:center;color:var(--text-muted);font-size:.88rem;}

/* MAIN LAYOUT */
.kb-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:flex-start;position:relative;z-index:1;padding-bottom:80px;}

/* LEFT FILTER NAV */
.kb-filter-nav{position:sticky;top:calc(var(--header-h) + 20px);}
.kfn-label{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;display:block;}
.kfn-list{display:flex;flex-direction:column;gap:2px;}
.kfn-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:.15s;background:transparent;border:none;font-family:'DM Sans',sans-serif;text-align:left;width:100%;}
.kfn-item:hover{color:var(--text-primary);background:rgba(255,255,255,.04);}
.kfn-item.active{color:var(--blue-400);background:rgba(59,130,246,.08);font-weight:600;}
.kfn-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.62rem;flex-shrink:0;}
.kfi-blue{background:rgba(59,130,246,.12);color:var(--blue-400);}
.kfi-green{background:rgba(16,185,129,.12);color:var(--green);}
.kfi-amber{background:rgba(245,158,11,.12);color:var(--amber);}
.kfi-purple{background:rgba(167,139,250,.12);color:var(--purple);}
.kfi-cyan{background:rgba(34,211,238,.12);color:var(--cyan);}
.kfi-red{background:rgba(239,68,68,.12);color:var(--red);}
.kfi-muted{background:rgba(100,116,139,.1);color:var(--text-muted);}
.kfn-count{margin-left:auto;font-size:.62rem;font-family:'Space Mono',monospace;color:var(--text-muted);background:rgba(255,255,255,.05);padding:1px 5px;border-radius:4px;flex-shrink:0;}

/* TICKET LINK */
.kfn-ticket{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px;border-radius:var(--radius);background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18);cursor:pointer;transition:.2s;}
.kfn-ticket:hover{background:rgba(16,185,129,.1);}
.kfn-ticket-icon{width:28px;height:28px;border-radius:7px;background:rgba(16,185,129,.15);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;}
.kfn-ticket-text{font-size:.75rem;font-weight:700;color:var(--green);}
.kfn-ticket-sub{font-size:.65rem;color:var(--text-muted);}

/* KB ARTICLES AREA */
.kb-articles{}

/* Category section */
.kb-cat{margin-bottom:48px;}
.kb-cat-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.kb-cat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.kb-cat-title{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.01em;}
.kb-cat-desc{font-size:.78rem;color:var(--text-muted);}
.kb-cat-count{margin-left:auto;font-family:'Space Mono',monospace;font-size:.7rem;color:var(--text-muted);}

/* Sub-category */
.kb-subcat{margin-bottom:20px;}
.kb-subcat-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.kb-subcat-title::after{content:'';flex:1;height:1px;background:var(--border);}

/* Q link items */
.kb-q-list{display:flex;flex-direction:column;gap:4px;}
.kb-q-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:.18s;font-size:.84rem;color:var(--text-secondary);}
.kb-q-item:hover{background:rgba(59,130,246,.06);border-color:var(--border);color:var(--blue-400);}
.kb-q-item i{font-size:.7rem;color:var(--text-muted);flex-shrink:0;margin-top:3px;}
.kb-q-item:hover i{color:var(--blue-400);}

/* SUPPORT TICKET */
.ticket-section{margin-top:0;position:relative;z-index:1;padding-bottom:80px;}
.ticket-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}
.ticket-head{background:linear-gradient(135deg,rgba(37,99,235,.12) 0%,rgba(6,13,26,0) 70%);border-bottom:1px solid var(--border);padding:28px 32px;}
.ticket-head-title{font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:6px;}
.ticket-head-sub{font-size:.875rem;color:var(--text-secondary);line-height:1.6;}
.ticket-body{padding:28px 32px;}
.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:0;}
.form-group.full{grid-column:span 2;}
.form-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}
.form-label .req{color:var(--red);margin-left:2px;}
.form-control{width:100%;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:'DM Sans',sans-serif;font-size:.875rem;outline:none;transition:.2s;-webkit-appearance:none;}
.form-control:focus{border-color:var(--blue-500);background:rgba(59,130,246,.04);box-shadow:0 0 0 3px rgba(59,130,246,.1);}
.form-control::placeholder{color:var(--text-muted);}
textarea.form-control{resize:vertical;min-height:110px;}
select.form-control option{background:#0a1628;}
/* Priority buttons */
.priority-row{display:flex;gap:8px;flex-wrap:wrap;}
.priority-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:.78rem;font-weight:700;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:.15s;font-family:'DM Sans',sans-serif;}
.priority-btn:hover{border-color:var(--border-bright);color:var(--text-primary);}
.priority-btn.active-low{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:var(--green);}
.priority-btn.active-med{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:var(--amber);}
.priority-btn.active-high{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:var(--red);}
.priority-dot{width:7px;height:7px;border-radius:50%;}
/* Submit */
.ticket-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border);}
.ticket-footer-note{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;}
.btn-ticket-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;box-shadow:0 0 18px rgba(59,130,246,.3);transition:.2s;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-ticket-submit:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(59,130,246,.5);}
/* Success state */
.ticket-success{display:none;text-align:center;padding:48px 32px;}
.ticket-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;color:var(--green);}
.ticket-success-title{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:8px;}
.ticket-success-sub{font-size:.875rem;color:var(--text-secondary);}

/* FOOTER */

/* ── FOOTER ── */
footer{border-top:1px solid var(--border);padding:64px 0 32px;background:rgba(6,13,26,.9);position:relative;z-index:1}

/* 5-column grid: brand + Learn + Platform + Products + Company */
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}

.footer-brand-desc{font-size:.85rem;color:var(--text-muted);margin-top:14px;line-height:1.65}
.footer-col h4{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}

/* h4 without .footer-col — handles columns that use plain <div><h4> pattern */
.footer-grid > div > h4{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}

.footer-links{list-style:none}
.footer-links li+li{margin-top:10px}
.footer-links a{font-size:.87rem;color:var(--text-muted);transition:.2s}
.footer-links a:hover{color:var(--text-primary)}
.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}
.footer-disclaimer{margin-top:20px;padding:16px;border-radius:var(--radius);background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.12);font-size:.78rem;color:var(--text-muted);line-height:1.65}

/* ── RESPONSIVE ── */

/* Large tablet: 3 cols — brand spans full row, then 2+2+1 below */
@media(max-width:1080px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .footer-grid > div:first-child{grid-column:span 3}
}

/* Small tablet / large mobile: 2 cols */
@media(max-width:680px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .footer-grid > div:first-child{grid-column:span 2}
}

/* Mobile: single column */
@media(max-width:420px){
  .footer-grid{grid-template-columns:1fr}
  .footer-grid > div:first-child{grid-column:span 1}
}
/* SOON OVERLAY */
.soon-overlay{padding:60px 20px;text-align:center;}
.soon-icon{font-size:2rem;margin-bottom:16px;color:var(--amber);}
.soon-title{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:8px;}
.soon-sub{font-size:.875rem;color:var(--text-muted);line-height:1.6;}

/* RESPONSIVE */
@media(max-width:900px){
  .kb-layout{grid-template-columns:1fr;}
  .kb-filter-nav{display:none;}
  .ticket-grid{grid-template-columns:1fr;}
  .form-group.full{grid-column:span 1;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .hdr-nav{display:none;}.mob-btn{display:flex;}
}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr;}.kb-stats{gap:16px;}.product-tabs{gap:4px;}}

/* ── LANGUAGE SWITCHER ── */
.lang-switcher {
    position: relative;
}
.lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 500;
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--border);
    cursor: pointer;
    transition: .2s;
    white-space: nowrap;
}
.lang-btn:hover,
.lang-switcher.open .lang-btn {
    color: var(--text-primary);
    background: rgba(255,255,255,.05);
    border-color: var(--border-bright);
}
.lang-btn svg {
    flex-shrink: 0;
}
.lang-btn .lang-chevron {
    transition: transform .2s;
    opacity: .5;
}
.lang-switcher.open .lang-chevron {
    transform: rotate(180deg);
    opacity: 1;
}
.lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 170px;
    background: #0c1a30;
    border: 1px solid var(--border-bright);
    border-radius: 10px;
    padding: 6px;
    z-index: 9999;
    box-shadow: 0 16px 40px rgba(0,0,0,.5);
}
.lang-switcher.open .lang-dropdown {
    display: block;
}
.lang-dropdown a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: .83rem;
    color: var(--text-secondary);
    transition: .15s;
}
.lang-dropdown a:hover {
    background: rgba(59,130,246,.1);
    color: var(--text-primary);
}
.lang-dropdown a.active {
    color: var(--blue-400);
    background: rgba(59,130,246,.08);
    font-weight: 600;
}
.lang-flag {
    font-size: 1rem;
    line-height: 1;
}


/* ── TOPBAR ── */
.topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 101;
  height: 36px;
  background: rgba(4,10,20,.97);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}
.topbar-inner {
  
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* everything on the right */
}

/* Right group: auth + rule + lang all inline */
.topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Auth links */
.topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  font-weight: 500;
  color: var(--text-muted);
  transition: color .2s;
  white-space: nowrap;
}
.topbar-link:hover { color: var(--text-primary); }

.topbar-link--accent {
  color: var(--blue-400);
  font-weight: 600;
}
.topbar-link--accent:hover { color: var(--cyan); }

.topbar-sep {
  color: var(--text-muted);
  font-size: .72rem;
  user-select: none;
}

/* Vertical divider between auth and language switcher */
.topbar-rule {
  display: block;
  width: 1px;
  height: 14px;
  background: var(--border-bright);
  flex-shrink: 0;
}

/* Shrink lang label on tight screens */
@media (max-width: 640px) {
  .lang-label { display: none; }   /* show globe icon only */
}

/* Hide auth text on very small screens */
@media (max-width: 420px) {
  .topbar-link, .topbar-sep { display: none; }
  .topbar-rule { display: none; }
}


/* Push header below the topbar */
header{ top:36px }
/* Push page content down the combined height */
body{ padding-top:calc(36px + 72px) }  /* topbar + header */