/* C08 article-only styles. All selectors are scoped to avoid CodeIgniter theme collisions. */
#bf-creatine-c08{--ink:#142f50;--blue:#234f74;--line:#d4e0eb;--soft:#eef5fb;color:#233448;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
#bf-creatine-c08 *,#bf-creatine-c08 *::before,#bf-creatine-c08 *::after{box-sizing:border-box}
#bf-creatine-c08 :where(h1,h2,h3,p,figure,ul,ol){margin:0}
#bf-creatine-c08 h1{font-size:clamp(32.8px,4.8vw,52px);line-height:1.12;letter-spacing:-.035em;color:var(--ink);font-weight:700;max-width:850px;text-wrap:balance}
#bf-creatine-c08 h2{font-size:clamp(24.8px,3vw,32px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);font-weight:650;text-wrap:balance}
#bf-creatine-c08 h3{font-size:18.4px;line-height:1.45;letter-spacing:-.01em;color:var(--ink);font-weight:650;margin-top:25.6px}
#bf-creatine-c08 p{margin-top:16px}
#bf-creatine-c08 .article-header{margin-bottom:27.2px}
#bf-creatine-c08 .eyebrow{font-size:12.8px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--blue);margin:0 0 16px}
#bf-creatine-c08 .dek{font-size:18.72px;line-height:1.5;max-width:720px;color:#52667b;margin-top:17.6px}
#bf-creatine-c08 .byline{font-size:13.12px;color:#52667b;margin-top:20.8px;line-height:1.5}
#bf-creatine-c08 .byline span{margin:0 7.2px}
#bf-creatine-c08 .quick-answer{border:1px solid #bfd1e3;border-left:4px solid #234f74;background:var(--soft);border-radius:10px;padding:20px 24px}
#bf-creatine-c08 .quick-answer>p:first-child{margin:0;font-size:17.6px;line-height:1.65}
#bf-creatine-c08 .disclosure{font-size:12.8px;line-height:1.5;color:#435c74;border-top:1px solid #cbdbe9;padding-top:12.8px;margin-top:13.6px}
#bf-creatine-c08 a{color:#1c507c;text-underline-offset:.22em;text-decoration-thickness:1px}
#bf-creatine-c08 a:hover{text-decoration-thickness:2px;color:#102e50}
#bf-creatine-c08 :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid #315f91;outline-offset:4px;border-radius:3px}
#bf-creatine-c08 [id]{scroll-margin-top:24px}
#bf-creatine-c08 .jump-menu{margin:21.6px 0 28px}
#bf-creatine-c08 .jump-menu>p{font-size:12.8px;font-weight:600;color:#52667b;margin:0 0 10.4px}
#bf-creatine-c08 .jump-menu ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;gap:8px;margin:0}
#bf-creatine-c08 .jump-menu li{min-width:0;margin:0}
#bf-creatine-c08 .jump-menu a{display:flex;align-items:center;justify-content:center;height:100%;min-height:58px;padding:10.4px 8px;border:1px solid #c0d3e5;border-radius:7px;background:#edf4fa;color:#234f74;font-size:13.6px;font-weight:600;text-decoration:none;text-align:center;line-height:1.4;transition:background-color 160ms ease,border-color 160ms ease}
#bf-creatine-c08 .jump-menu a:hover{background:#dcebf6;border-color:#86abc8;text-decoration:underline}
#bf-creatine-c08 .hero{margin:28px 0 32px}
#bf-creatine-c08 .hero-composition{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#ecf1f5;border:1px solid #dbe4ec;border-radius:12px;overflow:hidden}
#bf-creatine-c08 .hero-message{padding:34.4px 0 34.4px 32px;position:relative;z-index:1}
#bf-creatine-c08 .hero-kicker{display:block;font-size:12.16px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#4d6681}
#bf-creatine-c08 .hero-message>p{font-size:clamp(24px,2.8vw,32px);line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin-top:12.8px}
#bf-creatine-c08 .hero-message strong{font-weight:700}
#bf-creatine-c08 .hero-detail{display:block;margin-top:16px;font-size:14.88px;line-height:1.55;color:#42607b;max-width:300px}
#bf-creatine-c08 .hero img{display:block;width:100%;height:100%;min-height:340px;max-height:390px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
#bf-creatine-c08 figcaption{font-size:12.48px;line-height:1.5;color:#52667b;margin-top:9.6px}
#bf-creatine-c08>section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
#bf-creatine-c08>section>h2{margin-bottom:20px}
#bf-creatine-c08 .source-link{font-size:.85em;color:#111;font-weight:700;white-space:nowrap;text-decoration-color:#444}
#bf-creatine-c08 .table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;margin-top:22.4px}
#bf-creatine-c08 table{border-collapse:collapse;width:100%;text-align:left;font-size:14.56px;line-height:1.55}
#bf-creatine-c08 caption{padding:13.6px 16px;text-align:left;background:#f7fafc;color:#39536d;font-size:13.44px;font-weight:600}
#bf-creatine-c08 th,#bf-creatine-c08 td{padding:15.2px;border-top:1px solid var(--line);vertical-align:top}
#bf-creatine-c08 thead th{background:#eaf2f9;color:var(--ink);font-weight:700}
#bf-creatine-c08 tbody th{width:23%;font-weight:600;color:var(--ink);background:#f7fafc}
#bf-creatine-c08 .table-note{font-size:13.44px;line-height:1.55;color:#4b6278}
#bf-creatine-c08 .takeaway{border-left:3px solid #668dac;padding:4.8px 0 4.8px 19.2px;margin-top:24px}
#bf-creatine-c08 .takeaway p{margin:0}
#bf-creatine-c08 .protocol-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22.4px}
#bf-creatine-c08 .protocol-card{border:1px solid #d0dfeb;border-top:3px solid #315f83;border-radius:8px;padding:20.8px;background:#f7fafc}
#bf-creatine-c08 .card-label{font-size:12.48px;text-transform:uppercase;letter-spacing:.055em;color:#456480;font-weight:650;margin:0}
#bf-creatine-c08 .protocol-card h3,#bf-creatine-c08 .product-note h3{margin-top:11.2px}
#bf-creatine-c08 .protocol-card p:not(.card-label){font-size:15.68px;line-height:1.65;margin-top:11.2px}
#bf-creatine-c08 .product-note{margin-top:25.6px;padding:22.4px 24px;background:#eff5fa;border:1px solid #c3d6e6;border-radius:9px}
#bf-creatine-c08 .product-note p:not(.card-label){font-size:16px}
#bf-creatine-c08 .faq details{margin-top:10.4px;border:1px solid #d1e0ed;border-radius:8px;background:#f5f9fc}
#bf-creatine-c08 .faq summary{position:relative;list-style:none;cursor:pointer;min-height:60px;padding:18.4px 48px 18.4px 18.4px;border-radius:7px;transition:background-color 160ms ease}
#bf-creatine-c08 .faq summary::-webkit-details-marker{display:none}
#bf-creatine-c08 .faq summary:hover{background:#eaf2f9}
#bf-creatine-c08 .faq summary h3{display:inline;margin:0;font-size:16px;font-weight:600;line-height:1.5}
#bf-creatine-c08 .faq summary::after{content:"";position:absolute;width:7.2px;height:7.2px;right:19.2px;top:22.4px;border-right:2px solid #315f83;border-bottom:2px solid #315f83;transform:rotate(45deg);transition:transform 240ms ease}
#bf-creatine-c08 .faq details[open]:not([data-expanded="false"]) summary::after{transform:translateY(3.2px) rotate(225deg)}
#bf-creatine-c08 .faq-answer{padding:0 18.4px 18.4px;font-size:16px}
#bf-creatine-c08 .faq-answer p{margin:0}
#bf-creatine-c08 .faq details[data-animating="true"]{overflow:hidden}
#bf-creatine-c08 .conclusion{border:1px solid #c2d4e4;background:#eef5fb;padding:25.6px;border-radius:10px}
#bf-creatine-c08 .references{font-size:14.72px;line-height:1.65;color:#111}
#bf-creatine-c08 .references ol{padding-left:21.6px;margin-top:18.4px}
#bf-creatine-c08 .references li{padding-left:3.2px;margin-top:16px}
#bf-creatine-c08 .references a{color:#000;font-weight:600;text-decoration-color:#555}
#bf-creatine-c08 .evidence-note{font-size:13.28px;color:#42586c}
#bf-creatine-c08 .disclaimer{border-top:1px solid var(--line);padding-top:19.2px;margin-top:32px;font-size:12.8px;line-height:1.6;color:#4b6074}
#bf-creatine-c08 .jump-target-active{animation:bf-c08-arrival 1100ms ease-out;border-radius:4px}
@keyframes bf-c08-arrival{0%,25%{background:#e5f0f9;box-shadow:0 0 0 8px #e5f0f9}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
@media(max-width:720px){#bf-creatine-c08{font-size:16px}#bf-creatine-c08 .jump-menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}#bf-creatine-c08 .jump-menu li:last-child{grid-column:1/-1}#bf-creatine-c08 .jump-menu a{min-height:50px}#bf-creatine-c08 .quick-answer{padding:17.6px}#bf-creatine-c08 .quick-answer>p:first-child{font-size:16.32px}#bf-creatine-c08 .protocol-grid{grid-template-columns:1fr}#bf-creatine-c08 .hero-message{padding:22.4px 0 22.4px 20.8px}#bf-creatine-c08 .hero-detail{font-size:13.12px}#bf-creatine-c08 .hero img{min-height:285px}#bf-creatine-c08>section{margin-top:35.2px;padding-top:25.6px}#bf-creatine-c08 .conclusion{padding:20.8px}}
@media(max-width:520px){#bf-creatine-c08 .hero-composition{grid-template-columns:1fr}#bf-creatine-c08 .hero-message{padding:24px 20.8px 0}#bf-creatine-c08 .hero-detail{max-width:none;font-size:14.4px}#bf-creatine-c08 .hero img{width:100%;height:265px;min-height:0;object-fit:cover;object-position:center 62%}#bf-creatine-c08 thead{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#bf-creatine-c08 table,#bf-creatine-c08 tbody,#bf-creatine-c08 tr,#bf-creatine-c08 th,#bf-creatine-c08 td{display:block;width:100%}#bf-creatine-c08 tbody th{width:100%;padding:11.2px 14.4px;background:#eaf2f9}#bf-creatine-c08 td{padding:13.6px 14.4px;border:0}#bf-creatine-c08 td+td{border-top:1px dashed #d4e0eb}#bf-creatine-c08 td::before{content:attr(data-label);display:block;font-size:11.68px;text-transform:uppercase;letter-spacing:.035em;font-weight:700;color:#325570;margin-bottom:5.6px}#bf-creatine-c08 .byline{max-width:280px}#bf-creatine-c08 .byline span{display:none}}
@media(prefers-reduced-motion:reduce){#bf-creatine-c08 *,#bf-creatine-c08 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#bf-creatine-c08 .jump-menu{display:none}#bf-creatine-c08 details>*{display:block!important}#bf-creatine-c08 .faq summary::after{display:none}#bf-creatine-c08 .hero{max-width:500px}#bf-creatine-c08 h1{font-size:28pt}}

/* C08 v2: approved P02 editorial rhythm, stronger navy hierarchy, genuine topic imagery. */
#bf-creatine-c08{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;counter-reset:bf-c08-section;--ink:#173958;--blue:#285c86}
#bf-creatine-c08 .article-header{margin-bottom:23.2px}
#bf-creatine-c08 h1{max-width:850px}
#bf-creatine-c08 .title-question{display:block;font-size:clamp(38.4px,5.25vw,58.4px);line-height:1.08;letter-spacing:-.043em;font-weight:650;text-wrap:balance}
#bf-creatine-c08 .title-rest{display:block;font-size:clamp(18.72px,2.4vw,23.2px);line-height:1.45;letter-spacing:-.015em;font-weight:450;color:#42627e;margin-top:12.8px}
#bf-creatine-c08 .byline{font-size:13.6px;margin-top:16.8px;color:#52677d;max-width:none}
#bf-creatine-c08 .eyebrow{color:#35678e;letter-spacing:.06em;margin-bottom:13.6px}
#bf-creatine-c08 .editorial-figure{margin:34.4px 0}
#bf-creatine-c08 .editorial-figure picture{display:block;overflow:hidden;border-radius:13.6px;background:#eaf2f8}
#bf-creatine-c08 .editorial-figure img{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:cover;mix-blend-mode:normal;border-radius:13.6px;aspect-ratio:16/9;object-position:center}
#bf-creatine-c08 .hero{margin:22.4px 0 28px}
#bf-creatine-c08 .hero img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 53%}
#bf-creatine-c08 .editorial-figure figcaption{font-size:12.48px;line-height:1.55;max-width:768px;color:#52677d}
#bf-creatine-c08 .quick-answer{padding:26.4px 28.8px;border:1px solid #173958;border-left:1px solid #173958;border-radius:14.4px;background:#173958;color:#fff;box-shadow:0 10px 28px rgba(23,57,88,.1)}
#bf-creatine-c08 .quick-answer .answer-eyebrow{font-size:11.84px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#c8dfee;font-weight:650;margin:0 0 13.6px}
#bf-creatine-c08 .quick-answer .answer-lead{font-size:clamp(25.6px,3vw,34.4px);line-height:1.3;letter-spacing:-.025em;color:#fff;font-weight:650;margin:0}
#bf-creatine-c08 .answer-lead span{font-weight:450;color:#dcebf6}
#bf-creatine-c08 .quick-answer .answer-summary{font-size:16px;line-height:1.7;color:#f3f7fa;margin:16.8px 0 0;max-width:740px}
#bf-creatine-c08 .answer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20.8px}
#bf-creatine-c08 .answer-card{background:#f3f8fc;color:#173958;border:1px solid #d0e1ee;border-radius:9.6px;padding:15.2px 16px;min-width:0}
#bf-creatine-c08 .answer-card .card-eyebrow{font-size:11.52px;font-weight:700;line-height:1.4;color:#35678e;margin:0 0 7.2px}
#bf-creatine-c08 .answer-card p:last-child{font-size:16px;font-weight:600;line-height:1.4;margin:0}
#bf-creatine-c08 .quick-answer .disclosure{border-top:1px solid #4b6983;color:#d8e6f2;font-size:12.48px;margin-top:20px;padding-top:15.2px}
#bf-creatine-c08 .jump-menu{margin:25.6px 0 36px}
#bf-creatine-c08 .jump-menu a{background:#e9f2f9;border-color:#abc7dc;color:#204d70;box-shadow:0 2px 0 #d9e7f1;font-size:13.44px}
#bf-creatine-c08 .jump-menu a:hover{background:#dbeaf5;border-color:#739fbe}
#bf-creatine-c08 .guide-section{counter-increment:bf-c08-section}
#bf-creatine-c08 .guide-section>h2::before{content:'0' counter(bf-c08-section);display:block;margin-bottom:8.8px;color:#35678e;font-size:13.12px;line-height:1.3;font-weight:700;letter-spacing:.08em}
#bf-creatine-c08 .guide-section>h2{font-size:clamp(26.4px,3vw,32px);font-weight:600;max-width:720px}
#bf-creatine-c08>section{margin-top:51.2px;padding-top:34.4px}
#bf-creatine-c08 .table-wrap{border:1px solid #9eb9cf;border-top:3px solid #35678e;box-shadow:0 7px 22px rgba(23,57,88,.055);border-radius:11.2px;margin-top:28px}
#bf-creatine-c08 .decision-table caption{background:#edf4fa;color:#244f73;font-weight:550;padding:16px}
#bf-creatine-c08 .decision-table thead th{background:#173958;color:#fff;font-weight:650;border-bottom:1px solid #173958;border-top:0;padding:16.8px}
#bf-creatine-c08 .decision-table thead th+th{border-left:1px solid #42627e}
#bf-creatine-c08 .decision-table th[scope="row"]{background:#e3eef7;color:#173958;font-weight:650;font-size:14.4px}
#bf-creatine-c08 .decision-table tbody td{border-left:1px solid #d8e5ef;padding:16.8px}
#bf-creatine-c08 .decision-table tbody tr:nth-child(even){background:#f1f6fa}
#bf-creatine-c08 .decision-table tbody tr:nth-child(even) th[scope="row"]{background:#dceaf5}
#bf-creatine-c08 .dose-highlight{display:block;margin-bottom:6.4px;font-size:20px;font-weight:650;line-height:1.35;color:#173958}
#bf-creatine-c08 #c08-cycling{background:#f0f6fb;border:1px solid #caddeb;border-radius:13.6px;padding:28.8px}
#bf-creatine-c08 .takeaway{background:#fff;border:1px solid #c2d6e6;border-left:4px solid #35678e;border-radius:0 9.6px 9.6px 0;padding:18.4px 20px;margin-top:24px}
#bf-creatine-c08 .routine-figure{margin:42.4px 0 8px}
#bf-creatine-c08 #c08-routine{border-top:0;margin-top:24px;padding-top:16px}
#bf-creatine-c08 .protocol-grid{gap:16px;margin-top:27.2px;margin-bottom:24px}
#bf-creatine-c08 .protocol-card{background:#edf5fb;border:1px solid #bbd4e7;border-top:4px solid #35678e;padding:22.4px}
#bf-creatine-c08 .protocol-card:last-child{background:#f8fbfd;border-top-color:#86abc7}
#bf-creatine-c08 .protocol-card h3{font-size:20px;color:#173958}
#bf-creatine-c08 .product-note{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22.4px;padding:21.6px;background:#f5f9fc;border:1px solid #afc8dc;border-radius:12.8px;align-items:center;margin-top:29.6px}
#bf-creatine-c08 .product-figure{margin:0;min-width:0}
#bf-creatine-c08 .product-figure img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;border-radius:8px}
#bf-creatine-c08 .product-figure figcaption{font-size:11.04px;line-height:1.5;color:#52677d}
#bf-creatine-c08 .product-copy{min-width:0}
#bf-creatine-c08 .product-note .card-label{font-size:11.04px;line-height:1.55}
#bf-creatine-c08 .product-note h3{font-size:18.72px;margin-top:8px}
#bf-creatine-c08 .product-note p:not(.card-label){font-size:15.2px;line-height:1.7;margin-top:12px}
#bf-creatine-c08 #c08-cautions>p:first-of-type{padding:19.2px 21.6px;border-left:4px solid #35678e;border-radius:0 9.6px 9.6px 0;background:#eaf3fa;color:#243e56}
#bf-creatine-c08 .faq{border-top:3px solid #35678e}
#bf-creatine-c08 .faq details{border-color:#b8d0e1;background:#f1f7fb;margin-top:12px}
#bf-creatine-c08 .faq summary h3{color:#173958;font-weight:600}
#bf-creatine-c08 .faq summary:hover{background:#e1eef7}
#bf-creatine-c08 .conclusion{background:#173958;color:#eef5fb;border:0;padding:28px 28.8px;border-radius:13.6px}
#bf-creatine-c08 .conclusion h2{color:#fff}
#bf-creatine-c08 .conclusion a{color:#fff;text-decoration-color:#abcde4;font-weight:550}
#bf-creatine-c08 .references h2{color:#000}
@media(max-width:720px){#bf-creatine-c08 .title-question{font-size:clamp(36px,8vw,50.4px)}#bf-creatine-c08 .title-rest{font-size:18.24px;line-height:1.4}#bf-creatine-c08 .quick-answer{padding:20px}#bf-creatine-c08 .answer-cards{gap:8px}#bf-creatine-c08 .answer-card{padding:12.8px}#bf-creatine-c08 .answer-card p:last-child{font-size:14.56px}#bf-creatine-c08 .product-note{grid-template-columns:160px minmax(0,1fr);gap:16px;padding:17.6px}#bf-creatine-c08 #c08-cycling{padding:20.8px}#bf-creatine-c08 .conclusion{padding:21.6px}}
@media(max-width:520px){#bf-creatine-c08 .hero img,#bf-creatine-c08 .editorial-figure img{aspect-ratio:3/2;height:auto;min-height:0;object-fit:cover}#bf-creatine-c08 .answer-cards{grid-template-columns:1fr;gap:9.6px;margin-top:17.6px}#bf-creatine-c08 .answer-card{display:flex;align-items:center;justify-content:space-between;gap:11.2px;padding:13.6px 15.2px}#bf-creatine-c08 .answer-card .card-eyebrow{font-size:10.72px;max-width:48%;margin:0}#bf-creatine-c08 .answer-card p:last-child{text-align:right;font-size:13.6px;max-width:53%}#bf-creatine-c08 .quick-answer .answer-lead{font-size:24.8px}#bf-creatine-c08 .quick-answer .answer-summary{font-size:15.2px}#bf-creatine-c08 .table-wrap{border:0;border-radius:0;box-shadow:none;overflow:visible}#bf-creatine-c08 .decision-table caption{display:block;border-radius:9.6px;margin-bottom:12px;padding:13.6px 16px}#bf-creatine-c08 .decision-table tbody tr{border:1px solid #a9c6da;border-top:3px solid #35678e;border-radius:10.4px;overflow:hidden;margin-bottom:12.8px;background:#fff}#bf-creatine-c08 .decision-table th[scope="row"]{font-size:15.2px;padding:13.6px 16px}#bf-creatine-c08 .decision-table tbody td{border-left:0;padding:14.4px 16px}#bf-creatine-c08 .dose-highlight{font-size:19.2px}#bf-creatine-c08 .product-note{grid-template-columns:1fr;gap:17.6px;padding:18.4px}#bf-creatine-c08 .product-figure{max-width:240px;margin:0 auto}#bf-creatine-c08 .product-note h3{font-size:18.4px}#bf-creatine-c08 .routine-figure{margin-top:35.2px}#bf-creatine-c08 .guide-section>h2{font-size:26.4px}#bf-creatine-c08 .takeaway{padding:16px}#bf-creatine-c08 #c08-cautions>p:first-of-type{padding:16px}}
#bf-creatine-c08 .quick-answer > .answer-eyebrow:first-child{font-size:11.84px;line-height:1.4;margin:0 0 13.6px}

/* C08 v3: requested block move and clearer in-page navigation affordance. */
#bf-creatine-c08 > .quick-answer{margin:36px 0}
#bf-creatine-c08 .jump-menu{padding:16px;border:1px solid #bdd4e6;border-radius:12.8px;background:#edf4fa;margin:26.4px 0 36px}
#bf-creatine-c08 .jump-menu > p{font-size:14.4px;font-weight:650;color:#173958;margin:0 0 12.8px}
#bf-creatine-c08 .jump-menu a{background:#285c86;color:#fff;border:1px solid #1c486c;box-shadow:0 2px 0 #173958;min-height:58px;gap:7.2px;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
#bf-creatine-c08 .jump-menu a::after{content:"↓";font-size:18.4px;line-height:1;color:#fff;flex-shrink:0}
#bf-creatine-c08 .jump-menu a:hover{background:#173958;color:#fff;border-color:#173958;text-decoration:underline;text-underline-offset:.2em}
#bf-creatine-c08 .jump-menu a:focus-visible{outline:3px solid #126da8;outline-offset:4px;background:#173958;color:#fff;box-shadow:0 0 0 2px #fff;text-decoration:underline}
#bf-creatine-c08 .jump-menu a:active{background:#102c47;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}
@media(max-width:720px){#bf-creatine-c08 .jump-menu{padding:14.4px}#bf-creatine-c08 .jump-menu a{min-height:52px;padding:11.2px 8.8px;font-size:12.8px}#bf-creatine-c08 > .quick-answer{margin:28px 0}}
@media(prefers-reduced-motion:reduce){#bf-creatine-c08 .jump-menu a{transition:none}}

/* Native BF integration: preserve authored 16px rem geometry and typography inside the shared shell. */
#bf-creatine-c08 { width:100%; max-width:864px; margin-inline:auto; padding:16px; --bf-c08-header-height:116px; }
#bf-creatine-c08 p, #bf-creatine-c08 li { font-family:inherit; color:inherit; line-height:inherit; }
#bf-creatine-c08 p { font-size:inherit; }
#bf-creatine-c08 h1, #bf-creatine-c08 h2, #bf-creatine-c08 h3 { font-family:inherit; }
#bf-creatine-c08 .references li { color:#000; }
#bf-creatine-c08 [id] { scroll-margin-top:calc(var(--bf-c08-header-height) + 24px); }
#bf-creatine-c08 > header > .article-category { display:block; width:fit-content; max-width:100%; padding:5px 12px; margin:0 0 8px; text-align:center; }
#bf-creatine-c08 .editorial-date { font-size:14px; color:#52677d; }
@media (min-width:600px) and (max-width:1199px) { #bf-creatine-c08 { --bf-c08-header-height:392px; } }
@media (min-width:1200px) { #bf-creatine-c08 { --bf-c08-header-height:164px; } }