/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: --theme(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji"
  ); /* 4 */
  font-feature-settings: --theme(
    --default-font-feature-settings,
    normal
  ); /* 5 */
  font-variation-settings: --theme(
    --default-font-variation-settings,
    normal
  ); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
  Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: --theme(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  ); /* 1 */
  font-feature-settings: --theme(
    --default-mono-font-feature-settings,
    normal
  ); /* 2 */
  font-variation-settings: --theme(
    --default-mono-font-variation-settings,
    normal
  ); /* 3 */
  font-size: 1em; /* 4 */
}

/*
  Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

ol,
ul,
menu {
  list-style: none;
}

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  border-radius: 0; /* 2 */
  background-color: transparent; /* 3 */
  opacity: 1; /* 4 */
}

/*
  Restore default font weight.
*/

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

/*
  Restore indentation.
*/

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

/*
  Restore space after button.
*/

::file-selector-button {
  margin-inline-end: 4px;
}

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

::-webkit-date-and-time-value {
  min-height: 1lh; /* 1 */
  text-align: inherit; /* 2 */
}

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

::-webkit-datetime-edit {
  display: inline-flex;
}

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

/*
  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
*/

::-webkit-calendar-picker-indicator {
  line-height: 1;
}

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
  Correct the inability to style the border radius in iOS Safari.
*/

button,
input:where([type="button"], [type="reset"], [type="submit"]),
::file-selector-button {
  appearance: button;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}

:root {
  --ink: #162119;
  --green: #173f2c;
  --sage: #8da18f;
  --cream: #f3f0e7;
  --paper: #fbfaf6;
  --line: #d7d8cd;
  --orange: #d86b3f;
}

main {
  display: flex;
  flex-direction: column;
}
.siteHeader {
  order: 1;
}
.agricultureOpinion {
  order: 2;
}
.hero {
  order: 3;
}
.quickStats {
  order: 4;
}
.villageArchive {
  order: 5;
}
.timelineSection {
  order: 6;
}
.documents {
  order: 7;
}
.presentationResource {
  order: 8;
}
.pdfResource {
  order: 9;
}
.legalNote {
  order: 10;
}
footer {
  order: 11;
}

