/* BookBird design system — tokens, chrome, components, page templates */
@font-face{font-family:"bbSans";font-weight:100 900;font-display:swap;src:url(/wp-content/themes/bb-refresh/bb-sans.woff2) format("woff2")}
:root{
  --f:"bbSans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* colour */
  --ink:#0f1f3a;--text:#34425c;--mute:#64708a;--faint:#8b95a8;
  --line:#e4e9f1;--line-2:#d3dcea;--tint:#f5f8fd;--tint-2:#edf4fe;
  --blue:#126fe2;--blue-d:#0b5cc4;--sky:#00a5ff;--pale:#e7f2ff;--pale-2:#d6e9ff;
  --ok:#0f8a5f;--soon:#9a6b00;--soon-bg:#fff4dc;
  /* shape + depth */
  --r-s:8px;--r:12px;--r-l:16px;
  --sh-1:0 1px 2px rgba(15,31,58,.05),0 2px 8px rgba(15,31,58,.04);
  --sh-2:0 2px 4px rgba(15,31,58,.04),0 12px 32px -8px rgba(15,31,58,.12);
  --sh-3:0 4px 8px rgba(15,31,58,.04),0 24px 56px -16px rgba(18,111,226,.25);
  /* layout */
  --g:20px;--max:1200px;--measure:720px;
  --t:.2s cubic-bezier(.2,.7,.2,1)
}
@media(min-width:768px){:root{--g:32px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
.bb-body{margin:0;background:#fff;color:var(--text);font:400 17px/1.65 var(--f);-webkit-font-smoothing:antialiased}
.bb-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid #9ccaff;outline-offset:2px;border-radius:4px}
.bb-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* icons: duotone */
.bb-i{width:24px;height:24px;flex:none}
.bb-i .du{fill:currentColor;stroke:none;opacity:.18}
.bb-i-s{width:18px;height:18px}
.bb-i-lg{width:28px;height:28px}
.bb-ico{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--r);background:var(--pale);color:var(--blue)}

/* buttons */
.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px rgba(11,92,196,.3),inset 0 1px 0 rgba(255,255,255,.14);transition:background var(--t),transform var(--t),box-shadow var(--t)}
.bb-btn:hover{background:var(--blue-d)}
.bb-btn:active{transform:translateY(1px)}
.bb-btn-soft{background:var(--pale);color:var(--blue-d);box-shadow:none;min-height:44px;padding:0 18px}
.bb-btn-soft:hover{background:var(--pale-2)}
.bb-btn-wide{width:100%}
.bb-btn .bb-i-s{transition:transform var(--t)}
.bb-btn:hover .bb-i-s{transform:translateX(2px)}
.bb-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12.5px;font-weight:600;line-height:1.5}
.bb-tag-soon{background:var(--soon-bg);color:var(--soon)}

/* ---------- header ---------- */
.bb-hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.bb-hd-in{display:flex;align-items:center;gap:8px;height:68px}
.bb-logo{margin-right:auto}.bb-logo img{width:126px}
.bb-nav,.bb-hd-search,.bb-hd-cta{display:none!important}
.bb-burger{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;color:var(--ink)}
.bb-burger .bb-i-close{display:none}
.bb-burger[aria-expanded="true"] .bb-i-open{display:none}
.bb-burger[aria-expanded="true"] .bb-i-close{display:block}
.bb-phone{position:fixed;left:0;right:0;top:69px;bottom:0;overflow:auto;overscroll-behavior:contain;background:var(--tint);padding:14px 0 48px;animation:bb-in .2s ease}
.bb-phone[hidden]{display:none}
.bb-ph-h{margin:22px 0 8px;font-size:14px;font-weight:700;color:var(--mute)}
.bb-ph-list{list-style:none;margin:0;padding:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}
.bb-ph-list a{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 12px;border-radius:var(--r);text-decoration:none;color:var(--ink)}
.bb-ph-list a:active{background:var(--tint)}
.bb-ph-list .bb-i{color:var(--blue)}
.bb-ph-list b{display:block;font-weight:600;font-size:16px;line-height:1.3}
.bb-ph-list small{display:block;font-size:14px;color:var(--mute);line-height:1.35}
.bb-phone .bb-btn-wide{margin-top:20px}
.bb-soon-list a{color:var(--mute)}
@media(min-width:1024px){
  .bb-hd-in{height:76px;gap:12px}
  .bb-logo{margin-right:20px}.bb-logo img{width:140px}
  .bb-burger,.bb-phone{display:none!important}
  .bb-nav{display:flex!important;align-items:center;gap:2px;margin-right:auto}
  .bb-hd-search{display:flex!important}
  .bb-hd-cta{display:inline-flex!important;min-height:44px}
}
.bb-nav-a{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:500;font-size:16px;text-decoration:none;cursor:pointer;transition:background var(--t),color var(--t)}
.bb-nav-a:hover,.bb-nav-a[aria-expanded="true"]{background:var(--tint);color:var(--blue)}
.bb-caret{color:var(--faint);transition:transform var(--t)}
.bb-nav-a[aria-expanded="true"] .bb-caret{transform:rotate(180deg)}
.bb-dd{position:relative}
.bb-mega{position:absolute;top:calc(100% + 12px);left:-8px;width:min(960px,92vw);background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--t),transform var(--t),visibility 0s linear .2s}
.bb-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.bb-mega-s{width:640px}
.bb-nav-a[aria-expanded="true"]+.bb-mega{opacity:1;visibility:visible;transform:none;transition:opacity var(--t),transform var(--t)}
@media(hover:hover) and (pointer:fine){.bb-dd:hover .bb-mega{opacity:1;visibility:visible;transform:none;transition:opacity var(--t),transform var(--t)}}
.bb-mega-in{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px}
.bb-mega-s .bb-mega-in{grid-template-columns:repeat(2,1fr)}
.bb-mg-h{margin:0 0 6px;padding:0 10px;font-size:13px;font-weight:700;color:var(--mute)}
.bb-mg ul{list-style:none;margin:0;padding:0}
.bb-mg a{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:var(--r);text-decoration:none;color:var(--ink);transition:background var(--t)}
.bb-mg a:hover{background:var(--tint)}
.bb-mg .bb-i{color:var(--blue);margin-top:1px}
.bb-mg b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.bb-mg small{display:block;font-size:13.5px;color:var(--mute);line-height:1.4}
.bb-mega-ft{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 30px;border-top:1px solid var(--line);background:var(--tint);border-radius:0 0 var(--r-l) var(--r-l);font-size:14.5px;color:var(--mute)}
.bb-mega-ft .bb-i{color:var(--ok)}
.bb-mega-ft a{margin-left:auto;font-weight:600;text-decoration:none}
.bb-hd-search{align-items:center;gap:8px;width:220px;height:44px;padding:0 14px;background:var(--tint);border:1px solid var(--line);border-radius:10px;color:var(--faint);transition:border-color var(--t),background var(--t)}
.bb-hd-search:focus-within{background:#fff;border-color:#9ccaff}
.bb-hd-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:15px;color:var(--ink)}

/* ---------- shared blocks ---------- */
.bb-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r);padding:6px 6px 6px 14px;box-shadow:var(--sh-1);color:var(--faint);transition:border-color var(--t),box-shadow var(--t)}
.bb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--pale)}
.bb-search input{flex:1;min-width:0;width:0;height:44px;border:0;background:none;outline:none;font-size:17px;color:var(--ink)}
.bb-search .bb-btn{min-height:44px}
.bb-sec{padding:64px 0}
.bb-tint{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bb-sec-hd{max-width:720px;margin-bottom:28px}
.bb-sec h2,.bb-h2{margin:0;font:800 clamp(28px,6.4vw,40px)/1.15 var(--f);letter-spacing:-.025em;color:var(--ink)}
.bb-sec-hd p{margin:10px 0 0;font-size:18px;color:var(--mute)}
.bb-sec-hd-row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.bb-sec-hd-row>div{max-width:720px}
@media(min-width:1024px){.bb-sec{padding:96px 0}.bb-sec-hd{margin-bottom:40px}}
.bb-more{margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:16px;color:var(--mute)}
.bb-more a{font-weight:600;text-decoration:none}
.bb-more a:hover{text-decoration:underline;text-underline-offset:3px}
.bb-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);transition:box-shadow var(--t),transform var(--t),border-color var(--t)}
a.bb-card:hover,.bb-card-hover:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:var(--line-2)}

