/* BalkanFitness C03. All article styles are intentionally scoped. */
#bf-creatine-c03 {
  --bf-text:#243144; --bf-muted:#56677c; --bf-line:#dce5ee;
  --bf-heading:#173958; --bf-accent:#35678e; --bf-soft:#f1f6fb;
  color:var(--bf-text); background:#fff; font:17px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-wrap:anywhere; -webkit-font-smoothing:antialiased;
}
#bf-creatine-c03 *,#bf-creatine-c03 *::before,#bf-creatine-c03 *::after {box-sizing:border-box}
#bf-creatine-c03 :where(h1,h2,h3,p,figure,dl) {margin:0}
#bf-creatine-c03 :where(h1,h2,h3) {color:var(--bf-heading)}
#bf-creatine-c03 h1 {max-width:800px;font-size:clamp(35.2px,4.5vw,52px);line-height:1.13;font-weight:600;letter-spacing:-.045em;text-wrap:balance}
#bf-creatine-c03 h2 {font-size:clamp(26.4px,3vw,32px);line-height:1.2;font-weight:550;letter-spacing:-.025em}
#bf-creatine-c03 h3 {font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.015em}
#bf-creatine-c03 > header {margin-bottom:28px}
#bf-creatine-c03 > header p {color:var(--bf-muted);margin-top:16px}
#bf-creatine-c03 > header .editorial-date {margin-top:12px;font-size:14px}
#bf-creatine-c03 p {margin-top:16px}
#bf-creatine-c03 > section {margin-top:52px;padding-top:32px;border-top:1px solid var(--bf-line)}
#bf-creatine-c03 > section > h2 {margin-bottom:20px}
#bf-creatine-c03 > section > h3 {margin-top:26.4px}
#bf-creatine-c03 :where(ul,ol) {padding-left:21.6px;margin-block:16px}
#bf-creatine-c03 li + li {margin-top:9.6px}
#bf-creatine-c03 li::marker {color:var(--bf-muted)}
#bf-creatine-c03 a {color:#285c86;text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:#9fbcd3}
#bf-creatine-c03 a:hover {color:var(--bf-heading);text-decoration-thickness:2px}
#bf-creatine-c03 :where(a,button,summary,[tabindex]):focus-visible {outline:2px solid var(--bf-accent);outline-offset:4px}
#bf-creatine-c03 [id] {scroll-margin-top:24px}
#bf-creatine-c03 .quick-answer {padding:24px 25.6px;border:1px solid #c8dced;border-radius:12.8px;background:var(--bf-soft)}
#bf-creatine-c03 > .quick-answer {margin-top:24px}
#bf-creatine-c03 .quick-answer h2 {font-size:14px;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;font-weight:650;color:var(--bf-accent);margin-bottom:11.2px}
#bf-creatine-c03 .quick-answer p {margin-top:9.6px}
#bf-creatine-c03 .quick-answer p:first-of-type {font-size:18.24px;line-height:1.55}
#bf-creatine-c03 .quick-answer .commercial-note {margin-top:16px;padding-top:12.8px;border-top:1px solid #ccdeed;color:#52677d;font-size:14px;line-height:1.55}
#bf-creatine-c03 .jump-menu {margin:24px 0 32px;padding:18.4px 0;border-block:1px solid var(--bf-line);font-size:14px}
#bf-creatine-c03 .jump-menu > p {margin:0 0 12.8px;color:var(--bf-muted)}
#bf-creatine-c03 .jump-menu ul {list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9.6px;margin:0;padding:0}
#bf-creatine-c03 .jump-menu li {margin:0;min-width:0}
#bf-creatine-c03 .jump-menu li:last-child {grid-column:1/-1}
#bf-creatine-c03 .jump-menu a {display:flex;align-items:center;justify-content:center;min-height:52px;height:100%;width:100%;padding:10.4px 12.8px;border:1px solid #c3d7e7;border-radius:8px;background:#edf4fa;color:#234f74;font-weight:550;line-height:1.4;text-align:center;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease}
#bf-creatine-c03 .jump-menu a:hover,#bf-creatine-c03 .jump-menu a:focus-visible {background:#dfedf7;border-color:#84abc8;text-decoration:underline}
#bf-creatine-c03 .jump-menu a:active {background:#d7e8f5}
#bf-creatine-c03 .jump-label {min-width:0;text-wrap:balance}
#bf-creatine-c03 .hero {margin:32px 0 40px}
#bf-creatine-c03 picture {display:block}
#bf-creatine-c03 img {display:block;max-width:100%;height:auto}
#bf-creatine-c03 .hero img {width:100%;border-radius:10.4px}
#bf-creatine-c03 figcaption {color:var(--bf-muted);font-size:14px;line-height:1.5;margin-top:10.4px}
#bf-creatine-c03 .timeline-grid,#bf-creatine-c03 .protocol-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22.4px}
#bf-creatine-c03 .timeline-card,#bf-creatine-c03 .protocol-card {padding:20.8px;border:1px solid #d6e2ec;border-top:3px solid #b6cddf;border-radius:11.2px;min-width:0;background:#fff}
#bf-creatine-c03 .timeline-card:first-child,#bf-creatine-c03 .protocol-card:first-child {border-color:#a9c5da;border-top-color:#35678e;background:#f5f9fc}
#bf-creatine-c03 .timeline-card p,#bf-creatine-c03 .protocol-card p {margin-top:11.2px}
#bf-creatine-c03 .timeline-card h3,#bf-creatine-c03 .protocol-card h3 {margin-top:0}
#bf-creatine-c03 .timeline-label,#bf-creatine-c03 .card-label {font-size:14px;line-height:1.4;color:#506b84;margin:0 0 9.6px}
#bf-creatine-c03 .timeline-duration {font-size:27.2px;font-weight:600;line-height:1.2;color:var(--bf-heading);letter-spacing:-.025em}
#bf-creatine-c03 .timeline-track {padding-left:0;list-style:none;margin-top:24px}
#bf-creatine-c03 .timeline-track > li {position:relative;margin:0;padding:0 0 24px 22.4px;border-left:2px solid #c8dced}
#bf-creatine-c03 .timeline-track > li::before {content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;border:2px solid #35678e;border-radius:50%;background:#fff}
#bf-creatine-c03 .timeline-track > li:last-child {padding-bottom:0}
#bf-creatine-c03 .timeline-track p {margin-top:8.8px}
#bf-creatine-c03 .takeaway,#bf-creatine-c03 .safety-note {border-left:2px solid #739fbd;padding:3.2px 0 3.2px 19.2px;margin-top:24px;font-size:16px}
#bf-creatine-c03 .checklist,#bf-creatine-c03 .label-checklist {list-style:none;padding-left:0}
#bf-creatine-c03 .checklist li,#bf-creatine-c03 .label-checklist li {padding-left:26.4px;position:relative}
#bf-creatine-c03 .checklist li::before,#bf-creatine-c03 .label-checklist li::before {content:"✓";position:absolute;left:0;color:var(--bf-accent)}
#bf-creatine-c03 .decision-list li {padding:12px 0 14.4px 6.4px;border-bottom:1px solid var(--bf-line)}
#bf-creatine-c03 .decision-list li + li {margin-top:0}
#bf-creatine-c03 .decision-list li:last-child {border:0}
#bf-creatine-c03 .table-wrap {width:100%;overflow-x:auto;margin-top:24px;border:1px solid var(--bf-line);border-radius:10.4px}
#bf-creatine-c03 table {width:100%;border-collapse:collapse;text-align:left;font-size:15px}
#bf-creatine-c03 :where(th,td) {padding:16px;border-bottom:1px solid var(--bf-line);vertical-align:top}
#bf-creatine-c03 th {color:var(--bf-heading);background:var(--bf-soft);font-weight:600}
#bf-creatine-c03 tr:last-child td {border:0}
#bf-creatine-c03 details {border-bottom:1px solid var(--bf-line);padding:9.6px 0}
#bf-creatine-c03 summary {font-weight:550;line-height:1.45;min-height:52px;padding:12.8px 20px 12.8px 0;cursor:pointer}
#bf-creatine-c03 summary h3 {display:inline;font-size:16px;font-weight:550}
#bf-creatine-c03 details > :last-child {margin-bottom:9.6px}
#bf-creatine-c03 details p {font-size:16px}
#bf-creatine-c03 details[open] summary {margin-bottom:9.6px}
#bf-creatine-c03 .evidence > details:first-of-type {margin-top:16px;border-top:1px solid var(--bf-line)}
#bf-creatine-c03 .faq details {padding:0;margin-top:10.4px;border:1px solid #d7e3ed;border-radius:10.4px;background:#f7fafc}
#bf-creatine-c03 .faq summary {position:relative;padding:16px 48px 16px 17.6px;list-style:none;border-radius:9.6px;transition:background-color 160ms ease}
#bf-creatine-c03 .faq summary::-webkit-details-marker {display:none}
#bf-creatine-c03 .faq summary:hover {background:#edf4fa}
#bf-creatine-c03 .faq summary::after {content:"";position:absolute;width:7.2px;height:7.2px;right:19.2px;top:20px;border-right:1.75px solid #35678e;border-bottom:1.75px solid #35678e;transform:rotate(45deg);transition:transform 240ms cubic-bezier(.2,.65,.3,1)}
#bf-creatine-c03 .faq details[open]:not([data-expanded="false"]) summary::after {transform:translateY(3.2px) rotate(225deg)}
#bf-creatine-c03 .faq details[open] summary {margin-bottom:0}
#bf-creatine-c03 .faq .faq-answer {padding:0 17.6px 17.6px;margin:0}
#bf-creatine-c03 .faq .faq-answer p {margin-top:2.4px}
#bf-creatine-c03 .faq .faq-answer p + p {margin-top:16px}
#bf-creatine-c03 .faq details[data-animating="true"] {overflow:hidden}
#bf-creatine-c03 .citation {font-size:.8em;vertical-align:super;white-space:nowrap;text-decoration:none;padding-inline:.1em}
#bf-creatine-c03 .references {font-size:14px;color:var(--bf-muted)}
#bf-creatine-c03 .references li {padding-left:4.8px}
#bf-creatine-c03 .references li + li {margin-top:16px}
#bf-creatine-c03 .disclaimer {padding-top:24px;margin-top:32px;border-top:1px solid var(--bf-line);color:var(--bf-muted);font-size:14px;line-height:1.6}
#bf-creatine-c03 .cta {margin-top:22.4px}
#bf-creatine-c03 .cta-link {display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:13.6px 19.2px;border:1px solid #173958;border-radius:8.8px;background:#173958;color:#fff;font-size:16px;font-weight:550;line-height:1.4;text-align:center;text-decoration:none;transition:background-color 160ms ease}
#bf-creatine-c03 .cta-link:hover {background:#244f73;color:#fff;text-decoration:underline}
#bf-creatine-c03 .cta-note {max-width:640px;color:var(--bf-muted);font-size:15px;line-height:1.6}
#bf-creatine-c03 .jump-target-active {border-radius:3.2px;animation:bf-c03-arrival 1100ms ease-out}
@keyframes bf-c03-arrival {0%,25%{background:#e1eef8;box-shadow:0 0 0 7px #e1eef8}100%{background:transparent;box-shadow:0 0 0 7px transparent}}
@media(min-width:700px) and (max-width:979px){#bf-creatine-c03 .jump-menu ul{grid-template-columns:repeat(3,minmax(0,1fr))}#bf-creatine-c03 .jump-menu li:last-child{grid-column:auto}}
@media(min-width:980px){#bf-creatine-c03 .jump-menu ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:8.8px}#bf-creatine-c03 .jump-menu li:last-child{grid-column:auto}#bf-creatine-c03 .jump-menu a{min-height:60px;padding:9.6px 10.4px}}
@media(max-width:680px){
  #bf-creatine-c03{font-size:16px}
  #bf-creatine-c03 h1{font-size:clamp(32px,7.5vw,40px)}
  #bf-creatine-c03 .quick-answer{padding:18.4px}
  #bf-creatine-c03 .quick-answer p:first-of-type{font-size:16.64px}
  #bf-creatine-c03 .jump-menu{margin:20.8px 0 24px}
  #bf-creatine-c03 .hero{margin:24px 0 32px}
  #bf-creatine-c03 > section{margin-top:37.6px;padding-top:26.4px}
  #bf-creatine-c03 .timeline-grid,#bf-creatine-c03 .protocol-grid{grid-template-columns:1fr;gap:12.8px}
  #bf-creatine-c03 .timeline-card,#bf-creatine-c03 .protocol-card{padding:18.4px}
  #bf-creatine-c03 .cta-link{width:100%}
}
@media(max-width:359px){#bf-creatine-c03 .jump-menu ul{grid-template-columns:minmax(0,1fr);gap:8px}#bf-creatine-c03 .jump-menu li:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){#bf-creatine-c03 *,#bf-creatine-c03 *::after{animation:none!important;transition:none!important}#bf-creatine-c03 .jump-target-active{background:#e1eef8;box-shadow:0 0 0 7px #e1eef8}}
@media print{#bf-creatine-c03 .jump-menu{display:none}#bf-creatine-c03 details > *{display:block!important}#bf-creatine-c03 .faq summary::after{display:none}#bf-creatine-c03 h1{font-size:28pt}#bf-creatine-c03 .timeline-card,#bf-creatine-c03 .protocol-card{break-inside:avoid}}
#bf-creatine-c03 > .quick-answer {margin-top:24px}
#bf-creatine-c03 .references > details {border-top:1px solid var(--bf-line)}
#bf-creatine-c03 .references summary {font-size:16px;color:var(--bf-heading)}
#bf-creatine-c03 .cta .cta-link {margin-right:4.8px;margin-bottom:9.6px}
#bf-creatine-c03 .timeline-card:first-child {border-color:#d6e2ec;border-top-color:#b6cddf;background:#fff}
#bf-creatine-c03 .timeline-card .timeline-label {display:block;font-size:14px;font-weight:550;margin-bottom:10.4px}
#bf-creatine-c03 .timeline-card .timeline-duration {display:block}
#bf-creatine-c03 .digestive-figure {margin:24px 0}
#bf-creatine-c03 .digestive-figure img {width:100%;height:auto;border-radius:10.4px}
#bf-creatine-c03 .digestive-figure figcaption {margin-top:10.4px}

/* Requested typography refinement: compact CTA and clearer black references. */
#bf-creatine-c03 .cta .cta-link {
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  letter-spacing:normal;
  white-space:normal;
}
#bf-creatine-c03 .cta .cta-link strong {font:inherit;letter-spacing:inherit}
#bf-creatine-c03 .references {
  color:#000;
  font-size:15px;
  font-weight:500;
  line-height:1.7;
  letter-spacing:.005em;
}
#bf-creatine-c03 .references h2,#bf-creatine-c03 .references summary {color:#000;font-weight:600}
#bf-creatine-c03 .references li::marker {color:#000;font-weight:500}
#bf-creatine-c03 .references a {
  color:#000;
  font-weight:600;
  text-decoration-line:underline;
  text-decoration-color:currentColor;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
#bf-creatine-c03 .references a:hover,#bf-creatine-c03 .references a:focus-visible {color:#000;text-decoration-thickness:2px}

/* Native BF container/fixed-header integration; only C03 affected. Package rem converted to authored16px equivalents because BF root is10px. */
#bf-creatine-c03 { width:100%; max-width:864px; margin-inline:auto; padding:16px; --bf-c03-header-height:116px; }
#bf-creatine-c03 p, #bf-creatine-c03 li { color:var(--bf-text); line-height:1.65; }
#bf-creatine-c03 p { font-size:inherit; font-family:inherit; }
#bf-creatine-c03 strong { color:inherit; }
#bf-creatine-c03 .references li { color:#000; line-height:1.7; }
#bf-creatine-c03 > header .editorial-byline { margin-top:12px; font-size:14px; color:var(--bf-muted); }
#bf-creatine-c03 [id] { scroll-margin-top:calc(var(--bf-c03-header-height) + 24px); }
@media (min-width:600px) and (max-width:991px) { #bf-creatine-c03 { --bf-c03-header-height:392px; } }
@media (min-width:992px) { #bf-creatine-c03 { --bf-c03-header-height:164px; } }