.agricultureOpinion {
  padding: 18px 6vw;
  background: #173f2c;
  border-bottom: 1px solid #ffffff24;
  color: white;
}
.agricultureOpinion > details {
  max-width: 1120px;
  margin: auto;
}
.agricultureOpinion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  list-style: none;
}
.agricultureOpinion summary::-webkit-details-marker {
  display: none;
}
.agricultureOpinion summary > span {
  display: flex;
  align-items: baseline;
  gap: 16px;
}
.agricultureOpinion summary small {
  color: #e49371;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.15em;
}
.agricultureOpinion summary b {
  font:
    700 21px Georgia,
    serif;
}
.agricultureOpinion summary i {
  font:
    normal 27px Georgia,
    serif;
  color: #f2c0aa;
  transition: transform 0.2s ease;
}
.agricultureOpinion details[open] summary i {
  transform: rotate(45deg);
}
.agricultureOpinionDocument {
  padding: 20px 0 8px;
}
.agricultureOpinionDocument a {
  display: block;
  max-width: 720px;
  margin: auto;
}
.agricultureOpinionDocument img {
  display: block;
  width: 100%;
  max-height: 82vh;
  object-fit: contain;
  background: white;
}
.agricultureOpinionDocument a > span {
  display: block;
  padding: 11px 13px;
  background: #0f2d20;
  color: #f2c0aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}

.villageVisualImage {
  aspect-ratio: auto;
  display: block;
  margin: 0;
  background: #fff;
}
.villageVisualImage:after {
  display: none;
}
.villageVisualImage a {
  display: block;
  position: relative;
}
.villageVisualImage img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  background: #e5e4dc;
}
.villageVisualImage a > span {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 7px;
  background: #173d31;
  color: #fff;
  font:
    italic 10px Georgia,
    serif;
}
.villageVisualImage figcaption {
  padding: 10px 12px;
  color: var(--ink);
  font:
    700 11px/1.35 Georgia,
    serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
.siteHeader {
  height: 92px;
  padding: 0 6vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 56px;
  border-bottom: 1px solid var(--line);
  background: rgba(251, 250, 246, 0.96);
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(10px);
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brandMark {
  width: 43px;
  height: 43px;
  border: 1px solid var(--green);
  display: grid;
  place-items: center;
  font-family: Georgia, serif;
  font-weight: 700;
}
.brand span:last-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.brand b {
  font-family: Georgia, serif;
  font-size: 17px;
}
.brand small {
  font-size: 10px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #657267;
}
.siteHeader nav {
  display: flex;
  gap: 22px;
  font-size: 12px;
  font-weight: 700;
}
.siteHeader nav a {
  padding: 36px 0 32px;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}
.siteHeader nav a:hover {
  color: var(--orange);
  border-color: var(--orange);
}
.hero {
  min-height: 650px;
  padding: 60px 7vw 88px;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 54px 7vw;
  align-items: center;
  background: linear-gradient(90deg, var(--paper) 0 68%, #e7e5da 68%);
}
.heroIntro {
  grid-column: 1/-1;
}
.eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.22em;
  color: var(--orange);
  margin: 0 0 22px;
}
.heroStory {
  width: 100%;
  margin: 0;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--green);
  color: var(--green);
  font:
    600 clamp(25px, 3vw, 44px) / 1.16 Georgia,
    serif;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.hero h1 {
  font:
    500 clamp(50px, 6.2vw, 92px) / 0.94 Georgia,
    serif;
  letter-spacing: -0.055em;
  margin: 0;
}
.hero h1 em {
  color: var(--green);
  font-weight: 400;
}
.lead {
  font:
    17px/1.75 Georgia,
    serif;
  max-width: 640px;
  color: #546058;
  margin: 30px 0;
}
.heroActions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.heroActions a {
  padding: 16px 22px;
  font-size: 13px;
  font-weight: 800;
}
.primary {
  background: var(--green);
  color: white;
}
.primary span {
  margin-left: 24px;
}
.secondary {
  border-bottom: 1px solid var(--ink);
}
.planCard {
  height: 440px;
  background: #20272d;
  border: 10px solid white;
  box-shadow: 0 24px 55px #17271e2e;
  position: relative;
  overflow: hidden;
}
.planCard img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.mapCaption {
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: rgba(251, 250, 246, 0.94);
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 24px #0003;
}
.mapCaption span {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: var(--orange);
}
.mapCaption b {
  font:
    700 18px Georgia,
    serif;
  margin-top: 3px;
}
.quickStats {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  background: var(--green);
  color: white;
  padding: 30px 7vw;
  align-items: center;
}
.quickStats div {
  display: flex;
  align-items: center;
  gap: 12px;
  border-right: 1px solid #ffffff33;
}
.quickStats b {
  font:
    35px Georgia,
    serif;
  color: #cfdbca;
}
.quickStats span {
  font-size: 11px;
  max-width: 90px;
  line-height: 1.4;
}
.quickStats p {
  font:
    italic 14px/1.55 Georgia,
    serif;
  padding-left: 34px;
  color: #d6dfd8;
}
.quickStats.impactStat {
  grid-template-columns: minmax(250px, 0.75fr) 2fr;
}
.quickStats.impactStat b {
  font-size: 54px;
  color: #f2c0aa;
}
.quickStats.impactStat span {
  max-width: 170px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.quickStats.impactStat p {
  font-size: 16px;
  max-width: 900px;
}
.villageArchive {
  padding: 100px 7vw 110px;
  background: #f0eee5;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 92px;
}
.villageHead {
  margin-bottom: 38px;
}
.villageSummary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  background: var(--paper);
  margin-bottom: 54px;
}
.villageSummaryItem {
  min-height: 104px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-right: 1px solid var(--line);
  transition: background 0.2s ease;
}
.villageSummaryItem:last-child {
  border-right: 0;
}
.villageSummaryItem:hover {
  background: white;
}
.villageSummaryItem b {
  font:
    42px/1 Georgia,
    serif;
}
.villageSummaryItem span {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.villageSummaryItem.removed b {
  color: #b33b32;
}
.villageSummaryItem.partial b {
  color: #d47a23;
}
.villageSummaryItem.existing b {
  color: #287c42;
}
.villageSummaryItem.planned b {
  color: #245ca1;
}
.villageKicker {
  max-width: 1120px;
  font-size: clamp(15px, 1.45vw, 21px);
  line-height: 1.45;
  letter-spacing: 0.105em;
  color: #e54f20;
  text-wrap: balance;
  text-shadow: 0 1px 0 #fff;
  font-weight: 900;
}
.villageGeneralSummary {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 28px;
  margin: -10px 0 54px;
  padding: 26px 28px;
  border-left: 4px solid var(--orange);
  background: var(--paper);
  box-shadow: 0 8px 26px #2331280d;
}
.villageGeneralSummary > span {
  padding-top: 4px;
  color: var(--orange);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}
.villageGeneralSummary p {
  max-width: 1050px;
  margin: 0;
  color: #536057;
  font:
    15px/1.75 Georgia,
    serif;
}
.villageGeneralSummary b {
  color: var(--ink);
}
.resourceSection {
  padding: 90px 7vw;
  scroll-margin-top: 92px;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 7vw;
  align-items: start;
  border-top: 1px solid var(--line);
}
.presentationResource {
  background: #ece9df;
}
.pdfResource {
  background: var(--paper);
}
.resourceIntro h2 {
  max-width: 620px;
  margin: 0 0 22px;
  font:
    500 clamp(34px, 4vw, 56px) / 1.05 Georgia,
    serif;
}
.resourceIntro > p:last-child {
  max-width: 590px;
  margin: 0;
  color: #657168;
  font-size: 14px;
  line-height: 1.75;
}
.resourceDownloads {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.resourceCard {
  min-height: 190px;
  padding: 30px;
  display: grid;
  grid-template-columns: 76px 1fr 36px;
  gap: 24px;
  align-items: center;
  background: var(--green);
  color: white;
  box-shadow: 0 18px 45px #17271e24;
}
.resourceType {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border: 1px solid #ffffff5c;
  color: #f2c0aa;
  font:
    700 13px Georgia,
    serif;
}
.resourceCard div {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.resourceCard b {
  font:
    700 24px/1.2 Georgia,
    serif;
}
.resourceCard small {
  color: #c8d3cb;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.resourceCard i {
  font:
    normal 32px Georgia,
    serif;
  color: #f2c0aa;
}
.resourceCard:hover {
  background: #20533b;
}
.resourceDirectLink {
  padding: 13px 16px;
  border: 1px solid var(--green);
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.resourceDirectLink:hover {
  background: var(--paper);
}
.resourcePdfViewer {
  background: #1b251f;
  padding: 14px;
  box-shadow: 0 18px 45px #17271e1f;
}
.resourcePdfViewer iframe {
  display: block;
  width: 100%;
  height: 650px;
  border: 0;
  background: white;
}
.resourcePdfViewer a {
  display: block;
  padding: 14px 16px;
  color: #f2c0aa;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.villageGroups {
  display: flex;
  flex-direction: column;
  gap: 54px;
}
.villageGroup {
  scroll-margin-top: 110px;
}
.villageGroup > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0 0 14px;
  border-bottom: 2px solid var(--ink);
  margin-bottom: 18px;
}
.villageGroup > header > div {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.villageGroup > header span {
  font:
    italic 14px Georgia,
    serif;
}
.villageGroup h3 {
  font:
    500 31px/1 Georgia,
    serif;
  margin: 0;
}
.villageGroup > header small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #69756d;
}
.villageGroup.removed > header span,
.villageGroup.removed .villageName > span {
  color: #b33b32;
}
.villageGroup.partial > header span,
.villageGroup.partial .villageName > span {
  color: #d47a23;
}
.villageGroup.existing > header span,
.villageGroup.existing .villageName > span {
  color: #287c42;
}
.villageGroup.planned > header span,
.villageGroup.planned .villageName > span {
  color: #245ca1;
}
.villageCards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: start;
}
.villageCard {
  background: var(--paper);
  border: 1px solid var(--line);
  min-width: 0;
}
.villageName {
  min-height: 92px;
  padding: 18px;
  display: grid;
  grid-template-columns: 36px 1fr 24px;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.villageName::-webkit-details-marker {
  display: none;
}
.villageIndex {
  font:
    italic 13px Georgia,
    serif;
  color: #7d887f;
}
.villageTitle {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.villageTitle b {
  font:
    700 23px/1.1 Georgia,
    serif;
}
.villageTitle small {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.villageName i {
  font:
    normal 25px Georgia,
    serif;
  color: var(--orange);
  transition: transform 0.2s ease;
}
.villageCard[open] .villageName {
  border-bottom: 1px solid var(--line);
  background: white;
}
.villageCard[open] .villageName i {
  transform: rotate(45deg);
}
.villageLayer {
  padding: 18px;
}
.villageLayerHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.villageLayerHead b {
  font:
    700 15px Georgia,
    serif;
}
.villageLayerHead span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #78837a;
}
.villageGallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.villageVisual {
  aspect-ratio: 16/10;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: repeating-linear-gradient(
    135deg,
    #e5e4dc 0,
    #e5e4dc 1px,
    #f4f2eb 1px,
    #f4f2eb 16px
  );
  border: 1px solid var(--line);
}
.villageVisual:after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px dashed #aeb4aa;
}
.villageVisual > span {
  position: absolute;
  left: 14px;
  top: 12px;
  font:
    italic 10px Georgia,
    serif;
  color: #818c83;
  z-index: 1;
}
.villageVisual p {
  font:
    700 8px/1.5 Arial,
    sans-serif;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  color: #889087;
  z-index: 1;
}
.documents {
  padding: 100px 7vw;
}
.sectionHead {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 50px;
}
.sectionHead h2 {
  font:
    500 clamp(36px, 4vw, 58px) / 1 Georgia,
    serif;
  margin: 0;
}
.sectionHead > p {
  color: #647068;
  line-height: 1.7;
  font-size: 14px;
}
.categoryGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.category {
  padding: 30px 26px 28px;
  min-height: 390px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 110px;
  display: flex;
  flex-direction: column;
}
.category:hover {
  background: var(--cream);
}
.number {
  font:
    italic 14px Georgia,
    serif;
  color: var(--orange);
}
.category h3 {
  font:
    29px Georgia,
    serif;
  margin: 38px 0 14px;
}
.category > p {
  font-size: 13px;
  line-height: 1.65;
  color: #627066;
  min-height: 66px;
}
.category ul {
  list-style: none;
  padding: 0;
  margin: 18px 0;
}
.category li {
  font-size: 12px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
}
.category a {
  font-size: 11px;
  font-weight: 800;
  margin-top: auto;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.category a span {
  float: right;
  font-size: 16px;
}
.category .sourceLink {
  padding: 0;
}
.category .sourceLink > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  color: var(--green);
  text-transform: none;
  letter-spacing: 0;
}
.category .sourceLink > a > span {
  float: none;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
}
.category .sourceLink small {
  font-size: 9px;
  line-height: 1.35;
  color: #748077;
  font-weight: 500;
}
.category .sourceLink i {
  font:
    normal 17px Georgia,
    serif;
  color: var(--orange);
}
.category .sourceLink > a:hover b {
  text-decoration: underline;
}
.documentLayers {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.category .documentLayers > li {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.52);
  padding: 11px 12px;
}
.category .documentLayers .sourceLink {
  padding: 0;
}
.category .documentLayers .sourceLink > a {
  padding: 12px;
}
.category .documentLayers .sourceLink > a:hover {
  background: #fff;
}
.category .documentLayers .sourceLink i {
  transition: transform 0.2s ease;
}
.category .documentLayers .sourceLink > a:hover i {
  transform: translate(2px, -2px);
}
.category .documentLayers .pendingLayer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  color: var(--green);
}
.category .documentLayers .pendingLayer > span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.category .documentLayers .pendingLayer b {
  font-size: 12px;
}
.category .documentLayers .pendingLayer small {
  font-size: 9px;
  line-height: 1.35;
  color: #748077;
  font-weight: 500;
}
.category .documentLayers .pendingLayer i {
  font:
    normal 21px Georgia,
    serif;
  color: var(--orange);
}
.category .documentLayers .planLayer {
  padding: 0;
}
.planLayer summary {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--green);
  cursor: pointer;
  list-style: none;
}
.planLayer summary::-webkit-details-marker {
  display: none;
}
.planLayer summary > span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.planLayer summary b {
  font-size: 12px;
}
.planLayer summary small {
  font-size: 9px;
  color: #748077;
  font-weight: 500;
}
.planLayer summary i {
  font:
    normal 21px Georgia,
    serif;
  color: var(--orange);
  transition: transform 0.2s ease;
}
.planLayer details[open] summary i {
  transform: rotate(45deg);
}
.planLayer details > a {
  display: block;
  margin: 0;
  padding: 0 10px 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.planLayer img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border: 1px solid var(--line);
  background: #20272d;
}
.planLayer details > a > span {
  display: block;
  float: none !important;
  margin-top: 8px;
  font-size: 9px;
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.planLayer .layerText {
  margin: 0;
  padding: 0 12px 14px;
  font-size: 10px;
  line-height: 1.55;
  color: #748077;
}
.layerPdf {
  padding: 0 10px 12px;
}
.layerPdf iframe {
  display: block;
  width: 100%;
  height: 440px;
  border: 1px solid var(--line);
  background: #fff;
}
.planLayer .layerPdf > a {
  display: block;
  margin: 0;
  padding: 11px 12px !important;
  background: var(--green);
  color: #f2c0aa;
  font-size: 9px !important;
  font-weight: 800;
  text-align: right;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
.timelineSection {
  background: var(--ink);
  color: white;
  padding: 100px 7vw;
}
.sectionHead.light > p {
  color: #aab6ad;
}
.timeline {
  max-width: 1050px;
  margin-left: auto;
}
.timeline article {
  display: grid;
  grid-template-columns: 100px 28px 1fr;
  position: relative;
  min-height: 150px;
}
.timeline time {
  font:
    italic 22px Georgia,
    serif;
  color: #e49371;
}
.lineDot {
  width: 11px;
  height: 11px;
  background: var(--orange);
  border-radius: 50%;
  margin-top: 6px;
  position: relative;
}
.lineDot:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 5px;
  height: 139px;
  border-left: 1px solid #ffffff33;
}
.timeline article:last-child .lineDot:after {
  display: none;
}
.timeline h3 {
  font:
    25px Georgia,
    serif;
  margin: 0 0 10px;
}
.timeline p {
  font-size: 13px;
  line-height: 1.7;
  color: #b9c2bb;
  max-width: 680px;
  margin: 0;
}
.timelineDocument {
  max-width: 760px;
  margin: 20px 0 34px;
  border: 1px solid #ffffff2b;
  background: #ffffff09;
}
.timelineDocument summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 17px;
  cursor: pointer;
  list-style: none;
  color: #eef3ef;
  font-size: 12px;
  font-weight: 700;
}
.timelineDocument summary::-webkit-details-marker {
  display: none;
}
.timelineDocument summary i {
  font:
    normal 22px Georgia,
    serif;
  color: #e49371;
  transition: transform 0.2s ease;
}
.timelineDocument[open] summary i {
  transform: rotate(45deg);
}
.timelinePdf {
  padding: 0 14px 14px;
}
.timelinePdf iframe {
  display: block;
  width: 100%;
  height: 540px;
  border: 0;
  background: white;
}
.timelinePdf a {
  display: block;
  padding: 13px 14px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.timelineImage > a {
  display: block;
  padding: 0 14px 14px;
}
.timelineImage img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #ffffff24;
  background: white;
}
.timelineImage > a > span {
  display: block;
  padding: 13px 14px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.timelineLegalSummary {
  max-width: 860px;
}
.timelineLegalContent {
  padding: 6px 22px 24px;
  border-top: 1px solid #ffffff1f;
}
.timelineLegalContent h4 {
  margin: 20px 0 18px;
  color: #f2c0aa;
  font:
    700 21px/1.25 Georgia,
    serif;
}
.timelineLegalContent p {
  max-width: none !important;
  margin: 0 0 16px !important;
  color: #d3dbd5 !important;
  font:
    14px/1.78 Georgia,
    serif !important;
}
.timelineLegalContent p:last-child {
  margin-bottom: 0 !important;
}
.timelineLegalImages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0 26px;
}
.timelineLegalImages figure {
  margin: 0;
  background: #fff;
  color: var(--ink);
}
.timelineLegalImages figcaption {
  min-height: 64px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  font:
    700 15px/1.4 Georgia,
    serif;
}
.timelineLegalImages a {
  display: block;
}
.timelineLegalImages img {
  display: block;
  width: 100%;
  height: 390px;
  object-fit: contain;
  background: #e7e5da;
  border-top: 1px solid var(--line);
}
.timelineLegalImages a > span {
  display: block;
  padding: 11px 13px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.timelineComparison {
  max-width: 860px;
}
.timelineComparisonGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 14px;
}
.timelineComparisonGrid figure {
  margin: 0;
  background: #fff;
  color: var(--ink);
}
.timelineComparisonGrid figcaption {
  min-height: 70px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  font:
    700 14px/1.4 Georgia,
    serif;
}
.timelineComparisonGrid a {
  display: block;
}
.timelineComparisonGrid img {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: contain;
  background: #e7e5da;
  border-top: 1px solid var(--line);
}
.timelineComparisonGrid a > span {
  display: block;
  padding: 11px 13px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.timelineBoundaryAnalysis {
  max-width: 860px;
}
.timelineBoundaryAnalysis > a {
  display: block;
  padding: 0 14px 14px;
}
.timelineBoundaryAnalysis img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 920px;
  object-fit: contain;
  background: #e7e5da;
  border: 1px solid #ffffff24;
}
.timelineBoundaryAnalysis a > span {
  display: block;
  padding: 12px 14px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.timelineOrthoPhoto {
  max-width: 980px;
}
.timelineOrthoContent {
  margin: 0 14px 14px;
}
.timelineOrthoContent a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.timelineOrthoContent img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 680px;
  object-fit: contain;
  background: #090d0b;
}
.timelineOrthoContent a span {
  display: block;
  padding: 9px 11px;
  background: #ffffff0d;
  color: #bdc8c0;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.timelineOrthoContent p {
  max-width: none !important;
  margin: 14px 2px 4px !important;
  color: #cbd4cd !important;
}
.timelineGalleryGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 0 14px 14px;
}
.timelineGallery figure {
  margin: 0;
  background: #fff;
}
.timelineGallery figcaption {
  min-height: 66px;
  padding: 13px 14px;
  color: var(--ink);
  font:
    700 13px/1.45 Georgia,
    serif;
}
.timelineGallery a {
  display: block;
}
.timelineGallery img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: contain;
  background: #e7e5da;
  border-top: 1px solid var(--line);
}
.timelineGallery a > span {
  display: block;
  padding: 12px 14px;
  background: var(--green);
  color: #f2c0aa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}
.pdfSection {
  padding: 100px 7vw;
  background: var(--paper);
  scroll-margin-top: 100px;
}
.pdfFrame {
  border: 1px solid var(--line);
  background: #e7e5da;
  box-shadow: 0 20px 50px #17271e1c;
}
.pdfFrame iframe {
  display: block;
  width: 100%;
  height: min(78vh, 900px);
  min-height: 620px;
  border: 0;
  background: white;
}
.pdfFallback {
  min-height: 68px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: var(--green);
  color: white;
}
.pdfFallback span {
  font:
    700 17px Georgia,
    serif;
}
.pdfFallback a {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f2c0aa;
}
.pdfSectionAlt {
  background: var(--cream);
  border-top: 1px solid var(--line);
}
.legalNote {
  padding: 100px 12vw;
  text-align: center;
  background: var(--cream);
}
.legalNote h2 {
  font:
    500 clamp(38px, 5vw, 70px) / 1 Georgia,
    serif;
  color: var(--ink);
  margin: 0 auto 42px;
}
.legalNote blockquote {
  font:
    italic clamp(26px, 3vw, 43px) / 1.35 Georgia,
    serif;
  color: var(--green);
  max-width: 1000px;
  margin: 0 auto 30px;
}
.legalNote > p:last-child {
  font-size: 13px;
  line-height: 1.7;
  color: #667169;
  max-width: 700px;
  margin: auto;
}
footer {
  min-height: 150px;
  padding: 35px 7vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
}
footer > p {
  font-size: 11px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #748077;
}
footer > a {
  font-size: 12px;
  font-weight: 800;
}
@media (max-width: 900px) {
  .siteHeader {
    height: auto;
    padding: 18px 5vw;
    align-items: flex-start;
    gap: 32px;
  }
  .siteHeader nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 18px;
    font-size: 11px;
  }
  .siteHeader nav a {
    padding: 3px 0;
  }
  .hero {
    grid-template-columns: 1fr;
    background: var(--paper);
    padding: 60px 6vw;
    gap: 42px;
  }
  .heroStory {
    font-size: clamp(24px, 5vw, 36px);
  }
  .planCard {
    height: 350px;
  }
  .quickStats {
    grid-template-columns: repeat(3, 1fr);
  }
  .quickStats.impactStat {
    grid-template-columns: 1fr;
  }
  .quickStats p {
    grid-column: 1/-1;
    padding: 20px 0 0;
  }
  .quickStats.impactStat p {
    padding: 4px 0 0;
  }
  .villageSummary {
    grid-template-columns: 1fr 1fr;
  }
  .villageSummaryItem:nth-child(2) {
    border-right: 0;
  }
  .villageSummaryItem:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
  .villageCards {
    grid-template-columns: 1fr;
  }
  .categoryGrid {
    grid-template-columns: 1fr 1fr;
  }
  .sectionHead {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .category {
    min-height: 350px;
  }
  .resourceSection {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 72px 6vw;
  }
  .resourcePdfViewer iframe {
    height: 560px;
  }
}
@media (max-width: 600px) {
  .siteHeader {
    position: relative;
    display: block;
  }
  .siteHeader nav {
    margin-top: 18px;
  }
  .brand b {
    font-size: 15px;
  }
  .hero {
    padding-top: 48px;
  }
  .hero h1 {
    font-size: 49px;
  }
  .heroActions {
    align-items: stretch;
    flex-direction: column;
  }
  .heroActions a {
    text-align: center;
  }
  .planCard {
    height: 290px;
  }
  .quickStats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .quickStats div {
    border-right: 0;
    border-bottom: 1px solid #ffffff2e;
    padding-bottom: 12px;
  }
  .villageArchive {
    padding: 72px 6vw;
  }
  .villageKicker {
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.075em;
  }
  .villageGeneralSummary {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 22px 20px;
  }
  .villageSummary {
    grid-template-columns: 1fr;
  }
  .villageSummaryItem,
  .villageSummaryItem:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .villageSummaryItem:last-child {
    border-bottom: 0;
  }
  .villageCards {
    grid-template-columns: 1fr;
  }
  .villageGroup h3 {
    font-size: 25px;
  }
  .villageLayerHead {
    align-items: flex-start;
    flex-direction: column;
  }
  .villageGallery {
    grid-template-columns: 1fr;
  }
  .villageVisual p {
    font-size: 9px;
  }
  .categoryGrid {
    grid-template-columns: 1fr;
  }
  .documents,
  .timelineSection,
  .pdfSection,
  .legalNote {
    padding: 72px 6vw;
  }
  .category {
    min-height: 330px;
  }
  .layerPdf iframe {
    height: 360px;
  }
  .timeline article {
    grid-template-columns: 70px 22px 1fr;
  }
  .timeline p {
    font-size: 12px;
  }
  .timelineDocument summary {
    font-size: 11px;
  }
  .timelinePdf iframe {
    height: 430px;
  }
  .timelineGalleryGrid,
  .timelineLegalImages,
  .timelineComparisonGrid {
    grid-template-columns: 1fr;
  }
  .timelineGallery img,
  .timelineLegalImages img,
  .timelineComparisonGrid img {
    height: auto;
    max-height: 560px;
  }
  .pdfFrame iframe {
    min-height: 520px;
    height: 70vh;
  }
  .pdfFallback {
    align-items: flex-start;
    flex-direction: column;
  }
  .pdfFallback a {
    line-height: 1.5;
  }
  .resourceCard {
    grid-template-columns: 60px 1fr 24px;
    gap: 16px;
    padding: 22px;
  }
  .resourceType {
    width: 56px;
    height: 56px;
  }
  .resourceCard b {
    font-size: 19px;
  }
  .resourcePdfViewer iframe {
    height: 470px;
  }
  footer {
    gap: 24px;
    align-items: flex-start;
    flex-direction: column;
  }
  footer > p {
    display: none;
  }
}

/* Tarım görüşü belge başlıkları */
.agricultureOpinion {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  padding: 14px 6vw;
}
.opinionKicker {
  align-self: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #f2c0aa;
  margin-right: 8px;
}
.agricultureOpinion > details {
  position: relative;
  margin: 0;
  max-width: none;
  flex: 1 1 205px;
  background: #fff;
  color: var(--ink);
  border: 1px solid #d4d8d1;
}
.agricultureOpinion > details > summary {
  min-height: 58px;
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
}
.agricultureOpinion summary i {
  font-size: 19px;
  flex: none;
}
.agricultureOpinion > details > summary i {
  color: var(--orange);
}
.opinionDetails {
  padding: 10px;
  background: #f5f4ee;
  border-top: 1px solid var(--line);
}
.opinionDetails details {
  background: #fff;
  border: 1px solid var(--line);
  margin-bottom: 8px;
}
.opinionDetails details:last-child {
  margin-bottom: 0;
}
.opinionDetails summary {
  padding: 13px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}
.opinionDetails p,
.opinionPending {
  margin: 0;
  padding: 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #49584f;
  background: #fff;
}
.agricultureOpinionDocument {
  padding: 10px;
}
.agricultureOpinionDocument a > span {
  font-size: 12px;
}
.heroStory {
  font:
    500 clamp(17px, 1.7vw, 24px) / 1.4 Georgia,
    serif;
  letter-spacing: 0;
}
.heroStory p {
  margin: 0 0 9px;
}
.heroStory p:last-child {
  margin: 0;
}
@media (max-width: 700px) {
  .agricultureOpinion {
    gap: 8px;
  }
  .opinionKicker {
    width: 100%;
  }
  .agricultureOpinion > details {
    flex-basis: 100%;
  }
  .heroStory {
    font-size: 17px;
  }
}
.opinionFile {
  display: inline-block;
  color: #174b35;
  text-decoration: underline;
  font-weight: 700;
}
.cimerDocument iframe {
  display: block;
  width: 100%;
  height: 65vh;
  min-height: 360px;
  border: 0;
  background: #fff;
}
.opinionMedia {
  padding: 12px;
  background: #fff;
}
.opinionMedia video {
  display: block;
  width: 100%;
  max-height: 460px;
  background: #111;
}
.opinionMedia a {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #174b35;
  text-decoration: underline;
  font-weight: 700;
}

.schemaCard {
  background: #fff;
  border: 8px solid #fff;
  height: auto;
  min-height: 270px;
  display: grid;
  place-items: center;
}
.schemaCard a {
  display: block;
  width: 100%;
}
.schemaCard img {
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff;
}
.newsSection {
  order: 4;
  padding: 72px 7vw;
  background: #f2f0e9;
  scroll-margin-top: 100px;
}
.quickStats {
  order: 5;
}
.villageArchive {
  order: 6;
}
.timelineSection {
  order: 7;
}
.documents {
  order: 8;
}
.presentationResource {
  order: 9;
}
.pdfResource {
  order: 10;
}
.legalNote {
  order: 11;
}
footer {
  order: 12;
}
.newsIntro {
  max-width: 860px;
}
.newsIntro h2 {
  font:
    500 clamp(38px, 4vw, 58px) / 1.1 Georgia,
    serif;
  margin: 0 0 12px;
}
.newsIntro > p:last-child {
  font-size: 16px;
  line-height: 1.55;
  color: #4e6053;
}
.newsTabs {
  display: flex;
  gap: 8px;
  margin-top: 28px;
  border-bottom: 1px solid var(--line);
}
.newsTabs button {
  border: 1px solid var(--line);
  border-bottom: 0;
  background: #e6e6de;
  color: var(--ink);
  padding: 14px 22px;
  cursor: pointer;
  font:
    700 15px Arial,
    sans-serif;
}
.newsTabs button[aria-selected="true"] {
  background: #fff;
  color: var(--green);
  box-shadow: inset 0 3px var(--green);
}
.newsTabs button:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 2px;
}
.newsPanel {
  background: white;
  padding: 25px;
  max-width: 900px;
  min-height: 180px;
}
.newsPanel[hidden] {
  display: none;
}
.newsPanel video {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 560px;
  background: #121b16;
}
.newsSource {
  font-size: 13px;
  color: #657267;
}
.newsPanel h3 {
  font:
    600 27px/1.3 Georgia,
    serif;
  max-width: 710px;
}
.newsPanel > p:not(.newsSource) {
  font-size: 16px;
  line-height: 1.6;
  max-width: 700px;
}
.newsPanel a {
  display: inline-block;
  padding: 12px 18px;
  background: var(--green);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 700px) {
  .newsSection {
    padding: 55px 6vw;
  }
  .newsTabs button {
    flex: 1;
    padding: 13px 10px;
  }
  .newsPanel {
    padding: 16px;
  }
  .newsPanel h3 {
    font-size: 23px;
  }
}
.hero .impactHeadline {
  font-size: clamp(31px, 3.3vw, 54px);
  line-height: 1.13;
  letter-spacing: -0.035em;
  overflow-wrap: break-word;
}
.heroIntro > .eyebrow {
  font-size: clamp(16px, 1.45vw, 21px);
  line-height: 1.4;
  letter-spacing: 0.14em;
}
.newsTabs {
  flex-wrap: wrap;
}
.newsEvidence {
  max-width: 1100px;
}
.newsEvidence h3 {
  max-width: 950px;
}
.newsEvidenceGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.newsEvidenceGrid a {
  display: block;
  padding: 0;
  background: transparent;
  color: var(--green);
  border: 1px solid var(--line);
}
.newsEvidenceGrid a:hover {
  background: #f4f3ee;
}
.newsEvidenceGrid img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: contain;
  background: #fff;
}
.newsEvidenceGrid span {
  display: block;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 700px) {
  .newsEvidenceGrid {
    grid-template-columns: 1fr;
  }
  .newsTabs button {
    flex: 1 1 100%;
  }
}
.newsEvidenceSection {
  order: 5;
  padding: 64px 7vw;
  background: #e9ece5;
  scroll-margin-top: 100px;
}
.newsEvidence {
  margin: auto;
}
.newsEvidence h2 {
  font:
    600 clamp(26px, 3vw, 40px) / 1.2 Georgia,
    serif;
  max-width: 950px;
  margin: 0 0 30px;
}
.quickStats {
  order: 6;
}
.villageArchive {
  order: 7;
}
.timelineSection {
  order: 8;
}
.documents {
  order: 9;
}
.presentationResource {
  order: 10;
}
.pdfResource {
  order: 11;
}
.legalNote {
  order: 12;
}
footer {
  order: 13;
}
@media (max-width: 700px) {
  .newsEvidenceSection {
    padding: 48px 6vw;
  }
  .siteHeader nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}
