/* =============================================================
   ATHANELEON — nomika.css  (Νομικά)
   prefix .lg-  ·  design tokens του global.css
   ============================================================= */

.lg-hero { background: radial-gradient(120% 90% at 80% 0%, rgba(196,162,78,.10), transparent 55%), var(--bg); padding-block: clamp(7rem, 6rem + 8vw, 10rem) var(--space-xl); border-bottom: 1px solid var(--line); }
.lg-hero-title { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-800); line-height: 1.03; letter-spacing: -0.02em; margin-top: var(--space-xs); }
.lg-hero-sub { color: var(--text-muted); margin-top: var(--space-sm); }

/* layout */
.lg-layout { display: grid; grid-template-columns: 1fr; gap: var(--space-2xl); padding-block: var(--space-2xl); }
@media (min-width: 56em) { .lg-layout { grid-template-columns: 240px 1fr; gap: var(--space-2xl); } }

/* TOC */
.lg-toc-inner { position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--space-xs); }
.lg-toc-title { font-size: var(--fs-200); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--text-muted); }
.lg-toc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; border-left: 1px solid var(--line); }
.lg-toc a { display: block; padding: .5em .9em; color: var(--text-muted); font-size: var(--fs-300); border-left: 2px solid transparent; margin-left: -1px; transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.lg-toc a:hover { color: var(--text); }
.lg-toc a.is-active { color: var(--accent-bright); border-color: var(--accent); }
.lg-cookie-open { margin-top: var(--space-md); }

/* content */
.lg-content { max-width: 74ch; }
.lg-sec { scroll-margin-top: 96px; padding-bottom: var(--space-2xl); margin-bottom: var(--space-2xl); border-bottom: 1px solid var(--line); }
.lg-sec:last-of-type { border-bottom: 0; }
.lg-content h2 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-700); line-height: 1.1; margin-bottom: var(--space-md); }
.lg-content h3 { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--fs-500); margin-top: var(--space-lg); margin-bottom: var(--space-2xs); }
.lg-content p { color: var(--text); line-height: 1.7; margin-bottom: var(--space-sm); }
.lg-content strong { color: var(--text); }
.lg-content a { color: var(--accent-bright); text-decoration: underline; text-underline-offset: 3px; }

.lg-callout { margin: var(--space-md) 0; padding: var(--space-md) var(--space-lg); border: 1px solid var(--accent); border-radius: var(--radius-lg); background: rgba(196,162,78,.07); color: var(--text); font-size: var(--fs-300); line-height: 1.6; }
.lg-disclaimer { color: var(--text-muted); font-size: var(--fs-300); font-style: italic; margin-top: var(--space-lg); }

/* inline cookie buttons */
.lg-inline-cookie, .lg-cookie-open { cursor: pointer; }
.lg-inline-cookie { background: none; border: 0; color: var(--accent-bright); text-decoration: underline; text-underline-offset: 3px; font: inherit; padding: 0; }
.lg-inline-cookie:hover { color: var(--accent); }

/* ============================================================
   ΝΕΑ (Batch 5) — TL;DR «με απλά λόγια» · Λήψη PDF / ιστορικό
   ============================================================ */
.lg-tldr { display: flex; gap: var(--space-sm); align-items: flex-start; margin: 0 0 var(--space-lg); padding: var(--space-sm) var(--space-md); background: rgba(196,162,78,.07); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.lg-tldr-tag { flex-shrink: 0; font-size: var(--fs-200); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--accent); font-weight: var(--weight-medium); padding-top: .15em; }
.lg-tldr p { margin: 0; color: var(--text); font-size: var(--fs-300); line-height: 1.5; }

.lg-downloads { border-bottom: 1px solid var(--line); background: var(--bg-alt); }
.lg-downloads-inner { padding-block: var(--space-lg); display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md) var(--space-xl); }
.lg-dl-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); }
.lg-dl { display: inline-flex; align-items: center; gap: .5em; padding: .6em 1.2em; border: 1px solid var(--line); border-radius: 999px; color: var(--text); transition: all var(--dur-fast) var(--ease); }
.lg-dl:hover { border-color: var(--accent); color: var(--accent-bright); }
.lg-version { color: var(--text-muted); font-size: var(--fs-300); }
.lg-history { margin-left: auto; }
.lg-history summary { cursor: pointer; color: var(--accent-bright); font-size: var(--fs-300); }
.lg-history ul { list-style: none; margin: var(--space-sm) 0 0; padding: 0; display: grid; gap: var(--space-2xs); }
.lg-history li { color: var(--text-muted); font-size: var(--fs-300); }
.lg-history strong { color: var(--text); }