/* reveal once on scroll (only when JS is on) */
.bb-js .bb-rv{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.bb-js .bb-rv.bb-on{opacity:1;transform:none}
@keyframes bb-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---------- home ---------- */
.bb-hero{background:linear-gradient(180deg,var(--tint-2) 0%,#fff 100%);padding:40px 0 56px}
.bb-hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.bb-h1{margin:0;font:800 clamp(28px,9vw,62px)/1.07 var(--f);letter-spacing:-.03em;color:var(--ink)}
.bb-h1 span{color:var(--blue)}
.bb-lead{margin:18px 0 0;font-size:19px;line-height:1.6;max-width:32em}
.bb-search-big{margin-top:28px;max-width:560px}
.bb-trust{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:15px;color:var(--mute)}
.bb-trust .bb-i{color:var(--ok)}
.bb-calc{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-3);padding:22px}
.bb-calc-top{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.bb-calc-top .bb-i{color:var(--blue);background:var(--pale);border-radius:12px;padding:10px;width:48px;height:48px}
.bb-calc-k{margin:0;font-size:14px;font-weight:600;color:var(--blue)}
.bb-calc h2{margin:0;font-size:21px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.bb-field{display:grid;gap:6px;font-size:14.5px;font-weight:600;color:var(--ink)}
.bb-field input,.bb-field select{width:100%;min-width:0;height:50px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:18px;font-weight:600;color:var(--ink);outline:none;transition:border-color var(--t),box-shadow var(--t)}
.bb-field input:focus,.bb-field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--pale)}
.bb-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.bb-static{margin:0;height:46px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:var(--tint);font-weight:500;font-size:15px;color:var(--text)}
.bb-seg{display:flex;padding:3px;border-radius:10px;background:var(--tint);border:1px solid var(--line)}
.bb-seg button{flex:1;min-height:38px;border:0;border-radius:8px;background:none;font-weight:600;font-size:14.5px;color:var(--mute);cursor:pointer;transition:background var(--t),color var(--t),box-shadow var(--t)}
.bb-seg button[aria-pressed="true"]{background:#fff;color:var(--blue);box-shadow:var(--sh-1)}
.bb-calc-res{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.bb-calc-res div{padding:14px 16px;border-radius:var(--r);background:linear-gradient(180deg,var(--pale),#f2f8ff);border:1px solid var(--pale-2)}
.bb-calc-res span{display:block;font-size:14px;color:var(--mute);font-weight:500}
.bb-calc-res b{display:block;font-size:24px;line-height:1.2;color:var(--ink);letter-spacing:-.02em}
.bb-calc-res em{font-style:normal;color:var(--blue);font-variant-numeric:tabular-nums}
.bb-calc-note{margin:10px 0 0;font-size:14px;color:var(--mute);text-align:center}
@media(max-width:400px){.bb-row2{grid-template-columns:1fr}.bb-calc{padding:18px}.bb-calc-res b{font-size:20px}}
@media(max-width:359px){.bb-calc-res{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1024px){.bb-hero{padding:72px 0 88px}.bb-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}.bb-calc{padding:28px}}

.bb-tasks{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.bb-task{position:relative;height:100%;display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);transition:box-shadow var(--t),transform var(--t),border-color var(--t)}
.bb-task:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:var(--line-2)}
.bb-task-top{display:flex;gap:14px;align-items:flex-start}
.bb-task-top .bb-i-lg{flex:none;width:48px;height:48px;padding:10px;border-radius:12px;background:var(--pale);color:var(--blue)}
.bb-task h3{margin:0;font-size:19px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.bb-task h3 a{color:inherit;text-decoration:none}
.bb-task h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-l)}
.bb-task-top p{margin:2px 0 0;font-size:14.5px;color:var(--mute)}
.bb-ex{flex:1;margin:16px 0;padding:12px 14px;border-radius:var(--r);background:var(--tint);border:1px dashed var(--line-2)}
.bb-ex-h{margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--faint)}
.bb-ex span{display:block;font-size:14px;color:var(--mute)}
.bb-ex b{display:block;margin-top:2px;font-size:18px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.bb-ex small{display:block;font-size:14px;color:var(--mute)}
.bb-ex img{width:100%;max-width:220px;margin:4px auto 0}
.bb-task .bb-btn{align-self:flex-start}
@media(min-width:640px){.bb-tasks{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.bb-tasks{grid-template-columns:repeat(3,1fr);gap:20px}}

.bb-tpl{display:grid;gap:20px}
.bb-tpl-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);transition:box-shadow var(--t),transform var(--t)}
.bb-tpl-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.bb-tpl-img{display:grid;place-items:center;height:220px;padding:20px;background:linear-gradient(180deg,var(--tint-2),#fff)}
.bb-tpl-img img{max-height:100%;width:auto;object-fit:contain}
.bb-tpl-body{padding:20px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.bb-tpl-body h3{margin:0;font-size:21px;color:var(--ink);letter-spacing:-.01em}
.bb-tpl-body p{margin:6px 0 18px;color:var(--mute);flex:1}
@media(min-width:768px){.bb-tpl{grid-template-columns:1fr 1fr}}

.bb-swh{display:grid;gap:20px}
.bb-swh-col{display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}
.bb-swh-hd{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.bb-swh-hd .bb-i-lg{flex:none;color:var(--blue)}
.bb-swh-hd h3{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.01em}
.bb-swh-hd h3 a{color:var(--ink);text-decoration:none}
.bb-swh-hd h3 a:hover{color:var(--blue-d)}
.bb-swh-hd p{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--mute)}
.bb-swh-list{list-style:none;margin:0 0 14px;padding:0;flex:1}
.bb-swh-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.bb-swh-list a{min-width:0;text-decoration:none;color:var(--text)}
.bb-swh-list a:hover .bb-swh-n{color:var(--blue-d);text-decoration:underline;text-underline-offset:3px}
.bb-swh-n{display:block;font-weight:700;font-size:17px;line-height:1.3;color:var(--ink)}
.bb-swh-list small{display:block;font-size:14px;line-height:1.4;color:var(--mute)}
.bb-swh-s{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--pale);color:var(--blue);font-weight:800;font-size:16px}
.bb-swh-more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-weight:600;font-size:15px;text-decoration:none}
.bb-swh-more:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){.bb-swh{grid-template-columns:repeat(3,minmax(0,1fr))}}

.bb-slot{display:grid;place-items:center;min-height:120px;padding:20px;border:2px dashed var(--line-2);border-radius:var(--r-l);color:var(--faint);font-size:15px;text-align:center;background:repeating-linear-gradient(135deg,#fff 0 10px,var(--tint) 10px 20px)}
.bb-slot[hidden],.bb-aff[hidden]{display:none}

.bb-guides{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.bb-guide{display:block;text-decoration:none;color:var(--text)}
.bb-guide img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh-1);transition:transform var(--t),box-shadow var(--t)}
.bb-guide:hover img{transform:translateY(-3px);box-shadow:var(--sh-2)}
.bb-guide-k{display:block;margin-top:12px;font-size:14px;font-weight:600;color:var(--blue)}
.bb-guide-t{display:block;margin-top:2px;font-size:18px;line-height:1.35;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.bb-guide:hover .bb-guide-t{color:var(--blue)}
@media(min-width:640px){.bb-guides{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.bb-guides{grid-template-columns:repeat(4,1fr)}}

/* ---------- inner pages ---------- */
.bb-crumb{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;font-size:14.5px;color:var(--mute)}
.bb-crumb li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--line-2)}
.bb-crumb a{color:var(--mute);text-decoration:none}
.bb-crumb a:hover{color:var(--blue)}
.bb-page-hd{background:linear-gradient(180deg,var(--tint-2),#fff);padding:28px 0 8px}
.bb-page-h1{margin:0;font:800 clamp(32px,7.6vw,48px)/1.12 var(--f);letter-spacing:-.025em;color:var(--ink)}
.bb-page-lead{margin:12px 0 0;font-size:19px;color:var(--text);max-width:40em}
.bb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px;font-size:15px;color:var(--mute)}
.bb-meta b{color:var(--ink);font-weight:600}

/* tool page */
.bb-tool{padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-3)}
.bb-tool-grid{display:grid;gap:14px}
.bb-tool-out{display:grid;gap:12px;margin-top:18px}
@media(min-width:768px){.bb-tool{padding:32px}.bb-tool-grid{grid-template-columns:repeat(3,1fr)}.bb-tool-out{grid-template-columns:repeat(2,1fr)}}
.bb-next{display:grid;gap:14px}
.bb-next a{display:flex;align-items:center;gap:14px;padding:16px;text-decoration:none;color:var(--ink)}
.bb-next b{display:block;font-size:17px;line-height:1.3}
.bb-next small{display:block;font-size:14.5px;color:var(--mute)}
.bb-next .bb-arrow{margin-left:auto;color:var(--blue)}
@media(min-width:768px){.bb-next{grid-template-columns:repeat(3,1fr)}}
.bb-block-h{margin:0 0 14px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}

/* article layout + prose */
.bb-doc{display:grid;gap:32px;padding-top:40px}
.bb-doc-side{display:grid;gap:16px;align-content:start}
@media(min-width:1100px){.bb-doc{grid-template-columns:minmax(0,var(--measure)) 300px;justify-content:space-between;gap:56px}.bb-doc-side{position:sticky;top:100px}}
.bb-toc{padding:18px 20px}
.bb-toc p{margin:0 0 8px;font-weight:700;color:var(--ink)}
.bb-toc ol{margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.45}
.bb-toc li{margin:6px 0}
.bb-toc a{color:var(--text);text-decoration:none}
.bb-toc a:hover{color:var(--blue)}
.bb-box{padding:18px 20px}
.bb-box-h{margin:0 0 10px;font-weight:700;color:var(--ink)}
.bb-box a.bb-tool-link{display:flex;align-items:center;gap:12px;padding:10px;margin:0 -10px;border-radius:var(--r);text-decoration:none;color:var(--ink)}
.bb-box a.bb-tool-link:hover{background:var(--tint)}
.bb-box .bb-i{color:var(--blue)}
.bb-box b{display:block;font-size:15.5px}.bb-box small{display:block;font-size:14px;color:var(--mute)}
.bb-prose{font-size:18px;line-height:1.75;color:var(--text);min-width:0}
.bb-prose>*:first-child{margin-top:0}
.bb-prose h2{margin:48px 0 14px;font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.bb-prose h3{margin:32px 0 10px;font-size:21px;line-height:1.3;font-weight:700;color:var(--ink)}
.bb-prose p{margin:0 0 18px}
.bb-prose ul,.bb-prose ol{margin:0 0 20px;padding-left:24px}
.bb-prose li{margin:6px 0}
.bb-prose a{color:var(--blue);text-underline-offset:3px}
.bb-prose img{border-radius:var(--r);margin:8px 0}
.bb-prose figure{margin:24px 0}
.bb-prose table{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0 24px;display:block;overflow-x:auto}
.bb-prose th,.bb-prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.bb-prose th{background:var(--tint);font-weight:700;color:var(--ink)}
.bb-prose blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--sky);color:var(--ink)}
.bb-faq{display:grid;gap:12px}
.bb-faq article{padding:18px 20px}
.bb-faq h3{margin:0 0 6px;font-size:18px;color:var(--ink)}
.bb-faq p{margin:0 0 8px;color:var(--text)}
.bb-author{display:flex;gap:14px;align-items:center;padding:18px 20px;margin-top:40px}
.bb-author p{margin:0;font-size:15.5px}

/* software skeleton */
.bb-sk{display:block;height:12px;border-radius:6px;background:var(--line);margin:8px 0}
.bb-score{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--pale);color:var(--blue);font-weight:800;font-size:20px}
.bb-cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.bb-cmp th,.bb-cmp td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}
.bb-cmp th{background:var(--tint);color:var(--ink);font-size:14px}

/* ---------- footer ---------- */
.bb-ft{background:var(--tint);border-top:1px solid var(--line);padding:56px 0 28px;font-size:15.5px;margin-top:0}
.bb-ft-top{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}
.bb-ft-brand{grid-column:1/-1}.bb-ft-brand img{width:128px}
.bb-ft-brand p{margin:10px 0 0;color:var(--mute);max-width:28em}
.bb-ft-h{margin:0 0 10px;font-weight:700;color:var(--ink)}
.bb-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bb-ft ul a{color:var(--text);text-decoration:none}
.bb-ft ul a:hover{color:var(--blue)}
.bb-ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--mute);font-size:15px}
.bb-ft-base p{margin:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.bb-ft-base a{color:var(--text);text-decoration:none}
@media(min-width:1024px){.bb-ft-top{grid-template-columns:1.4fr repeat(5,1fr)}.bb-ft-brand{grid-column:auto}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.bb-js .bb-rv{opacity:1;transform:none}}
.bb-mega-g{grid-template-columns:repeat(3,.8fr) 1.4fr!important}
.bb-mega-t{grid-template-columns:repeat(4,1fr)}
.bb-mg-h .bb-tag{margin-left:6px;vertical-align:1px}
.bb-nav{position:relative}.bb-dd{position:static}.bb-mega{left:-8px;width:min(960px,calc(100vw - 240px))}.bb-mega-s{width:640px}
.bb-tpl-img img{max-height:180px;max-width:100%;width:auto;height:auto}
@media(max-width:420px){.bb-search>.bb-i{display:none}.bb-search{padding-left:12px}.bb-search input{font-size:16px}}

@media(min-width:1024px){.bb-h1{font-size:clamp(44px,4.6vw,62px)}}
.bb-btn{white-space:nowrap}
/* a long label wraps on a phone instead of pushing the page sideways (/software/ at 320) */
@media(max-width:479px){.bb-btn{white-space:normal;max-width:100%;text-align:center;padding-top:10px;padding-bottom:10px}}
@media(min-width:1024px) and (max-width:1199px){.bb-hd-search{display:none!important}}
@media(min-width:768px) and (max-width:1023px){.bb-next{grid-template-columns:1fr}}
@media(min-width:1024px) and (max-width:1199px){.bb-calc-res b{font-size:20px}}
/* --- review fixes: contrast (WCAG AA 4.5:1 on white, tint and pale) --- */
:root{--mute:#56627b;--faint:#5a6680;--soon:#7a5500;--ok:#0b7a52}
.bb-tint a:not(.bb-btn),.bb-guide-k,.bb-more a,.bb-calc-k,.bb-task-top p{color:var(--blue-d)}
.bb-task-top p{color:var(--mute)}
/* tool page: freshness line + result focus */
.bb-updated{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:15px;color:var(--mute)}
.bb-updated .bb-i{color:var(--ok)}
.bb-tool .bb-calc-res div{padding:18px 20px}
.bb-tool .bb-calc-res b{font-size:clamp(30px,6vw,44px);line-height:1.1;min-height:1.1em;white-space:nowrap}
.bb-calc-res b{white-space:nowrap}
.bb-calc-res em{display:inline-block;min-width:2ch;text-align:left}
/* newsletter */
.bb-news{padding:20px}
.bb-news-h{margin:0;font-weight:800;font-size:18px;color:var(--ink);letter-spacing:-.01em}
.bb-news-t{margin:4px 0 14px;font-size:15px;color:var(--mute);line-height:1.5}
.bb-news-row{display:grid;gap:8px}
.bb-news input{height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;font-size:16px;outline:none;min-width:0}
.bb-news input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--pale)}
.bb-news-legal{margin:10px 0 0;font-size:13px;color:var(--mute);line-height:1.45}
.bb-news-legal a{color:var(--blue-d)}
.bb-news-ok{margin:10px 0 0;font-weight:600;color:var(--ok)}
.bb-news-c{margin-top:40px;padding:24px;background:linear-gradient(180deg,var(--tint-2),#fff)}
@media(min-width:640px){.bb-news-c .bb-news-row{grid-template-columns:1fr auto}}
.bb-prose .bb-news p{margin:0}.bb-prose .bb-news .bb-news-t{margin:4px 0 14px}.bb-prose .bb-news-legal{margin-top:10px}
/* search dropdown */
.bb-srch{position:relative}
.bb-sr-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:45;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);max-height:min(420px,70vh);overflow:auto;text-align:left}
.bb-sr-list[hidden]{display:none}
.bb-sr-list a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
.bb-sr-list a:hover,.bb-sr-list a[aria-selected="true"]{background:var(--tint)}
.bb-sr-list b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.bb-sr-list small{display:block;font-size:13px;color:var(--mute)}
.bb-sr-h{padding:8px 12px 4px;font-size:12.5px;font-weight:700;color:var(--mute)}
.bb-sr-none{padding:10px 12px;font-size:14.5px;color:var(--mute)}
.bb-hd-search .bb-sr-list{left:-1px;right:auto;width:360px}
/* blog listing */
.bb-list-layout{display:grid;gap:32px;padding:32px 0 80px}
@media(min-width:1100px){.bb-list-layout{grid-template-columns:minmax(0,1fr) 300px;gap:48px}.bb-list-side{position:sticky;top:100px;align-self:start}}
.bb-list-side{display:grid;gap:16px}
.bb-cards{list-style:none;margin:0;padding:0;display:grid;gap:24px}
@media(min-width:640px){.bb-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1280px){.bb-cards{grid-template-columns:repeat(3,1fr)}}
.bb-pager{display:flex;gap:8px;margin-top:32px}
.bb-pager a,.bb-pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.bb-pager span{background:var(--blue);border-color:var(--blue);color:#fff}
.bb-cats{padding:18px 20px}
.bb-cats ul{list-style:none;margin:0;padding:0}
.bb-cats a{display:block;padding:7px 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.bb-cats li:last-child a{border-bottom:0}
.bb-cats a:hover{color:var(--blue-d)}
.bb-stick{display:grid;gap:16px}
@media(min-width:1100px){.bb-doc-side{position:static}.bb-stick{position:sticky;top:100px}}
@media(max-width:559px){.bb-tool .bb-calc-res{grid-template-columns:1fr}.bb-tool .bb-calc-res b{font-size:34px}}

/* ---------- theme over the restored pages ---------- */
.bb-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff!important;padding:10px 14px;border-radius:8px;font-weight:600}
.bb-skip:focus{top:12px}
.bb-news-err{margin:10px 0 0;font-weight:600;color:#b42318}
.bb-gap{height:72px}
.bb-sec-next{padding:36px 0 0}
.bb-page-lead p{margin:0}
.bb-page-lead{margin:12px 0 0;font-size:19px;color:var(--text);max-width:42em}
.bb-featured img{width:100%;height:auto;border-radius:var(--r);margin:0 0 24px}
.bb-guide-d{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.bb-guide-ph{display:block;aspect-ratio:2/1;border-radius:var(--r);background:linear-gradient(135deg,var(--pale),var(--tint))}
.bb-pager .bb-gap-dots{border:0;min-width:24px}
.bb-pager a[aria-label]{font-size:18px}
/* the tool, inside its card: the widget keeps its own CSS, the old page layout around it goes */
.bb-widget{position:relative}
.bb-widget>section,.bb-widget>.brxe-section,.bb-widget .brxe-section,.bb-widget .brxe-container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;background:none!important;box-shadow:none!important}
.bb-widget .brxe-section{padding-top:0!important;padding-bottom:0!important}
.bb-widget [class*="brxe-"]{min-width:0}
.bb-widget img{max-width:100%;height:auto}
.bb-widget input,.bb-widget select,.bb-widget textarea,.bb-widget button{font-family:var(--f)}
/* restored article blocks read as prose */
.bb-prose .brxe-section,.bb-prose .brxe-container,.bb-prose .brxe-block,.bb-prose .brxe-div,.bb-prose section{width:auto!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
.bb-prose .brxe-section,.bb-prose section{padding-top:0!important;padding-bottom:0!important}
.bb-prose .brxe-heading,.bb-prose .brxe-text,.bb-prose .brxe-text-basic{font:inherit;color:inherit}
.bb-prose h2.brxe-heading{font-size:28px;font-weight:800;color:var(--ink)}
.bb-prose h3.brxe-heading{font-size:21px;font-weight:700;color:var(--ink)}
.bb-prose .accordion-content-wrapper,.bb-prose .brxe-accordion .accordion-content-wrapper,.bb-prose .tab-pane,.bb-legacy .accordion-content-wrapper,.bb-legacy .tab-pane{display:block!important;height:auto!important;opacity:1!important;visibility:visible!important}
.bb-prose .brxe-accordion .accordion-item{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 12px;background:#fff}
.bb-prose .accordion-title-wrapper{cursor:default}
.bb-prose .accordion-title-wrapper .icon,.bb-prose .accordion-title-wrapper svg{display:none}
.bb-prose .accordion-title-wrapper h3,.bb-prose .accordion-title{margin:0 0 6px;font-size:18px}
.bb-prose iframe{max-width:100%}
.bb-prose .bbGridRow{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* legacy pages: their own layout, inside the new chrome */
.bb-legacy{min-height:40vh}
.bb-legacy img{max-width:100%;height:auto}
.bb-k-legacy .bb-ft{margin-top:48px}
.bb-meta a{color:var(--ink);font-weight:600;text-decoration:none}
.bb-meta a:hover{color:var(--blue-d)}
.bb-terms{display:flex;flex-wrap:wrap;gap:6px 14px;margin:32px 0 0;font-size:15px;color:var(--mute)}
.bb-terms a{font-weight:600;text-decoration:none;color:var(--blue-d)}
.bb-author{display:flex;gap:16px;align-items:flex-start;padding:20px;margin-top:24px;font-size:15.5px;line-height:1.6}
.bb-author img{width:72px!important;height:72px!important;border-radius:50%;object-fit:cover;margin:0!important;flex:none}
.bb-author *{max-width:100%}
.bb-author p{margin:0 0 6px}
.bb-author h2,.bb-author h3,.bb-author h4{margin:0 0 4px;font-size:17px}
.bb-widget>:is(.brxe-block,.brxe-div,.brxe-container,.brxe-section,section),.bb-widget>*>:is(.brxe-block,.brxe-div,.brxe-container),.bb-widget>*>*>:is(.brxe-block,.brxe-div,.brxe-container){border:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
.bb-cards,.bb-guides,.bb-tasks{grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.bb-cards,.bb-guides,.bb-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.bb-tasks{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-guides{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.bb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bb-guide-t,.bb-page-h1,.bb-prose{overflow-wrap:break-word}
.bb-pager{flex-wrap:wrap}
.bb-hub{display:grid;gap:36px;padding-top:28px}
.bb-hub-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:768px){.bb-hub-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.bb-hub-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bb-hub-list a,.bb-next a{height:100%}
.bb-legacy a{text-decoration:none}
.bb-next-a{display:flex;align-items:center;gap:14px;padding:16px;text-decoration:none!important;color:var(--ink)}
.bb-next-a b{display:block;font-size:17px;line-height:1.3}
.bb-next-a small{display:block;font-size:14.5px;color:var(--mute)}
.bb-next-a .bb-arrow{margin-left:auto;color:var(--blue)}
.bb-sr-page{max-width:760px;margin:0 auto 12px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-1)}
.bb-sr-page ul{list-style:none;margin:0;padding:0}
.bb-sr-page a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
.bb-sr-page a:hover{background:var(--tint)}
.bb-sr-page b{display:block;font-size:15.5px}.bb-sr-page small{display:block;font-size:13.5px;color:var(--mute)}
@media(min-width:1024px){.bb-ft-top{grid-template-columns:1.3fr repeat(6,1fr)}}
.bb-prose video,.bb-prose .wp-video,.bb-prose .wp-video-shortcode,.bb-legacy video{max-width:100%!important;height:auto}
.bb-prose .wp-video{width:100%!important}
.bb-legacy{overflow-x:clip}
@media(max-width:420px){.bb-tool{padding:14px}}
.bb-widget [class*="svelte-"]{max-width:100%}
@media(max-width:479px){.bb-widget{overflow-x:auto}}
.bb-legacy h1,.bb-legacy h2{overflow-wrap:anywhere}
.bb-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.bb-updated{flex-wrap:nowrap;align-items:flex-start}.bb-updated .bb-i{margin-top:3px}

/* template library */
.bb-tl-lib{padding:36px 0 24px}
.bb-tl-filter{display:inline-flex;flex-wrap:wrap;gap:2px;margin:0 0 24px;max-width:100%}
.bb-tl-filter[hidden]{display:none}
.bb-tl-filter button{flex:0 0 auto;padding:0 14px}
.bb-tl-grid{display:grid;gap:20px}
@media(min-width:640px){.bb-tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.bb-tl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bb-tl-card{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.bb-tl-card[hidden]{display:none}
.bb-tl-img{padding:14px 10px 4px;background:linear-gradient(180deg,var(--tint-2),#fff)}
.bb-tl-img img{width:100%;height:auto;margin:0 auto}
.bb-tl-body{display:flex;flex-direction:column;flex:1;padding:16px 20px 20px}
.bb-tl-k{margin:0;font-size:13.5px;font-weight:600;color:var(--blue-d)}
.bb-tl-body h3{margin:2px 0 6px;font-size:20px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.bb-tl-blurb{margin:0 0 16px;font-size:15.5px;line-height:1.55;color:var(--mute)}
.bb-tl-h{margin:auto 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.bb-tl-files{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.bb-tl-dl{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--tint);color:var(--ink);text-decoration:none;transition:border-color var(--t),background var(--t)}
.bb-tl-dl:hover{border-color:var(--pale-2);background:var(--pale)}
.bb-tl-dl .bb-i{color:var(--blue)}
.bb-tl-dl b{display:block;font-size:15px;line-height:1.3}
.bb-tl-dl small{display:block;font-size:13px;line-height:1.4;color:var(--mute)}
.bb-tl-kdp{margin-top:12px;font-size:14.5px}
.bb-tl-kdp summary{cursor:pointer;font-weight:600;color:var(--blue-d)}
.bb-tl-kdp dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:10px 0 0}
.bb-tl-kdp dt{font-weight:600;color:var(--ink)}
.bb-tl-kdp dd{margin:0}
.bb-tl-group{margin-bottom:44px}
.bb-tl-group:last-of-type{margin-bottom:8px}
.bb-tl-prose .bb-prose{max-width:var(--measure)}
.bb-tl-prose .bb-prose>h2:first-child{margin-top:32px}
.bb-tl-table table{display:table;min-width:0}
.bb-tl-table{overflow-x:auto;margin:8px 0 18px}
.bb-tl-src{font-size:14.5px;color:var(--mute)}
.bb-prose .bb-tl-steps{list-style:none;counter-reset:bb-s;padding:0;margin:0 0 24px}
.bb-prose .bb-tl-steps li{counter-increment:bb-s;position:relative;margin:0 0 18px;padding-left:46px}
.bb-tl-steps li::before{content:counter(bb-s);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pale);color:var(--blue-d);font-weight:700;font-size:15px}
.bb-tl-steps p{margin:4px 0 0}
.bb-prose .bb-tl-more{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.bb-prose .bb-tl-more li{margin:0}
.bb-tl-more a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:15px;text-decoration:none}
.bb-tl-more a:hover{border-color:var(--pale-2);background:var(--pale)}
.bb-tool-tpl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0;padding:14px 18px;font-size:16px}
.bb-tool-tpl .bb-i{color:var(--blue)}
@media(min-width:640px){.bb-tl-two{max-width:820px}}
@media(min-width:1024px){.bb-tl-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:800px){.bb-tl-one{grid-template-columns:minmax(0,1fr)}.bb-tl-one .bb-tl-card{flex-direction:row}.bb-tl-one .bb-tl-img{flex:0 0 56%;display:grid;place-items:center;padding:20px}.bb-tl-one .bb-tl-body{padding:28px}}
.bb-tl-gal{margin:28px 0 0;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--tint)}
.bb-tl-gal img{width:auto;max-width:100%;height:auto;margin:0 auto}
.bb-tl-gal figcaption{margin-top:10px;font-size:14.5px;color:var(--mute);text-align:center}
/* ---------- tool widgets in the theme's own controls (scoped to the tool card) ---------- */
/* one card: the archived builder and plugin wrappers lose their own frames */
.bb-tool.bb-widget :is(.brxe-section,.brxe-container,.brxe-block,.brxe-div,.brxe-shortcode,.brxe-code,.elementor-section,.elementor-container,.elementor-column,.elementor-column-wrap,.elementor-widget-wrap,.elementor-widget-container,.bbCalc,.bookCalcWrapper,.royCalcWrapper,.kenpWrap,.pgWrapper,.kdp-form-wrapp){box-shadow:none!important;border:0!important;outline:0!important;background-color:transparent!important}
.bb-tool.bb-widget arr{display:none!important}
/* labels */
.bb-tool.bb-widget :is(.bbCalcH,.royCalcH,.pgInputDesc,.kenpInputWrap>p,.inputWrapper>p,.kdp-label,.bb-wl){margin:0 0 6px!important;font:600 14.5px/1.4 var(--f)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
/* text fields and selects */
.bb-tool.bb-widget :is(input[type=text],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input:not([type]),select,textarea){box-sizing:border-box!important;min-height:46px!important;padding:10px 14px!important;border:1px solid var(--line-2)!important;border-radius:10px!important;background-color:#fff!important;color:var(--ink)!important;font:500 16px/1.4 var(--f)!important;text-align:left!important;text-align-last:left!important;box-shadow:none!important;outline:0!important;transition:border-color var(--t),box-shadow var(--t)}
.bb-tool.bb-widget textarea{min-height:120px!important}
.bb-tool.bb-widget :is(input,textarea)::placeholder{color:var(--faint)!important;opacity:1}
.bb-tool.bb-widget :is(select,.btn-select,.btn-selectUL,.kenp_btn-select){-webkit-appearance:none!important;appearance:none!important;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364708a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px 18px!important;cursor:pointer}
.bb-tool.bb-widget :is(.btn-select,.btn-selectUL,.kenp_btn-select){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;width:100%!important;min-height:46px!important;padding:8px 42px 8px 14px!important;border:1px solid var(--line-2)!important;border-radius:10px!important;background-color:#fff!important;box-shadow:none!important;font:500 16px/1.4 var(--f)!important;color:var(--ink)!important;text-align:left!important}
.bb-tool.bb-widget :is(.btn-select,.btn-selectUL,.kenp_btn-select) :is(li,span,img){margin:0!important;padding:0!important;font:inherit!important;color:inherit!important}
.bb-tool.bb-widget :is(input,select,textarea,.btn-select,.btn-selectUL,.kenp_btn-select):hover{border-color:#b8c6db!important}
.bb-tool.bb-widget :is(input,select,textarea,.btn-select,.btn-selectUL,.kenp_btn-select):focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px var(--pale)!important}
.bb-tool.bb-widget :is(input[readonly],input:disabled){background-color:var(--tint)!important}
/* primary actions */
.bb-tool.bb-widget :is(.bbCalcBtn,#keyword-organizer,input[type=submit],.pgForm button,.resetBtn,.bb-wbtn){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto;min-height:48px!important;margin-top:4px!important;padding:0 22px!important;border:0!important;border-radius:10px!important;background:var(--blue)!important;color:#fff!important;font:600 16px/1.2 var(--f)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(11,92,196,.3),inset 0 1px 0 rgba(255,255,255,.14)!important;cursor:pointer;transform:none!important;transition:background var(--t)}
.bb-tool.bb-widget :is(.bbCalcBtn,#keyword-organizer,input[type=submit],.pgForm button,.bb-wbtn):hover{background:var(--blue-d)!important}
/* results: a tinted panel, rows split by hairlines */
.bb-tool.bb-widget .bbCalcInner{gap:32px!important;align-items:flex-start}
.bb-tool.bb-widget .bbCalcTable{margin:0 0 16px!important;padding:6px 18px 4px!important;border:0!important;border-radius:14px!important;background:var(--tint)!important;overflow:visible!important}
.bb-tool.bb-widget .bbCalcHead{padding:12px 0 8px!important;border:0!important;border-radius:0!important;background:none!important;text-align:left!important}
.bb-tool.bb-widget .bbCalcHead p{font:700 12.5px/1.4 var(--f)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mute)!important}
.bb-tool.bb-widget .bbCalcRow{border:0!important;border-top:1px solid var(--line-2)!important;background:none!important}
.bb-tool.bb-widget .bbCalcRowL{padding:11px 12px 11px 0!important}
.bb-tool.bb-widget .bbCalcRowR{padding:11px 0 11px 12px!important}
.bb-tool.bb-widget .bbCalcRow p{font:500 16px/1.4 var(--f)!important;color:var(--text)!important}
.bb-tool.bb-widget .bbCalcRowR p{font-weight:700!important;color:var(--ink)!important}
.bb-tool.bb-widget .bbCalcRowR p :is(val,span)[style*="color"],.bb-tool.bb-widget .bbCalcRowR p[style*="color"]{color:var(--blue)!important}
/* copy: a small ghost button */
.bb-tool.bb-widget .ttlRow:hover{background:none!important}
.bb-tool.bb-widget .ttlRow .bbCalcRowR val{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border:1px solid var(--line-2);border-radius:8px;background:#fff;font:600 13.5px/1.3 var(--f);color:var(--blue-d);transition:border-color var(--t),background var(--t)}
.bb-tool.bb-widget .ttlRow .bbCalcRowR val::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b5cc4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V5a1 1 0 0 1 1-1h10'/%3E%3C/svg%3E") center/contain no-repeat}
.bb-tool.bb-widget .ttlRow:hover .bbCalcRowR val{border-color:var(--pale-2);background:var(--pale)}
.bb-tool.bb-widget .ttlRow.bb-copied .bbCalcRowR val{border-color:#bfe5d3;background:#e9f7f0;color:var(--ok)}
.bb-tool.bb-widget .ttlRow.bb-copied .bbCalcRowR val::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f8a5f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
@media(max-width:767px){.bb-tool.bb-widget .bbCalcInner{gap:20px!important}.bb-tool.bb-widget .bbCalcBtn{width:100%}}
.bb-tool.bb-widget{--bb-card:none;--bb-ring:none}
.bb-tool.bb-widget .bbCalc{max-width:none!important}
.bb-tool.bb-widget .bbStrong .bbCalcRowR p{font-size:20px!important;font-weight:800!important;color:var(--blue)!important;letter-spacing:-.01em!important}
.bb-tool.bb-widget .bbCalcFig{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}
/* marketplace pickers: flag and name on one line */
.bb-tool.bb-widget :is(.btn-select,.btn-selectUL,.kenp_btn-select) li{display:flex!important;align-items:center!important;gap:10px!important;list-style:none!important}
.bb-tool.bb-widget :is(.btn-select,.btn-selectUL,.kenp_btn-select) img{position:static!important;flex:none;width:22px!important;height:auto!important;margin:0!important;transform:none!important}
/* results of the plugin calculators, same panel as above */
.bb-tool.bb-widget :is(.royCalcTable,.calcResultWrapper){margin:0 0 16px!important;padding:6px 18px 4px!important;border:0!important;border-radius:14px!important;background:var(--tint)!important;overflow:visible!important}
.bb-tool.bb-widget :is(.royCalcTableHead,.calcResultRow.header){padding:12px 0 8px!important;border:0!important;border-radius:0!important;background:none!important;text-align:left!important;font:700 12.5px/1.4 var(--f)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mute)!important}
.bb-tool.bb-widget .royCalcTableHead p{font:inherit!important;color:inherit!important;text-align:left!important}
.bb-tool.bb-widget .royCalcTableItem{border:0!important;border-top:1px solid var(--line-2)!important;background:none!important}
.bb-tool.bb-widget .royCalcTableItemLeft{padding:11px 12px 11px 0!important}
.bb-tool.bb-widget .royCalcTableItemRight{padding:11px 0 11px 12px!important}
.bb-tool.bb-widget .royCalcTableItem p{font:500 16px/1.4 var(--f)!important;color:var(--text)!important}
.bb-tool.bb-widget .royCalcTableItemRight p{font-weight:700!important;color:var(--ink)!important}
.bb-tool.bb-widget .royCalcTable+.royCalcTable .royCalcTableItemRight p,.bb-tool.bb-widget .royCalcTable~.royCalcTable .royCalcTableItemRight p{font-size:20px!important;font-weight:800!important;color:var(--blue)!important}
.bb-tool.bb-widget .calcResultRow:not(.header){padding:11px 0!important;border:0!important;border-top:1px solid var(--line-2)!important;background:none!important;text-align:left!important;font:500 16px/1.4 var(--f)!important;color:var(--text)!important}
.bb-tool.bb-widget .calcResultRow:not(.header) span{font-size:22px!important;font-weight:800!important;color:var(--blue)!important}
.bb-tool.bb-widget .kenpRoyalties input{background-color:var(--tint)!important;font-size:20px!important;font-weight:800!important;color:var(--blue)!important}
/* secondary actions */
.bb-tool.bb-widget :is(.calcReset){display:flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 18px!important;border:1px solid var(--line-2)!important;border-radius:10px!important;background:#fff!important;cursor:pointer}
.bb-tool.bb-widget .calcReset p{font:600 15px/1.2 var(--f)!important;color:var(--blue-d)!important}
.bb-tool.bb-widget .calcReset:hover{background:var(--pale)!important;border-color:var(--pale-2)!important}
.bb-tool.bb-widget .switchWrapper p{font:600 15px/1.35 var(--f)!important;color:var(--ink)!important}
/* pen name: lock toggles */
.bb-tool.bb-widget .pgLockItem{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px;min-height:44px!important;margin:0 0 8px!important;padding:8px 14px!important;border:1px solid var(--line-2)!important;border-radius:10px!important;background:#fff!important;font:500 15px/1.3 var(--f)!important;color:var(--ink)!important;text-align:left!important}
.bb-tool.bb-widget .pgLockItem:hover{border-color:#b8c6db!important}
.bb-tool.bb-widget .pgLockItem.active{border-color:var(--blue)!important;background:var(--pale)!important;color:var(--blue-d)!important}
.bb-tool.bb-widget .pgLockItem lock img{width:16px!important;height:16px!important}
/* plain buttons of the app-style tools (ISBN, QR, keyword organizer) */
.bb-tool.bb-widget button:not(.btn-select):not(.btn-selectUL):not(.kenp_btn-select),.bb-tool.bb-widget .brxe-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;padding:0 22px!important;border:0!important;border-radius:10px!important;background:var(--blue)!important;color:#fff!important;font:600 16px/1.2 var(--f)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(11,92,196,.3),inset 0 1px 0 rgba(255,255,255,.14)!important;cursor:pointer}
.bb-tool.bb-widget button:not(.btn-select):not(.btn-selectUL):not(.kenp_btn-select):hover,.bb-tool.bb-widget .brxe-button:hover{background:var(--blue-d)!important}
.bb-tool.bb-widget .upload{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px!important;padding:0 16px!important;border:1px solid var(--line-2)!important;border-radius:10px!important;background:#fff!important;color:var(--blue-d)!important;font:600 15px/1.2 var(--f)!important;cursor:pointer}
.bb-tool.bb-widget .upload:hover{background:var(--pale)!important;border-color:var(--pale-2)!important}
.bb-tool.bb-widget .switch input:checked+.slider{background-color:var(--blue)!important}
/* section headings inside the app-style tools */
.bb-tool.bb-widget [id^="bb-"][id$="-app"] :is(h3,strong){font:700 16px/1.4 var(--f)!important;color:var(--ink)!important}
.bb-tool.bb-widget [id^="bb-"][id$="-app"] label{font:600 14.5px/1.4 var(--f)!important;color:var(--ink)!important}
/* hashtag choices as chips */
.bb-tool.bb-widget .check{border:1px solid var(--line-2)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;font:500 15px/1.3 var(--f)!important;box-shadow:none!important}
.bb-tool.bb-widget .check:hover{border-color:#b8c6db!important}
.bb-tool.bb-widget .check.check--checked{border-color:var(--blue)!important;background:var(--pale)!important;color:var(--blue-d)!important}
/* category finder: tabs as the theme's segmented control, search with its icon inside */
.bb-tool.bb-widget .switcherWrapper{display:inline-flex!important;gap:2px;padding:3px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--tint)!important}
.bb-tool.bb-widget .switcherItem{display:flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px!important;border:0!important;border-radius:8px!important;background:none!important;color:var(--mute)!important;font:600 15px/1.2 var(--f)!important;box-shadow:none!important;cursor:pointer}
.bb-tool.bb-widget .switcherItem.active{background:#fff!important;color:var(--blue)!important;box-shadow:var(--sh-1)!important}
.bb-tool.bb-widget .switcherItem :is(img,svg){position:static!important;width:16px!important;height:16px!important;margin:0!important}
/* keyword organizer: the copy icon sits inside its field */
.bb-tool.bb-widget .field-cover{position:relative!important}
.bb-tool.bb-widget .field-cover .input-keyword-box{padding-right:96px!important}
.bb-tool.bb-widget .field-cover .remain-char{position:absolute!important;right:48px;top:50%;transform:translateY(-50%);font:500 13px var(--f)!important;color:var(--faint)!important}
.bb-tool.bb-widget .copy-keyword{position:absolute!important;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px!important;height:34px!important;border-radius:8px;cursor:pointer}
.bb-tool.bb-widget .copy-keyword:hover{background:var(--pale)}
.bb-tool.bb-widget .copy-keyword-img{width:18px!important;height:18px!important;max-width:18px!important}
.bb-tool.bb-widget .copy-keyword-img.hover{display:none!important}
.bb-tool.bb-widget .keyword-box{margin-bottom:14px!important}
/* niche research: the checklist was white text on white */
.bb-tool.bb-widget li{color:var(--text)!important}
.bb-tool.bb-widget .switcherItem p{display:flex!important;align-items:center;gap:8px;margin:0!important;white-space:nowrap;font:inherit!important;color:inherit!important}
.bb-tool.bb-widget .switcherItem p img{position:static!important;width:16px!important;height:16px!important;margin:0!important}
.bb-tool.bb-widget .catFinderInputWrapper{position:relative!important;display:block!important;margin-top:16px!important}
.bb-tool.bb-widget .catFinderImgWrapper{position:absolute!important;left:14px;top:50%;transform:translateY(-50%);width:18px!important;height:18px!important;padding:0!important;border:0!important;background:none!important;z-index:1}
.bb-tool.bb-widget .catFinderImgWrapper img{width:18px!important;height:18px!important}
.bb-tool.bb-widget .catFinderInputWrapper input{width:100%!important;padding-left:42px!important}
/* keyword organizer: the plugin's own layout never came with the archive */
.bb-tool.bb-widget .kdp-form-wrapp{display:grid!important;gap:16px}
.bb-tool.bb-widget :is(.kdp-form-wrapp,.keyword-result,.unused-keywords,.keyword-boxes) .form-field{display:grid;gap:0}
.bb-tool.bb-widget #keyword-list{width:100%!important;min-height:150px!important;resize:vertical}
.bb-tool.bb-widget .form-action-cover{display:flex!important;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.bb-tool.bb-widget .kdp-duplicate{display:flex!important;gap:28px}
.bb-tool.bb-widget :is(.kdp-duplicate .remain-char,.detect-keywords){font:800 22px/1.2 var(--f)!important;color:var(--blue)!important}
.bb-tool.bb-widget .keyword-result{margin-top:24px!important}
.bb-tool.bb-widget .keyword-result-wrapp{display:grid!important;gap:12px}
.bb-tool.bb-widget .keyword-result-wrapp>.form-field,.bb-tool.bb-widget .unused-keywords>.form-field{padding:12px 16px!important;border-radius:12px!important;background:var(--tint)!important}
.bb-tool.bb-widget :is(.remove-duplicate,.remove-keywords,.unusedkeywords){font:500 15px/1.5 var(--f)!important;color:var(--text)!important;overflow-wrap:anywhere}
.bb-tool.bb-widget .unused-keywords{margin:12px 0 24px!important}
.bb-tool.bb-widget .unused-keywords .unusedkeywords:empty::after{content:"—";color:var(--faint)}
.bb-tool.bb-widget .keyword-boxes{display:grid!important;gap:14px 20px}
.bb-tool.bb-widget .keyword-box{margin:0!important}
.bb-tool.bb-widget .field-cover .input-keyword-box{width:100%!important}
@media(min-width:768px){.bb-tool.bb-widget .keyword-result-wrapp{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-tool.bb-widget .keyword-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bb-tool.bb-widget .catFinderImgWrapper{display:none!important}
.bb-tool.bb-widget .catFinderInputWrapper input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364708a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M15.8 15.8l4.2 4.2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:14px center!important;background-size:18px!important}
/* character name generator: names as a list, options in a tinted panel */
.bb-tool.bb-widget input:is([type=radio],[type=checkbox],[type=range]){accent-color:var(--blue)}
.bb-tool.bb-widget .chargenNames{margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.bb-tool.bb-widget .chargenNames:last-child{border-bottom:0!important}
.bb-tool.bb-widget .chargenGenName{font:700 18px/1.35 var(--f)!important;color:var(--ink)!important}
.bb-tool.bb-widget .chargenSubName{font:400 15px/1.45 var(--f)!important;color:var(--mute)!important}
.bb-tool.bb-widget .avatarPlaceholder img{border-radius:12px!important}
.bb-tool.bb-widget #chargenMenu>div{padding:20px!important;border:0!important;border-radius:14px!important;box-shadow:none!important;background:var(--tint)!important}
.bb-tool.bb-widget .chargenMenuItem>p{margin:0 0 8px!important;font:600 14.5px/1.4 var(--f)!important;color:var(--ink)!important}
.bb-tool.bb-widget .chargenMenuWrap label{font:500 15px/1.4 var(--f)!important;color:var(--text)!important}
.bb-tool.bb-widget .switch input:checked+.chargenSlider{background-color:var(--blue)!important}
.bb-tool.bb-widget .chargenRangeLegend{color:var(--mute)!important;font-size:13px!important}
.bb-tool.bb-widget .chargenSubmit{display:flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:0 22px!important;border:0!important;border-radius:10px!important;background:var(--blue)!important;box-shadow:0 1px 2px rgba(11,92,196,.3),inset 0 1px 0 rgba(255,255,255,.14)!important;cursor:pointer}
.bb-tool.bb-widget .chargenSubmit:hover{background:var(--blue-d)!important}
.bb-tool.bb-widget .chargenSubmit p{margin:0!important;font:600 16px/1.2 var(--f)!important;color:#fff!important}
.bb-tool.bb-widget .bbCalcField :is(input,select){width:100%!important}
.bb-tool.bb-widget :is(.bbCalcRowR,.royCalcTableItemRight) p{white-space:nowrap!important}
@media(max-width:900px){.bb-tool.bb-widget h3.brxe-heading{font-size:16px!important}}
/* 17 legacy pages (academy, affiliate, glossary letters…) still load Elementor's reset, which paints every [type=button] and [type=submit] #c36 with a border, filled on hover, and loads after this file. The chrome's buttons restate themselves one step more specific. */
.bb-hd .bb-nav-a,.bb-hd .bb-nav-a:focus{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:500;font-size:16px;line-height:normal;text-transform:none;letter-spacing:normal;white-space:nowrap;box-shadow:none}
.bb-hd .bb-nav-a:hover,.bb-hd .bb-nav-a[aria-expanded="true"]{background:var(--tint);color:var(--blue)}
.bb-hd .bb-burger,.bb-hd .bb-burger:hover,.bb-hd .bb-burger:focus{padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);box-shadow:none}
form .bb-btn.bb-btn,form .bb-btn.bb-btn:focus{padding:0 22px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:600;font-size:16px;line-height:1.2;text-transform:none;letter-spacing:normal}
form .bb-btn.bb-btn:hover{background:var(--blue-d);color:#fff}
/* ---------- software section ---------- */
.bb-sw-table{overflow-x:auto;margin:8px 0 10px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;-webkit-overflow-scrolling:touch}
.bb-prose .bb-sw-table table,.bb-sw-table table{display:table;width:100%;margin:0;border:0;border-radius:0;font-size:15px;line-height:1.45}
.bb-sw-table th,.bb-sw-table td{padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--line)}
.bb-sw-table tbody tr:last-child>*{border-bottom:0}
.bb-sw-table thead th{background:var(--tint);font-size:13.5px;white-space:nowrap}
.bb-sw-table tbody th{background:#fff;font-weight:700;color:var(--ink);min-width:140px}
.bb-sw-table tbody th a{text-decoration:none;color:var(--ink)}
.bb-sw-table tbody th a:hover{color:var(--blue)}
.bb-sw-table small{color:var(--mute);font-size:13px}
.bb-sw-table td ul{margin:0;padding-left:16px}
.bb-sw-table td li{margin:2px 0}
.bb-sw-table .bb-btn{min-height:40px;padding:0 14px;font-size:15px}
.bb-sw-table td b{color:var(--ink)}
.bb-sw-big{font-size:24px;letter-spacing:-.02em}
.bb-sw-na{color:var(--mute)}
.bb-sw-vs td{min-width:200px}
.bb-sw-parts-t td,.bb-sw-parts-t thead th{text-align:right;font-variant-numeric:tabular-nums}
.bb-sw-parts-t thead th:first-child{text-align:left}
.bb-sw-fine{font-size:14.5px;line-height:1.55;color:var(--mute)}
.bb-prose .bb-sw-fine{margin:0 0 20px}
/* a product's fact panel */
.bb-sw-prod{padding:20px;margin:6px 0 22px}
.bb-sw-prod-hd{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.bb-sw-prod-hd .bb-score,.bb-sw-card .bb-score{flex:none}
.bb-prose .bb-sw-prod p{margin:0}
.bb-sw-k{font-size:13.5px;font-weight:600;color:var(--mute)}
.bb-sw-best{font-size:16px;line-height:1.45;color:var(--text)}
.bb-sw-best b{color:var(--ink)}
.bb-prose ul.bb-sw-bars{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.bb-prose .bb-sw-bars li{display:grid;grid-template-columns:96px minmax(0,1fr) 84px;align-items:center;gap:12px;margin:0;font-size:15px}
.bb-sw-bars b{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.bb-sw-bars b small{color:var(--mute);font-weight:500}
.bb-sw-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.bb-sw-bar i{display:block;height:100%;border-radius:4px;background:var(--blue)}
.bb-sw-off span,.bb-sw-off b{color:var(--mute);font-weight:500}
.bb-sw-off .bb-sw-bar{background:repeating-linear-gradient(135deg,var(--line) 0 4px,#fff 4px 8px)}
.bb-sw-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 16px;margin:0;font-size:15.5px;line-height:1.5}
.bb-sw-dl dt{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--mute)}
.bb-sw-dl dd{margin:0;color:var(--text)}
.bb-prose .bb-sw-dl ul{margin:0;padding-left:18px}
.bb-prose .bb-sw-dl li{margin:2px 0}
.bb-sw-dl small{color:var(--mute)}
@media(min-width:640px){.bb-sw-dl{grid-template-columns:150px minmax(0,1fr)}.bb-sw-dl dt{margin-top:0;padding-top:8px;border-top:1px solid var(--line)}.bb-sw-dl dd{padding-top:8px;border-top:1px solid var(--line)}.bb-sw-dl dt:first-of-type,.bb-sw-dl dd:first-of-type{border-top:0;padding-top:0}}
.bb-prose .bb-sw-prod .bb-sw-fine{margin-top:14px}
.bb-prose .bb-sw-go{margin-top:16px}
.bb-sw-go .bb-btn{text-decoration:none}
/* the one link to the vendor: a filled button, so its label must not take the prose link colour */
.bb-prose .bb-sw-go .bb-btn:not(.bb-btn-soft),.bb-prose .bb-sw-go .bb-btn:not(.bb-btn-soft):hover{color:#fff}
/* how the score works */
.bb-sw-how{padding:22px;margin:40px 0 8px;background:linear-gradient(180deg,var(--tint-2),#fff)}
.bb-prose .bb-sw-how h2{margin-top:0}
.bb-sw-date{font-size:15.5px;color:var(--mute)}
.bb-prose .bb-sw-formula{padding-left:20px;font-size:16.5px;line-height:1.6}
.bb-prose .bb-sw-formula li{margin:10px 0}
.bb-sw-how code{font-size:14px;background:var(--tint);padding:1px 5px;border-radius:5px}
.bb-sw-more{margin:10px 0;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.bb-sw-more summary{padding:12px 16px;font-weight:600;color:var(--ink);cursor:pointer}
.bb-sw-more .bb-sw-table{margin:0 12px 12px}
/* hub */
.bb-sw-hub{max-width:var(--max);padding-top:36px}
.bb-sw-hub .bb-prose,.bb-sw-hub .bb-sw{max-width:none}
.bb-sw-hub .bb-sw>p,.bb-sw-hub .bb-sw>h2,.bb-sw-hub .bb-sw>.bb-sw-how,.bb-sw-hub .bb-sw>ul:not(.bb-sw-cards){max-width:var(--measure)}
.bb-sw-hub .bb-sw>h2{scroll-margin-top:96px}
.bb-prose ul.bb-sw-cards{list-style:none;margin:8px 0 28px;padding:0;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:768px){.bb-prose ul.bb-sw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.bb-prose ul.bb-sw-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bb-prose .bb-sw-card{display:flex;flex-direction:column;margin:0;padding:18px 20px}
.bb-sw-card-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bb-prose .bb-sw-card h3{margin:0;font-size:20px}
.bb-sw-card .bb-score{width:52px;height:52px;font-size:18px;border-radius:12px}
.bb-prose .bb-sw-card .bb-sw-best{margin:8px 0 10px;font-size:15.5px;color:var(--mute)}
.bb-sw-card .bb-sw-dl{grid-template-columns:90px minmax(0,1fr);font-size:15px;flex:1;align-content:start}
.bb-sw-card .bb-sw-dl dt,.bb-sw-card .bb-sw-dl dd{margin-top:0;padding-top:6px;border-top:1px solid var(--line)}
.bb-sw-card .bb-sw-dl dt:first-of-type,.bb-sw-card .bb-sw-dl dd:first-of-type{border-top:0;padding-top:0}
.bb-prose .bb-sw-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:15px;font-weight:600}
.bb-sw-links a{text-decoration:none}
.bb-sw-links a:hover{text-decoration:underline}
.bb-sw-links a+a{color:var(--mute);font-weight:500}
.bb-sw-toc ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.45}
.bb-sw-toc li{margin:6px 0}
.bb-sw-toc a{color:var(--text);text-decoration:none}
.bb-sw-toc a:hover{color:var(--blue)}

.bb-prose .bb-sw-table table{font-size:14.5px}
.bb-sw-table th,.bb-sw-table td{padding:10px 12px}
.bb-sw-table tbody th{min-width:118px}
.bb-prose .bb-sw-formula ul{margin:8px 0 0;padding-left:18px}
.bb-prose .bb-sw-formula ul li{margin:6px 0}
.bb-sw-hub .bb-sw>.bb-sw-how{max-width:880px}
@media(max-width:639px){
  .bb-prose .bb-sw-vs{font-size:13.5px;table-layout:fixed}
  .bb-sw-vs th,.bb-sw-vs td{padding:9px 8px;overflow-wrap:anywhere}
  .bb-sw-vs td{min-width:0}
  .bb-sw-vs tbody th,.bb-sw-vs thead th:first-child{width:27%;min-width:0}
  .bb-sw-vs thead th{white-space:normal}
  .bb-sw-vs td ul{padding-left:12px}
  .bb-sw-vs .bb-btn{min-height:36px;padding:0 10px;font-size:13.5px;white-space:normal;text-align:center}
  .bb-sw-big{font-size:20px}
  .bb-sw-table:not(:has(.bb-sw-vs)) tbody th,.bb-sw-table:not(:has(.bb-sw-vs)) thead th:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}
  .bb-sw-table:not(:has(.bb-sw-vs)) thead th:first-child{background:var(--tint)}
}
@media(max-width:639px){.bb-sw-vs tbody th,.bb-sw-vs thead th:first-child{width:31%;overflow-wrap:normal;font-size:13px}.bb-sw-how{padding:18px 16px}}

/* Sidebar: only the contents and one button stick, and never taller than the window */
.bb-side-cta{padding:18px 20px;display:grid;gap:8px}
.bb-side-cta p{margin:0;font-weight:700;color:var(--ink)}
.bb-side-cta small{color:var(--mute);font-size:14px;line-height:1.45}
.bb-side-cta .bb-btn{margin-top:6px;min-height:44px;font-size:15px}
@media(min-width:1100px){.bb-stick{max-height:calc(100vh - 124px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:2px}}
/* The column scrolls as one; a contents list with its own max-height and overflow has no
   minimum height inside that grid and was squeezed to its heading (/software/ pages).
   A short window cannot hold a sticky column at all: it scrolls with the page. */
@media(min-width:1100px) and (max-height:760px){.bb-stick{position:static;max-height:none;overflow:visible}}