.siteHeader {
  order: 1;
}
.newsEvidenceSection {
  order: 2;
}
.agricultureOpinion {
  order: 3;
}
.hero {
  order: 4;
}
.newsSection {
  order: 5;
}
.quickStats {
  order: 6;
}
.villageArchive {
  order: 7;
}
.timelineSection {
  order: 8;
}
.documents {
  order: 9;
}
.presentationResource {
  order: 10;
}
.pdfResource {
  order: 11;
}
.legalNote {
  order: 12;
}
footer {
  order: 13;
}

.newsEvidenceGrid:has(> a:only-child) {
  grid-template-columns: minmax(0, 736px);
  justify-content: center;
}
.newsEvidenceGrid > a:only-child img {
  max-height: none;
}

.courtProcessPlaceholder {
  min-height: 80px;
  background: #fff;
}

/* Static HTML: navigation, keyboard access and media on narrow screens. */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.agricultureOpinion {
  align-items: flex-start;
}
.agricultureOpinion > details[open] {
  flex: 1 1 100%;
  width: 100%;
}
.skipLink {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100;
  padding: 12px 18px;
  background: var(--green);
  color: #fff;
  transform: translateY(-160%);
}
.skipLink:focus {
  transform: translateY(0);
}
:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 4px;
}
img,
video,
iframe {
  max-width: 100%;
}
.timeline article[id],
#anasayfa {
  scroll-margin-top: 120px;
}
.timeline time {
  overflow-wrap: anywhere;
}
.courtDocuments {
  padding: 12px;
  gap: 12px;
}
.courtDocuments figure {
  min-width: 0;
  margin: 0;
}
.courtDocuments figcaption {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 700;
}
.courtDocuments img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 540px;
  object-fit: contain;
}
.courtDocuments a > span {
  display: block;
  padding: 10px 0;
  font-size: 11px;
  font-weight: 700;
}
.timelineBoundaryAnalysis img {
  object-fit: contain;
}
@media (max-width: 700px) {
  .courtDocuments {
    grid-template-columns: 1fr;
  }
  .timeline article[id],
  #anasayfa {
    scroll-margin-top: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition: none !important;
  }
}