/* ==========================================================================
   RB Turbo — blog / field notes
   Rides on the variables and .btn defined in style.css. Dark only, to match.
   ========================================================================== */

.blogbody{background:var(--ink);min-height:100vh}

/* ---------- top bar ---------- */
.bnav{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:clamp(16px,3vw,34px);
  padding:14px clamp(18px,4vw,44px);
  background:rgba(6,10,18,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.bnav__brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.bnav__brand img{border-radius:5px}
.bnav__brand b{display:block;font-family:var(--f-disp);font-size:13px;letter-spacing:.13em}
.bnav__brand i{display:block;font-style:normal;font-size:8.5px;letter-spacing:.3em;color:var(--oxide)}
.bnav__links{display:flex;gap:clamp(12px,2vw,22px);margin-left:auto}
.bnav__links a{color:var(--muted);text-decoration:none;font-size:13.5px}
.bnav__links a:hover{color:#fff}

.lang{display:flex;align-items:center;gap:8px;margin-left:clamp(10px,2vw,22px)}
.lang__cur{
  font-family:var(--f-disp);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--oxide);border:1px solid var(--oxide);border-radius:6px;padding:5px 9px;
}
.lang__b{
  font-size:12.5px;color:var(--muted);text-decoration:none;
  border:1px solid var(--line);border-radius:6px;padding:5px 10px;
}
.lang__b:hover{color:#fff;border-color:var(--oxide)}

/* ---------- language suggestion bar ---------- */
.langbar{
  display:flex;align-items:center;gap:14px;
  padding:11px clamp(18px,4vw,44px);
  background:var(--oxide);color:#160b05;font-size:14px;font-weight:500;
}
.langbar[hidden]{display:none}
.langbar a{color:#160b05;font-weight:700;text-decoration:none;font-size:17px}
.langbar button{
  margin-left:auto;background:none;border:0;color:#160b05;font-size:22px;
  line-height:1;cursor:pointer;padding:0 4px;
}

/* ---------- layout ---------- */
.bwrap{width:min(760px,100% - clamp(32px,8vw,80px));margin:0 auto;padding:clamp(46px,7vw,86px) 0}
.bhead{margin-bottom:clamp(34px,5vw,56px)}
.bhead h1{font-size:clamp(34px,5.4vw,58px);letter-spacing:-.02em;line-height:1.04;margin:10px 0 16px}
.blede{color:var(--muted);max-width:56ch;font-size:clamp(15px,1.2vw,17px)}

/* ---------- index cards ---------- */
.bcards{list-style:none;padding:0;margin:0;display:grid;gap:2px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bcard a{
  display:block;background:var(--navy-900);padding:clamp(22px,3vw,32px);
  text-decoration:none;color:inherit;transition:background .25s var(--ease);
}
.bcard a:hover{background:var(--navy-800)}
.bcard__tag{
  font-family:var(--f-disp);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--oxide);
}
.bcard h2{font-size:clamp(19px,2vw,25px);letter-spacing:-.01em;margin:11px 0 10px;line-height:1.22}
.bcard p{color:var(--muted);font-size:14.5px;line-height:1.62;max-width:62ch}
.bcard__go{
  display:inline-block;margin-top:15px;color:var(--oxide);
  font-family:var(--f-disp);font-size:12px;letter-spacing:.1em;
}

/* ---------- post ---------- */
.bpost .eyebrow a{color:var(--oxide);text-decoration:none}
.bpost h1{font-size:clamp(29px,4.4vw,48px);letter-spacing:-.02em;line-height:1.08;margin:12px 0 14px}
.bmeta{color:var(--muted-2);font-size:12.5px;letter-spacing:.04em;margin-bottom:clamp(30px,4vw,46px)}
.bbody{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.78;color:var(--muted)}
.bbody h2{
  font-size:clamp(20px,2.2vw,27px);letter-spacing:-.01em;color:#fff;line-height:1.24;
  margin:clamp(32px,4vw,46px) 0 14px;
}
.bbody p{margin-bottom:18px}
.bbody ul{margin:0 0 20px;padding-left:20px}
.bbody li{margin-bottom:9px}
.bbody strong{color:#fff;font-weight:600}
.bbody a{color:var(--oxide)}

/* ---------- foot ---------- */
.bfoot{border-top:1px solid var(--line);margin-top:clamp(50px,7vw,90px);
  padding:clamp(44px,6vw,76px) clamp(18px,4vw,44px)}
.bfoot__cta{width:min(760px,100%);margin:0 auto}
.bfoot__cta h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.015em;margin-bottom:12px}
.bfoot__cta p{color:var(--muted);margin-bottom:24px;max-width:52ch}
.bfoot__legal{
  width:min(760px,100%);margin:clamp(34px,5vw,56px) auto 0;
  color:var(--muted-2);font-size:12px;
}

@media (max-width:620px){
  .bnav{gap:12px;padding:12px 18px}
  .bnav__links{gap:12px}
  .bnav__links a{font-size:12.5px}
  .lang__b{padding:4px 8px;font-size:11.5px}
  .lang__cur{display:none}
}