/*
 * BESEDA DNEVA / ABSURDNI ARHIV — skupna oblikovna izdaja 0.5.1.
 * Namen: temna, odzivna in dostopna uredniška podoba, usklajena z Vestigom.
 * Delovanje: lokalni CSS oblikuje obstoječe semantične predloge portala 1.1.0.
 * Vsebine, poti, iskanje in anonimen števec uporabljajo obstoječe vmesnike.
 * Datotečno ime ostaja združljivo z objavnim manifestom; različica v URL-ju
 * osveži predpomnilnik. Ni zunanjih pisav, slik, sledilnikov ali knjižnic.
 * Avtor: Damjan Vidmar; kontakt: https://kr-neki.si/
 * Soavtor: OpenAI ChatGPT, tehnična priprava po navodilih avtorja.
 */

/* Privzete površine in pisave; posamezna zbirka zamenja samo svoje poudarke. */
:root {
  color-scheme: dark;
  --paper: #020611;
  --surface: #081525;
  --surface-raised: #0d1b2d;
  --ink: #f7faff;
  --body-ink: #d5dfec;
  --muted: #a8b7cc;
  --rule: #26374d;
  --tint: #0b182a;
  --disabled: #718097;
  --accent: #2dd4bf;
  --accent-secondary: #34d399;
  --accent-rgb: 45, 212, 191;
  --on-accent: #04131d;
  --sans: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --serif: var(--sans); /* Združljivost z razredi stare predloge. */
}

/* Osnovni tok, vidni fokus in pravilno skrivanje filtriranih rezultatov. */
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-padding-top: 2rem; }
body { margin: 0; color: var(--ink); background: radial-gradient(ellipse at 85% 0%, rgba(var(--accent-rgb), .075), transparent 620px), var(--paper); font: 1rem/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: .25em; }
a:hover { color: var(--accent); }
button, input { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: default; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
::selection { color: var(--on-accent); background: var(--accent); }
.shell { width: min(1180px, calc(100% - 80px)); margin-inline: auto; }
.accent { color: var(--accent); }
.skip-link { position: absolute; top: 1rem; left: 1rem; z-index: 20; padding: .8rem 1.1rem; border-radius: 8px; background: var(--accent); color: var(--on-accent); transform: translateY(-220%); }
.skip-link:focus { transform: translateY(0); }

/* Navigacija je stalno vidna; na telefonu se razporedi v drugo vrstico. */
.site-header { min-height: 104px; display: flex; justify-content: space-between; align-items: center; gap: 2rem; border-bottom: 1px solid var(--rule); }
.brand { display: inline-flex; align-items: center; gap: 14px; font-size: .98rem; font-weight: 700; line-height: 1.2; text-decoration: none; }
.brand-symbol { display: grid; flex: 0 0 auto; place-items: center; width: 47px; height: 47px; border: 1px solid rgba(var(--accent-rgb), .45); border-radius: 13px; color: var(--accent); background: linear-gradient(135deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-rgb), .025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); font: 750 1.15rem/1 var(--sans); letter-spacing: -.065em; }
.brand small { display: block; margin-top: 6px; color: var(--muted); font-size: .66rem; font-weight: 450; letter-spacing: .045em; }
.site-header nav { display: flex; flex-wrap: wrap; gap: 1.8rem; align-items: center; font-size: .84rem; }
.site-header nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); text-decoration: none; }
.site-header nav a:hover, .site-header nav a[aria-current] { color: var(--ink); }
.site-header nav a[aria-current]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--accent); content: ""; }

/* Pomenska hierarhija ostane jasna tudi brez prelivov in svetlobnih učinkov. */
.eyebrow { display: flex; flex-wrap: wrap; align-items: baseline; gap: .55rem 1rem; margin: 0; color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font: 600 .67rem/1.7 var(--sans); }
.eyebrow time, .eyebrow .source-date, .eyebrow .undated { color: var(--muted); }
.intro-copy { max-width: 34rem; color: var(--muted); font-size: 1.06rem; line-height: 1.8; }
.button { display: inline-flex; justify-content: space-between; align-items: center; gap: 2.2rem; min-height: 50px; padding: 13px 21px; border: 1px solid var(--accent); border-radius: 10px; background: var(--accent); color: var(--on-accent); font-size: .84rem; font-weight: 750; line-height: 1.4; text-decoration: none; }
.button:hover { color: var(--on-accent); background: var(--accent-secondary); border-color: var(--accent-secondary); box-shadow: 0 0 26px rgba(var(--accent-rgb), .16); }
.text-link, .text-button { font-size: .82rem; font-weight: 600; }
.text-link { display: inline-block; padding-block: .6rem; color: var(--accent); text-decoration: none; }
.text-link:hover { text-decoration: underline; }
.text-button { min-height: 44px; padding: .6rem .25rem; color: var(--muted); border: 0; border-bottom: 1px solid var(--rule); background: transparent; }
.text-button:hover { color: var(--accent); border-color: var(--accent); }
.back-link { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 2rem; color: var(--muted); font-size: .8rem; text-decoration: none; }

/* Arhiv uporablja pregledne vrstice, naslovnica pa dve koloni vsebin. */
.latest-section { padding-block: 32px 90px; }
.section-heading { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; align-items: end; margin-bottom: 26px; }
.section-heading > div { margin-right: auto; }
.section-heading h2 { margin: .45rem 0 0; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.16; letter-spacing: -.045em; }
.entry-list { display: grid; gap: 12px; }
.entry-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 44px; gap: 22px; align-items: start; padding: 28px; border: 1px solid var(--rule); border-radius: 16px; background: var(--surface); }
.entry-row:hover { border-color: rgba(var(--accent-rgb), .45); background: var(--surface-raised); }
.entry-number { padding-top: .1rem; color: var(--muted); font: .75rem/1.8 var(--mono); }
.entry-main { min-width: 0; }
.entry-main h3 { margin: .6rem 0 .6rem; font-size: clamp(1.3rem, 2.3vw, 1.8rem); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; overflow-wrap: anywhere; }
.entry-main h3 a { text-decoration: none; }
.entry-main p { max-width: 45rem; margin: .6rem 0 0; color: var(--muted); font-size: .9rem; line-height: 1.75; }
.entry-open { display: grid; place-items: center; width: 44px; height: 44px; align-self: center; border: 1px solid var(--rule); border-radius: 50%; color: var(--accent); text-decoration: none; font-size: 1.2rem; }
.entry-open:hover { color: var(--on-accent); background: var(--accent); border-color: var(--accent); }
.latest-section .entry-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.latest-section .entry-row { grid-template-columns: 1fr 44px; grid-template-rows: 30px 1fr; gap: 14px; }
.latest-section .entry-number { grid-column: 1; grid-row: 1; }
.latest-section .entry-open { grid-column: 2; grid-row: 1; width: 36px; height: 36px; min-width: 36px; justify-self: end; }
.latest-section .entry-main { grid-column: 1 / -1; grid-row: 2; }
.latest-section .entry-main h3 { max-width: 30ch; }

/* Poziv k sorodnemu projektu nadaljuje isto mrežo in ne preglasi objav. */
.crossnote { margin-top: 48px; padding: 32px 36px; border: 1px solid var(--rule); border-left: 3px solid var(--accent); border-radius: 0 16px 16px 0; background: linear-gradient(105deg, rgba(var(--accent-rgb), .075), transparent), var(--surface); }
.crossnote h2 { margin: .7rem 0; font-size: clamp(1.5rem, 2.8vw, 2rem); font-weight: 650; line-height: 1.25; letter-spacing: -.035em; }
.crossnote p { max-width: 48rem; margin: .7rem 0 .4rem; color: var(--muted); font-size: .93rem; }

