/* Content figures (study figures, research bars, tables, funnels), ported from the original guide styles
   and re-coloured to the Bargaon palette. Applies to single guides (.guide-body) and any other content
   wrapped in .content-body. Loaded on every single page/post. Typography comes from .prose-bargaon. */
:is(.guide-body,.content-body){--ink:#111111;--muted:#4B4B4B;--teal:#C2410C;--bright:#F97316;--line:#D4D4D4;--cream:#F7F7F5;--pale:#FFF4EC;--dark:#141414}
:is(.guide-body,.content-body) .table-scroll{overflow-x:auto;max-width:100%}
:is(.guide-body,.content-body) figure{margin-left:0;margin-right:0}
:is(.guide-body,.content-body) .table-scroll{width:100%;overflow-x:auto;border-radius:0;border:1px solid var(--line);margin:27px 0 35px;box-shadow:0 9px 28px #00000009}
:is(.guide-body,.content-body) .guide-table{border-collapse:collapse;width:100%;min-width:640px;font-size:12.5px;line-height:1.5}
:is(.guide-body,.content-body) .guide-table th{text-align:left;background:var(--dark);color:white;padding:14px 12px;font-weight:750;vertical-align:top}
:is(.guide-body,.content-body) .guide-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;color:#3F3F3F}
:is(.guide-body,.content-body) .guide-table tr:nth-child(odd) td{background:#F8F8F8}
:is(.guide-body,.content-body) .guide-table tr:last-child td{border-bottom:0}
:is(.guide-body,.content-body) .system-figure,:is(.guide-body,.content-body) .research-figure{margin:28px 0 36px;border:1px solid #D5D5D5;border-radius:0;padding:24px;background:linear-gradient(125deg,#FAFAFA,#FFF4EC);box-shadow:0 14px 40px #0000000d}
:is(.guide-body,.content-body) .system-grid{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);gap:5px;align-items:center}
:is(.guide-body,.content-body) .system-node{display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:160px;padding:17px 11px;border-radius:0;background:#fff;border:1px solid #D5D5D5;line-height:1.25}
:is(.guide-body,.content-body) .node-num{font-weight:800;font-size:9px;letter-spacing:.06em;color:#3F3F3F}
:is(.guide-body,.content-body) .system-node strong{font-size:17px;letter-spacing:-.04em}
:is(.guide-body,.content-body) .system-node>span:nth-child(3){color:#5F5F5F;font-size:11px}
:is(.guide-body,.content-body) .system-node small{font-size:10px;color:#565656;border-top:1px solid #E2E2E2;padding-top:8px}
:is(.guide-body,.content-body) .system-arrow{text-align:center;color:var(--teal);font-weight:800;font-size:17px}
:is(.guide-body,.content-body) .feedback{margin-top:13px;border:1px dashed #888888;color:#2E2E2E;background:#FFF4EC;border-radius:0;padding:12px;font-size:12px;font-weight:650;text-align:center;line-height:1.5}
:is(.guide-body,.content-body) .feedback span{font-size:22px;vertical-align:middle;margin-right:6px}
:is(.guide-body,.content-body) figcaption{font-size:11px;color:#666666;line-height:1.55;margin-top:14px}
:is(.guide-body,.content-body) figcaption b{color:#3F3F3F}
:is(.guide-body,.content-body) .research-figure{background:#F8F8F8}
:is(.guide-body,.content-body) .research-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#6C6C6C;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
:is(.guide-body,.content-body) .research-figure h3{font-size:26px;line-height:1.2;margin:16px 0 8px}
:is(.guide-body,.content-body) .research-figure>p{font-size:12px;line-height:1.5;margin:0 0 20px}
:is(.guide-body,.content-body) .bar{margin:17px 0 20px}
:is(.guide-body,.content-body) .bar-top{display:flex;gap:10px;justify-content:space-between;align-items:end;font-size:12px;line-height:1.3;margin-bottom:8px;color:#383838}
:is(.guide-body,.content-body) .bar-top>b{font-size:26px;line-height:1;color:#363636}
:is(.guide-body,.content-body) .track{height:14px;background:#E2E2E2;border-radius:0;overflow:hidden}
:is(.guide-body,.content-body) .track>span{display:block;height:100%;background:linear-gradient(90deg,#C2410C,#EA580C);border-radius:0}
:is(.guide-body,.content-body) .axis{display:flex;justify-content:space-between;border-top:1px solid #D8D8D8;font-size:9px;color:#757575;padding-top:6px}
@media(max-width:1060px){:is(.guide-body,.content-body) .system-grid{grid-template-columns:1fr 15px 1fr;row-gap:8px}:is(.guide-body,.content-body) .system-node:nth-of-type(3){grid-column:1}:is(.guide-body,.content-body) .system-node:nth-of-type(5){grid-column:3}:is(.guide-body,.content-body) .system-node:nth-of-type(7){grid-column:1 / -1;min-height:auto}:is(.guide-body,.content-body) .system-arrow:nth-of-type(6){transform:rotate(90deg);grid-column:1 / -1}}
@media(max-width:760px){:is(.guide-body,.content-body) .system-grid{display:grid;grid-template-columns:1fr;gap:8px}:is(.guide-body,.content-body) .system-node,:is(.guide-body,.content-body) .system-node:nth-of-type(3),:is(.guide-body,.content-body) .system-node:nth-of-type(5),:is(.guide-body,.content-body) .system-node:nth-of-type(7){grid-column:auto;min-height:auto;padding:16px}:is(.guide-body,.content-body) .system-arrow,:is(.guide-body,.content-body) .system-arrow:nth-of-type(6){grid-column:auto;transform:rotate(90deg);line-height:16px}:is(.guide-body,.content-body) .feedback{font-size:11px}:is(.guide-body,.content-body) .research-label{display:block}:is(.guide-body,.content-body) .bar-top{font-size:11px}:is(.guide-body,.content-body) .research-figure h3{font-size:22px}}
:is(.guide-body,.content-body) .gs-funnel{margin:27px 0 32px;border:1px solid #D3D3D3;border-radius:0;padding:clamp(18px,3.6vw,29px);background:linear-gradient(140deg,#FFF9F5,#FFF4EC);box-shadow:0 12px 36px #0000000b}
:is(.guide-body,.content-body) .gs-funnel .gs-funnel-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#C2410C;font-weight:800;margin-bottom:22px}
:is(.guide-body,.content-body) .gs-funnel-chart{display:grid;gap:17px}
:is(.guide-body,.content-body) .gs-funnel-row{display:grid;grid-template-columns:minmax(130px,185px) minmax(0,1fr) 48px;gap:12px;align-items:center}
:is(.guide-body,.content-body) .gs-funnel-label{display:block;font-weight:750;font-size:13px;line-height:1.35;color:#292929}
:is(.guide-body,.content-body) .gs-funnel-label small{display:block;font-size:10px;font-weight:500;color:#6E6E6E;margin-top:3px}
:is(.guide-body,.content-body) .gs-funnel-track{height:29px;background:#E1E1E1;border-radius:0;overflow:hidden}
:is(.guide-body,.content-body) .gs-funnel-fill{height:100%;display:block;border-radius:0;background:var(--dark)}
:is(.guide-body,.content-body) .gs-funnel-row:nth-child(2) .gs-funnel-fill{background:#353535}
:is(.guide-body,.content-body) .gs-funnel-row:nth-child(3) .gs-funnel-fill{background:#C2410C}
:is(.guide-body,.content-body) .gs-funnel-row:nth-child(4) .gs-funnel-fill{background:#C2410C}
:is(.guide-body,.content-body) .gs-funnel-number{text-align:right;font-size:22px;font-weight:850;color:#292929;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1}
:is(.guide-body,.content-body) .gs-funnel-scale{display:flex;justify-content:space-between;margin:12px 60px 0 197px;font-size:10px;color:#747474;border-top:1px solid #D4D4D4;padding-top:7px}
:is(.guide-body,.content-body) .gs-funnel-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:25px}
:is(.guide-body,.content-body) .gs-funnel-rate{background:#fff;border:1px solid #DBDBDB;border-radius:0;padding:12px 11px;min-width:0}
:is(.guide-body,.content-body) .gs-funnel-rate strong{display:block;font-size:24px;letter-spacing:-.06em;color:#353535;line-height:1.2;font-variant-numeric:tabular-nums}
:is(.guide-body,.content-body) .gs-funnel-rate span{display:block;font-size:11px;line-height:1.5;color:#5E5E5E;margin-top:4px}
:is(.guide-body,.content-body) .gs-funnel figcaption{font-size:11px;color:#606060;line-height:1.55;margin-top:17px}
:is(.guide-body,.content-body) .gs-funnel-insight{background:#FFF4EC;border-left:3px solid #C2410C;border-radius:0;padding:16px 18px;margin:0 0 23px;color:#383838;line-height:1.65;font-size:14px}
:is(.guide-body,.content-body) .gs-funnel-insight strong{color:#2A2A2A}
@media(max-width:760px){:is(.guide-body,.content-body) .gs-funnel-row{grid-template-columns:minmax(0,1fr) 42px;gap:5px 7px}:is(.guide-body,.content-body) .gs-funnel-label{grid-column:1;grid-row:1;font-size:12px}:is(.guide-body,.content-body) .gs-funnel-number{grid-column:2;grid-row:1;font-size:20px}:is(.guide-body,.content-body) .gs-funnel-track{grid-column:1/-1;grid-row:2;height:23px}:is(.guide-body,.content-body) .gs-funnel-chart{gap:19px}:is(.guide-body,.content-body) .gs-funnel-scale{margin:12px 0 0}:is(.guide-body,.content-body) .gs-funnel-rates{grid-template-columns:1fr;gap:7px;margin-top:18px}:is(.guide-body,.content-body) .gs-funnel-rate{display:flex;align-items:center;gap:12px}:is(.guide-body,.content-body) .gs-funnel-rate strong{flex:none;min-width:62px}:is(.guide-body,.content-body) .gs-funnel-rate span{margin:0}:is(.guide-body,.content-body) .gs-funnel{padding:18px 15px}:is(.guide-body,.content-body) .gs-funnel-insight{font-size:13px}}
:is(.guide-body,.content-body) .guide-decision{margin:28px 0 36px;border:1px solid #D5D5D5;border-radius:0;padding:23px;background:linear-gradient(120deg,#F9F9F9,#FFF4EC);box-shadow:0 14px 40px #0000000d}
:is(.guide-body,.content-body) .guide-decision h3{margin:13px 0 17px;font-size:clamp(20px,2.1vw,26px);color:#282828}
:is(.guide-body,.content-body) .guide-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:is(.guide-body,.content-body) .guide-stage{background:#fff;border:1px solid #DADADA;border-radius:0;padding:14px 12px;min-width:0;position:relative}
:is(.guide-body,.content-body) .guide-stage:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-weight:800;color:#C2410C;z-index:2}
:is(.guide-body,.content-body) .guide-stage-num{display:block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#3E3E3E;margin-bottom:9px}
:is(.guide-body,.content-body) .guide-stage strong{display:block;color:#282828;font-size:15px;line-height:1.2;margin-bottom:9px}
:is(.guide-body,.content-body) .guide-stage p{font-size:11px;line-height:1.45;color:#606060;margin:0}
:is(.guide-body,.content-body) .diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:is(.guide-body,.content-body) .diagnostic-card{background:#fff;border:1px solid #DBDBDB;border-radius:0;padding:15px 13px;min-width:0}
:is(.guide-body,.content-body) .diagnostic-card strong{display:block;line-height:1.25;font-size:14px;color:#2A2A2A;margin-bottom:15px}
:is(.guide-body,.content-body) .diagnostic-card .diagnostic-signal,:is(.guide-body,.content-body) .diagnostic-card .diagnostic-hypothesis{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#3E3E3E;font-weight:850;display:block;margin-bottom:5px}
:is(.guide-body,.content-body) .diagnostic-card .diagnostic-hypothesis{margin-top:12px}
:is(.guide-body,.content-body) .diagnostic-card p{font-size:11px;line-height:1.5;margin:0;color:#5A5A5A}
:is(.guide-body,.content-body) .table-scroll:focus-visible{outline:3px solid #3E3E3E;outline-offset:3px}
@media(max-width:930px){:is(.guide-body,.content-body) .guide-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.guide-body,.content-body) .guide-stage:nth-child(2)::after{display:none}}
@media(max-width:640px){:is(.guide-body,.content-body) .guide-stage-grid,:is(.guide-body,.content-body) .diagnostic-grid{grid-template-columns:1fr}:is(.guide-body,.content-body) .guide-stage::after{display:none!important}:is(.guide-body,.content-body) .guide-decision{padding:15px}:is(.guide-body,.content-body) .guide-decision h3{font-size:21px}}
:is(.guide-body,.content-body) .guide-study-figure{border:1px solid #D8D8D8;background:linear-gradient(130deg,#FFF9F5,#FFF4EC);border-radius:0;padding:clamp(16px,3vw,24px);margin:26px 0 32px;box-shadow:0 14px 40px #0000000b}
:is(.guide-body,.content-body) .guide-study-figure h3{font-size:clamp(19px,2.1vw,24px);line-height:1.22;margin:0 0 6px;color:#282828}
:is(.guide-body,.content-body) .guide-study-intro{color:#606060;font-size:12px;margin:0 0 20px!important}
:is(.guide-body,.content-body) .guide-study-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
:is(.guide-body,.content-body) .guide-study-step{border-radius:0;padding:15px 12px;border:1px solid #D8D8D8;background:#fff;min-width:0;position:relative}
:is(.guide-body,.content-body) .guide-study-step:not(:last-child):after{content:'→';position:absolute;right:-13px;top:49%;color:#3E3E3E;z-index:3;font-weight:850;font-size:17px}
:is(.guide-body,.content-body) .guide-study-step small{display:block;color:#3E3E3E;font-size:9px;letter-spacing:.09em;font-weight:850;margin-bottom:8px}
:is(.guide-body,.content-body) .guide-study-step strong{display:block;color:#2A2A2A;font-size:14px;line-height:1.24;margin-bottom:8px}
:is(.guide-body,.content-body) .guide-study-step span{font-size:11px;line-height:1.43;color:#5E5E5E;display:block}
:is(.guide-body,.content-body) .guide-study-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
:is(.guide-body,.content-body) .guide-study-card{border:1px solid #DADADA;border-radius:0;padding:15px;background:#fff}
:is(.guide-body,.content-body) .guide-study-card small{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#383838;font-weight:800;margin-bottom:8px}
:is(.guide-body,.content-body) .guide-study-card strong{display:block;font-size:14px;line-height:1.3;margin-bottom:11px}
:is(.guide-body,.content-body) .guide-study-card p{font-size:11px;line-height:1.55;margin:0;color:#5C5C5C}
:is(.guide-body,.content-body) .guide-study-figure figcaption{margin:14px 0 0;font-size:11px;line-height:1.5;color:#666666}
:is(.guide-body,.content-body) .guide-count-grid{display:grid;gap:10px}
:is(.guide-body,.content-body) .guide-count-row{display:grid;grid-template-columns:minmax(150px,185px) minmax(0,1fr) 44px;gap:10px;align-items:center}
:is(.guide-body,.content-body) .guide-count-label{font-size:12px;font-weight:750;line-height:1.3}
:is(.guide-body,.content-body) .guide-count-track{border-radius:0;background:#E0E0E0;overflow:hidden;height:25px}
:is(.guide-body,.content-body) .guide-count-fill{display:block;background:#C2410C;height:100%;border-radius:0}
:is(.guide-body,.content-body) .guide-count-row:nth-child(1) .guide-count-fill{background:#2A2A2A}
:is(.guide-body,.content-body) .guide-count-row:nth-child(2) .guide-count-fill{background:#363636}
:is(.guide-body,.content-body) .guide-count-row:nth-child(4) .guide-count-fill{background:#EA580C}
:is(.guide-body,.content-body) .guide-count-value{font-size:22px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:760px){:is(.guide-body,.content-body) .guide-study-grid,:is(.guide-body,.content-body) .guide-study-cards{grid-template-columns:1fr}:is(.guide-body,.content-body) .guide-study-step:not(:last-child):after{content:'↓';right:48%;bottom:-15px;top:auto}:is(.guide-body,.content-body) .guide-count-row{grid-template-columns:minmax(0,1fr) 42px;gap:6px}:is(.guide-body,.content-body) .guide-count-label{grid-column:1}:is(.guide-body,.content-body) .guide-count-value{grid-column:2;grid-row:1}:is(.guide-body,.content-body) .guide-count-track{grid-column:1/-1}}
:is(.guide-body,.content-body) .study-figure{border:1px solid #D8D8D8;border-radius:0;background:linear-gradient(130deg,#F8F8F8,#FFF4EC);padding:25px;margin:28px 0 37px;break-inside:avoid;box-shadow:0 12px 32px #0000000b}
:is(.guide-body,.content-body) .study-figure .figure-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#3E3E3E;font-weight:850;margin-bottom:10px}
:is(.guide-body,.content-body) .study-figure h3{font-size:20px;margin:0 0 21px;line-height:1.25}
:is(.guide-body,.content-body) .study-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:stretch}
:is(.guide-body,.content-body) .study-step{border:1px solid #D3D3D3;border-radius:0;background:#fff;padding:16px 10px;min-height:105px;display:flex;flex-direction:column;gap:12px;justify-content:space-between}
:is(.guide-body,.content-body) .study-step span{font-size:10px;color:#C2410C;letter-spacing:.1em;font-weight:800}
:is(.guide-body,.content-body) .study-step strong{font-size:13px;line-height:1.35;letter-spacing:-.015em}
:is(.guide-body,.content-body) .study-figure .figure-note{margin:15px 0 0;border-top:1px dashed #ABABAB;padding-top:13px;font-size:12px;line-height:1.5;color:#4E4E4E}
:is(.guide-body,.content-body) .study-figure figcaption{font-size:11px;color:#5E5E5E}
:is(.guide-body,.content-body) .table-scroll{overflow-x:auto;border-radius:0;border:1px solid #DEDEDE;margin:25px 0 36px}
:is(.guide-body,.content-body) .table-scroll table{margin:0}
@media(max-width:720px){:is(.guide-body,.content-body) .study-flow{grid-template-columns:1fr 1fr}:is(.guide-body,.content-body) .study-step{min-height:90px}:is(.guide-body,.content-body) .study-figure{padding:16px!important}}
:is(.guide-body,.content-body) h2[id]{scroll-margin-top:7rem}
:is(.guide-body,.content-body) .table-scroll table{margin:0}