/* ═══════════════════════════════════════════════════════════
   한국 농업의 온실가스와 탄소중립 2026 — .fnc-agc (scoped)
   ═══════════════════════════════════════════════════════════ */
.fnc-agc{
    --primary:#17463f; --primary-container:#2f6f62; --on-primary:#fff;
    --bg:#f8f7f3; --surface-lowest:#ffffff; --surface-low:#f4f3ef;
    --surface:#edece7; --surface-high:#e4e4de;
    --on-surface:#171b19; --on-variant:#4a524d;
    --outline:#747c75; --outline-variant:#c7cec7;
    --down:#b3541e; --up:#2f6f62;
    /* 도메인: 농업 에너지 = Amber (docs/brand-color-system.md) */
    --amber:#ad6a14; --amber-deep:#7c4a08; --amber-tint:#f8e8cc;
    /* solid 채움 위 흰 글자용 — Main(#ad6a14)은 4.33으로 미달하므로 분리 */
    --amber-solid:#a86614;
    --grid:#e6e0d4;
    --headline:Manrope,"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
    --body:Inter,"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
    background:var(--bg);color:var(--on-surface);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;
}
.fnc-agc *{box-sizing:border-box;margin:0;padding:0}
.fnc-agc a{color:inherit;text-decoration:none}
.fnc-agc .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1;display:block}

.fnc-agc .fnc-agc-wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.fnc-agc .fnc-agc-sec{padding:66px 0;scroll-margin-top:70px}
.fnc-agc .fnc-agc-sec--alt{background:#f0ece3}

/* ---- section header component ---- */
.fnc-agc .fnc-agc-sechead .eyebrow{font-family:var(--headline);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-deep);display:inline-flex;align-items:center;gap:9px}
.fnc-agc .fnc-agc-sechead .eyebrow::before{content:"";width:22px;height:2px;background:var(--amber-deep);display:inline-block}
.fnc-agc .fnc-agc-sechead h2{font-family:var(--headline);font-weight:800;font-size:31px;letter-spacing:-.025em;color:var(--on-surface);margin:14px 0 10px;line-height:1.22}
.fnc-agc .fnc-agc-sechead p{font-size:16.5px;color:var(--on-variant);max-width:62ch}

/* ---- HERO (deep-green brand band) ---- */
.fnc-agc .fnc-agc-hero{position:relative;overflow:hidden;padding:64px 0 48px;color:#eef6f1;
    background:
      radial-gradient(1100px 420px at 82% -8%, rgba(77,156,134,.26), transparent 60%),
      linear-gradient(135deg, rgba(21,54,48,.86) 0%, rgba(13,44,39,.91) 100%),
      url('/wp-content/uploads/2026/05/solar-power-plant.jpg') center/cover no-repeat;}
.fnc-agc .fnc-agc-hero__inner{position:relative;max-width:1120px;margin:0 auto;padding:0 32px}
.fnc-agc .fnc-agc-hero__eyebrow{font-family:var(--headline);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e8c78a;display:inline-flex;align-items:center;gap:9px}
.fnc-agc .fnc-agc-hero__eyebrow::before{content:"";width:22px;height:2px;background:#e8c78a;display:inline-block}
.fnc-agc .fnc-agc-hero h1{font-family:var(--headline);font-weight:800;font-size:52px;line-height:1.08;letter-spacing:-.035em;margin:18px 0 18px;color:#fff}
.fnc-agc .fnc-agc-hero__lead{font-size:18px;max-width:64ch;color:#cfe4dc}

/* ---- hero KPI strip (floating white cards) ---- */
.fnc-agc .fnc-agc-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;background:var(--surface-lowest);box-shadow:0 18px 40px -12px rgba(8,28,24,.5)}
.fnc-agc .fnc-agc-kpi{padding:22px;border-right:1px solid var(--outline-variant)}
.fnc-agc .fnc-agc-kpi:last-child{border-right:none}
.fnc-agc .fnc-agc-kpi .num{font-family:var(--headline);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--amber)}
.fnc-agc .fnc-agc-kpi .num small{font-size:16px;font-weight:700;color:var(--amber-deep)}
.fnc-agc .fnc-agc-kpi .lbl{font-size:13px;color:var(--on-variant);margin-top:10px;font-weight:600;line-height:1.4}
.fnc-agc .fnc-agc-kpi .yr{display:block;font-size:11.5px;color:var(--outline);margin-top:3px;font-weight:500}

/* ---- timeline / SVG figures ---- */
.fnc-agc .fnc-agc-timeline{margin-top:30px}
.fnc-agc .fnc-agc-timeline__cap{font-size:12.5px;color:var(--on-variant);margin-top:14px;line-height:1.6;max-width:88ch}

/* ---- data grid / cards ---- */
.fnc-agc .fnc-agc-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.fnc-agc .fnc-agc-card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:26px;transition:transform .2s,box-shadow .2s}
.fnc-agc .fnc-agc-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(23,27,25,.08)}
.fnc-agc .fnc-agc-card__k{font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep)}
.fnc-agc .fnc-agc-card__t{font-family:var(--headline);font-size:19px;font-weight:800;letter-spacing:-.015em;margin:8px 0 16px}
.fnc-agc .fnc-agc-card__src{font-size:12px;color:var(--outline);margin-top:16px;line-height:1.6;border-top:1px solid var(--surface);padding-top:14px}