/* Iskanje je lokalno in se prikaže šele ob uspešnem zagonu obstoječe skripte. */
[data-enhance] { display: none; }
.js .archive-tools[data-enhance], .js .alphabet[data-enhance] { display: flex; }
.js button[data-enhance] { display: inline-block; }
.page-intro { padding-block: 40px 36px; }
.page-intro h1, .information h1 { margin: 12px 0 22px; font-size: clamp(3rem, 7vw, 5.8rem); font-weight: 750; line-height: 1.06; letter-spacing: -.065em; overflow-wrap: anywhere; }
.archive { padding-bottom: 90px; }
.archive-tools { flex-wrap: wrap; align-items: end; gap: 24px; margin-bottom: 24px; padding: 24px; border: 1px solid var(--rule); border-radius: 16px; background: var(--surface); }
.search-field { flex: 1; min-width: min(100%, 250px); }
.search-field label { display: block; margin-bottom: 9px; color: var(--body-ink); font-size: .76rem; font-weight: 650; }
.search-field input { width: 100%; min-height: 50px; padding: 12px 16px; border: 1px solid #52637b; border-radius: 8px; background: var(--paper); color: var(--ink); }
.search-field input::placeholder { color: var(--muted); opacity: 1; }
.result-count { margin: 22px 0 16px; color: var(--muted); font: .75rem/1.6 var(--mono); }
.empty-state { padding: 36px 24px; color: var(--muted); border: 1px dashed var(--rule); border-radius: 16px; }
.alphabet { flex-wrap: wrap; gap: 7px; margin: 20px 0 28px; }
.alphabet button { min-width: 39px; min-height: 44px; padding: 6px 11px; border: 1px solid #52637b; border-radius: 7px; background: var(--surface); color: var(--body-ink); font-size: .82rem; }
.alphabet button:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.alphabet button[aria-pressed="true"], .alphabet button[aria-pressed="true"]:hover { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.alphabet button:disabled { color: var(--disabled); border-color: var(--rule); background: transparent; opacity: .6; }

/* Članki imajo mirno površino in omejeno dolžino vrstice za daljše branje. */
.reading { padding-block: 36px 90px; }
.article-heading { max-width: 960px; margin-inline: auto; padding-bottom: 36px; }
.article-heading h1 { margin: 24px 0; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 750; line-height: 1.08; letter-spacing: -.055em; overflow-wrap: anywhere; }
.article-subtitle { max-width: 46rem; color: var(--muted); font-size: 1.2rem; line-height: 1.65; }
.byline { margin-top: 24px; color: var(--body-ink); font-size: .82rem; font-weight: 600; }
.archive-note { max-width: 46rem; padding-left: 15px; border-left: 2px solid var(--accent); color: var(--muted); font-size: .84rem; }
.prose { max-width: 820px; margin-inline: auto; padding: 40px 46px; border: 1px solid var(--rule); border-radius: 20px; background: var(--surface); color: var(--body-ink); font: 1.08rem/1.95 var(--sans); overflow-wrap: anywhere; }
.prose p { margin: 0 0 1.5em; }
.prose > :last-child { margin-bottom: 0; }
.prose strong { color: var(--ink); }
.prose h2 { margin-top: 2em; color: var(--ink); font-size: 1.7rem; font-weight: 650; line-height: 1.35; letter-spacing: -.025em; }
.prose h3 { color: var(--ink); font-size: 1.3rem; font-weight: 650; line-height: 1.4; }
.prose li { margin-bottom: .6em; padding-left: .2em; }
.prose a { color: var(--accent); text-decoration: underline; }
.poem { max-width: 760px; }
.poem p { margin-bottom: 2em; }
.poem strong { font-size: .95rem; line-height: 1.8; letter-spacing: .015em; }
.sources { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--rule); color: var(--muted); font: .85rem/1.8 var(--sans); }
.sources h2 { margin: 0 0 1rem; font-size: 1.3rem; }
.sources ol { padding-left: 1.3rem; }
.sources li { scroll-margin-top: 30px; }
.article-tags { margin-top: 2rem; color: var(--muted); font: .78rem/1.8 var(--sans); overflow-wrap: anywhere; }
.article-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 3rem; max-width: 820px; margin: 28px auto 0; padding: 20px 0; border-bottom: 1px solid var(--rule); }
.article-actions p { width: 100%; margin: 0; color: var(--muted); font-size: .85rem; overflow-wrap: anywhere; }
.article-actions p:empty { display: none; }
.related { max-width: 820px; margin: 34px auto 0; }
.related h2 { margin-bottom: 18px; font-size: 1.5rem; font-weight: 650; letter-spacing: -.03em; }
.related a { display: block; padding: 14px 0; border-top: 1px solid var(--rule); color: var(--body-ink); font-size: .94rem; text-decoration: none; }
.related a:hover { color: var(--accent); }
.information { max-width: 960px; min-height: 55vh; padding-block: 40px 90px; }
.information .prose { margin-left: 0; }

/* Noga poveže avtorjeve projekte ter ohrani dostop do zasebnosti in RSS. */
.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 28px 50px; padding-block: 40px 26px; border-top: 1px solid var(--rule); }
.footer-name { font-size: 1.2rem; font-weight: 650; letter-spacing: -.025em; }
.site-footer p { margin: .7rem 0 0; color: var(--muted); font-size: .78rem; }
.site-footer nav { display: flex; flex-direction: column; gap: 4px; font-size: .78rem; }
.site-footer nav a { padding-block: 4px; color: var(--muted); text-decoration: none; }
.site-footer nav a:hover { color: var(--accent); }
.footer-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; padding-top: 18px; border-top: 1px solid var(--rule); color: var(--muted); font-size: .68rem; }
.footer-meta span { margin-left: auto; }
.undated, .source-date { color: var(--muted); font-size: .72rem; }

/* Diskretni odzivi so omejeni na kazalec; ni samodejnega premikanja vsebine. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .button, .entry-open, .entry-row, .feature-paper { transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
  .latest-section .entry-row:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Telefoni: polna vsebina, vidna navigacija in dovolj velike tarče za dotik. */
