:root{}

/* Global floating feedback tab (static landing) */
.feedback-floating-tab{
  position:fixed;
  right:0;
  top:100px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  border-radius:14px 0 0 14px;
  background:var(--gold,#f5b400);
  color:var(--ink,#07111f);
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  transform:translateX(6px);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.feedback-floating-tab:hover{
  transform:translateX(0);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
  filter:saturate(1.02) brightness(.99);
}
.feedback-floating-tab:focus-visible{
  outline:3px solid rgba(245,180,0,.45);
  outline-offset:2px;
}
@media (max-width: 720px){
  .feedback-floating-tab{
    top:auto;
    right:14px;
    bottom:86px;
    border-radius:999px;
    transform:none;
    padding:11px 14px;
    font-size:13px;
  }
}

/* Blog/article helpers */
.blog-shell{max-width:960px}
.blog-article{max-width:900px;margin:0 auto}
.blog-article h1{letter-spacing:-.02em}
.blog-article h2{margin-top:2.2rem}
.blog-article h3{margin-top:1.4rem}
.blog-article p{line-height:1.75}
.blog-article pre{background:#0b1620;color:#e7f0f6;padding:1rem;border-radius:10px;overflow:auto}
.blog-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.blog-article table{width:100%;border-collapse:collapse;border:1px solid rgba(226,235,239,.9);border-radius:10px;overflow:hidden}
.blog-article th,.blog-article td{border-bottom:1px solid rgba(226,235,239,.9);padding:.75rem .8rem;vertical-align:top}
.blog-article th{background:#f7fafb;text-align:left}
.blog-cta{border:1px solid rgba(245,180,0,.35);background:#fffbee;border-radius:12px;padding:1.1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.blog-cta strong{display:block;margin:0 0 .15rem}
.blog-cta p{margin:0;color:#5f707b}
.blog-cta .blog-cta-actions{display:flex;gap:.6rem;flex-wrap:wrap}

/* Previous/next navigation (blog articles) */
.article-nav{
  margin:1.35rem 0 0;
  display:flex;
  gap:1rem;
  justify-content:space-between;
  flex-wrap:wrap;
}
.article-nav a{
  flex:1;
  min-width:260px;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(226,235,239,.95);
  background:#fff;
  border-radius:12px;
  padding:1rem 1rem;
  box-shadow:0 10px 28px rgba(19,44,57,.06);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.article-nav a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(19,44,57,.09);
  border-color:rgba(245,180,0,.45);
}
.article-nav .article-nav-label{
  display:block;
  font-size:.82rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted,#5f707b);
  margin:0 0 .25rem;
}
.article-nav .article-nav-title{
  display:block;
  font-weight:850;
  line-height:1.15;
}
@media (max-width: 720px){
  .article-nav a{min-width:0}
}

/* Footer (shared across landing + blog) */
.site-footer{
  padding:4rem 0 1.2rem;
  background:#081018;
  color:#fff;
}
.brand-text-footer{
  color:#fff;
  font-size:34px;
}
.site-footer h3{
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#d8e0e4;
}
.site-footer a{
  display:block;
  color:#c9d3d8;
  margin:.45rem 0;
  text-decoration:none;
}
.site-footer a:hover{
  color:#fff;
}
.footer-copy,
.legal-note{
  color:#afbdc4;
}
.footer-links-inline{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:2rem;
  padding-top:1rem;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:#9aa8af;
  font-size:.92rem;
}
@media (max-width: 991px){
  .footer-bottom{flex-direction:column}
}