/* ═══════════════════════════════════════════════════════════
   농업 온실가스 인벤토리 — 구성과 탄소중립 경로 · .fnc-agi (scoped)
   /agricultural-energy/ghg-inventory-composition/
   액센트 = 농업 에너지 도메인 Amber (docs/brand-color-system.md),
   형제 허브 .fnc-agc (korea-agri-carbon.css) 의 토큰·타이포를 따른다.
   시그니처 컴포넌트 = .fnc-agi-source (배출원 카드) · .fnc-agi-formula
   (AD × EF × GWP 산식) · .fnc-agi-matrix (Tier 적용 현황 행)
   ═══════════════════════════════════════════════════════════ */
.fnc-agi{
    --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 */
    --amber:#ad6a14; --amber-deep:#7c4a08; --amber-tint:#f8e8cc;
    --amber-solid:#a86614;                       /* solid 채움 위 흰 글자용 */
    /* 배출원 분야 코드 — 흰 배경 위 4.5:1 이상만 사용 */
    --crop:#15803d; --crop-tint:#e4f0e7;         /* 경종 */
    --live:#0f5132; --live-tint:#dfeae3;          /* 축산 */
    --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-agi *{box-sizing:border-box;margin:0;padding:0}
.fnc-agi ul{list-style:none}
.fnc-agi a{color:inherit;text-decoration:none}
.fnc-agi :focus-visible{outline:3px solid var(--primary-container);outline-offset:2px;border-radius:4px}
.fnc-agi .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1;display:block}

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

/* ---- section header ---- */
.fnc-agi .fnc-agi-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-agi .fnc-agi-sechead .eyebrow::before{content:"";width:22px;height:2px;background:var(--amber-deep);display:inline-block}
.fnc-agi .fnc-agi-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-agi .fnc-agi-sechead p{font-size:16.5px;color:var(--on-variant);max-width:62ch}

