/* PAGE TITLE BAR */
.titlebar{padding:40px 0 0;}
.titlebar .crumb{font-size:13.5px;color:var(--muted);margin-bottom:16px;}
.titlebar .crumb a:hover{color:var(--brand);}
.titlebar .crumb span{margin:0 7px;}
.titlebar .tb-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;}
.titlebar h1{font-size:clamp(30px,3.6vw,42px);font-weight:800;}
.titlebar p{font-size:16px;color:var(--body);margin:12px 0 0;max-width:520px;}

/* eyebrow sits in the flex row — drop the global 18px bottom margin */
.titlebar .tb-row .eyebrow{margin-bottom:0;}

/* underline tabs */
.tabs{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px;border-bottom:1px solid var(--line);}
.tab{padding:0 0 14px;font-size:14.5px;font-weight:600;color:var(--body);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:.15s;white-space:nowrap;}
.tab:hover{color:var(--brand);}
.tab.active{color:var(--brand);border-color:var(--brand);}