/* 농업정책 L3 랜딩 — 농업기술: 인디고 기반의 조건 중심 허브 */
.fnc-at {
  --at-deep: #202843;
  --at-primary: #384978;
  --at-mid: #55699c;
  --at-tint: #eef0f7;
  --at-bg: #f8f8f6;
  --at-surface: #fff;
  --at-ink: #1b1f2a;
  --at-muted: #5d6577;
  --at-line: #d5d9e5;
  --at-earth: #9a6749;
  --at-earth-tint: #f7eee8;
  background: var(--at-bg);
  color: var(--at-ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.fnc-at *, .fnc-at *::before, .fnc-at *::after { box-sizing: border-box; }
.fnc-at a { color: inherit; text-decoration: none; }
.fnc-at a:focus-visible { outline: 3px solid var(--at-earth); outline-offset: 3px; border-radius: .4rem; }
.fnc-at-wrap { width: min(calc(100% - 4rem), 1120px); margin-inline: auto; }
.fnc-at h1, .fnc-at h2, .fnc-at h3, .fnc-at p { margin-top: 0; }
.fnc-at > section { padding-block: clamp(3.75rem, 6vw, 5rem); border-top: 1px solid var(--at-line); scroll-margin-top: calc(var(--fnc-header-h, 81px) + 55px); }
.fnc-at h2 { max-width: 26ch; margin-bottom: .75rem; font-family: var(--wp--preset--font-family--headline); font-size: clamp(1.9rem, 3.4vw, 2.35rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.2; }
.fnc-at-kicker { display: inline-flex; align-items: center; gap: .6rem; margin: 0 0 .9rem; color: #dbe3ff; font-family: var(--wp--preset--font-family--label); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.fnc-at-kicker::before { width: 1.45rem; height: 2px; background: currentColor; content: ""; }
.fnc-at-kicker--dark { color: var(--at-primary); }
.fnc-at-dek { max-width: 62ch; margin-bottom: 0; color: var(--at-muted); font-size: 1rem; line-height: 1.72; word-break: keep-all; }

/* Hero */
.fnc-at-hero { isolation: isolate; overflow: hidden; padding-top: clamp(4.25rem, 8vw, 6.5rem) !important; border-top: 0 !important; color: #fff; background: radial-gradient(50rem 28rem at 98% 0%, rgba(170, 190, 255, .3), transparent 64%), linear-gradient(140deg, #202843 0%, #303e68 58%, #536797 100%); }
.fnc-at-hero::before { position: absolute; z-index: -1; inset: 0; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 3rem 3rem; mask-image: linear-gradient(110deg, #000, transparent 72%); content: ""; }
.fnc-at-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.fnc-at-hero h1 { max-width: 15ch; margin: .9rem 0 1.25rem; font-family: var(--wp--preset--font-family--headline); font-size: clamp(2.75rem, 5.3vw, 4rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.06; word-break: keep-all; }
.fnc-at-hero h1 em { color: #e1b899; font-style: normal; }
.fnc-at-hero .fnc-at-dek { max-width: 56ch; color: rgba(255,255,255,.86); font-size: 1.08rem; }
.fnc-at-signal { padding: .6rem 1.2rem; border: 1px solid rgba(255,255,255,.18); border-radius: 1rem; background: rgba(16,21,38,.25); backdrop-filter: blur(.45rem); }
.fnc-at-signal > p { margin: .65rem 0 .45rem; color: rgba(255,255,255,.65); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.fnc-at-signal div { display: grid; grid-template-columns: 1.65rem 1fr; column-gap: .55rem; padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.14); }
.fnc-at-signal span { grid-row: span 2; color: #e1b899; font-size: 1.2rem; }.fnc-at-signal b { font-size: .82rem; }.fnc-at-signal small { color: rgba(255,255,255,.63); font-size: .72rem; }
.fnc-at-hero__tiles { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 3rem; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.4rem -.8rem rgba(12,17,33,.6); color: var(--at-ink); }
.fnc-at-hero__tiles div { padding: 1.25rem 1.4rem; border-right: 1px solid var(--at-line); }.fnc-at-hero__tiles div:last-child { border-right: 0; }.fnc-at-hero__tiles strong { display: block; color: var(--at-earth); font-family: var(--wp--preset--font-family--headline); font-size: 1.7rem; font-weight: 800; letter-spacing: -.05em; }.fnc-at-hero__tiles span { display: block; margin-top: .35rem; font-size: .88rem; font-weight: 800; }.fnc-at-hero__tiles p { margin: .3rem 0 0; color: var(--at-muted); font-size: .75rem; line-height: 1.5; }

/* Rail and cards */
.fnc-at-rail { position: sticky; z-index: 5; top: var(--fnc-header-h, 81px); border-bottom: 1px solid var(--at-line); background: rgba(248,248,246,.94); backdrop-filter: blur(.55rem); }.fnc-at-rail > div { display: flex; align-items: center; gap: .25rem; height: 3.4rem; overflow-x: auto; scrollbar-width: none; }.fnc-at-rail > div::-webkit-scrollbar { display: none; }.fnc-at-rail a { display: inline-flex; flex: none; align-items: center; min-height: 2.35rem; padding: .45rem .85rem; border-radius: 999px; color: var(--at-muted); font-size: .8rem; font-weight: 700; white-space: nowrap; }.fnc-at-rail a:hover { background: var(--at-primary); color: #fff; }
.fnc-at-questions, .fnc-at-map, .fnc-at-roadmap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.9rem; }
.fnc-at-questions article { padding: 1.5rem; border: 1px solid var(--at-line); border-radius: 1rem; background: var(--at-surface); }.fnc-at-questions article > span { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .65rem; background: var(--at-tint); color: var(--at-primary); }.fnc-at-questions article > p { margin: 1.1rem 0 .35rem; color: var(--at-earth); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.fnc-at-questions h3 { margin: 0 0 .8rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.2rem; line-height: 1.32; letter-spacing: -.025em; }.fnc-at-questions small { color: var(--at-muted); font-size: .82rem; line-height: 1.6; }
.fnc-at-band { background: var(--at-tint); }.fnc-at-map { grid-template-columns: repeat(4, 1fr); }.fnc-at-map article { padding: 1.4rem; border: 1px solid var(--at-line); border-radius: .9rem; background: var(--at-surface); }.fnc-at-map article > span { color: var(--at-primary); font-size: 1.5rem; }.fnc-at-map h3 { margin: .8rem 0 .35rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.05rem; }.fnc-at-map p { min-height: 4rem; margin-bottom: 1rem; color: var(--at-muted); font-size: .8rem; }.fnc-at-map b { color: var(--at-earth); font-size: .7rem; letter-spacing: .04em; }

/* Conditions, cases, roadmap and archive */
.fnc-at-statement { color: #fff; background: var(--at-deep); }.fnc-at-statement .fnc-at-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 4rem; align-items: end; }.fnc-at-statement h2 { margin-bottom: 0; font-size: clamp(2.1rem, 4vw, 2.75rem); }.fnc-at-statement > div > p:not(.fnc-at-kicker) { margin: 0; color: rgba(255,255,255,.78); font-size: 1.03rem; line-height: 1.75; word-break: keep-all; }.fnc-at-statement ol { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: .25rem 0 0; padding: 0; list-style: none; }.fnc-at-statement li { padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.24); }.fnc-at-statement b { display: block; color: #e1b899; font-family: var(--wp--preset--font-family--headline); font-size: .78rem; }.fnc-at-statement li span { display: block; margin-top: .35rem; font-size: .9rem; font-weight: 800; }
.fnc-at-cases { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 1rem; margin-top: 1.9rem; }.fnc-at-cases a { display: flex; min-height: 16rem; flex-direction: column; padding: 1.5rem; border: 1px solid var(--at-line); border-radius: 1rem; background: var(--at-surface); transition: transform .18s ease, box-shadow .18s ease; }.fnc-at-cases a:hover, .fnc-at-reads a:hover { box-shadow: 0 .75rem 1.8rem rgba(32,40,67,.12); transform: translateY(-3px); }.fnc-at-cases span, .fnc-at-reads span { color: var(--at-earth); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.fnc-at-cases h3 { margin: .8rem 0 .6rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.15rem; line-height: 1.3; letter-spacing: -.025em; }.fnc-at-cases p { margin-bottom: 1rem; color: var(--at-muted); font-size: .82rem; line-height: 1.62; }.fnc-at-cases b, .fnc-at-reads b { margin-top: auto; color: var(--at-primary); font-size: .78rem; }.fnc-at-case-main { color: #fff !important; border-color: transparent !important; background: linear-gradient(145deg, var(--at-primary), var(--at-deep)) !important; }.fnc-at-case-main span, .fnc-at-case-main b { color: #e1b899; }.fnc-at-case-main h3 { font-size: 1.55rem; }.fnc-at-case-main p { color: rgba(255,255,255,.76); }
.fnc-at-roadmap { margin-top: 1.9rem; }.fnc-at-roadmap article { position: relative; padding: 1.4rem 1.5rem 1.4rem 3.9rem; border-left: 1px solid var(--at-line); }.fnc-at-roadmap article:first-child { border-left: 0; }.fnc-at-roadmap b { position: absolute; top: 1.35rem; left: 1.3rem; color: var(--at-earth); font-family: var(--wp--preset--font-family--headline); font-size: 1rem; }.fnc-at-roadmap h3 { margin: 0 0 .45rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.1rem; }.fnc-at-roadmap p { margin: 0; color: var(--at-muted); font-size: .82rem; line-height: 1.6; }
.fnc-at-reads { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.9rem; }.fnc-at-reads a { display: flex; min-height: 13.5rem; flex-direction: column; padding: 1.5rem; border: 1px solid var(--at-line); border-radius: 1rem; background: var(--at-surface); transition: transform .18s ease, box-shadow .18s ease; }.fnc-at-reads h3 { margin: .7rem 0 .45rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.1rem; line-height: 1.3; }.fnc-at-reads p { margin-bottom: 1rem; color: var(--at-muted); font-size: .8rem; }.fnc-at-reads .fnc-at-archive { display: grid; grid-column: 1 / -1; grid-template-columns: auto 1fr auto; min-height: 0; align-items: center; gap: 1rem; padding-block: 1.1rem; background: var(--at-earth-tint); }.fnc-at-archive > span { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .65rem; background: var(--at-earth); color: #fff; }.fnc-at-archive h3, .fnc-at-archive p { margin: 0; }.fnc-at-archive b { margin: 0; white-space: nowrap; }
.fnc-at-closing { padding-top: 1rem !important; border-top: 0 !important; }.fnc-at-closing .fnc-cta-block--standard { --fnc-cta-standard-from: #384978; --fnc-cta-standard-to: #202843; }

@media (max-width: 900px) { .fnc-at-map { grid-template-columns: 1fr 1fr; }.fnc-at-cases { grid-template-columns: 1fr 1fr; }.fnc-at-case-main { grid-column: 1 / -1; }.fnc-at-reads { grid-template-columns: 1fr 1fr; }.fnc-at-reads .fnc-at-archive { grid-column: auto; display: flex; min-height: 13.5rem; flex-direction: column; align-items: flex-start; }.fnc-at-archive b { margin-top: auto; }.fnc-at-roadmap { grid-template-columns: 1fr; gap: 0; }.fnc-at-roadmap article, .fnc-at-roadmap article:first-child { border-top: 1px solid var(--at-line); border-left: 0; } }
@media (max-width: 720px) { .fnc-at-wrap { width: min(calc(100% - 2.5rem), 1120px); }.fnc-at-hero { padding-top: 3.4rem !important; }.fnc-at-hero__grid, .fnc-at-statement .fnc-at-wrap { grid-template-columns: 1fr; }.fnc-at-signal { max-width: 28rem; }.fnc-at-hero__tiles, .fnc-at-statement ol { grid-template-columns: 1fr; }.fnc-at-hero__tiles div { border-right: 0; border-bottom: 1px solid var(--at-line); }.fnc-at-hero__tiles div:last-child { border-bottom: 0; }.fnc-at-statement ol { gap: 0; }.fnc-at-statement li { padding: .8rem 0; }.fnc-at-questions, .fnc-at-map, .fnc-at-cases, .fnc-at-reads { grid-template-columns: 1fr; }.fnc-at-case-main { grid-column: auto; }.fnc-at-reads .fnc-at-archive { grid-column: auto; }.fnc-at-rail > div { height: 3.65rem; }.fnc-at-rail a { min-height: 2.75rem; } }
@media (max-width: 480px) { .fnc-at-wrap { width: min(calc(100% - 2rem), 1120px); }.fnc-at-hero h1 { font-size: 2.45rem; }.fnc-at-questions article, .fnc-at-map article, .fnc-at-cases a, .fnc-at-reads a { padding: 1.25rem; } }
@media (prefers-reduced-motion: reduce) { .fnc-at *, .fnc-at *::before, .fnc-at *::after { scroll-behavior: auto !important; transition: none !important; } }