/* ---- HERO (deep-green brand band) ---- */
.fnc-agi .fnc-agi-hero{position:relative;overflow:hidden;padding:64px 0 48px;color:#eef6f1;
    background:
      radial-gradient(1100px 420px at 82% -8%, rgba(77,156,134,.30), transparent 60%),
      linear-gradient(135deg,#15463c 0%,#0d2c27 100%);}
.fnc-agi .fnc-agi-hero::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
    background-image:
      repeating-linear-gradient(115deg, rgba(255,255,255,.045) 0 1px, transparent 1px 46px),
      radial-gradient(circle at 90% 20%, rgba(255,255,255,.05), transparent 42%);
    mask-image:linear-gradient(90deg,transparent,#000 30%);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);}
.fnc-agi .fnc-agi-hero__inner{position:relative;max-width:1120px;margin:0 auto;padding:0 32px}
.fnc-agi .fnc-agi-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-agi .fnc-agi-hero__eyebrow::before{content:"";width:22px;height:2px;background:#e8c78a;display:inline-block}
.fnc-agi .fnc-agi-hero h1{font-family:var(--headline);font-weight:800;font-size:50px;line-height:1.08;letter-spacing:-.035em;margin:18px 0 18px;color:#fff}
.fnc-agi .fnc-agi-hero__lead{font-size:18px;max-width:64ch;color:#cfe4dc}

/* ---- hero KPI strip (floating white cards) ---- */
.fnc-agi .fnc-agi-kpis{position:relative;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-agi .fnc-agi-kpi{padding:22px;border-right:1px solid var(--outline-variant)}
.fnc-agi .fnc-agi-kpi:last-child{border-right:none}
.fnc-agi .fnc-agi-kpi .num{font-family:var(--headline);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--amber)}
.fnc-agi .fnc-agi-kpi .num small{font-size:15px;font-weight:700;color:var(--amber-deep);margin-left:2px}
.fnc-agi .fnc-agi-kpi .lbl{display:block;font-size:13px;color:var(--on-variant);margin-top:10px;font-weight:600;line-height:1.4}
.fnc-agi .fnc-agi-kpi .yr{display:block;font-size:11.5px;color:var(--outline);margin-top:3px;font-weight:500}

/* ---- figure (인라인 SVG 세그먼트 바 + 범례 + 캡션) ---- */
.fnc-agi .fnc-agi-fig{margin-top:30px}
.fnc-agi .fnc-agi-fig svg{max-width:100%}
.fnc-agi .fnc-agi-fig__cap{font-size:12.5px;color:var(--on-variant);margin-top:14px;line-height:1.6;max-width:88ch}

/* ---- seglist — 스와치 · 라벨 · 값 3열 데이터 리스트 (스와치 없는 행 허용) ---- */
.fnc-agi .fnc-agi-seglist{margin-top:4px}
.fnc-agi .fnc-agi-seglist li{display:flex;align-items:baseline;gap:11px;padding:9px 0;border-bottom:1px solid var(--surface);font-size:13.5px}
.fnc-agi .fnc-agi-seglist li:last-child{border-bottom:none}
.fnc-agi .fnc-agi-seglist .sw{align-self:center;flex:none;width:11px;height:11px;border-radius:2px;display:inline-block}
.fnc-agi .fnc-agi-seglist .nm{flex:1;min-width:0;color:var(--on-surface)}
.fnc-agi .fnc-agi-seglist .vl{flex:none;font-family:var(--headline);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--amber-deep);text-align:right;white-space:nowrap}
.fnc-agi .fnc-agi-seglist .vl small{font-size:11.5px;font-weight:700;color:var(--outline);margin-left:3px}

/* ---- 배출원 카드 (시그니처) ---- */
.fnc-agi .fnc-agi-sources{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.fnc-agi .fnc-agi-source{--sec:var(--amber);--sec-tint:var(--amber-tint);
    background:var(--surface-lowest);border:1px solid var(--outline-variant);border-top:3px solid var(--sec);
    border-radius:4px 4px 16px 16px;padding:26px;display:flex;flex-direction:column}
.fnc-agi .fnc-agi-source--rice,.fnc-agi .fnc-agi-source--soil{--sec:var(--crop);--sec-tint:var(--crop-tint)}
.fnc-agi .fnc-agi-source--manure,.fnc-agi .fnc-agi-source--enteric{--sec:var(--live);--sec-tint:var(--live-tint)}
.fnc-agi .fnc-agi-source__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fnc-agi .fnc-agi-source__code{font-family:var(--headline);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sec);background:var(--sec-tint);border-radius:999px;padding:4px 10px}
.fnc-agi .fnc-agi-source__gas{font-size:11.5px;font-weight:600;color:var(--outline)}
.fnc-agi .fnc-agi-source h3{font-family:var(--headline);font-size:21px;font-weight:800;letter-spacing:-.02em;margin:14px 0 6px;line-height:1.25}
.fnc-agi .fnc-agi-source__total{font-family:var(--headline);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--sec)}
.fnc-agi .fnc-agi-source__total small{font-family:var(--body);font-size:12.5px;font-weight:600;color:var(--on-variant);letter-spacing:0;margin-left:5px}
.fnc-agi .fnc-agi-source__sub{font-size:13.5px;color:var(--on-variant);margin:14px 0 4px}
.fnc-agi .fnc-agi-source__sub b{font-weight:700;color:var(--on-surface)}
.fnc-agi .fnc-agi-source svg{margin-top:14px}
.fnc-agi .fnc-agi-source__foot{margin-top:auto;padding-top:16px}
.fnc-agi .fnc-agi-source__src{font-size:11.5px;color:var(--outline);line-height:1.6;border-top:1px solid var(--surface);padding-top:14px}

/* ---- Tier 카드 ---- */
.fnc-agi .fnc-agi-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.fnc-agi .fnc-agi-tier{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:24px;display:flex;flex-direction:column}
.fnc-agi .fnc-agi-tier--kr{border-color:var(--amber);border-width:1.5px;background:linear-gradient(180deg,var(--amber-tint) 0%,var(--surface-lowest) 58%)}
.fnc-agi .fnc-agi-tier__lvl{font-family:var(--headline);font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:12px}
.fnc-agi .fnc-agi-tier__lvl small{display:block;font-family:var(--body);font-size:12px;font-weight:600;color:var(--amber-deep);letter-spacing:0;margin-top:5px}
.fnc-agi .fnc-agi-tier > p{font-size:13.5px;color:var(--on-variant)}
.fnc-agi .fnc-agi-tier__tag{display:inline-flex;align-self:flex-start;align-items:center;margin-top:16px;font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--on-variant);background:var(--surface);border-radius:999px;padding:5px 11px}
.fnc-agi .fnc-agi-tier--kr .fnc-agi-tier__tag{color:#fff;background:var(--amber-solid)}

/* ---- Tier 적용 현황 행 (matrix) ---- */
.fnc-agi .fnc-agi-matrix{border:1px solid var(--outline-variant);border-radius:16px;overflow:hidden;background:var(--surface-lowest)}
.fnc-agi .fnc-agi-mrow{display:grid;grid-template-columns:200px 1fr auto;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--surface)}
.fnc-agi .fnc-agi-mrow:last-child{border-bottom:none}
.fnc-agi .fnc-agi-mrow__src{font-family:var(--headline);font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--on-surface)}
.fnc-agi .fnc-agi-mrow__method{font-size:13px;color:var(--on-variant);line-height:1.5}
.fnc-agi .fnc-agi-badge{font-family:var(--headline);font-size:11.5px;font-weight:800;letter-spacing:.02em;border-radius:999px;padding:5px 12px;white-space:nowrap}
.fnc-agi .fnc-agi-badge--t2{background:var(--amber-solid);color:#fff}
.fnc-agi .fnc-agi-badge--t1{background:var(--surface);color:var(--on-variant);box-shadow:inset 0 0 0 1px var(--outline-variant)}

/* ---- 산식 (AD × EF × GWP) ---- */
.fnc-agi .fnc-agi-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:14px;margin-top:30px}
.fnc-agi .fnc-agi-fx{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:14px;padding:22px}
.fnc-agi .fnc-agi-fx__k{font-family:var(--headline);font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--on-surface)}
.fnc-agi .fnc-agi-fx__t{font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep);margin:6px 0 12px}
.fnc-agi .fnc-agi-fx > p:last-child{font-size:13px;color:var(--on-variant)}
.fnc-agi .fnc-agi-fx__op{display:flex;align-items:center;justify-content:center;font-family:var(--headline);font-size:22px;font-weight:800;color:var(--outline)}