@media (max-width: 760px) {
  .shell { width: calc(100% - 40px); }
  .site-header { min-height: 126px; padding-block: 22px 14px; flex-wrap: wrap; gap: 14px; }
  .site-header nav { width: 100%; gap: 1.6rem; font-size: .81rem; }
  .brand-symbol { width: 42px; height: 42px; border-radius: 11px; }
  .latest-section .entry-list { grid-template-columns: 1fr; }
  .entry-row { grid-template-columns: minmax(0, 1fr) 44px; gap: 12px; padding: 22px; }
  .entry-number { display: none; }
  .entry-main h3 { font-size: 1.4rem; }
  .entry-main p { font-size: .87rem; }
  .latest-section .entry-row { grid-template-rows: 28px 1fr; }
  .latest-section .entry-number { display: block; }
  .latest-section .entry-open { width: 44px; height: 44px; }
  .eyebrow { gap: .4rem .8rem; font-size: .63rem; }
  .crossnote { margin-top: 34px; padding: 25px 24px; }
  .page-intro, .information, .reading { padding-top: 24px; }
  .archive-tools { padding: 20px; gap: 16px; }
  .article-subtitle { font-size: 1.05rem; }
  .article-heading { padding-bottom: 26px; }
  .prose { padding: 26px 22px; border-radius: 14px; font-size: 1.02rem; line-height: 1.9; }
  .prose h2 { font-size: 1.45rem; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer nav { flex-direction: row; flex-wrap: wrap; gap: .65rem 1.2rem; }
  .footer-meta { gap: 1rem; }
  .footer-meta span { width: 100%; margin-left: 0; }
  .latest-section, .archive, .reading, .information { padding-bottom: 60px; }
}
@media (max-width: 380px) {
  .shell { width: calc(100% - 32px); }
  .entry-row, .archive-tools { padding: 18px; }
  .entry-row { column-gap: 9px; }
  .entry-main h3 { font-size: 1.25rem; }
  .prose { padding-inline: 18px; }
  .button { gap: 1rem; }
}

/* Sistemski visok kontrast ohrani povezave, robove in označene kontrole. */
@media (forced-colors: active) {
  .brand-symbol, .button, .entry-open, .entry-row, .word-feature, .feature-paper { border: 1px solid CanvasText; box-shadow: none; }
  .accent, .text-link, .eyebrow { color: LinkText; }
  .dictionary-mark, .paper-stamp { display: none; }
  .alphabet button[aria-pressed="true"] { outline: 2px solid Highlight; }
}

/* Pri tiskanju odstranimo temne površine, dekoracijo in kontrolne elemente. */
@media print {
  :root { color-scheme: light; --paper: #fff; --surface: #fff; --surface-raised: #fff; --ink: #000; --body-ink: #000; --muted: #333; --rule: #bbb; --accent: #000; --accent-secondary: #000; --tint: #fff; }
  body { color: #000; background: #fff; }
  .shell { width: 100%; }
  .site-header, .site-footer, .back-link, .article-actions, .related, .dictionary-mark, .paper-stamp, .archive-tools, .alphabet, .entry-open, .button, .views-indicator { display: none !important; }
  .reading { padding: 0; }
  .article-heading h1 { font-size: 30pt; }
  .prose { max-width: none; padding: 0; border: 0; border-radius: 0; font-size: 11pt; line-height: 1.65; }
  .word-feature, .feature-paper, .entry-row, .crossnote { color: #000; background: #fff !important; box-shadow: none !important; break-inside: avoid; }
  .latest-section .entry-list { grid-template-columns: 1fr; }
}


/*
 * NADGRADNJA 0.5.1 — skupna svetlobna globina in izrazitejši 3D.
 * Poudarek je na površinah in dejanskih povezavah; besedila in funkcije
 * generatorja se ne spreminjajo. Učinki so statični in brez sledilnikov.
 * Avtor: Damjan Vidmar; kontakt: https://kr-neki.si/
 * Soavtor: OpenAI ChatGPT.
 */
:root {
  /* Barvo sijaja določata tematski datoteki; skupna podlaga je nevtralna. */
  --glow-soft: rgba(var(--accent-rgb), .12);
  --glow-strong: rgba(var(--accent-rgb), .28);
  --glass-edge: rgba(230, 243, 255, .13);
  --inner-glint: inset 0 1px 0 rgba(255,255,255,.12);
}
/* Večplastno ozadje daje globino, diskretna mreža pa tehnološki značaj. */
body {
  background-color: #020611;
  background-image:
    radial-gradient(ellipse 58rem 35rem at 81% 2%, rgba(var(--accent-rgb), .18), transparent 72%),
    radial-gradient(ellipse 45rem 37rem at 4% 55%, rgba(42, 97, 187, .11), transparent 75%),
    linear-gradient(rgba(180, 220, 255, .019) 1px, transparent 1px),
    linear-gradient(90deg, rgba(180, 220, 255, .019) 1px, transparent 1px),
    linear-gradient(145deg, #030915 0%, #061023 50%, #020611 100%);
  background-size: auto, auto, 48px 48px, 48px 48px, auto;
}
/* Rob navigacije in znak delujeta kot brušen, od zadaj osvetljen material. */
.site-header {
  border-bottom-color: rgba(var(--accent-rgb), .28);
  box-shadow: 0 1px 0 rgba(255,255,255,.045), 0 18px 45px -42px var(--glow-strong);
}
.brand-symbol {
  border-color: rgba(var(--accent-rgb), .66);
  background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(var(--accent-rgb), .25) 43%, rgba(2,7,18,.97));
  box-shadow: 0 6px 22px rgba(var(--accent-rgb), .16), 0 12px 23px rgba(0,0,0,.4),
              inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 0 rgba(0,0,0,.4);
  text-shadow: 0 0 14px rgba(var(--accent-rgb), .57);
}
.site-header nav a[aria-current]::after {
  height: 3px;
  box-shadow: 0 0 10px var(--glow-strong), 0 0 20px var(--glow-soft);
}
/* Jasen naslov ostane brez barvnega prelivanja čez besedilo. */
.page-intro h1, .information h1, .article-heading h1 {
  text-shadow: 0 6px 30px rgba(0,0,0,.42), 0 0 36px rgba(var(--accent-rgb), .07);
}
/* Sijaj gumba je omejen na robove; vedno je berljiv tudi brez hoverja. */
.button {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.32);
  background: linear-gradient(152deg, rgba(255,255,255,.40) -48%, transparent 55%),
              linear-gradient(115deg, var(--accent), var(--accent-secondary));
  box-shadow: 0 9px 23px rgba(var(--accent-rgb), .21), 0 2px 0 rgba(0,0,0,.35),
              inset 0 1px 0 rgba(255,255,255,.54);
  text-shadow: 0 1px 0 rgba(255,255,255,.15);
}
.button::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 6%, rgba(255,255,255,.22) 29%, transparent 48%);
  opacity: .35;
  content: "";
}
.button:hover {
  border-color: rgba(255,255,255,.58);
  background: linear-gradient(132deg, var(--accent-secondary), var(--accent));
  box-shadow: 0 0 32px rgba(var(--accent-rgb), .40), 0 12px 33px rgba(0,0,0,.3),
              inset 0 1px 0 rgba(255,255,255,.52);
}
/* Kartice imajo zgornjo svetlobno ustnico in globoko mehko senco. */
.entry-row {
  position: relative;
  isolation: isolate;
  border-color: rgba(var(--accent-rgb), .24);
  background: linear-gradient(145deg, rgba(255,255,255,.047), transparent 35%),
              radial-gradient(ellipse at 95% 5%, rgba(var(--accent-rgb), .065), transparent 62%),
              linear-gradient(160deg, #0c1b2f, #071322 68%, #091729);
  box-shadow: 0 10px 20px rgba(0,0,0,.18), 0 22px 43px -30px rgba(0,0,0,.7),
              0 0 20px rgba(var(--accent-rgb), .035), var(--inner-glint);
}
.entry-row::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(110deg, rgba(var(--accent-rgb), .105), transparent 38%, transparent 74%, rgba(255,255,255,.025));
  pointer-events: none;
  content: "";
}
.entry-row:hover, .entry-row:focus-within {
  border-color: rgba(var(--accent-rgb), .70);
  background: linear-gradient(145deg, rgba(255,255,255,.065), transparent 43%),
              radial-gradient(ellipse at 93% 0%, rgba(var(--accent-rgb), .15), transparent 68%), #0c1c32;
  box-shadow: 0 17px 35px rgba(0,0,0,.30), 0 25px 65px -34px var(--glow-strong),
              0 0 20px rgba(var(--accent-rgb), .13), var(--inner-glint);
}
.entry-open {
  background: linear-gradient(145deg, rgba(var(--accent-rgb), .17), rgba(255,255,255,.015));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 15px rgba(var(--accent-rgb), .065);
}
.entry-open:hover {
  box-shadow: 0 0 19px rgba(var(--accent-rgb), .4), inset 0 1px 0 rgba(255,255,255,.46);
}
/* Iskanje in članek sta manj svetleča kot naslovnica, da ostaneta berljiva. */
.archive-tools, .crossnote, .prose {
  border-color: rgba(var(--accent-rgb), .20);
  background: linear-gradient(148deg, rgba(255,255,255,.032), transparent 43%),
              linear-gradient(155deg, #09182b, #071322 77%);
  box-shadow: 0 16px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.055);
}
.crossnote { border-left-color: var(--accent); }
.search-field input {
  box-shadow: inset 0 2px 7px rgba(0,0,0,.38), 0 1px 0 rgba(255,255,255,.05);
}
.article-heading .accent, .page-intro .accent, .section-heading .accent {
  text-shadow: 0 0 18px rgba(var(--accent-rgb), .42);
}
/* Globina na miški je nežna in deterministična, brez JavaScript sledenja. */
@media (hover: hover) and (pointer: fine) and (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  .button, .entry-row, .entry-open, .brand-symbol {
    transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease,
                border-color .28s ease, background-color .28s ease;
  }
  .button:hover { transform: translate3d(0,-2px,0); }
  .brand:hover .brand-symbol { transform: perspective(500px) rotateX(6deg) rotateY(-9deg) translateY(-2px); }
  .latest-section .entry-row:hover,
  .archive .entry-row:hover {
    transform: perspective(1200px) translate3d(0,-5px,0) rotateX(1.3deg) rotateY(-1.4deg);
  }
  .latest-section .entry-row:nth-child(even):hover,
  .archive .entry-row:nth-child(even):hover {
    transform: perspective(1200px) translate3d(0,-5px,0) rotateX(1.3deg) rotateY(1.4deg);
  }
}
/* Brez simulirane globine tam, kjer bi lahko motila dostopnost in tisk. */
@media (prefers-reduced-motion: reduce) {
  .entry-row, .button, .brand-symbol { transform: none !important; }
}
@media (forced-colors: active) {
  body, .entry-row, .archive-tools, .crossnote, .prose, .button { background: Canvas; box-shadow: none; text-shadow: none; }
  .button { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
  .button::before, .entry-row::before { display: none; }
}
@media print {
  body, .entry-row, .archive-tools, .crossnote, .prose, .button { background: #fff !important; box-shadow: none !important; text-shadow: none !important; }
  .button::before, .entry-row::before { display: none !important; }
  .article-heading h1, .page-intro h1, .section-heading .accent { text-shadow: none !important; }
}


/* ================================================================
   ENHANCED 3D GLOW v0.5.2 — SKUPNI PREDSTAVITVENI SLOJ
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   Namen: povečati svetlobno globino in čitljivost, ne posegati v vsebino.
   Vsi dodatni elementi so CSS dekoracija; nikoli ne štejejo obiskov.
   ================================================================ */

:root {
  /* Tematski RGB poudarek se določi v zadnji naloženi temi. */
  --glow-corner: rgba(var(--accent-rgb), .40);
  --glow-outline: rgba(var(--accent-rgb), .72);
  --card-dark: #081326;
}

/* Nežen osnovni ambient odpravlja vidne pravokotne barvne prehode.
   Radialni gradienti se raztezajo preko celotnega ozadja. */
body {
  background-color: #020815;
  background-image:
    radial-gradient(ellipse 70rem 48rem at 89% 5%, rgba(var(--accent-rgb), .145), transparent 74%),
    radial-gradient(ellipse 52rem 48rem at 4% 75%, rgba(50,111,201,.12), transparent 79%),
    linear-gradient(rgba(159,209,246,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159,209,246,.025) 1px, transparent 1px),
    linear-gradient(160deg, #030b19, #061228 57%, #030916);
  background-size: auto, auto, 52px 52px, 52px 52px, auto;
}

/* Optično izbrušena znamka in tiha osvetlitev aktivne navigacije. */
.brand-symbol {
  background: linear-gradient(138deg, rgba(255,255,255,.18), transparent 52%),
              linear-gradient(146deg, rgba(var(--accent-rgb),.35), #081425 73%);
  border-color: rgba(var(--accent-rgb), .84);
  box-shadow: 0 0 12px rgba(var(--accent-rgb),.15), 0 9px 24px rgba(0,0,0,.44),
              inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(0,0,0,.42);
  text-shadow: 0 0 16px rgba(var(--accent-rgb),.60);
}
.site-header { border-bottom-color: rgba(var(--accent-rgb),.28); }
.site-header nav a[aria-current]::after {
  box-shadow: 0 0 12px rgba(var(--accent-rgb), .54), 0 0 26px rgba(var(--accent-rgb), .19);
}

/* Dvig 3D slojev brez spreminjanja HTML/JS ali arhivskih povezav. */
.button {
  border-color: rgba(255,255,255,.58);
  background: linear-gradient(155deg, rgba(255,255,255,.39), transparent 47%),
              linear-gradient(110deg, var(--accent), var(--accent-secondary));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.53), inset 0 -2px 0 rgba(0,0,0,.19),
              0 8px 24px rgba(var(--accent-rgb), .29), 0 0 24px rgba(var(--accent-rgb), .11),
              0 12px 22px rgba(0,0,0,.38);
}
.button:hover, .button:focus-visible {
  border-color: rgba(255,255,255,.86);
  background: linear-gradient(155deg, rgba(255,255,255,.36), transparent 51%),
              linear-gradient(115deg, var(--accent-secondary), var(--accent));
  box-shadow: 0 0 34px rgba(var(--accent-rgb), .33), 0 14px 29px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.55);
}

/* Listek članka je optično dvignjen: zgornja črta je dekorativna in
   nikoli ne prekriva besedila ali gumba zaradi pointer-events:none. */
.entry-row {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--accent-rgb),.36);
  background: linear-gradient(139deg, rgba(255,255,255,.058), transparent 41%),
              radial-gradient(ellipse at 99% 5%,rgba(var(--accent-rgb),.105),transparent 68%),
              linear-gradient(157deg,#112036,#09162a 68%,#0b1a2e);
  box-shadow: 0 3px 0 rgba(0,0,0,.21), 0 22px 40px rgba(0,0,0,.30),
              0 30px 68px -49px rgba(var(--accent-rgb),.46),
              inset 0 1px 0 rgba(255,255,255,.14);
}
.entry-row::after {
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .8) 46%,
              rgba(255,255,255,.68) 77%, transparent);
  box-shadow: 0 0 12px rgba(var(--accent-rgb), .35);
  opacity: .72;
  pointer-events: none;
  content: '';
}
.entry-row:hover, .entry-row:focus-within {
  border-color: rgba(var(--accent-rgb),.78);
  box-shadow: 0 24px 51px rgba(0,0,0,.42), 0 30px 78px -38px rgba(var(--accent-rgb), .37),
              0 0 29px rgba(var(--accent-rgb), .13), inset 0 1px 0 rgba(255,255,255,.20);
}
.entry-row:hover::after, .entry-row:focus-within::after { opacity: 1; }
.entry-open {
  border-color: rgba(var(--accent-rgb),.35);
  background: linear-gradient(145deg,rgba(var(--accent-rgb),.19),rgba(3,10,24,.36));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 0 14px rgba(var(--accent-rgb),.065);
}
.entry-open:hover { box-shadow: 0 0 22px rgba(var(--accent-rgb),.41); }