/* ---- target bar chart (squared) ---- */
.fnc-agc .fnc-agc-bars{margin-top:6px}
.fnc-agc .fnc-agc-bars > div{margin-bottom:20px}
.fnc-agc .fnc-agc-bars > div:last-child{margin-bottom:0}
.fnc-agc .fnc-agc-bar__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px}
.fnc-agc .fnc-agc-bar__name{font-family:var(--headline);font-weight:700;font-size:13.5px;color:var(--on-surface);display:inline-flex;align-items:center}
.fnc-agc .fnc-agc-bar__val{font-size:13px;font-family:var(--headline);font-variant-numeric:tabular-nums;color:var(--on-variant);font-weight:600}
.fnc-agc .fnc-agc-bar__val b{color:var(--amber-deep);font-weight:800}
.fnc-agc .fnc-agc-bar__track{position:relative;height:30px;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:0;
    background-image:
      linear-gradient(90deg,transparent calc(33.333% - 1px),rgba(23,27,25,.1) calc(33.333% - 1px) 33.333%,transparent 33.333%),
      linear-gradient(90deg,transparent calc(66.666% - 1px),rgba(23,27,25,.1) calc(66.666% - 1px) 66.666%,transparent 66.666%);}
.fnc-agc .fnc-agc-bar__fill{position:absolute;left:0;top:0;bottom:0;border-radius:0;
    background:linear-gradient(180deg,var(--amber-solid),var(--amber-deep));
    display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:40px;box-shadow:1px 0 0 rgba(14,47,42,.2)}
.fnc-agc .fnc-agc-bar__fill.muted{background:linear-gradient(180deg,var(--outline-variant),var(--outline))}
.fnc-agc .fnc-agc-bar__target{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--on-surface)}
.fnc-agc .fnc-agc-bar__legend{display:flex;gap:22px;margin-top:14px;flex-wrap:wrap}
.fnc-agc .fnc-agc-bar__legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--on-variant)}
.fnc-agc .fnc-agc-bar__legend .i-fill,.fnc-agc .fnc-agc-bar__legend .i-tg{width:11px;height:11px;display:inline-block;flex:none;border-radius:2px}
.fnc-agc .fnc-agc-bar__legend .i-fill{background:linear-gradient(180deg,var(--amber-solid),var(--amber-deep))}
.fnc-agc .fnc-agc-bar__legend .i-tg{background:var(--on-surface);width:2px;border-radius:0}

/* 배출원별 절대수치 막대 — SET1 카테고리 색 + 스와치 + 0~800만톤 축
   (참조: korea-food-security.css .barchart / .btrack / .baxis) */