/* ---- 감축수단 ---- */
.fnc-agi .fnc-agi-measures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.fnc-agi .fnc-agi-measure{display:grid;grid-template-columns:42px 1fr;column-gap:16px;row-gap:0;align-items:start;
    background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:22px}
.fnc-agi .fnc-agi-measure__ic{grid-column:1;grid-row:1/4;width:42px;height:42px;border-radius:11px;background:var(--amber-tint);color:var(--amber-deep);display:flex;align-items:center;justify-content:center;font-size:21px}
.fnc-agi .fnc-agi-measure__t{grid-column:2;grid-row:1;font-family:var(--headline);font-size:15.5px;font-weight:800;letter-spacing:-.015em;line-height:1.35;color:var(--on-surface)}
.fnc-agi .fnc-agi-measure__t small{display:block;font-family:var(--body);font-size:12px;font-weight:700;color:var(--amber-deep);letter-spacing:0;margin-top:4px}
.fnc-agi .fnc-agi-measure__d{grid-column:2;grid-row:2;font-size:13px;color:var(--on-variant);margin-top:9px}
.fnc-agi .fnc-agi-measure__lvl{grid-column:2;grid-row:3;justify-self:start;margin-top:13px;font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:4px 11px;background:var(--surface);color:var(--on-variant)}
.fnc-agi .fnc-agi-measure__lvl.ready{background:#e2ebe5;color:var(--primary)}
.fnc-agi .fnc-agi-measure__lvl.mid{background:var(--amber-tint);color:var(--amber-deep)}
.fnc-agi .fnc-agi-measure__lvl.early{background:var(--surface-high);color:var(--on-variant)}

/* ---- 연결된 분석 ---- */
.fnc-agi .fnc-agi-research{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.fnc-agi .fnc-agi-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,border-color .2s}
.fnc-agi .fnc-agi-rcard:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(23,27,25,.08);border-color:var(--amber)}
.fnc-agi .fnc-agi-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-agi .fnc-agi-rcard__k{display:block;font-family:var(--headline);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep)}
.fnc-agi .fnc-agi-rcard h3{font-family:var(--headline);font-size:17px;font-weight:800;margin:6px 0 8px;letter-spacing:-.015em;line-height:1.3}
.fnc-agi .fnc-agi-rcard p{font-size:13px;color:var(--on-variant)}

