/* Aşama 7 · Ortak yeşil neon teması.
   Tüm sayfalarda en son yüklenir; renk, kenarlık ve parlama durumlarını tek yerde toplar.
   Yerleşim, içerik ve laboratuvar davranışına dokunmaz. */
:root {
  --neon: #39ff88;
  --neon-strong: #00e676;
  --neon-teal: #00e5c7;
  --neon-blue: #4da3ff;
  --neon-violet: #a78bfa;
  --neon-ink: #04170c;

  --color-bg: #111315;
  --color-surface: #1b1f22;
  --color-surface-raised: #20262a;
  --color-surface-soft: #242b30;
  --color-border: #2a3a33;
  --color-border-strong: #355445;
  --color-accent: var(--neon);
  --color-turquoise: var(--neon-teal);
  --color-violet: var(--neon-violet);
  --color-green: var(--neon);

  /* Kenarlık ve parlama kademeleri: sakin → etkileşimli → hover → aktif. */
  --neon-line-soft: rgba(57, 255, 136, .2);
  --neon-line: rgba(57, 255, 136, .5);
  --neon-line-hot: #39ff88;
  --glow-soft: 0 0 0 1px rgba(57, 255, 136, .06), 0 0 14px rgba(57, 255, 136, .08);
  --glow-rest: 0 0 0 1px rgba(57, 255, 136, .14), 0 0 14px rgba(57, 255, 136, .24);
  --glow-hover: 0 0 0 1px rgba(57, 255, 136, .7), 0 0 20px rgba(57, 255, 136, .55), 0 0 44px rgba(0, 230, 118, .26);
  --glow-active: 0 0 0 2px rgba(57, 255, 136, .85), 0 0 26px rgba(57, 255, 136, .7), inset 0 0 16px rgba(57, 255, 136, .22);
  --glow-focus: 0 0 0 3px #111315, 0 0 0 5px #39ff88, 0 0 24px rgba(57, 255, 136, .6);
  --neon-ease: .22s ease;
}

::selection { background: #00e676; color: #04170c; }

body {
  background:
    radial-gradient(ellipse 55% 38% at 4% 2%, rgba(57, 255, 136, .09), transparent 70%),
    radial-gradient(ellipse 45% 35% at 98% 12%, rgba(0, 229, 199, .07), transparent 72%),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(77, 163, 255, .05), transparent 70%),
    var(--color-bg);
}
html { background: var(--color-bg); }

/* Klavye odağı: her yerde net yeşil çerçeve. */
:focus-visible { outline: 2px solid var(--neon); outline-offset: 3px; }
.skip-link { border-color: var(--neon); background: var(--neon); color: var(--neon-ink); box-shadow: var(--glow-hover); }