.fnc-agc .fnc-agc-bar__sw{width:11px;height:11px;border-radius:2px;display:inline-block;margin-right:7px;vertical-align:baseline;flex:none}
.fnc-agc .fnc-agc-bar__sw.s1{background:#17463f}
.fnc-agc .fnc-agc-bar__sw.s2{background:#bd5a34}
.fnc-agc .fnc-agc-bar__sw.s3{background:#3d4a7a}
.fnc-agc .fnc-agc-bar__sw.s4{background:#ad6a14}
/* 채움 — 흰 수치(13px bold)가 상단에서도 4.5:1 이상이 되는 톤만 사용 */
.fnc-agc .fnc-agc-bar__fill.s1{background:linear-gradient(180deg,#2f6f62,#17463f)}
.fnc-agc .fnc-agc-bar__fill.s2{background:linear-gradient(180deg,#b05833,#8f3f1f)}
.fnc-agc .fnc-agc-bar__fill.s3{background:linear-gradient(180deg,#4d5b91,#262e4d)}
.fnc-agc .fnc-agc-bar__fill.s4{background:linear-gradient(180deg,#a86614,#7c4a08)}
.fnc-agc .fnc-agc-bar__fill > span{color:#fff;font-family:var(--headline);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
/* 4분할 그리드 — 0~800 스케일의 200/400/600 눈금 */
.fnc-agc .fnc-agc-bar__track--q{background-image:
      linear-gradient(90deg,transparent calc(25% - 1px),rgba(23,27,25,.1) calc(25% - 1px) 25%,transparent 25%),
      linear-gradient(90deg,transparent calc(50% - 1px),rgba(23,27,25,.1) calc(50% - 1px) 50%,transparent 50%),
      linear-gradient(90deg,transparent calc(75% - 1px),rgba(23,27,25,.1) calc(75% - 1px) 75%,transparent 75%)}
/* 축 */
.fnc-agc .fnc-agc-bar__axis{position:relative;height:20px;border-top:1px solid var(--outline);margin-top:2px}
.fnc-agc .fnc-agc-bar__axis span{position:absolute;top:5px;transform:translateX(-50%);font-size:11px;color:var(--outline);font-family:var(--headline);font-variant-numeric:tabular-nums}
.fnc-agc .fnc-agc-bar__axis span::before{content:"";position:absolute;top:-6px;left:50%;width:1px;height:5px;background:var(--outline)}
.fnc-agc .fnc-agc-bar__sum{font-family:var(--headline);font-weight:800;font-size:13px;color:var(--amber-deep);text-align:right;margin-top:14px;font-variant-numeric:tabular-nums}

/* ---- changes list (총배출 궤적) ---- */
.fnc-agc .fnc-agc-changes{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}
.fnc-agc .fnc-agc-chg{flex:1;min-width:150px;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:12px;padding:16px}
.fnc-agc .fnc-agc-chg__name{display:block;font-size:12px;color:var(--on-variant);font-weight:600}
.fnc-agc .fnc-agc-chg__now{display:block;font-family:var(--headline);font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:6px;color:var(--on-surface)}
.fnc-agc .fnc-agc-chg__now small{font-size:12px;font-weight:600;color:var(--outline);margin-left:2px}
.fnc-agc .fnc-agc-chg__delta{display:inline-flex;align-items:center;font-family:var(--headline);font-size:12px;font-weight:800;margin-top:8px;padding:2px 8px;border-radius:999px}
.fnc-agc .fnc-agc-chg__delta.good{background:#e2ebe5;color:var(--up)}
.fnc-agc .fnc-agc-chg__delta.flat{background:var(--surface);color:var(--on-variant)}

/* ---- 여섯 영역 — 2열 인덱스 리스트 ---- */
.fnc-agc .fnc-agc-domains{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-top:28px}
.fnc-agc .fnc-agc-domain{display:grid;grid-template-columns:34px 38px 1fr;column-gap:14px;row-gap:2px;align-items:start;padding:14px 6px;border-bottom:1px solid var(--outline-variant);transition:background .18s}
.fnc-agc .fnc-agc-domain:nth-child(1),.fnc-agc .fnc-agc-domain:nth-child(2){border-top:1px solid var(--outline-variant)}
.fnc-agc .fnc-agc-domain:hover{background:var(--surface-lowest)}
.fnc-agc .fnc-agc-domain__no{grid-column:1;grid-row:1/4;padding-top:8px;font-family:var(--headline);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;color:var(--outline-variant);transition:color .18s}
.fnc-agc .fnc-agc-domain:hover .fnc-agc-domain__no{color:var(--amber-deep)}
.fnc-agc .fnc-agc-domain__ic{grid-column:2;grid-row:1/4;margin-top:2px;width:38px;height:38px;border-radius:10px;background:var(--amber-tint);color:var(--amber-deep);display:flex;align-items:center;justify-content:center;font-size:19px}
.fnc-agc .fnc-agc-domain > h3{grid-column:3;grid-row:1;font-family:var(--headline);font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:3px}
.fnc-agc .fnc-agc-domain > p{grid-column:3;grid-row:2;font-size:12.5px;color:var(--on-variant);margin-bottom:7px}
.fnc-agc .fnc-agc-domain__foot{grid-column:3;grid-row:3}
.fnc-agc .fnc-agc-domain__go{font-family:var(--headline);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--amber-deep);display:inline-flex;align-items:center;gap:4px}
.fnc-agc .fnc-agc-domain__go .material-symbols-outlined{font-size:14px}

/* ---- 이행 트래커 ---- */
.fnc-agc .fnc-agc-tracker{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.fnc-agc .fnc-agc-track{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:22px}
.fnc-agc .fnc-agc-track__k{font-family:var(--headline);font-size:14px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.fnc-agc .fnc-agc-track__note{font-size:12px;color:var(--on-variant);margin-top:14px;line-height:1.6;border-top:1px solid var(--surface);padding-top:12px}

/* ---- 관련 리서치 ---- */
.fnc-agc .fnc-agc-research{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
.fnc-agc .fnc-agc-rcard{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:transform .2s,box-shadow .2s}
.fnc-agc .fnc-agc-rcard:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(23,27,25,.08);border-color:var(--amber)}
.fnc-agc .fnc-agc-rcard__ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--amber-tint);color:var(--amber-deep);display:flex;align-items:center;justify-content:center;font-size:20px}
.fnc-agc .fnc-agc-rcard__k{font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep)}
.fnc-agc .fnc-agc-rcard h3{font-family:var(--headline);font-size:17px;font-weight:800;margin:6px 0 8px;letter-spacing:-.015em;line-height:1.3}
.fnc-agc .fnc-agc-rcard p{font-size:13px;color:var(--on-variant)}

/* ---- 발행체계 레이어 ---- */
.fnc-agc .fnc-agc-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.fnc-agc .fnc-agc-layer{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:14px;padding:22px;transition:transform .2s,box-shadow .2s}
.fnc-agc .fnc-agc-layer:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(23,27,25,.06)}
.fnc-agc .fnc-agc-layer--now{border-color:var(--amber);border-width:1.5px;background:linear-gradient(180deg,var(--amber-tint) 0%,var(--surface-lowest) 60%)}
.fnc-agc .fnc-agc-layer__cad{font-family:var(--headline);font-size:10.5px;font-weight:800;color:var(--primary-container);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}
.fnc-agc .fnc-agc-layer--now .fnc-agc-layer__cad{color:var(--amber-deep)}
.fnc-agc .fnc-agc-layer h4{font-family:var(--headline);font-size:16px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
.fnc-agc .fnc-agc-layer p{font-size:12.5px;color:var(--on-variant)}

/* ---- 종합 판단 (버팀목 / 위험) ---- */
.fnc-agc .fnc-agc-verdict{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.fnc-agc .fnc-agc-vcol{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:26px}
.fnc-agc .fnc-agc-vcol h3{font-family:var(--headline);font-size:17px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:15px}
.fnc-agc .fnc-agc-vcol h3 .material-symbols-outlined{font-size:20px}
.fnc-agc .fnc-agc-vcol--support h3{color:var(--primary)}
.fnc-agc .fnc-agc-vcol--risk{background:#fdf4ee;border-color:#eccbb4}
.fnc-agc .fnc-agc-vcol--risk h3{color:var(--down)}
.fnc-agc .fnc-agc-vcol li{list-style:none;font-size:14px;color:var(--on-variant);padding:10px 0 10px 22px;position:relative;border-top:1px solid var(--surface)}
.fnc-agc .fnc-agc-vcol li:first-child{border-top:none}
.fnc-agc .fnc-agc-vcol li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px}
.fnc-agc .fnc-agc-vcol--support li::before{background:var(--primary)}
.fnc-agc .fnc-agc-vcol--risk li::before{background:var(--down)}

/* ---- 발행 방향 / CTA ---- */
.fnc-agc .fnc-agc-direction{position:relative;overflow:hidden;text-align:center;border-radius:20px;padding:44px 40px;color:#eef6f1;
    background:radial-gradient(900px 300px at 80% -20%,rgba(77,156,134,.34),transparent 60%),linear-gradient(135deg,#1a4c44,#0e2f2a)}
.fnc-agc .fnc-agc-direction .eyebrow{font-family:var(--headline);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e8c78a;display:inline-flex;align-items:center;gap:9px}
.fnc-agc .fnc-agc-direction .eyebrow::before{content:"";width:22px;height:2px;background:#e8c78a;display:inline-block}
.fnc-agc .fnc-agc-direction h2{font-family:var(--headline);font-weight:800;font-size:24px;letter-spacing:-.025em;margin:14px 0 10px;line-height:1.3;color:#fff}
.fnc-agc .fnc-agc-direction > p{font-size:15px;color:#cfe4dc;max-width:60ch;margin:0 auto}
.fnc-agc .fnc-agc-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;justify-content:center}
.fnc-agc .fnc-agc-btn-donate,.fnc-agc .fnc-agc-btn-ghost{font-family:var(--headline);font-weight:800;font-size:14px;padding:12px 22px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:.18s;text-decoration:none}
.fnc-agc .fnc-agc-btn-donate{background:var(--amber-solid);color:#fff}
.fnc-agc .fnc-agc-btn-donate:hover{background:var(--amber-deep)}
.fnc-agc .fnc-agc-btn-ghost{background:transparent;color:var(--amber-deep);border:1.5px solid var(--outline-variant)}
.fnc-agc .fnc-agc-btn-ghost:hover{background:var(--surface-low);border-color:var(--amber)}
/* 다크 CTA 밴드 위 버튼 재정의 — 앰버 텍스트는 밴드에서 대비 미달 */
.fnc-agc .fnc-agc-direction .fnc-agc-btn-donate{background:#fff;color:var(--amber-deep)}
.fnc-agc .fnc-agc-direction .fnc-agc-btn-donate:hover{background:var(--amber-tint)}
.fnc-agc .fnc-agc-direction .fnc-agc-btn-ghost{color:#eef6f1;border-color:rgba(255,255,255,.42)}
.fnc-agc .fnc-agc-direction .fnc-agc-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.72)}

/* ---- references / footnote ---- */
.fnc-agc .fnc-agc-refs{list-style:none;columns:2;column-gap:44px;margin-top:22px}
.fnc-agc .fnc-agc-refs li{font-size:12px;color:var(--on-variant);padding:7px 0;border-bottom:1px solid var(--surface);break-inside:avoid;line-height:1.5}
.fnc-agc .fnc-agc-refs li a{color:var(--amber-deep);text-decoration:underline;text-underline-offset:2px}
.fnc-agc .fnc-agc-footnote{font-size:12px;color:var(--outline);margin-top:22px;line-height:1.6;max-width:88ch}

@media (prefers-reduced-motion: reduce){
    .fnc-agc *{animation:none!important;transition:none!important}
}

@media(max-width:820px){
    .fnc-agc .fnc-agc-wrap{padding:0 20px}
    .fnc-agc .fnc-agc-direction{padding:32px 22px}
    .fnc-agc .fnc-agc-hero__inner{padding:0 20px}
    .fnc-agc .fnc-agc-hero h1{font-size:34px}
    .fnc-agc .fnc-agc-kpis{grid-template-columns:1fr 1fr}
    .fnc-agc .fnc-agc-kpi:nth-child(2){border-right:none}
    .fnc-agc .fnc-agc-kpi:nth-child(-n+2){border-bottom:1px solid var(--outline-variant)}
    .fnc-agc .fnc-agc-sechead h2{font-size:25px}
    .fnc-agc .fnc-agc-data-grid{grid-template-columns:1fr}
    .fnc-agc .fnc-agc-domains{grid-template-columns:1fr;column-gap:0}
    .fnc-agc .fnc-agc-domain:nth-child(2){border-top:none}
    .fnc-agc .fnc-agc-tracker{grid-template-columns:1fr}
    .fnc-agc .fnc-agc-research{grid-template-columns:1fr}
    .fnc-agc .fnc-agc-layers{grid-template-columns:1fr 1fr}
    .fnc-agc .fnc-agc-verdict{grid-template-columns:1fr}
    .fnc-agc .fnc-agc-refs{columns:1}
    .fnc-agc .fnc-agc-changes{flex-direction:column}
    .fnc-agc .fnc-agc-timeline svg,.fnc-agc .fnc-agc-bars,.fnc-agc .fnc-agc-data-grid,.fnc-agc .fnc-agc-card{max-width:100%}
}