/* ---- CTA 밴드 ---- */
.fnc-agi .fnc-agi-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-agi .fnc-agi-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-agi .fnc-agi-direction .eyebrow::before{content:"";width:22px;height:2px;background:#e8c78a;display:inline-block}
.fnc-agi .fnc-agi-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-agi .fnc-agi-direction > p{font-size:15px;color:#cfe4dc;max-width:60ch;margin:0 auto}
.fnc-agi .fnc-agi-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;justify-content:center}
.fnc-agi .fnc-agi-btn-donate,.fnc-agi .fnc-agi-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}
.fnc-agi .fnc-agi-btn-donate{background:#fff;color:var(--amber-deep)}
.fnc-agi .fnc-agi-btn-donate:hover{background:var(--amber-tint)}
.fnc-agi .fnc-agi-btn-ghost{background:transparent;color:#eef6f1;border:1.5px solid rgba(255,255,255,.42)}
.fnc-agi .fnc-agi-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.72)}

/* ---- 참고문헌 · 각주 ---- */
.fnc-agi .fnc-agi-refs{columns:2;column-gap:44px;margin-top:22px}
.fnc-agi .fnc-agi-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;overflow-wrap:anywhere}
.fnc-agi .fnc-agi-refs li a{color:var(--amber-deep);text-decoration:underline;text-underline-offset:2px}
.fnc-agi .fnc-agi-footnote{font-size:12px;color:var(--outline);margin-top:22px;line-height:1.6;max-width:88ch}

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

@media(max-width:960px){
    .fnc-agi .fnc-agi-sources{grid-template-columns:1fr}
    .fnc-agi .fnc-agi-tiers{grid-template-columns:1fr}
    .fnc-agi .fnc-agi-formula{grid-template-columns:1fr}
    .fnc-agi .fnc-agi-fx__op{padding:2px 0}
    .fnc-agi .fnc-agi-measures{grid-template-columns:1fr}
    .fnc-agi .fnc-agi-research{grid-template-columns:1fr}
}

@media(max-width:820px){
    .fnc-agi .fnc-agi-wrap{padding:0 20px}
    .fnc-agi .fnc-agi-hero__inner{padding:0 20px}
    .fnc-agi .fnc-agi-hero{padding:48px 0 40px}
    .fnc-agi .fnc-agi-hero h1{font-size:33px}
    .fnc-agi .fnc-agi-hero__lead{font-size:16.5px}
    .fnc-agi .fnc-agi-sec{padding:48px 0}
    .fnc-agi .fnc-agi-sechead h2{font-size:25px}
    .fnc-agi .fnc-agi-kpis{grid-template-columns:1fr 1fr}
    .fnc-agi .fnc-agi-kpi:nth-child(2){border-right:none}
    .fnc-agi .fnc-agi-kpi:nth-child(-n+2){border-bottom:1px solid var(--outline-variant)}
    .fnc-agi .fnc-agi-source{padding:22px}
    .fnc-agi .fnc-agi-mrow{grid-template-columns:1fr auto;gap:8px 14px;padding:16px 18px}
    .fnc-agi .fnc-agi-mrow__src{grid-column:1;grid-row:1}
    .fnc-agi .fnc-agi-badge{grid-column:2;grid-row:1;justify-self:end}
    .fnc-agi .fnc-agi-mrow__method{grid-column:1/-1;grid-row:2}
    .fnc-agi .fnc-agi-direction{padding:32px 22px}
    .fnc-agi .fnc-agi-refs{columns:1}
}