/* Članek ostaja bolj umirjen od naslovnice; ozadje je še vedno berljivo. */
.prose,.archive-tools,.crossnote {
  border-color: rgba(var(--accent-rgb),.20);
  background: linear-gradient(143deg,rgba(255,255,255,.042),transparent 42%),
              linear-gradient(150deg,#0b1c31,#071325);
  box-shadow: 0 18px 47px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.075);
}
.crossnote { border-left-color: var(--accent); }
.article-heading h1, .section-heading h2 {
  text-shadow: 0 9px 31px rgba(0,0,0,.42), 0 0 29px rgba(var(--accent-rgb),.065);
}

/* Prostorski odziv je omejen na miško. Na dotiku ni premikanja. */
@media (hover:hover) and (pointer:fine) and (min-width:769px) and (prefers-reduced-motion:no-preference) {
  .entry-row { transition: transform .35s cubic-bezier(.22,.76,.21,1),box-shadow .35s ease,border-color .35s ease; }
  .latest-section .entry-row:hover {
    transform: perspective(1150px) translate3d(0,-7px,0) rotateX(1.6deg) rotateY(-.9deg);
  }
  .latest-section .entry-row:nth-child(even):hover { transform: perspective(1150px) translate3d(0,-7px,0) rotateX(1.6deg) rotateY(.9deg); }
  .archive .entry-row:hover { transform: translate3d(0,-3px,0); }
}
@media (max-width:760px) {
  body { background-size: auto,auto,40px 40px,40px 40px,auto; }
  .entry-row { box-shadow: 0 13px 37px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10); }
}
@media (prefers-reduced-motion: reduce) { .entry-row,.button { transform:none !important; animation:none !important; } }
@media (forced-colors: active) {
  .entry-row,.button,.prose,.archive-tools,.crossnote { box-shadow:none !important; }
  .entry-row::after { display:none !important; }
}
@media print {
  body { background:#fff !important; }
  .entry-row,.button,.prose,.archive-tools,.crossnote { background:#fff !important;box-shadow:none !important; }
  .entry-row::after { display:none !important; }
}

/* ===================================================================
   v0.5.3 – seštevek dejansko objavljenih zapisov na naslovnici.
   Vse vrednosti poda PHP generator; CSS zgolj oblikuje prikaz.
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT.
   =================================================================== */
.home-publication-count {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem 1.15rem;
  width: fit-content;
  max-width: 100%;
  padding: .72rem 1.18rem;
  border: 1px solid rgba(var(--accent-rgb), .48);
  border-radius: 13px;
  background: linear-gradient(140deg, rgba(255,255,255,.075), transparent 70%),
              linear-gradient(130deg, rgba(var(--accent-rgb), .12), rgba(4,12,26,.92));
  box-shadow: 0 10px 29px rgba(0,0,0,.28), 0 0 19px rgba(var(--accent-rgb), .09),
              inset 0 1px 0 rgba(255,255,255,.13);
}
.home-count-label {
  color: var(--body-ink);
  font: 650 .65rem/1.35 var(--sans);
  letter-spacing: .10em;
  text-transform: uppercase;
}
.home-count-main {
  display: flex;
  align-items: baseline;
  gap: .48rem;
  margin: 0;
  white-space: nowrap;
  line-height: 1.2;
}
.home-count-number {
  color: var(--accent);
  font: 800 clamp(1.65rem, 2.5vw, 2.15rem)/1.15 var(--sans);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 20px rgba(var(--accent-rgb), .38);
}
.home-count-unit {
  color: var(--ink);
  font: 650 .95rem/1.3 var(--sans);
}
/* Števec je namenoma del naravnega toka, ne prekriva gumba ali člankov. */
.hero-copy .home-publication-count { display: flex; margin: 0 0 24px; }
.word-hero .home-publication-count { display: flex; margin: -10px 0 26px; }
.information .home-publication-count { margin: 10px 0 25px; }
@media (max-width: 760px) {
  .home-publication-count { padding: .65rem .95rem; gap: .22rem .8rem; }
  .word-hero .home-publication-count { margin: 0 0 22px; }
  .hero-copy .home-publication-count { margin-bottom: 20px; }
}
@media (forced-colors: active) {
  .home-publication-count { background: Canvas; border: 1px solid CanvasText; box-shadow: none; }
  .home-count-number { color: CanvasText; text-shadow: none; }
}
@media print {
  .home-publication-count { border: 1px solid #333 !important; background: #fff !important; box-shadow: none !important; }
  .home-count-label, .home-count-number, .home-count-unit { color: #000 !important; text-shadow: none !important; }
}


/* ======================================================================
   Izdaja v0.5.4 — MIRROR GLASS / premium ogledalni sijaj
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   Dekorativne plasti so statične, brez JavaScripta, zahtev ali sledilnikov.
   ====================================================================== */
:root {
  --mirror-light: rgba(243, 253, 255, .76);
  --mirror-haze: rgba(224, 245, 255, .11);
  --mirror-rim: rgba(var(--accent-rgb), .74);
  --mirror-surface: #071526;
}
/* Večji občutek temnega stekla ob ohranjeni berljivosti besedila. */
body {
  background-image:
    radial-gradient(ellipse 65rem 40rem at 91% 3%, rgba(var(--accent-rgb), .15), transparent 76%),
    radial-gradient(ellipse 42rem 29rem at 4% 72%, rgba(47, 100, 179, .11), transparent 84%),
    linear-gradient(rgba(171, 210, 244, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(171, 210, 244, .024) 1px, transparent 1px),
    linear-gradient(155deg, #020917 0%, #061226 57%, #020815 100%);
  background-size: auto, auto, 52px 52px, 52px 52px, auto;
}
/* Zgornji rob in logo posnemata brušeno steklo, ne fotografije. */
.site-header {
  border-bottom-color: rgba(var(--accent-rgb), .34);
  box-shadow: 0 1px 0 rgba(255,255,255,.035);
}
.brand-symbol {
  background:
    linear-gradient(138deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.065) 25%, transparent 56%),
    linear-gradient(145deg, rgba(var(--accent-rgb),.29), #061322 79%);
  box-shadow: 0 0 20px rgba(var(--accent-rgb),.19),
              0 12px 26px rgba(0,0,0,.44),
              inset 0 1px 0 rgba(250,255,255,.46),
              inset 1px 0 0 rgba(255,255,255,.15),
              inset 0 -1px 0 rgba(0,0,0,.42);
}
/* Kartica števca: draga temna zrcalna plošča, z enotnim prelivom. */
.home-publication-count {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(var(--accent-rgb), .78);
  border-radius: 14px;
  background:
    linear-gradient(140deg, rgba(244,252,255,.15) 0%, rgba(255,255,255,.035) 27%, transparent 46%),
    linear-gradient(115deg, rgba(var(--accent-rgb),.12), #0b1829 63%, rgba(var(--accent-rgb),.045));
  box-shadow:
    0 11px 30px rgba(0,0,0,.35),
    0 0 22px rgba(var(--accent-rgb),.18),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -1px 0 rgba(var(--accent-rgb),.30);
}
.home-publication-count::before {
  position:absolute; z-index:0; inset:0;
  background:
    linear-gradient(163deg, rgba(255,255,255,.23) 0%, rgba(255,255,255,.035) 21%, transparent 40%),
    linear-gradient(103deg, transparent 46%, rgba(255,255,255,.09) 61%, transparent 71%);
  content:'';
  pointer-events:none;
}
.home-publication-count > * {position:relative;z-index:1;}
.home-count-label { font-size:.68rem; letter-spacing:.095em; }
.home-count-number { text-shadow:0 0 19px rgba(var(--accent-rgb),.49); }
/* Poudarjeno število se na naslovnici pojavi samo enkrat.
   Spodnja razdelka obdržita naslova in vse povezave. */
.latest-section .section-heading > div > .eyebrow { display:none; }
.latest-section { padding-top: 24px; }
.section-heading { margin-bottom: 21px; }
/* Manjše kartice imajo polprozoren, vendar berljiv odsev v steklu. */
.entry-row {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(var(--accent-rgb),.47);
  border-radius:17px;
  background:
    linear-gradient(138deg, rgba(247,253,255,.125) 0%, rgba(242,250,255,.028) 24%, transparent 49%),
    radial-gradient(ellipse 65% 80% at 100% 5%,rgba(var(--accent-rgb),.125),transparent 98%),
    linear-gradient(157deg,#152239 0%,#0a182b 62%,#091526 100%);
  box-shadow:
    0 25px 53px rgba(0,0,0,.34),
    0 19px 50px -35px rgba(var(--accent-rgb),.42),
    inset 0 1px 0 rgba(255,255,255,.27),
    inset 0 -1px 0 rgba(0,0,0,.45);
}
/* Zgornji zalomljeni odsev je omejen na ozadje kartice in ne zakriva naslova. */
.entry-row::before {
  position:absolute;z-index:0;inset:0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.085) 0%,transparent 29%),
    linear-gradient(118deg,transparent 57%,rgba(255,255,255,.06) 73%,transparent 87%);
  content:'';pointer-events:none;
}
.entry-row > * { position:relative; z-index:1; }
.entry-row:hover,.entry-row:focus-within {
  border-color:rgba(var(--accent-rgb),.84);
  box-shadow:0 27px 57px rgba(0,0,0,.49),
             0 0 38px rgba(var(--accent-rgb),.18),
             inset 0 1px 0 rgba(255,255,255,.31);
}
/* Gumbi posnemajo brušen sloj mineralnega stekla z vidnim fokusom. */
.button {
  background:
    linear-gradient(150deg,rgba(255,255,255,.38) 0%,transparent 46%),
    linear-gradient(110deg,var(--accent),var(--accent-secondary));
  border-color:rgba(245,255,255,.67);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.67),
             inset 0 -2px 0 rgba(0,0,0,.20),
             0 12px 30px rgba(var(--accent-rgb),.28),
             0 15px 29px rgba(0,0,0,.38);
}
.button:hover,.button:focus-visible {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),
             0 0 31px rgba(var(--accent-rgb),.32),
             0 14px 32px rgba(0,0,0,.46);
}
/* Bralne površine so namenoma zadržane, saj je primarna vsebina besedilo. */
.prose,.archive-tools,.crossnote {
  background:
    linear-gradient(142deg,rgba(255,255,255,.050),transparent 36%),
    linear-gradient(153deg,#0b1a2c,#071323);
  box-shadow:0 20px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.11);
}
@media (max-width:760px) {
  .home-publication-count { padding:.68rem 1rem; }
  .latest-section { padding-top:18px; }
  .entry-row::before { opacity:.55; }
}
/* Prisilen kontrast, manj gibanja in tisk imajo prednost pred dekoracijo. */
@media (prefers-reduced-motion:reduce) {
  .entry-row,.button,.brand-symbol {transition:none !important;transform:none !important;}
}
@media (forced-colors:active) {
  .entry-row,.home-publication-count,.brand-symbol,.prose,.archive-tools,.crossnote,.button {
    background:Canvas !important;box-shadow:none !important;
    border-color:CanvasText !important;
  }
  .home-publication-count::before,.entry-row::before,.entry-row::after {display:none !important;}
}
@media print {
  .home-publication-count,.entry-row,.prose,.archive-tools,.crossnote {
    background:#fff !important;box-shadow:none !important;
  }
  .home-publication-count::before,.entry-row::before {display:none !important;}
}


/* =====================================================================
   v0.5.4a – optična poravnava števcev »Skupaj objavljeno«
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   Izhodišče: v0.5.4 Mirror Glass; slogovni popravek brez sprememb podatkov.
   ===================================================================== */
.home-publication-count {
  /* Dva neodvisna stolpca: besedilna oznaka in številčna vrednost. */
  display: inline-grid;
  grid-template-columns: minmax(0, max-content) max-content;
  align-items: center;
  justify-content: start;
  column-gap: .95rem;
  row-gap: 0;
  min-height: 64px;
  padding: .65rem 1.12rem;
  width: fit-content;
  max-width: 100%;
  flex-wrap: nowrap;
}
/* Nadomestimo specifičnejši display:flex iz prejšnjih izdaj. */
.hero-copy .home-publication-count,
.word-hero .home-publication-count,
.information .home-publication-count {
  display: inline-grid;
}
.home-count-label {
  display: block;
  align-self: center;
  margin: 0;
  line-height: 1.15;
  white-space: normal;
}
.home-count-main {
  /* Številko in enoto optično centriramo v skupni vrstici. */
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: .45rem;
  margin: 0;
  min-width: 0;
  line-height: 1;
  white-space: nowrap;
}
.home-count-number {
  display: block;
  flex: 0 0 auto;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.home-count-unit {
  display: block;
  flex: 0 0 auto;
  line-height: 1.15;
}
/* Ožje naprave: manjši razmiki, brez preskakovanja na novo vrstico. */
@media (max-width: 390px) {
  .home-publication-count {
    min-height: 61px;
    column-gap: .68rem;
    padding: .65rem .82rem;
  }
  .home-count-label { font-size: .62rem; letter-spacing: .07em; }
  .home-count-main { gap: .38rem; }
  .home-count-number { font-size: 1.85rem; }
  .home-count-unit { font-size: .9rem; }
}
/* Številke lahko v prihodnje zrastejo v štirimestne vrednosti.
   Na ozkih zaslonih ju dovolimo razporediti v dva reda. */
@media (max-width: 375px) {
  .home-publication-count {
    grid-template-columns: max-content;
    row-gap: .28rem;
    min-height: 0;
  }
  .home-count-label { justify-self: start; }
  .home-count-main { justify-self: start; }
}


/* =====================================================================
   v0.5.4b – izključno popravek toka naslovnice ABSURDNI ARHIV.
   Namen: vrniti akcijski gumb pod števec objav, ne ob njega.
   Razlog: inline-grid iz v0.5.4a je omogočil sosledno vrstično postavitev.
   Ohranimo notranjo grid poravnavo oznake, številke in enote.
   Avtor: Damjan Vidmar | kontakt: https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT.
   ===================================================================== */
.hero-copy > .home-publication-count {
  /* Blokovna mreža zadrži obliko in širino števca, a prekine vrstični tok. */
  display: grid;
}


/* =======================================================================
   v0.5.4d — zaščita prikaza Absurdnega arhiva ob nenaloženi tematiki.
   Samo :where(html[data-project="absurd"]) — na Beseda dneva NI vpliva.
   Razlog: če absurd.v040.css ni dostopna, naj oba stolpca, barve,
   okvir kartice in 3D sijaj ostanejo pravilni že s site.v040.css.
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   ======================================================================= */
html[data-project="absurd"] { --accent: #ff5c7a; --accent-secondary: #ffb454; --accent-rgb: 255, 92, 122; }
:where(html[data-project="absurd"]) .hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 64px; align-items: center; padding-block: 66px 72px; }
:where(html[data-project="absurd"]) .hero-copy { min-width: 0; }
:where(html[data-project="absurd"]) .hero h1 { margin: 25px 0 18px; font-size: clamp(3.8rem, 7.6vw, 6.5rem); font-weight: 750; line-height: .99; letter-spacing: -.07em; }
:where(html[data-project="absurd"]) .hero-subtitle { margin: 0 0 22px; color: var(--body-ink); font-size: clamp(1.15rem, 2.1vw, 1.6rem); line-height: 1.4; letter-spacing: -.025em; }
:where(html[data-project="absurd"]) .hero .intro-copy { max-width: 26rem; margin-bottom: 28px; }
:where(html[data-project="absurd"]) .feature-paper { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 470px; overflow: hidden; padding: 28px 32px; border: 1px solid rgba(var(--accent-rgb), .36); border-radius: 22px; background: radial-gradient(ellipse at 100% 0%, rgba(var(--accent-rgb), .13), transparent 65%), var(--surface); box-shadow: 0 20px 70px rgba(0,0,0,.23); text-decoration: none; }
:where(html[data-project="absurd"]) .feature-paper::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-secondary)); content: ""; }
:where(html[data-project="absurd"]) .feature-paper:hover { color: var(--ink); border-color: var(--accent); box-shadow: 0 18px 70px rgba(var(--accent-rgb), .09); }
:where(html[data-project="absurd"]) .paper-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; padding-bottom: 18px; border-bottom: 1px solid var(--rule); color: var(--muted); font: .65rem/1.7 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
:where(html[data-project="absurd"]) .paper-top > span:first-child { color: var(--accent); }
:where(html[data-project="absurd"]) .paper-index { display: block; margin: 32px 0 15px; color: var(--accent-secondary); font: .62rem/1.7 var(--mono); letter-spacing: .14em; }
:where(html[data-project="absurd"]) .feature-paper h2 { position: relative; z-index: 1; max-width: 100%; margin: 0 0 18px; font-size: clamp(2rem, 3.25vw, 3rem); font-weight: 700; line-height: 1.12; letter-spacing: -.045em; overflow-wrap: anywhere; }
:where(html[data-project="absurd"]) .feature-paper p { position: relative; z-index: 1; max-width: 25rem; margin: 0 0 20px; color: var(--muted); font-size: .97rem; line-height: 1.7; }
:where(html[data-project="absurd"]) .paper-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--rule); color: var(--accent); font-size: .82rem; font-weight: 600; }
:where(html[data-project="absurd"]) .paper-bottom span { font-size: 1.4rem; }
:where(html[data-project="absurd"]) .paper-stamp { position: absolute; z-index: 0; right: 28px; bottom: 56px; color: rgba(var(--accent-rgb), .055); font: 800 9rem/1 var(--sans); letter-spacing: -.12em; transform: rotate(-10deg); pointer-events: none; user-select: none; }
:where(html[data-project="absurd"]) .feature-paper .views-indicator { color: var(--muted); opacity: 1; }
@media (max-width: 980px) {
:where(html[data-project="absurd"]) .hero { gap: 32px; }
:where(html[data-project="absurd"]) .feature-paper { padding-inline: 26px; }
}
@media (max-width: 760px) {
:where(html[data-project="absurd"]) .hero { grid-template-columns: 1fr; gap: 34px; padding-block: 36px 40px; }
:where(html[data-project="absurd"]) .hero h1 { margin-top: 20px; font-size: clamp(3.5rem, 15vw, 6.5rem); }
:where(html[data-project="absurd"]) .hero-subtitle { font-size: 1.3rem; }
:where(html[data-project="absurd"]) .hero .intro-copy { max-width: 30rem; }
:where(html[data-project="absurd"]) .feature-paper { min-height: 380px; padding: 25px; border-radius: 16px; }
:where(html[data-project="absurd"]) .feature-paper h2 { font-size: clamp(2rem, 7.8vw, 3rem); }
:where(html[data-project="absurd"]) .paper-index { margin-top: 25px; }
:where(html[data-project="absurd"]) .paper-stamp { font-size: 7rem; }
}
@media (max-width: 380px) {
:where(html[data-project="absurd"]) .feature-paper { padding-inline: 21px; }
}
@media print {
html[data-project="absurd"] { --accent: #000; --accent-secondary: #000; }
:where(html[data-project="absurd"]) .feature-paper::before { display: none; }
}
:where(html[data-project="absurd"]) .hero { position: relative; isolation: isolate; }
:where(html[data-project="absurd"]) .hero::before {
  position: absolute;
  z-index: -1;
  inset: -35px -10% -15px 36%;
  background: radial-gradient(ellipse at 53% 43%, rgba(255,92,122,.19), transparent 70%),
              radial-gradient(ellipse at 88% 83%, rgba(255,180,84,.10), transparent 58%);
  pointer-events: none;
  content: "";
}
:where(html[data-project="absurd"]) .hero h1 { text-shadow: 0 15px 44px rgba(0,0,0,.65), 0 0 48px rgba(255,92,122,.16); }
:where(html[data-project="absurd"]) .feature-paper {
  border-color: rgba(255,92,122,.65);
  background: linear-gradient(144deg, rgba(255,255,255,.09) 0%, transparent 24%),
              radial-gradient(ellipse at 93% -5%, rgba(255,180,84,.18), transparent 58%),
              radial-gradient(ellipse at 5% 90%, rgba(255,92,122,.11), transparent 74%),
              linear-gradient(155deg, #271e35, #121b2e 54%, #101321 100%);
  box-shadow: 0 4px 1px rgba(0,0,0,.12), 0 28px 70px rgba(0,0,0,.50),
              0 36px 95px -40px rgba(255,92,122,.48),
              0 0 39px rgba(255,92,122,.16), inset 0 1px 0 rgba(255,255,255,.17);
}
:where(html[data-project="absurd"]) .feature-paper::before {
  height: 4px;
  box-shadow: 0 0 17px rgba(255,92,122,.62), 0 0 35px rgba(255,180,84,.23);
}
:where(html[data-project="absurd"]) .feature-paper::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: linear-gradient(114deg, rgba(255,255,255,.085), transparent 22%, transparent 64%, rgba(255,180,84,.065));
  pointer-events: none;
  content: "";
}
:where(html[data-project="absurd"]) .feature-paper > :not(.paper-stamp) { position: relative; z-index: 1; }
:where(html[data-project="absurd"]) .paper-top,
:where(html[data-project="absurd"]) .paper-bottom { border-color: rgba(255,180,84,.20); }
:where(html[data-project="absurd"]) .paper-stamp { color: rgba(255,180,84,.11); text-shadow: 0 0 40px rgba(255,92,122,.10); }
:where(html[data-project="absurd"]) .feature-paper:hover,
:where(html[data-project="absurd"]) .feature-paper:focus-visible {
  border-color: rgba(255,180,84,.87);
  box-shadow: 0 25px 70px rgba(0,0,0,.43), 0 37px 93px -39px rgba(255,180,84,.46),
              0 0 55px rgba(255,92,122,.27), inset 0 1px 0 rgba(255,255,255,.25);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) and (prefers-reduced-motion: no-preference) {
:where(html[data-project="absurd"]) .feature-paper { transition: transform .45s cubic-bezier(.19,.8,.24,1), border-color .35s ease, box-shadow .35s ease; }
:where(html[data-project="absurd"]) .feature-paper:hover { transform: perspective(1400px) translate3d(0,-7px,0) rotateX(1.5deg) rotateY(1.8deg); }
}
@media (max-width: 760px) {
:where(html[data-project="absurd"]) .hero::before { inset: 5% -10% -5%; }
}
@media (prefers-reduced-motion: reduce) {
:where(html[data-project="absurd"]) .feature-paper { transform: none !important; }
}
@media (forced-colors: active) {
:where(html[data-project="absurd"]) .feature-paper { background: Canvas; box-shadow: none; }
:where(html[data-project="absurd"]) .hero::before,
:where(html[data-project="absurd"]) .feature-paper::after { display: none; }
}
@media print {
:where(html[data-project="absurd"]) .feature-paper { background: #fff !important; box-shadow: none !important; transform: none !important; }
:where(html[data-project="absurd"]) .hero::before,
:where(html[data-project="absurd"]) .feature-paper::after { display: none !important; }
:where(html[data-project="absurd"]) .hero h1 { text-shadow: none !important; }
}
html[data-project="absurd"] { --accent:#ff5b83; --accent-secondary:#ffb45f; --accent-rgb:255,91,131; }
:where(html[data-project="absurd"]) .hero { isolation:isolate; }
:where(html[data-project="absurd"]) .hero::before {
  inset:-160px 0 -135px 26%;
  background:
    radial-gradient(ellipse 43% 38% at 68% 37%,rgba(255,103,116,.30),transparent 94%),
    radial-gradient(ellipse 34% 29% at 84% 73%,rgba(255,155,77,.20),transparent 96%),
    radial-gradient(ellipse 38% 45% at 24% 60%,rgba(237,69,149,.105),transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 76% at 63% 52%,#000 31%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 76% at 63% 52%,#000 31%,transparent 100%);
}
:where(html[data-project="absurd"]) .hero::after {
  position:absolute;z-index:-1;
  right:8%;top:4%;width:45%;height:81%;
  border:1px solid rgba(255,128,126,.12);
  border-left-color:transparent;
  border-radius:50%;
  transform:rotate(-25deg);
  box-shadow: 0 0 40px rgba(255,82,134,.09),inset 0 0 60px rgba(255,113,91,.055);
  pointer-events:none;content:"";
}
:where(html[data-project="absurd"]) .hero h1 { text-shadow:0 13px 42px rgba(0,0,0,.65),0 0 48px rgba(255,91,131,.12); }
:where(html[data-project="absurd"]) .feature-paper {
  min-height:470px;
  border:1px solid rgba(255,105,143,.81);
  background:
    linear-gradient(141deg,rgba(255,255,255,.095),transparent 34%),
    radial-gradient(ellipse at 96% -3%,rgba(255,181,91,.21),transparent 63%),
    radial-gradient(ellipse at 4% 99%,rgba(242,78,149,.17),transparent 66%),
    linear-gradient(153deg,#2b233a,#161e32 55%,#0e1528);
  box-shadow:0 4px 0 rgba(0,0,0,.26), 0 30px 82px rgba(0,0,0,.52),
             0 41px 105px -47px rgba(255,96,138,.59),
             0 0 46px rgba(255,81,143,.22),
             inset 0 1px 0 rgba(255,255,255,.30),
             inset -2px 0 0 rgba(255,173,115,.15);
}
:where(html[data-project="absurd"]) .feature-paper::before {
  height:3px;
  background:linear-gradient(90deg,#fa4d97 0%,#ff638c 45%,#ffbf64 100%);
  box-shadow:0 0 16px rgba(255,96,142,.73),0 0 30px rgba(255,168,99,.20);
}
:where(html[data-project="absurd"]) .feature-paper::after {
  z-index:0;
  border:1px solid rgba(255,176,156,.13);
  background:
    linear-gradient(113deg,rgba(255,255,255,.075),transparent 30%,transparent 70%,rgba(255,169,95,.11)),
    radial-gradient(ellipse at 104% 101%,rgba(255,137,90,.08),transparent 63%);
  box-shadow:inset 0 0 55px rgba(244,70,142,.035);
}
:where(html[data-project="absurd"]) .paper-stamp {
  right:15px;bottom:48px;
  color:rgba(255,153,110,.20);
  -webkit-text-stroke:1px rgba(255,166,120,.19);
  text-shadow:1px 1px 0 rgba(255,120,109,.13),3px 3px 0 rgba(117,56,77,.17),
              7px 9px 2px rgba(22,17,37,.43),0 0 31px rgba(255,112,115,.23);
  transform:perspective(820px) rotateX(8deg) rotateY(-15deg) rotateZ(-9deg);
}
:where(html[data-project="absurd"]) .paper-top,
:where(html[data-project="absurd"]) .paper-bottom { border-color:rgba(255,171,124,.28); }
:where(html[data-project="absurd"]) .feature-paper:hover,
:where(html[data-project="absurd"]) .feature-paper:focus-visible {
  border-color:rgba(255,190,131,.96);
  box-shadow:0 30px 74px rgba(0,0,0,.51),0 43px 112px -37px rgba(255,154,117,.58),
             0 0 64px rgba(255,92,130,.31),inset 0 1px 0 rgba(255,255,255,.28);
}
@media (hover:hover) and (pointer:fine) and (min-width:769px) and (prefers-reduced-motion:no-preference) {
:where(html[data-project="absurd"]) .feature-paper:hover {
    transform:perspective(1450px) translate3d(0,-9px,0) rotateX(1.5deg) rotateY(1.3deg);
  }
:where(html[data-project="absurd"]) .paper-stamp { transition:transform .5s cubic-bezier(.17,.74,.19,1); }
:where(html[data-project="absurd"]) .feature-paper:hover .paper-stamp {
    transform:perspective(820px) rotateX(10deg) rotateY(-11deg) rotateZ(-6deg) translateY(-4px);
  }
}
@media (max-width:980px) {
:where(html[data-project="absurd"]) .hero::before { inset:-55px 0 -70px 10%; }
:where(html[data-project="absurd"]) .hero::after { right:7%;top:13%;width:53%;height:65%; }
}
@media (max-width:760px) {
:where(html[data-project="absurd"]) .hero::before { inset:-38px 0 -50px; }
:where(html[data-project="absurd"]) .hero::after { display:none; }
:where(html[data-project="absurd"]) .feature-paper {min-height:380px;}
:where(html[data-project="absurd"]) .paper-stamp {font-size:7rem;opacity:.66;}
}
@media (prefers-reduced-motion:reduce) {
:where(html[data-project="absurd"]) .feature-paper,
:where(html[data-project="absurd"]) .paper-stamp {transition:none !important;}
:where(html[data-project="absurd"]) .feature-paper:hover {transform:none !important;}
}
@media (forced-colors:active) {
:where(html[data-project="absurd"]) .hero::before,
:where(html[data-project="absurd"]) .hero::after,
:where(html[data-project="absurd"]) .feature-paper::after,
:where(html[data-project="absurd"]) .paper-stamp {display:none !important;}
:where(html[data-project="absurd"]) .feature-paper {box-shadow:none !important;}
}
@media print {
:where(html[data-project="absurd"]) .hero::before,
:where(html[data-project="absurd"]) .hero::after,
:where(html[data-project="absurd"]) .feature-paper::after,
:where(html[data-project="absurd"]) .paper-stamp {display:none !important;}
:where(html[data-project="absurd"]) .feature-paper {background:#fff !important;box-shadow:none !important;}
}
:where(html[data-project="absurd"]) .hero { padding-block:50px 46px;gap:54px; }
:where(html[data-project="absurd"]) .hero h1 {text-shadow:0 12px 40px rgba(0,0,0,.72),0 0 32px rgba(255,91,131,.11);}
:where(html[data-project="absurd"]) .hero::before {
  background:
    radial-gradient(ellipse 42% 44% at 68% 41%,rgba(255,87,131,.27),transparent 97%),
    radial-gradient(ellipse 35% 31% at 89% 75%,rgba(255,167,104,.18),transparent 100%);
  mask-image:radial-gradient(ellipse 82% 80% at 67% 50%,#000 22%,transparent 100%);
}
:where(html[data-project="absurd"]) .feature-paper {
  min-height:445px;
  border-radius:24px;
  border:1px solid rgba(255,157,174,.89);
  background:
    linear-gradient(147deg,rgba(255,250,255,.175) 0%,rgba(255,255,255,.042) 21%,transparent 42%),
    radial-gradient(ellipse 62% 57% at 101% 2%,rgba(255,183,112,.25),transparent 85%),
    radial-gradient(ellipse 77% 63% at 14% 100%,rgba(242,78,149,.12),transparent 90%),
    linear-gradient(150deg,#33233d 0%,#202139 48%,#10192c 100%);
  box-shadow:
    0 31px 82px rgba(0,0,0,.54),
    0 44px 96px -40px rgba(255,97,139,.52),
    0 0 46px rgba(255,98,141,.23),
    inset 0 2px 0 rgba(255,251,254,.52),
    inset 2px 0 0 rgba(255,200,195,.28),
    inset -2px 0 0 rgba(255,181,106,.25),
    inset 0 -2px 0 rgba(98,39,67,.48);
}
:where(html[data-project="absurd"]) .feature-paper::before {
  height:3px;
  background:linear-gradient(90deg,#ff6baf,#ff668d 50%,#ffd188 100%);
  box-shadow:0 0 17px rgba(255,94,137,.73),0 0 34px rgba(255,170,108,.32);
}
:where(html[data-project="absurd"]) .feature-paper::after {
  z-index:0;inset:0;border-radius:inherit;
  border:1px solid rgba(255,226,219,.22);
  background:
    linear-gradient(153deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.047) 18%,transparent 38%),
    linear-gradient(115deg,transparent 42%,rgba(255,247,239,.060) 59%,transparent 75%),
    linear-gradient(0deg,rgba(255,111,132,.078),transparent 20%);
  box-shadow:inset 0 0 44px rgba(255,179,140,.055),
             inset 0 20px 29px -27px rgba(255,255,255,.18);
  pointer-events:none;
}
:where(html[data-project="absurd"]) .feature-paper > :not(.paper-stamp) {position:relative;z-index:1;}
:where(html[data-project="absurd"]) .paper-stamp {
  color:rgba(255,137,126,.20);
  -webkit-text-stroke:1px rgba(255,199,177,.40);
  text-shadow:
    2px 2px 0 rgba(255,144,140,.25),
    4px 5px 0 rgba(161,72,89,.27),
    8px 12px 3px rgba(51,20,46,.53),
    0 0 31px rgba(255,122,125,.39),
    0 0 66px rgba(255,123,109,.18);
  transform:perspective(900px) rotateX(9deg) rotateY(-17deg) rotateZ(-7deg);
}
:where(html[data-project="absurd"]) .paper-top,
:where(html[data-project="absurd"]) .paper-bottom {border-color:rgba(255,191,174,.28);}
@media (hover:hover) and (pointer:fine) and (min-width:769px) and (prefers-reduced-motion:no-preference) {
:where(html[data-project="absurd"]) .feature-paper:hover {
    transform:perspective(1450px) translate3d(0,-7px,0) rotateX(1deg) rotateY(1.25deg);
    box-shadow:0 35px 90px rgba(0,0,0,.56),
               0 50px 101px -40px rgba(255,117,143,.62),
               0 0 62px rgba(255,111,148,.27),
               inset 0 2px 0 rgba(255,253,251,.60);
  }
}
@media (max-width:980px) {
:where(html[data-project="absurd"]) .hero {gap:32px;}
}
@media (max-width:760px) {
:where(html[data-project="absurd"]) .hero {padding-block:34px 30px;}
:where(html[data-project="absurd"]) .feature-paper {min-height:380px;border-radius:17px;}
:where(html[data-project="absurd"]) .feature-paper::after {opacity:.76;}
}
@media (forced-colors:active) {
:where(html[data-project="absurd"]) .feature-paper {background:Canvas !important;box-shadow:none !important;border:1px solid CanvasText !important;}
:where(html[data-project="absurd"]) .feature-paper::before,
:where(html[data-project="absurd"]) .feature-paper::after,
:where(html[data-project="absurd"]) .paper-stamp,
:where(html[data-project="absurd"]) .hero::before {display:none !important;}
}
@media print {
:where(html[data-project="absurd"]) .feature-paper {background:#fff !important;box-shadow:none !important;}
:where(html[data-project="absurd"]) .feature-paper::before,
:where(html[data-project="absurd"]) .feature-paper::after,
:where(html[data-project="absurd"]) .paper-stamp,
:where(html[data-project="absurd"]) .hero::before {display:none !important;}
}
:where(html[data-project="absurd"]) .hero::before {
  
  background:
    radial-gradient(
      ellipse 52% 47% at 63% 40%,
      rgba(255, 87, 131, .25) 0%,
      rgba(255, 87, 131, .12) 33%,
      rgba(255, 87, 131, 0) 90%
    ),
    radial-gradient(
      ellipse 38% 39% at 69% 74%,
      rgba(255, 169, 101, .15) 0%,
      rgba(255, 169, 101, 0) 90%
    );
  
  -webkit-mask-image: radial-gradient(
    ellipse 52% 63% at 47% 50%,
    #000 8%,
    rgba(0, 0, 0, .88) 37%,
    rgba(0, 0, 0, .36) 67%,
    transparent 97%
  );
  mask-image: radial-gradient(
    ellipse 52% 63% at 47% 50%,
    #000 8%,
    rgba(0, 0, 0, .88) 37%,
    rgba(0, 0, 0, .36) 67%,
    transparent 97%
  );
}

/* =====================================================================
   v0.5.4e — prednost dejanske tematske datoteke in obstojna varnostna kopija
   Tematska absurd.v040.css je naložena PO skupni site.v040.css.
   Rezervna pravila v skupni datoteki uporabljajo :where() (nizka specifika),
   da njihova višja specifika ne izniči popravka v0.5.4c.
   Podatkov, števcev in akcijskih gumbov ne spreminjamo.
   Avtor projekta: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT.
   ===================================================================== */