/*
 * Instabooster — /blog/{slug} (owner redesign 2026-11-12, Claude Design canvas). Hand-written `.bp`
 * system (new class names only), mobile first; the wide layout is a container query on the page
 * root. Markup: src/components/brands/ib/blog/post.tsx + body.ts.
 * Every rule in @layer ib, scoped to html[data-brand="ib"] .bp.
 */
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@layer ib {
  /* ── ground rules inside the page: the site's element styles (links, headings, lists,
        buttons) do not reach in; every class rule below is stronger than these ── */
  html[data-brand="ib"] .bp :is(h1, h2, h3, p, ul, ol, li, figure) { margin: 0; padding: 0; }
  html[data-brand="ib"] .bp :is(h1, h2, h3, p, li) { font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit; }
  html[data-brand="ib"] .bp :is(ul, ol) { list-style: none; }
  html[data-brand="ib"] .bp a { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .bp :where(a):hover { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .bp button { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: left; cursor: pointer; }
  html[data-brand="ib"] .bp input { margin: 0; padding: 0; min-width: 0; border-radius: 0; box-shadow: none; }
  html[data-brand="ib"] .bp :is(em, i) { font-style: normal; }
  html[data-brand="ib"] .bp mark { padding: 0; background: none; color: inherit; }
  html[data-brand="ib"] .bp [hidden] { display: none !important; }
  /* a tap or a click leaves no ring behind (the site's own focus style); the keyboard keeps its ring */
  html[data-brand="ib"] .bp :is(a, button):focus:not(:focus-visible) { outline: 0; }

  html[data-brand="ib"] .bp { --pk:#e61c72; --pk-d:#cf1665; --grad:linear-gradient(135deg,#e61c72 0%,#ff4d94 100%); --ink:#14181f; --text:#3f4754; --muted:#667085; --line:#e8eaed; --tint:#f6f7f9; --pk-tint:#fdeaf3; --ease:cubic-bezier(.2,.8,.2,1); container-type:inline-size; container-name:bp; position:relative; overflow:hidden; background:#fff; font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; color:var(--ink); -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; }
  html[data-brand="ib"] .bp * { box-sizing:border-box; min-width:0; }
  html[data-brand="ib"] .bp :where(h1,h2,h3,p,ul,ol,li,figure,blockquote) { margin:0; padding:0; }
  html[data-brand="ib"] .bp :where(ul,ol) { list-style:none; }
  html[data-brand="ib"] .bp :where(a) { text-decoration:none; }
  html[data-brand="ib"] .bp :where(button) { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; text-align:left; }
  html[data-brand="ib"] .bp :where(svg) { display:block; flex:none; }
  html[data-brand="ib"] .bp :where(img) { display:block; max-width:100%; height:auto; }
  html[data-brand="ib"] .bp :is(a,button,summary):focus-visible { outline:3px solid rgba(230,28,114,.5); outline-offset:2px; }
  html[data-brand="ib"] .bp .bp-ic { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  html[data-brand="ib"] .bp .bp-wrap { width:100%; max-width:1216px; margin:0 auto; padding:0 20px; }
  html[data-brand="ib"] .bp .bp-kicker { font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-title { margin-top:8px; font-size:24px; line-height:1.14; font-weight:800; letter-spacing:-.03em; }
  /* reading progress: follows the scroll of the page (CSS only) */
  html[data-brand="ib"] .bp .bp-prog { position:sticky; top:0; z-index:6; height:3px; margin-bottom:-3px; background:var(--grad); transform-origin:0 50%; transform:scaleX(0); }
  @supports (animation-timeline:scroll()) {
    html[data-brand="ib"] .bp .bp-prog { animation:bp-prog linear both; animation-timeline:scroll(root); }
  }
  /* article head */
  html[data-brand="ib"] .bp .bp-head { padding:18px 0 0; }
  html[data-brand="ib"] .bp .bp-tag { display:inline-flex; align-items:center; gap:7px; min-height:30px; margin-top:20px; padding:0 12px 0 6px; border-radius:999px; background:var(--pk-tint); font-size:12px; font-weight:800; color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-tag img { width:20px; height:20px; border-radius:6px; }
  /* the title is the largest paint of the page: it slides in, it never starts invisible */
  html[data-brand="ib"] .bp .bp-head h1 { margin-top:12px; font-size:28px; line-height:1.12; font-weight:800; letter-spacing:-.035em; animation:bp-slide .7s var(--ease) both; }
  html[data-brand="ib"] .bp .bp-dek { margin-top:12px; font-size:16.5px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .bp .bp-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:18px; font-size:13px; font-weight:600; color:var(--muted); }
  html[data-brand="ib"] .bp .bp-meta__who { display:inline-flex; align-items:center; gap:9px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-meta__who span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--grad); font-size:12px; font-weight:800; color:#fff; }
  html[data-brand="ib"] .bp .bp-meta__it { display:inline-flex; align-items:center; gap:6px; }
  html[data-brand="ib"] .bp .bp-meta__it svg { width:15px; height:15px; color:var(--pk); }
  html[data-brand="ib"] .bp .bp-cover { margin-top:22px; overflow:hidden; border-radius:20px; background:var(--tint); }
  html[data-brand="ib"] .bp .bp-cover img { width:100%; aspect-ratio:16/9; object-fit:cover; }
  /* layout */
  html[data-brand="ib"] .bp .bp-layout { display:block; padding:24px 0 8px; }
  /* index of the article */
  html[data-brand="ib"] .bp .bp-toc { border:1px solid var(--line); border-radius:18px; background:#fff; }
  html[data-brand="ib"] .bp .bp-toc__btn { display:flex; align-items:center; gap:10px; width:100%; min-height:56px; padding:0 16px; font-size:15px; font-weight:800; }
  html[data-brand="ib"] .bp .bp-toc__btn small { margin-left:auto; font-size:12.5px; font-weight:700; color:var(--muted); }
  html[data-brand="ib"] .bp .bp-toc__btn svg { color:var(--pk); transition:transform .4s var(--ease); }
  html[data-brand="ib"] .bp .bp-toc__btn>svg:last-child { width:18px; height:18px; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-toc.is-open .bp-toc__btn>svg:last-child { transform:rotate(180deg); }
  html[data-brand="ib"] .bp .bp-toc__list { display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--ease); }
  html[data-brand="ib"] .bp .bp-toc.is-open .bp-toc__list { grid-template-rows:1fr; }
  html[data-brand="ib"] .bp .bp-toc__list ol { overflow:hidden; min-height:0; counter-reset:t; }
  html[data-brand="ib"] .bp .bp-toc__list li { counter-increment:t; }
  html[data-brand="ib"] .bp .bp-toc__list li:last-child { padding-bottom:10px; }
  html[data-brand="ib"] .bp .bp-toc__a { display:flex; gap:12px; align-items:baseline; min-height:44px; padding:9px 16px; font-size:14.5px; line-height:1.4; font-weight:600; color:var(--text); transition:color .2s,background-color .2s; }
  html[data-brand="ib"] .bp .bp-toc__a::before { content:counter(t,decimal-leading-zero); flex:none; font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; color:#98a2b3; transition:color .2s; }
  html[data-brand="ib"] .bp .bp-toc__a:hover { color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-toc__a.is-on { color:var(--pk-d); font-weight:800; }
  html[data-brand="ib"] .bp .bp-toc__a.is-on::before { color:var(--pk); }
  /* the text */
  html[data-brand="ib"] .bp .bp-body { margin-top:26px; font-size:17px; line-height:1.75; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .bp .bp-body>*+* { margin-top:20px; }
  html[data-brand="ib"] .bp .bp-body>p:first-child::first-letter { float:left; margin:6px 10px 0 0; font-size:58px; line-height:.82; font-weight:800; color:var(--pk); }
  html[data-brand="ib"] .bp .bp-body strong { font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-body p a, html[data-brand="ib"] .bp .bp-body li a { font-weight:700; color:var(--pk-d); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }
  html[data-brand="ib"] .bp .bp-body h2 { margin-top:44px; padding-top:6px; scroll-margin-top:90px; font-size:24px; line-height:1.2; font-weight:800; letter-spacing:-.03em; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-body h2 small { display:block; margin-bottom:6px; font-size:12px; font-weight:800; letter-spacing:.12em; color:var(--pk); }
  html[data-brand="ib"] .bp .bp-body h3 { margin-top:30px; font-size:19px; line-height:1.3; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-body ul>li { position:relative; padding-left:24px; }
  html[data-brand="ib"] .bp .bp-body ul>li+li, html[data-brand="ib"] .bp .bp-body ol>li+li { margin-top:10px; }
  html[data-brand="ib"] .bp .bp-body ul>li::before { content:""; position:absolute; left:5px; top:13px; width:8px; height:8px; border-radius:50%; background:var(--pk); }
  /* a note of the author */
  html[data-brand="ib"] .bp .bp-note { position:relative; padding:18px 18px 18px 58px; border-radius:18px; background:var(--pk-tint); font-size:16px; line-height:1.65; color:#3b2030; }
  html[data-brand="ib"] .bp .bp-note>span { position:absolute; left:14px; top:16px; display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:#fff; color:var(--pk); }
  html[data-brand="ib"] .bp .bp-note>span svg { width:17px; height:17px; }
  html[data-brand="ib"] .bp .bp-note b { font-weight:800; color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-note--warn { background:#fff6e5; color:#4a3410; }
  html[data-brand="ib"] .bp .bp-note--warn>span { color:#b46a00; }
  html[data-brand="ib"] .bp .bp-note--warn b { color:#8a5200; }
  /* tables: scroll inside their box, never the page */
  html[data-brand="ib"] .bp .bp-table { overflow-x:auto; border:1px solid var(--line); border-radius:16px; -webkit-overflow-scrolling:touch; }
  html[data-brand="ib"] .bp .bp-table table { width:100%; border-collapse:collapse; font-size:14.5px; line-height:1.45; }
  html[data-brand="ib"] .bp .bp-table th { padding:13px 14px; background:var(--ink); font-size:12.5px; font-weight:800; letter-spacing:.02em; text-align:left; vertical-align:bottom; color:#fff; }
  html[data-brand="ib"] .bp .bp-table td { padding:13px 14px; border-top:1px solid var(--line); font-weight:600; color:var(--text); }
  html[data-brand="ib"] .bp .bp-table td:first-child { font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-table tr:nth-child(even) td { background:#fafbfc; }
  html[data-brand="ib"] .bp .bp-table .is-yes { font-weight:800; color:#0f7a45; }
  html[data-brand="ib"] .bp .bp-table .is-no { font-weight:800; color:#b42318; }
  /* checklist */
  html[data-brand="ib"] .bp .bp-check { padding:18px; border:1px solid var(--line); border-radius:18px; }
  html[data-brand="ib"] .bp .bp-check b { display:block; margin-bottom:10px; font-size:15px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-check li { display:flex; gap:10px; align-items:flex-start; font-size:15.5px; line-height:1.5; }
  html[data-brand="ib"] .bp .bp-check li+li { margin-top:9px; }
  html[data-brand="ib"] .bp .bp-check li::before { display:none; }
  html[data-brand="ib"] .bp .bp-check li svg { width:18px; height:18px; margin-top:3px; color:#0f7a45; stroke-width:2.6; }
  /* the service this article is about */
  html[data-brand="ib"] .bp .bp-svc { display:grid; gap:14px; padding:18px; border:1.5px solid var(--pk); border-radius:22px; background:#fff; box-shadow:0 22px 40px -30px rgba(230,28,114,.6); }
  html[data-brand="ib"] .bp .bp-svc__hd { display:flex; align-items:center; gap:12px; }
  html[data-brand="ib"] .bp .bp-svc__hd img { width:46px; height:46px; border-radius:13px; }
  html[data-brand="ib"] .bp .bp-svc__hd small { display:block; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-svc__hd b { display:block; font-size:18px; line-height:1.2; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-svc p { font-size:14.5px; line-height:1.6; }
  html[data-brand="ib"] .bp .bp-svc ul { display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-svc ul li { display:inline-flex; align-items:center; gap:6px; padding:0; margin:0; }
  html[data-brand="ib"] .bp .bp-svc ul li+li { margin-top:0; }
  html[data-brand="ib"] .bp .bp-svc ul li::before { display:none; }
  html[data-brand="ib"] .bp .bp-svc ul svg { width:15px; height:15px; color:#0f7a45; stroke-width:2.8; }
  html[data-brand="ib"] .bp .bp-svc__ft { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
  html[data-brand="ib"] .bp .bp-svc__price { font-size:13px; font-weight:700; color:var(--muted); }
  html[data-brand="ib"] .bp .bp-svc__price strong { display:block; font-size:24px; line-height:1.1; font-weight:800; letter-spacing:-.03em; color:var(--ink); }
  /* questions */
  html[data-brand="ib"] .bp .bp-faq { border:1px solid var(--line); border-radius:18px; overflow:hidden; }
  html[data-brand="ib"] .bp .bp-faq details+details { border-top:1px solid var(--line); }
  html[data-brand="ib"] .bp .bp-faq summary { display:flex; align-items:center; gap:12px; min-height:60px; padding:12px 16px; font-size:16px; line-height:1.35; font-weight:700; color:var(--ink); cursor:pointer; list-style:none; }
  html[data-brand="ib"] .bp .bp-faq summary::-webkit-details-marker { display:none; }
  html[data-brand="ib"] .bp .bp-faq summary span { flex:1; }
  html[data-brand="ib"] .bp .bp-faq summary i { position:relative; flex:none; width:32px; height:32px; border-radius:50%; background:var(--tint); transition:background-color .3s,transform .45s var(--ease); }
  html[data-brand="ib"] .bp .bp-faq summary i::before, html[data-brand="ib"] .bp .bp-faq summary i::after { content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; border-radius:2px; background:var(--ink); transition:transform .45s var(--ease),background-color .3s; }
  html[data-brand="ib"] .bp .bp-faq summary i::after { transform:rotate(90deg); }
  html[data-brand="ib"] .bp .bp-faq details[open] summary { color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-faq details[open] summary i { background:var(--grad); transform:rotate(180deg); }
  html[data-brand="ib"] .bp .bp-faq details[open] summary i::before, html[data-brand="ib"] .bp .bp-faq details[open] summary i::after { background:#fff; }
  html[data-brand="ib"] .bp .bp-faq details[open] summary i::after { transform:rotate(0deg); }
  html[data-brand="ib"] .bp .bp-faq details p { padding:0 16px 18px; font-size:15.5px; line-height:1.7; animation:bp-in .4s var(--ease) both; }
  html[data-brand="ib"] .bp .bp-skip { display:flex; align-items:center; gap:12px; margin-top:36px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#98a2b3; }
  html[data-brand="ib"] .bp .bp-skip::before, html[data-brand="ib"] .bp .bp-skip::after { content:""; flex:1; height:1px; background:var(--line); }
  /* end of the article: author + share */
  html[data-brand="ib"] .bp .bp-end { display:grid; gap:14px; margin-top:36px; padding-top:26px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .bp .bp-author { display:flex; gap:14px; align-items:center; padding:16px; border-radius:18px; background:var(--tint); }
  html[data-brand="ib"] .bp .bp-author>span { display:grid; place-items:center; flex:none; width:52px; height:52px; border-radius:50%; background:var(--grad); font-size:16px; font-weight:800; color:#fff; }
  html[data-brand="ib"] .bp .bp-author b { display:block; font-size:16px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-author p { margin-top:2px; font-size:13.5px; line-height:1.5; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .bp .bp-share { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13.5px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .bp .bp-share>span { margin-right:4px; }
  html[data-brand="ib"] .bp .bp-share button, html[data-brand="ib"] .bp .bp-share a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; padding:0 14px; border:1.5px solid var(--line); border-radius:999px; font-size:13.5px; font-weight:700; color:var(--ink); transition:border-color .2s,background-color .2s,color .2s,transform .2s var(--ease); }
  html[data-brand="ib"] .bp .bp-share button:hover, html[data-brand="ib"] .bp .bp-share a:hover { border-color:var(--ink); color:var(--ink); }
  html[data-brand="ib"] .bp .bp-share button:active, html[data-brand="ib"] .bp .bp-share a:active { transform:scale(.96); }
  html[data-brand="ib"] .bp .bp-share svg { width:16px; height:16px; }
  html[data-brand="ib"] .bp .bp-share .is-done { border-color:#0f7a45; background:#e3f5ea; color:#0f7a45; }
  /* side (tablet up) */
  html[data-brand="ib"] .bp .bp-side { display:none; }
  /* buttons */
  html[data-brand="ib"] .bp .bp-btn { display:inline-flex; flex:0 0 auto; max-width:100%; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:0 24px; border-radius:999px; font-size:15px; font-weight:800; white-space:nowrap; transition:transform .2s var(--ease),box-shadow .25s,background-color .2s,color .2s,border-color .2s; }
  html[data-brand="ib"] .bp .bp-btn svg { width:18px; height:18px; transition:transform .25s var(--ease); }
  html[data-brand="ib"] .bp .bp-btn:hover svg { transform:translateX(3px); }
  html[data-brand="ib"] .bp .bp-btn:active { transform:scale(.97); }
  html[data-brand="ib"] .bp .bp-btn--pk { background:var(--grad); color:#fff; box-shadow:0 14px 26px -14px rgba(230,28,114,.8); }
  html[data-brand="ib"] .bp .bp-btn--pk:hover { color:#fff; box-shadow:0 18px 30px -14px rgba(230,28,114,.95); }
  html[data-brand="ib"] .bp .bp-btn--ghost { border:1.5px solid rgba(255,255,255,.75); color:#fff; }
  html[data-brand="ib"] .bp .bp-btn--ghost:hover { border-color:#fff; color:#fff; }
  html[data-brand="ib"] .bp .bp-more { display:inline-flex; align-items:center; gap:6px; min-height:44px; font-size:14px; font-weight:800; color:var(--pk-d); white-space:nowrap; }
  html[data-brand="ib"] .bp .bp-more svg { width:16px; height:16px; transition:transform .25s var(--ease); }
  html[data-brand="ib"] .bp .bp-more:hover svg { transform:translateX(3px); }
  /* keep reading */
  html[data-brand="ib"] .bp .bp-next { padding:48px 0; background:var(--tint); }
  html[data-brand="ib"] .bp .bp-next__hd { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:4px 16px; }
  html[data-brand="ib"] .bp .bp-cards { display:flex; gap:12px; margin:18px -20px 0; padding:2px 20px 10px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 20px; scrollbar-width:none; }
  html[data-brand="ib"] .bp .bp-cards::-webkit-scrollbar { display:none; }
  html[data-brand="ib"] .bp .bp-card { flex:none; display:flex; flex-direction:column; width:264px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; color:var(--ink); scroll-snap-align:start; transition:transform .3s var(--ease),border-color .2s,box-shadow .3s; }
  html[data-brand="ib"] .bp .bp-card:hover { transform:translateY(-3px); border-color:var(--pk); box-shadow:0 22px 36px -24px rgba(230,28,114,.5); color:var(--ink); }
  html[data-brand="ib"] .bp .bp-card figure { overflow:hidden; background:var(--tint); }
  html[data-brand="ib"] .bp .bp-card img { width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .7s var(--ease); }
  html[data-brand="ib"] .bp .bp-card:hover img { transform:scale(1.05); }
  html[data-brand="ib"] .bp .bp-card div { display:flex; flex-direction:column; flex:1; padding:14px 16px; }
  html[data-brand="ib"] .bp .bp-card em { align-self:flex-start; padding:3px 9px; border-radius:999px; background:var(--pk-tint); font-style:normal; font-size:11px; font-weight:800; color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-card b { margin-top:8px; font-size:15.5px; line-height:1.35; font-weight:700; letter-spacing:-.01em; }
  html[data-brand="ib"] .bp .bp-card small { margin-top:auto; padding-top:10px; font-size:12.5px; font-weight:700; color:var(--muted); }
  /* services of the network */
  html[data-brand="ib"] .bp .bp-links { padding:48px 0 8px; }
  html[data-brand="ib"] .bp .bp-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
  html[data-brand="ib"] .bp .bp-pill { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 16px 0 8px; border:1.5px solid var(--line); border-radius:999px; font-size:14px; font-weight:700; color:var(--ink); transition:border-color .2s,background-color .2s,color .2s; }
  html[data-brand="ib"] .bp .bp-pill:hover { border-color:var(--pk); background:var(--pk-tint); color:var(--pk-d); }
  html[data-brand="ib"] .bp .bp-pill img { width:28px; height:28px; border-radius:9px; }
  html[data-brand="ib"] .bp .bp-pill--plain { padding-left:16px; }
  html[data-brand="ib"] .bp .bp-links__sub { margin-top:26px; font-size:15px; font-weight:800; color:var(--ink); }
  /* closing band */
  html[data-brand="ib"] .bp .bp-cta { padding:40px 0 56px; }
  html[data-brand="ib"] .bp .bp-cta__box { position:relative; overflow:hidden; padding:32px 24px 30px; border-radius:28px; background:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px) 0 0/28px 28px,var(--grad); color:#fff; }
  html[data-brand="ib"] .bp .bp-cta__eye { font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
  html[data-brand="ib"] .bp .bp-cta h2 { margin-top:10px; font-size:25px; line-height:1.12; font-weight:800; letter-spacing:-.03em; }
  html[data-brand="ib"] .bp .bp-cta__txt { margin-top:10px; font-size:14.5px; line-height:1.6; font-weight:500; color:rgba(255,255,255,.94); }
  html[data-brand="ib"] .bp .bp-cta__btns { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
  html[data-brand="ib"] .bp .bp-cta .bp-btn--pk, html[data-brand="ib"] .bp .bp-cta .bp-btn--pk:hover { background:#fff; color:var(--pk-d); box-shadow:0 14px 26px -14px rgba(90,8,45,.65); }
  /* reveal while scrolling (only where the page really scrolls: Play / the real site) */
  html[data-brand="ib"] .bp--rv .bp-rv { opacity:0; transform:translateY(26px); }
  html[data-brand="ib"] .bp--rv .bp-rv.is-in { opacity:1; transform:none; transition:opacity .7s var(--ease),transform .8s var(--ease); }
  @keyframes bp-slide { from{transform:translateY(14px)}to{transform:none} }
  @keyframes bp-in { from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none} }
  @keyframes bp-prog { from{transform:scaleX(0)}to{transform:scaleX(1)} }
  @media (prefers-reduced-motion:reduce) {
    html[data-brand="ib"] .bp * { animation:none!important; transition:none!important; }
  }
  /* the smallest phones */
  @container bp (max-width:350px) {
    html[data-brand="ib"] .bp .bp-wrap { padding-left:16px; padding-right:16px; }
    html[data-brand="ib"] .bp .bp-head h1 { font-size:25px; }
    html[data-brand="ib"] .bp .bp-body { font-size:16px; }
    html[data-brand="ib"] .bp .bp-body h2 { font-size:22px; }
    html[data-brand="ib"] .bp .bp-note { padding:16px 16px 16px 16px; }
    html[data-brand="ib"] .bp .bp-note>span { position:static; margin-bottom:10px; }
    html[data-brand="ib"] .bp .bp-cta__box { padding:28px 18px 26px; }
  }
  /* tablets: the article in a reading column */
  @container bp (min-width:700px) {
    html[data-brand="ib"] .bp .bp-head__in, html[data-brand="ib"] .bp .bp-layout { max-width:760px; margin-left:auto; margin-right:auto; }
    html[data-brand="ib"] .bp .bp-head h1 { font-size:38px; }
    html[data-brand="ib"] .bp .bp-dek { font-size:18px; }
    html[data-brand="ib"] .bp .bp-cover { border-radius:26px; }
    html[data-brand="ib"] .bp .bp-body { font-size:18px; }
    html[data-brand="ib"] .bp .bp-body h2 { font-size:28px; }
    html[data-brand="ib"] .bp .bp-svc { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:22px 24px; }
    html[data-brand="ib"] .bp .bp-svc__hd, html[data-brand="ib"] .bp .bp-svc p, html[data-brand="ib"] .bp .bp-svc ul { grid-column:1; }
    html[data-brand="ib"] .bp .bp-svc__ft { grid-column:2; grid-row:1/4; flex-direction:column; align-items:flex-end; justify-content:center; }
    html[data-brand="ib"] .bp .bp-svc__price { text-align:right; }
    html[data-brand="ib"] .bp .bp-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:22px 0 0; padding:0; overflow:visible; }
    html[data-brand="ib"] .bp .bp-card { width:auto; }
  }
  /* desktop: index on the left, the article, the side on the right */
  @container bp (min-width:1100px) {
    html[data-brand="ib"] .bp .bp-wrap { padding:0 32px; }
    html[data-brand="ib"] .bp .bp-title { font-size:clamp(26px,2.6cqi,34px); }
    html[data-brand="ib"] .bp .bp-head { padding-top:26px; }
    html[data-brand="ib"] .bp .bp-head__in { max-width:920px; }
    html[data-brand="ib"] .bp .bp-head h1 { font-size:clamp(40px,3.6cqi,50px); line-height:1.08; }
    html[data-brand="ib"] .bp .bp-dek { max-width:760px; font-size:19px; }
    html[data-brand="ib"] .bp .bp-cover { margin-top:28px; border-radius:32px; }
    html[data-brand="ib"] .bp .bp-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:0 56px; max-width:none; padding:44px 0 16px; }
    html[data-brand="ib"] .bp .bp-toc { grid-column:1; }
    html[data-brand="ib"] .bp .bp-main { grid-column:1; }
    html[data-brand="ib"] .bp .bp-body { font-size:17.5px; }
    html[data-brand="ib"] .bp .bp-side { display:grid; gap:18px; position:sticky; top:24px; align-self:start; grid-column:2; grid-row:1/3; }
    html[data-brand="ib"] .bp .bp-side__card { padding:20px; border:1px solid var(--line); border-radius:22px; }
    html[data-brand="ib"] .bp .bp-side__card--pk { border:0; background:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px) 0 0/28px 28px,var(--grad); color:#fff; }
    html[data-brand="ib"] .bp .bp-side__card--pk small { font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    html[data-brand="ib"] .bp .bp-side__card--pk b { display:block; margin-top:8px; font-size:20px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
    html[data-brand="ib"] .bp .bp-side__card--pk p { margin-top:8px; font-size:13.5px; line-height:1.55; font-weight:500; color:rgba(255,255,255,.94); }
    html[data-brand="ib"] .bp .bp-side__card--pk .bp-btn { width:100%; min-height:46px; margin-top:14px; background:#fff; color:var(--pk-d); font-size:14px; }
    html[data-brand="ib"] .bp .bp-side__t { font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
    html[data-brand="ib"] .bp .bp-side ol { counter-reset:s; margin-top:6px; }
    html[data-brand="ib"] .bp .bp-side ol li { counter-increment:s; }
    html[data-brand="ib"] .bp .bp-side ol a { display:flex; gap:12px; padding:10px 0; font-size:13.5px; line-height:1.4; font-weight:700; color:var(--ink); transition:color .2s; }
    html[data-brand="ib"] .bp .bp-side ol li+li a { border-top:1px solid var(--line); }
    html[data-brand="ib"] .bp .bp-side ol a::before { content:counter(s,decimal-leading-zero); flex:none; font-size:12px; font-weight:800; color:var(--pk); }
    html[data-brand="ib"] .bp .bp-side ol a:hover { color:var(--pk-d); }
    html[data-brand="ib"] .bp .bp-next { padding:88px 0; }
    html[data-brand="ib"] .bp .bp-cards { gap:28px; margin-top:28px; }
    html[data-brand="ib"] .bp .bp-links { padding:88px 0 16px; }
    html[data-brand="ib"] .bp .bp-cta { padding:72px 0 96px; }
    html[data-brand="ib"] .bp .bp-cta__box { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:center; padding:52px 60px; border-radius:36px; }
    html[data-brand="ib"] .bp .bp-cta h2 { font-size:clamp(30px,3cqi,40px); }
    html[data-brand="ib"] .bp .bp-cta__txt { max-width:560px; font-size:16px; }
    html[data-brand="ib"] .bp .bp-cta__btns { margin-top:0; }
  }
  @container bp (min-width:1280px) {
    html[data-brand="ib"] .bp .bp-layout { grid-template-columns:200px minmax(0,1fr) 270px; gap:0 48px; }
    html[data-brand="ib"] .bp .bp-toc { position:sticky; top:24px; align-self:start; grid-column:1; grid-row:1; border:0; border-radius:0; background:none; }
    html[data-brand="ib"] .bp .bp-toc__btn { min-height:0; padding:0 0 12px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); pointer-events:none; }
    html[data-brand="ib"] .bp .bp-toc__btn>svg, html[data-brand="ib"] .bp .bp-toc__btn small { display:none; }
    html[data-brand="ib"] .bp .bp-toc__list { grid-template-rows:1fr; }
    html[data-brand="ib"] .bp .bp-toc__list ol { border-left:2px solid var(--line); }
    html[data-brand="ib"] .bp .bp-toc__list li:last-child { padding-bottom:0; }
    html[data-brand="ib"] .bp .bp-toc__a { align-items:center; margin-left:-2px; padding:6px 0 6px 14px; border-left:2px solid transparent; font-size:13.5px; }
    html[data-brand="ib"] .bp .bp-toc__a::before { display:none; }
    html[data-brand="ib"] .bp .bp-toc__a.is-on { border-left-color:var(--pk); }
    html[data-brand="ib"] .bp .bp-main { grid-column:2; grid-row:1; }
    html[data-brand="ib"] .bp .bp-body { margin-top:0; }
    html[data-brand="ib"] .bp .bp-side { grid-column:3; grid-row:1; }
  }

  /* ── the real page ── */
  /* clip, not hidden: a hidden root would be the scroll box of the sticky bar and columns */
  html[data-brand="ib"] .bp { overflow: clip; }
  /* Rules on the breadcrumb strip hang from the page marker (.ibm-blog-post), never from the
     page's own root: the marker is dropped while the route is kept hidden in memory. The capsule
     sits in the article's own column. */
  html[data-brand="ib"]:is([data-ib-marks~="ibm-blog-post"]) section.header-top.ib-crumbs > .container { width: 100% !important; max-width: 1216px !important; margin: 0 auto !important; padding-left: 20px !important; padding-right: 20px !important; }
  @media (min-width: 700px) {
    html[data-brand="ib"]:is([data-ib-marks~="ibm-blog-post"]) section.header-top.ib-crumbs > .container { max-width: 800px !important; }
  }
  @media (min-width: 1100px) {
    html[data-brand="ib"]:is([data-ib-marks~="ibm-blog-post"]) section.header-top.ib-crumbs > .container { max-width: 984px !important; padding-left: 32px !important; padding-right: 32px !important; }
  }
  @media (max-width: 350px) {
    html[data-brand="ib"]:is([data-ib-marks~="ibm-blog-post"]) section.header-top.ib-crumbs > .container { padding-left: 16px !important; padding-right: 16px !important; }
  }
  html[data-brand="ib"] .bp .bp-head { padding-top: 4px; }
  /* reading bar and sticky columns: under the fixed header (and the promo bar) */
  html[data-brand="ib"] .bp .bp-prog { top: calc(70px + var(--onsite-top-bar, 0px)); }
  @media (min-width: 992px) {
    html[data-brand="ib"] .bp .bp-prog { top: calc(80px + var(--onsite-top-bar, 0px)); }
  }
  html[data-brand="ib"] .bp .bp-toc, html[data-brand="ib"] .bp .bp-side { top: calc(104px + var(--onsite-top-bar, 0px)); }
  /* the side index exists from 1280 px; below it the article's own inline index is used */
  html[data-brand="ib"] .bp .bp-toc { display: none; }
  @container bp (min-width: 1280px) {
    html[data-brand="ib"] .bp .bp-toc { display: block; }
    html[data-brand="ib"] .bp .bp-toc__btn { display: block; margin: 0; }
    html[data-brand="ib"] .bp .bp-body .toc-inline { display: none; }
  }

  /* ── the body is the store's own HTML: its elements take the look of the design ── */
  html[data-brand="ib"] .bp .bp-body { counter-reset: sec; overflow-wrap: break-word; }
  html[data-brand="ib"] .bp .bp-body h2 { counter-increment: sec; scroll-margin-top: calc(110px + var(--onsite-top-bar, 0px)); }
  html[data-brand="ib"] .bp .bp-body h2::before { content: counter(sec, decimal-leading-zero); display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; letter-spacing: .12em; color: var(--pk); }
  html[data-brand="ib"] .bp .bp-body h3 { scroll-margin-top: calc(110px + var(--onsite-top-bar, 0px)); }
  html[data-brand="ib"] .bp .bp-body :is(h4, h5) { margin-top: 24px; font-size: 17px; font-weight: 800; color: var(--ink); }
  html[data-brand="ib"] .bp .bp-body ol { counter-reset: li; }
  html[data-brand="ib"] .bp .bp-body ol > li { position: relative; padding-left: 36px; counter-increment: li; }
  html[data-brand="ib"] .bp .bp-body ol > li::before { content: counter(li); position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--pk-tint); font-size: 12.5px; font-weight: 800; color: var(--pk-d); }
  html[data-brand="ib"] .bp .bp-body li > :is(ul, ol) { margin-top: 10px; }
  html[data-brand="ib"] .bp .bp-body hr { height: 1px; margin: 36px 0; border: 0; background: var(--line); }
  html[data-brand="ib"] .bp .bp-body :is(img, video, iframe) { max-width: 100%; height: auto; border-radius: 18px; }
  html[data-brand="ib"] .bp .bp-body figure { margin-left: 0; margin-right: 0; }
  html[data-brand="ib"] .bp .bp-body figcaption { margin-top: 8px; font-size: 13.5px; line-height: 1.5; font-weight: 600; text-align: center; color: var(--muted); }
  html[data-brand="ib"] .bp .bp-body :is(em, i) { font-style: italic; }
  html[data-brand="ib"] .bp .bp-body code { padding: 2px 6px; border-radius: 6px; background: var(--tint); font-size: .9em; }
  /* a quote = a note of the author */
  html[data-brand="ib"] .bp .bp-body blockquote { padding: 18px 20px; border: 0; border-radius: 18px; background: var(--pk-tint); font-size: 16px; line-height: 1.65; font-style: normal; color: #3b2030; }
  html[data-brand="ib"] .bp .bp-body blockquote > strong:first-child, html[data-brand="ib"] .bp .bp-body blockquote > p:first-child > strong:first-child { font-weight: 800; color: var(--pk-d); }
  html[data-brand="ib"] .bp .bp-body blockquote p + p { margin-top: 10px; }
  /* tables: wrap inside the column; a wider one scrolls inside its box, never the page */
  html[data-brand="ib"] .bp .bp-body .table-wrapper { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; -webkit-overflow-scrolling: touch; }
  html[data-brand="ib"] .bp .bp-body .table-wrapper .table-wrapper { border: 0; border-radius: 0; }
  html[data-brand="ib"] .bp .bp-body table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 14.5px; line-height: 1.45; }
  html[data-brand="ib"] .bp .bp-body th { padding: 13px 14px; border: 0; background: var(--ink); font-size: 12.5px; font-weight: 800; letter-spacing: .02em; text-align: left; vertical-align: bottom; color: #fff; }
  html[data-brand="ib"] .bp .bp-body td { padding: 13px 14px; border: 0; border-top: 1px solid var(--line); font-weight: 600; text-align: left; vertical-align: top; color: var(--text); }
  html[data-brand="ib"] .bp .bp-body tbody tr:nth-child(even) td { background: #fafbfc; }
  html[data-brand="ib"] .bp .bp-body td strong { font-weight: 800; }
  /* questions (the author's own <details>, or the paragraphs ./body.ts turned into them) */
  html[data-brand="ib"] .bp .bp-body .ib-faq { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
  html[data-brand="ib"] .bp .bp-body .ib-faq details + details { border-top: 1px solid var(--line); }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline):not(.ib-faq details) { border: 1px solid var(--line); border-radius: 16px; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) + details:not(.toc-inline) { margin-top: 8px; }
  html[data-brand="ib"] .bp .bp-body .ib-faq details + details { margin-top: 0; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) > summary { position: relative; display: block; min-height: 60px; padding: 18px 60px 18px 16px; font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--ink); cursor: pointer; list-style: none; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) > summary::-webkit-details-marker { display: none; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) > summary::before { content: ""; position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; border-radius: 50%; background: var(--tint); transition: background .3s; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) > summary::after { content: "+"; position: absolute; right: 14px; top: 14px; display: grid; place-items: center; width: 32px; height: 32px; font-size: 20px; line-height: 1; font-weight: 600; color: var(--ink); transition: transform .45s var(--ease), color .3s; }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline)[open] > summary { color: var(--pk-d); }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline)[open] > summary::before { background: var(--grad); }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline)[open] > summary::after { content: "–"; color: #fff; transform: rotate(180deg); }
  html[data-brand="ib"] .bp .bp-body details:not(.toc-inline) > :not(summary) { margin: 0; padding: 0 16px 18px; font-size: 15.5px; line-height: 1.7; animation: bp-in .4s var(--ease) both; }
  /* the inline index of the article (phones and tablets) */
  html[data-brand="ib"] .bp .bp-body .toc-inline { border: 1px solid var(--line); border-radius: 18px; background: #fff; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__summary { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 16px; font-size: 15px; font-weight: 800; color: var(--ink); cursor: pointer; list-style: none; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__summary::-webkit-details-marker { display: none; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__eyebrow { display: inline-flex; align-items: center; gap: 10px; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__icon { color: var(--pk); }
  html[data-brand="ib"] .bp .bp-body .toc-inline__meta { margin-left: auto; font-size: 12.5px; font-weight: 700; color: var(--muted); }
  html[data-brand="ib"] .bp .bp-body .toc-inline__chevron { transition: transform .4s var(--ease); }
  html[data-brand="ib"] .bp .bp-body .toc-inline[open] .toc-inline__chevron { transform: rotate(180deg); }
  html[data-brand="ib"] .bp .bp-body .toc-inline__list { margin: 0; padding: 0 0 10px; }
  html[data-brand="ib"] .bp .bp-body .toc-inline :is(ol, ul) > li { margin: 0; padding: 0; }
  html[data-brand="ib"] .bp .bp-body .toc-inline :is(ol, ul) > li::before { display: none; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__link { display: flex; gap: 12px; align-items: baseline; min-height: 44px; padding: 9px 16px; font-size: 14.5px; line-height: 1.4; font-weight: 600; text-decoration: none; color: var(--text); }
  html[data-brand="ib"] .bp .bp-body .toc-inline__link:hover { color: var(--pk-d); }
  html[data-brand="ib"] .bp .bp-body .toc-inline__num { flex: none; font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; color: #98a2b3; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__sublist { margin: 0; }
  html[data-brand="ib"] .bp .bp-body .toc-inline__link--h3 { min-height: 40px; padding: 6px 16px 6px 46px; font-size: 13.5px; color: var(--muted); }
  /* the related-service card (./cta.ts) carries its own inline styles: the body rules stay out */
  html[data-brand="ib"] .bp .bp-body .ib-blog-cta :is(ul, ol) > li { padding-left: 0; margin-top: 0; }
  html[data-brand="ib"] .bp .bp-body .ib-blog-cta :is(ul, ol) > li::before { display: none; }
  html[data-brand="ib"] .bp .bp-body .ib-blog-cta a { text-decoration: none; }

  /* ── end of the article ── */
  html[data-brand="ib"] .bp .bp-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 800; color: var(--ink); }
  html[data-brand="ib"] .bp .bp-tags > span { margin-right: 4px; }
  html[data-brand="ib"] .bp .bp-author img { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
  html[data-brand="ib"] .bp .bp-share button span { margin: 0; }
  html[data-brand="ib"] .bp .bp-pills--cats { margin-top: 12px; }
  html[data-brand="ib"] .bp .bp-side__card--note { border: 0; background: var(--tint); }
  html[data-brand="ib"] .bp .bp-side__card--note b { display: block; font-size: 15px; font-weight: 800; color: var(--ink); }
  html[data-brand="ib"] .bp .bp-side__card--note p { margin-top: 6px; font-size: 13.5px; line-height: 1.55; font-weight: 500; color: var(--text); }
  /* the network tag: a 44 px touch target around the small pill */
  html[data-brand="ib"] .bp .bp-tag { position: relative; }
  html[data-brand="ib"] .bp .bp-tag::after { content: ""; position: absolute; inset: -8px -6px; }
}