/* Başlık, marka ve vurgulu metin */
.site-header { border-bottom-color: rgba(57, 255, 136, .28); background: rgba(17, 19, 21, .9); box-shadow: 0 1px 0 rgba(57, 255, 136, .08), 0 8px 30px rgba(0, 0, 0, .35); }
.site-footer { border-top-color: rgba(57, 255, 136, .25); background: #0d0f11; }
.footer-bottom { border-top-color: #22302a; }
.brand-mark { border-color: var(--neon-line); background: linear-gradient(145deg, #15362a, #111315); box-shadow: var(--glow-rest); }
.brand-mark svg { fill: var(--neon); }
.brand-word > span { color: var(--neon); }
.eyebrow { color: #9fdcbf; }
.eyebrow-dot, .status-pill__dot, .course-status > span { background: var(--neon); box-shadow: 0 0 10px var(--neon), 0 0 20px rgba(57, 255, 136, .5); }
.section-eyebrow, .lesson-chapter__eyebrow, .field-label, .feature-label, .topic-map-card__type, .subject-type { color: #6fd6a8; }
.hero h1 span,
.section-heading h2 span,
.updates-intro h2 span,
.closing-card h2 span,
.bio-hero h1 > span,
.bio-section-heading h2 span,
.lesson-content-heading h2 span,
.learning-objectives h2 span {
  background: linear-gradient(90deg, var(--neon) 0%, var(--neon-teal) 60%, var(--neon-blue) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 500;
}
.hero-note__line, .dashboard-small-line, .art-footer-line { background: linear-gradient(90deg, var(--neon), var(--neon-teal)); }
.hero-bottom-rule { background: linear-gradient(90deg, transparent, rgba(57, 255, 136, .45) 12%, rgba(0, 229, 199, .45) 88%, transparent); }
.hero-bottom-rule span { background: var(--neon); box-shadow: 0 0 10px var(--neon); }

/* ---------- Butonlar ---------- */
.button,
.header-cta,
.menu-toggle,
.photo-lab button,
.lab-entry .button {
  border: 1px solid var(--neon-line);
  box-shadow: var(--glow-rest);
  transition: transform var(--neon-ease), background var(--neon-ease), border-color var(--neon-ease), color var(--neon-ease), box-shadow var(--neon-ease);
}
.button--light,
.header-cta,
.photo-lab .lab-quiz-actions button[type="submit"] {
  border-color: var(--neon);
  background: linear-gradient(135deg, var(--neon) 0%, var(--neon-strong) 55%, var(--neon-teal) 100%);
  color: var(--neon-ink);
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(57, 255, 136, .35), 0 0 18px rgba(57, 255, 136, .45), 0 6px 22px rgba(0, 230, 118, .2);
}
.button--light:hover,
.header-cta:hover,
.photo-lab .lab-quiz-actions button[type="submit"]:hover {
  border-color: #b9ffd6;
  background: linear-gradient(135deg, #7dffb2 0%, var(--neon) 55%, #3dfde0 100%);
  color: var(--neon-ink);
  box-shadow: var(--glow-hover);
}
.button--quiet,
.menu-toggle,
.photo-lab button {
  border-color: var(--neon-line);
  background: rgba(57, 255, 136, .07);
  color: #d9ffe9;
}
.button--quiet:hover,
.menu-toggle:hover,
.photo-lab button:hover {
  border-color: var(--neon-line-hot);
  background: rgba(57, 255, 136, .16);
  color: #fff;
  box-shadow: var(--glow-hover);
}
.button:active,
.header-cta:active,
.menu-toggle:active,
.photo-lab button:active { transform: translateY(0) scale(.98); box-shadow: var(--glow-active); }
.menu-toggle[aria-expanded="true"],
.photo-lab .lab-part-buttons [aria-pressed="true"] {
  border-color: var(--neon-line-hot);
  background: rgba(57, 255, 136, .2);
  color: #fff;
  box-shadow: var(--glow-active);
}
.button:focus-visible,
.header-cta:focus-visible,
.menu-toggle:focus-visible,
.photo-lab button:focus-visible { outline: 2px solid transparent; box-shadow: var(--glow-focus); }

/* ---------- Navigasyon bağlantıları ---------- */
.primary-navigation { gap: clamp(6px, 1vw, 12px); }
.primary-navigation a {
  padding: 7px 13px;
  border: 1px solid var(--neon-line-soft);
  border-radius: 999px;
  color: #c9d8d0;
  transition: color var(--neon-ease), background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.primary-navigation a:hover {
  border-color: var(--neon-line-hot);
  background: rgba(57, 255, 136, .1);
  color: #fff;
  box-shadow: var(--glow-hover);
}
.primary-navigation a[aria-current="page"] {
  border-color: var(--neon);
  background: rgba(57, 255, 136, .18);
  color: var(--neon);
  text-decoration: none;
  box-shadow: var(--glow-rest);
}
.primary-navigation a:active { box-shadow: var(--glow-active); }
.footer-navigation a, .back-to-top, .page-breadcrumb a, .bio-hero__meta a { transition: color var(--neon-ease), text-shadow var(--neon-ease); }
.footer-navigation a:hover, .back-to-top:hover, .page-breadcrumb a:hover, .bio-hero__meta a:hover, .lesson-sidebar__back:hover {
  color: var(--neon);
  text-shadow: 0 0 10px rgba(57, 255, 136, .7);
}
.page-breadcrumb a { color: #8fd8b5; }
.page-breadcrumb [aria-current="page"] { color: #e9f5ee; }
.text-link { border-bottom-color: var(--neon-line); color: #b9ffd7; transition: color var(--neon-ease), border-color var(--neon-ease), text-shadow var(--neon-ease); }
.text-link:hover { border-color: var(--neon); color: var(--neon); text-shadow: 0 0 10px rgba(57, 255, 136, .6); }

/* Konu menüsü (sekme benzeri seçilebilir bağlantılar) */
.lesson-sidebar nav { gap: 6px; border-top: 0; }
.lesson-sidebar nav a,
.topic-page .lesson-sidebar nav a {
  padding-inline: 10px;
  border: 1px solid var(--neon-line-soft);
  border-radius: 9px;
  background: rgba(27, 31, 34, .8);
  color: #b8c8c0;
  transition: color var(--neon-ease), background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.lesson-sidebar nav a span { color: #5fcf9c; }
.lesson-sidebar nav a:hover,
.topic-page .lesson-route .lesson-sidebar nav a:hover {
  border-color: var(--neon-line-hot);
  background: rgba(57, 255, 136, .09);
  color: #fff;
  box-shadow: var(--glow-hover);
}
.topic-page .lesson-route .lesson-sidebar nav a[aria-current="page"] {
  border-color: var(--neon);
  background: linear-gradient(90deg, rgba(57, 255, 136, .24), rgba(0, 229, 199, .08));
  color: #eafff2;
  font-weight: 620;
  box-shadow: inset 3px 0 var(--neon), var(--glow-rest);
}
.topic-page .lesson-route .lesson-sidebar nav a[aria-current="page"] span { color: var(--neon); }
.lesson-sidebar nav a:active { box-shadow: var(--glow-active); }
.lesson-sidebar__back { color: #8fd8b5; }

/* ---------- Kartlar ---------- */
.subject-card,
.topic-map-card,
.lesson-pagination a,
.lab-entry > a,
.course-topic-card__outline li a {
  border-color: var(--neon-line);
  box-shadow: var(--glow-rest);
  transition: transform var(--neon-ease), background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease), color var(--neon-ease);
}
.subject-card,
.topic-map-card,
.lesson-pagination a { background: linear-gradient(145deg, #1f262a, #171b1e 70%); }
.topic-page .route-card { background: linear-gradient(140deg, #1f282b, #171b1e 72%); }
.subject-card:hover,
.topic-map-card:hover,
.lesson-pagination a:hover,
.lab-entry > a:hover {
  transform: translateY(-3px);
  border-color: var(--neon-line-hot);
  background: linear-gradient(145deg, #1f3a2d, #172024 70%);
  box-shadow: var(--glow-hover);
}
.subject-card:active,
.topic-map-card:active,
.lesson-pagination a:active,
.lab-entry > a:active { transform: translateY(-1px); box-shadow: var(--glow-active); }
.subject-card:focus-visible,
.lesson-pagination a:focus-visible,
.lab-entry > a:focus-visible,
.course-topic-card__outline li a:focus-visible { outline: 2px solid transparent; box-shadow: var(--glow-focus); }
.topic-map-card:focus-within { border-color: var(--neon-line-hot); box-shadow: var(--glow-focus); }
.topic-map-card h3 a:hover { color: var(--neon); }
.topic-page .route-card h3 { color: #f2fff7; }
.topic-page .route-card .topic-map-card__number,
.topic-page .route-card .topic-map-card__main-link { color: var(--card-accent, var(--neon-blue)); }
.topic-page .route-card .topic-map-card__number { border-color: var(--card-accent, var(--neon-blue)); box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent, #4da3ff) 45%, transparent); }
.subject-card:hover .subject-arrow { color: var(--neon); }
.subject-card strong { color: #f2fff7; }
.lesson-pagination .pagination-direction { color: #6fd6a8; }
.lesson-pagination .pagination-arrow { color: var(--neon); }
.lab-entry > a { border-color: var(--neon-line); background: radial-gradient(ellipse at 95% 0, rgba(0, 229, 199, .22), transparent 65%), radial-gradient(ellipse at 0 100%, rgba(57, 255, 136, .12), transparent 60%), #15201f; }
.lab-entry .eyebrow { color: var(--neon-teal); }
.course-topic-card__outline li a { border: 1px solid var(--neon-line-soft); box-shadow: none; }
.course-topic-card__outline li a:hover { border-color: var(--neon-line-hot); background: rgba(57, 255, 136, .09); color: #fff; box-shadow: var(--glow-hover); }
.course-topic-card__outline li a > span { color: var(--neon); }
.course-topic-card h3 a:hover { color: var(--neon); text-shadow: 0 0 16px rgba(57, 255, 136, .5); }
.course-topic-card__button { color: var(--neon); }
.course-source-note > a, .curriculum-scope-card > a { color: #b9ffd7; }
.course-source-note > a:hover, .curriculum-scope-card > a:hover { color: var(--neon); text-shadow: 0 0 10px rgba(57, 255, 136, .6); }
.topic-map-card__links a::before { color: var(--neon-teal); }
.topic-map-card__links a:hover { color: var(--neon); }
.topic-map-card__main-link { color: var(--neon); }

/* Normal (etkileşimsiz) kartlar: yalnızca hafif yeşil kenar. */
.learning-card,
.course-topic-card,
.closing-card,
.hero-dashboard,
.bio-hero__art,
.curriculum-scope-card,
.course-source-note,
.pdf-ready-note,
.visual-caption,
.lesson-preview {
  border-color: var(--neon-line-soft);
  box-shadow: var(--glow-soft), 0 24px 60px rgba(0, 0, 0, .3);
}
.learning-card, .course-topic-card { background: linear-gradient(145deg, #1d2326, #15191b 78%); }
.course-topic-card__outline { border-left-color: var(--neon-line-soft); }
.hero-dashboard { background: radial-gradient(ellipse at 77% 43%, rgba(57, 255, 136, .12), transparent 40%), linear-gradient(138deg, #1d2427, #15191b 62%, #121517); }
.closing-card { background: radial-gradient(ellipse at 78% 52%, rgba(0, 229, 199, .14), transparent 42%), linear-gradient(125deg, #1d2326, #14181a 67%); }
.bio-hero__art { background: radial-gradient(ellipse at 52% 51%, rgba(57, 255, 136, .11), transparent 50%), linear-gradient(145deg, #1d2427, #14181a); }
.learning-section, .updates-section, .course-topic-section, .lesson-content-section, .curriculum-scope-section, .reference-section { background: #0f1113; }
.learning-objectives { background: #0f1113; border-color: #22302a; }
.features-grid, .feature-item, .updates-list, .update-item { border-color: #26352e; }
.feature-item:hover { background: linear-gradient(180deg, rgba(57, 255, 136, .07), transparent); }
.status-pill, .course-status { border-color: var(--neon-line); color: #b9ffd7; box-shadow: var(--glow-soft); }
.coming-soon { color: #a7c2b5; }
.coming-soon > span { background: var(--neon-violet); box-shadow: 0 0 8px var(--neon-violet); }
.update-tag { color: var(--neon); }
.update-tag--muted { color: var(--neon-violet); }
.orbit-ring--outer::before, .dashboard-status > span, .lesson-preview__dot { background: var(--neon); box-shadow: 0 0 10px var(--neon); }
.orbit-core, .topic-orbit__core { border-color: var(--neon-line); box-shadow: var(--glow-rest), 0 8px 30px rgba(0, 0, 0, .42); }
.orbit-core > span, .closing-card__mark > span, .energy-diagram__atp b, .topic-orbit__core b { color: var(--neon); text-shadow: 0 0 14px rgba(57, 255, 136, .55); }
.orbit-node, .topic-orbit__node, .topic-orbit__tag { border-color: rgba(0, 229, 199, .45); color: #bff9ef; }
.orbit-ring { border-color: rgba(57, 255, 136, .2); }
.energy-diagram__sun, .energy-diagram__leaf, .energy-diagram__atp { border-color: var(--neon-line); box-shadow: var(--glow-rest); }
.energy-diagram__sun { color: #ffd65c; border-color: rgba(255, 214, 92, .55); box-shadow: 0 0 18px rgba(255, 214, 92, .3); }
.energy-diagram__leaf svg { stroke: var(--neon); }
.energy-diagram__connector { background: linear-gradient(90deg, transparent, var(--neon), transparent); }
.energy-diagram__connector::after { border-color: var(--neon); }
.closing-card__mark { border-color: var(--neon-line); box-shadow: var(--glow-rest); }

/* Renkli simgeler ve numaralar (sıralı yeşil / turkuaz / mavi / mor). */
.subject-icon,
.feature-item__icon,
.learning-card__icon,
.update-item__symbol,
.course-topic-card__symbol,
.course-source-note__mark,
.curriculum-scope-card__mark,
.pdf-ready-note__icon,
.lesson-chapter__number,
.topic-map-card__number,
.section-number,
.pdf-resource__icon {
  --icon-tone: var(--neon);
  border-color: color-mix(in srgb, var(--icon-tone) 60%, transparent);
  background: color-mix(in srgb, var(--icon-tone) 12%, #15191b);
  color: var(--icon-tone);
  box-shadow: 0 0 14px color-mix(in srgb, var(--icon-tone) 28%, transparent);
}
.subject-card:nth-child(4n+2) .subject-icon,
.feature-item:nth-child(4n+2) .feature-item__icon,
.learning-card:nth-child(3n+2) .learning-card__icon,
.update-item:nth-child(4n+2) .update-item__symbol,
.curriculum-scope-card__mark { --icon-tone: var(--neon-teal); }
.subject-card:nth-child(4n+3) .subject-icon,
.feature-item:nth-child(4n+3) .feature-item__icon,
.learning-card:nth-child(3n) .learning-card__icon,
.update-item:nth-child(4n+3) .update-item__symbol,
.course-source-note__mark { --icon-tone: var(--neon-blue); }
.subject-card:nth-child(4n) .subject-icon,
.feature-item:nth-child(4n) .feature-item__icon,
.update-item:nth-child(4n) .update-item__symbol,
.pdf-ready-note__icon { --icon-tone: var(--neon-violet); }
.update-item--upcoming .update-item__symbol { background: transparent; box-shadow: none; }

/* ---------- Okuma alanları: sade, renkli kenar ve etiketler ---------- */
.lesson-copy li::marker, .lesson-summary li::marker { color: var(--neon); }
.lesson-copy h3 { color: #f2fff7; }
.lesson-chapter { border-top-color: #26352e; }
.chapter-subsection { border-top-color: #26332d; }
.reading-callout,
.lesson-route .reading-callout {
  border: 1px solid rgba(77, 163, 255, .28);
  border-left: 3px solid var(--neon-blue);
  border-radius: 0 10px 10px 0;
  background: linear-gradient(90deg, rgba(77, 163, 255, .12), rgba(27, 31, 34, .6));
}
.reading-callout__label { color: var(--neon-blue); }
.reading-callout--example,
.lesson-route .reading-callout--example { border-color: rgba(0, 229, 199, .28); border-left-color: var(--neon-teal); background: linear-gradient(90deg, rgba(0, 229, 199, .11), rgba(27, 31, 34, .6)); }
.reading-callout--example .reading-callout__label { color: var(--neon-teal); }
.reading-callout--caution,
.lesson-route .reading-callout--caution { border-color: rgba(167, 139, 250, .3); border-left-color: var(--neon-violet); background: linear-gradient(90deg, rgba(167, 139, 250, .12), rgba(27, 31, 34, .6)); }
.reading-callout--caution .reading-callout__label { color: var(--neon-violet); }
.chapter-note { border-left-color: var(--neon-teal); }
.lesson-figure, .chapter-visual, .table-scroll { border-color: #2c3d35; }
.lesson-figure figcaption strong { color: #b9ffd7; }
.comparison-table thead th, .materials-table thead th { color: var(--neon); }
.key-term-list dt, .factor-list dt, .experiment-facts dt { color: #c9ffe0; }
.objective-list li span { color: var(--neon); }
.lesson-summary,
.knowledge-check,
.lesson-route .lesson-summary,
.lesson-route .knowledge-check {
  border-color: var(--neon-line-soft);
  background: var(--color-surface);
  box-shadow: var(--glow-soft);
}
.lesson-summary h3 { color: var(--neon-teal); }
.knowledge-check h3 { color: var(--neon); }
.reference-panel { border-color: #2c3d35; }
.reference-list a { text-decoration-color: rgba(57, 255, 136, .4); }
.reference-list a::before { color: var(--neon-teal); }
.reference-list a:hover { color: var(--neon); text-decoration-color: var(--neon); }

/* Açılır sorular */
.question-item { border-top-color: #2a3a33; }
.question-item summary { margin: 4px -8px; padding: 11px 8px; border: 1px solid transparent; border-radius: 9px; transition: background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease), color var(--neon-ease); }
.question-item summary::before { border-color: var(--neon-line); color: var(--neon); box-shadow: 0 0 10px rgba(57, 255, 136, .3); transition: background var(--neon-ease), box-shadow var(--neon-ease); }
.question-item summary:hover { border-color: var(--neon-line); background: rgba(57, 255, 136, .06); color: #fff; box-shadow: var(--glow-rest); }
.question-item summary:hover::before { background: rgba(57, 255, 136, .16); box-shadow: 0 0 14px rgba(57, 255, 136, .7); }
.question-item[open] summary,
.lesson-route .question-item[open] summary { border-color: var(--neon-line); background: rgba(57, 255, 136, .09); color: #eafff2; box-shadow: var(--glow-rest); }
.question-item[open] summary::before { border-color: var(--neon); background: var(--neon); color: var(--neon-ink); }
.question-item summary:focus-visible { outline: 2px solid transparent; box-shadow: var(--glow-focus); }

/* ---------- Fotosentez Laboratuvarı: kontrol panelleri ve seçenekler ---------- */
.photo-lab { --lab-green: #39ff88; --lab-cyan: #00e5c7; border-block-color: rgba(57, 255, 136, .3); }
.photo-lab .lab-heading { border-left-color: var(--neon); }
.photo-lab .lab-heading h2 span { color: var(--neon); text-shadow: 0 0 22px rgba(57, 255, 136, .45); }
.photo-lab .lab-kicker { color: #6fe9c6; }
.photo-lab :is(button, a, input, select, summary, [role="button"]):focus-visible { outline: 3px solid var(--neon); outline-offset: 4px; }
.photo-lab .lab-panel { border-color: rgba(57, 255, 136, .32); box-shadow: 0 0 0 1px rgba(57, 255, 136, .06), 0 0 22px rgba(57, 255, 136, .1), 0 20px 60px #02071355; }
.photo-lab .lab-panel:target { border-color: var(--neon); box-shadow: var(--glow-rest), 0 20px 60px #02071355; }
.photo-lab .lab-controls,
.photo-lab .lab-chart {
  border-color: var(--neon-line);
  box-shadow: var(--glow-rest);
  transition: border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.photo-lab .lab-controls:hover,
.photo-lab .lab-controls:focus-within,
.photo-lab .lab-chart:hover,
.photo-lab .lab-chart:focus-within { border-color: var(--neon-line-hot); box-shadow: var(--glow-hover); }
.photo-lab .lab-controls input[type="range"] { border-radius: 999px; transition: filter var(--neon-ease); }
.photo-lab .lab-controls input[type="range"]:hover { filter: drop-shadow(0 0 6px rgba(57, 255, 136, .75)); }
.photo-lab .lab-controls input[type="range"]:active,
.photo-lab .lab-controls input[type="range"]:focus-visible { filter: drop-shadow(0 0 9px rgba(57, 255, 136, .95)); }
.photo-lab .lab-reading { border-color: rgba(0, 229, 199, .5); border-left-color: var(--neon); box-shadow: inset 0 0 22px rgba(57, 255, 136, .1); }
.photo-lab .lab-reading strong { color: var(--neon); text-shadow: 0 0 16px rgba(57, 255, 136, .55); }
.photo-lab select {
  border-color: var(--neon-line);
  background-color: #12241d;
  color: #eafff2;
  box-shadow: var(--glow-rest);
  transition: border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.photo-lab select:hover { border-color: var(--neon-line-hot); box-shadow: var(--glow-hover); }
.photo-lab select:focus-visible { outline: 2px solid transparent; box-shadow: var(--glow-focus); }
.photo-lab .lab-nav a {
  border-color: var(--neon-line);
  background: rgba(57, 255, 136, .07);
  color: #d9ffe9;
  box-shadow: var(--glow-rest);
  transition: background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease), color var(--neon-ease);
}
.photo-lab .lab-nav a:hover { border-color: var(--neon-line-hot); background: rgba(57, 255, 136, .16); color: #fff; box-shadow: var(--glow-hover); }
.photo-lab .lab-nav a:active { box-shadow: var(--glow-active); }

/* Grafik: daha canlı eğri ve kontrastlı ızgara. */
.photo-lab .graph-grid { stroke: #24463a; }
.photo-lab .graph-axis { stroke: #7fdcb4; }
.photo-lab .graph-labels { fill: #cfe9dd; }
.photo-lab #graph-curve { stroke: var(--neon); stroke-width: 3.5; filter: drop-shadow(0 0 5px rgba(57, 255, 136, .85)); }
.photo-lab #graph-point { fill: #ffd65c; filter: drop-shadow(0 0 6px rgba(255, 214, 92, .9)); }
.photo-lab .lab-chart-key span:first-child { color: var(--neon); }
.photo-lab .lab-chart-key span:last-child { color: #ffd65c; }

/* Kloroplast keşfi */
.photo-lab .chloroplast-map { border-color: var(--neon-line); box-shadow: var(--glow-rest); }
.photo-lab .chloroplast-map [role="button"] { transition: filter var(--neon-ease); }
.photo-lab .chloroplast-map [role="button"]:hover { filter: drop-shadow(0 0 6px rgba(57, 255, 136, .8)); }
.photo-lab .chloroplast-map [aria-pressed="true"] { filter: drop-shadow(0 0 8px rgba(57, 255, 136, .9)); }
.photo-lab .chloroplast-map [aria-pressed="true"] > :is(rect, circle) { stroke: var(--neon); }
.photo-lab .lab-explanation { border-color: rgba(0, 229, 199, .4); box-shadow: inset 0 2px rgba(0, 229, 199, .3), 0 0 16px rgba(0, 229, 199, .12); }
.photo-lab .lab-part-buttons [aria-pressed="true"]:hover { background: rgba(57, 255, 136, .26); }

/* Kavram kartları (etkileşimli bilgi kartları) */
.photo-lab .lab-card {
  border-color: var(--neon-line);
  box-shadow: var(--glow-rest);
  transition: background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.photo-lab .lab-card:hover { border-color: var(--neon-line-hot); background: #15302a; box-shadow: var(--glow-hover); }
.photo-lab .lab-card[open] { border-color: var(--neon); background: #143027; box-shadow: var(--glow-active); }
.photo-lab .lab-card summary span { color: var(--neon); }
.photo-lab .lab-card:has(summary:focus-visible) { box-shadow: var(--glow-focus); }

/* Test cevap seçenekleri */
.photo-lab #photo-quiz fieldset label {
  border-color: var(--neon-line-soft);
  box-shadow: none;
  transition: background var(--neon-ease), border-color var(--neon-ease), box-shadow var(--neon-ease);
}
.photo-lab #photo-quiz fieldset label:hover { border-color: var(--neon-line-hot); background: #15302a; box-shadow: var(--glow-hover); }
.photo-lab #photo-quiz fieldset label:has(input:checked) { border-color: var(--neon); background: #17392d; box-shadow: var(--glow-active); }
.photo-lab #photo-quiz fieldset label:has(input:focus-visible) { box-shadow: var(--glow-focus); }
.photo-lab #photo-quiz input { accent-color: var(--neon); }
.photo-lab .quiz-feedback.is-correct { border-color: var(--neon); }
.photo-lab #quiz-result { color: var(--neon); text-shadow: 0 0 14px rgba(57, 255, 136, .5); }

/* ---------- Mobil ---------- */
@media (max-width: 820px) {
  .primary-navigation { gap: 7px; }
  .primary-navigation a { padding: 12px 14px; border: 1px solid var(--neon-line-soft); border-radius: 10px; }
  .primary-navigation a:first-child { border-top: 1px solid var(--neon-line-soft); }
  .primary-navigation a:hover { border-color: var(--neon-line-hot); }
  .primary-navigation a[aria-current="page"] { border-color: var(--neon); }
  .course-topic-card__outline { border-top-color: var(--neon-line-soft); }
  .lesson-sidebar nav, .topic-page .lesson-sidebar nav { border-color: #26352e; }
}

/* Azaltılmış hareket: parlamalar kalır, kaymalar ve geçişler kapanır. */
@media (prefers-reduced-motion: reduce) {
  .button:hover, .header-cta:hover, .subject-card:hover, .topic-map-card:hover, .lesson-pagination a:hover, .lab-entry > a:hover,
  .button:active, .header-cta:active, .menu-toggle:active, .photo-lab button:active, .subject-card:active, .topic-map-card:active, .lesson-pagination a:active, .lab-entry > a:active { transform: none; }
}