/* ===== Оболонка bba.com.ua: токени, шапка, підвал (знято з живого сайту 26.09.2026) ===== */
:root{
  --orange:#FE5000; --orange-deep:#DC3000; --canvas:#FCF9F2; --card:#F2F0E7; --line:#E3E0DA;
  --ink:#383838; --ink-2:#565454; --muted:#939393;
  --f-sans:"ltSuperior","Overpass",Arial,sans-serif; --f-serif:"ztNeueRalewe",Georgia,serif; --f-ui:"Overpass",Arial,sans-serif;
  --gutter:32px; --hd-h:0px; /* шапка сайту не липка (як на bba.com.ua), тож липкі елементи рахуються від верху вікна */
}
@media (max-width:1023px){:root{--gutter:16px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--f-ui);font-size:16px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none;margin:0;padding:0}












.crumbs{padding:14px var(--gutter) 0;font:400 14px/21px var(--f-ui);color:var(--muted);display:flex;align-items:center;gap:6px}
.crumbs>span{font-size:16px}
.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--orange)}
.crumbs b{font-weight:400;color:var(--ink-2)}
.pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border:1px solid var(--orange);border-radius:999px;font:500 14px/1 var(--f-sans);text-transform:uppercase;color:var(--orange)}
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
/* footer */
























/* фокус з клавіатури: один фірмовий контур на всіх сторінках блогу; на помаранчевому підвалі кремовий */
:focus-visible{outline:2px solid #FE5000;outline-offset:4px}


/* контейнер сайту: 1376 + поля 32, як max-w-[1376px] px-8 на bba.com.ua; на 1440 нічого не міняє, на 1920 вміст по центру */
main{max-width:1440px;margin-left:auto;margin-right:auto}