/* ============ „Programa“ (?fonas=programa) - visas puslapis ============
   Simona pasirinko 2026-10-14. Puslapis - kaip Berlyno klubo mėnesio programa: rašalo juodumo laukas #121212,
   šviesus tekstas, vienintelis akcentas - periwinkle #C5D2F8 (+ #9FAEE6). Slyvos nebėra.
   Pirmas ekranas: kairėje indekso stulpelis, centre programos eilutės (01 žinutė, 02 reklamos, 03 svetainės),
   dešinėje viršuje - mažas portretas (paspaudus išauga į „Apie mane“), eilučių dešinėje - vienas chromo kūrinys.
   Apačia: ta pati vertikali linija ir indekso stulpelis, skyrių numeriai periwinkle, finalas „Turi užduotį?“ - periwinkle blokas.
   Sluoksnį .pg, vietas, portreto „išaugimą“ kuria fonas.js. HTML turinys nekeičiamas - tik stilius ir išdėstymas.
   Viskas po [data-fonas="programa"] - be parametro puslapis nekinta. */

/* ---------- Antraščių šriftas: Neue Plak Extended Black (Monotype; Simona 2026-10-15) ----------
   Tik didžiausioms antraštėms: pirmo ekrano antraštė, „Visi darbai“, skyrių pavadinimai, „Turi užduotį?“.
   Visa kita - Hanken Grotesk. Failas - poaibis (lotynų + Latin Extended-A su lietuviškomis raidėmis, kabutės, brūkšniai).
   PRIEŠ PALEIDIMĄ: patvirtinti, kad licencija leidžia naudoti internete (web licencija). */
@font-face {
  font-family: "Neue Plak Ext";
  src: url("../../assets/fonts/neue-plak-extended-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- Spalvos: kintamieji perjungiami visam puslapiui ---------- */
html[data-fonas="programa"] {
  --pg-bg: #121212;
  --pg-surface: #1A1A19;
  --pg-line: #2E2D2B;
  --pg-rule: #3A3936;
  --pg-text: #EEECE7;
  --pg-mute: #8F8C86;          /* 5,6:1 ant #121212 */
  --pg-soft: #B5B2AC;          /* 8,9:1 - ilgesniam tekstui (labas.txt) */
  --pg-peri: #C5D2F8;
  --pg-peri-2: #9FAEE6;
  --pg-l: 19%;                 /* programos stulpelio pradžia (kaip pirmame ekrane) */
  --pg-lv: 19vw;               /* tas pats sąraše: % ten skaičiuojami nuo siauresnio bloko, todėl vw (kritika 2026-10-15: 11 px skirtumas) */
  --pg-pw: clamp(96px, 8.4vw, 150px);   /* mažo portreto plotis */
  --pg-plak: "Neue Plak Ext", "Hanken Grotesk", Arial, sans-serif;   /* tik didžiosios antraštės */

  /* bazinio styles.css kintamieji - tamsiai temai (tekstas šviesus, paviršiai tamsūs, akcentas periwinkle) */
  --ink: #EEECE7;
  --paper: #121212;
  --paper-2: #1C1C1B;
  --white: #1A1A19;
  --muted: #8F8C86;
  --line: #2E2D2B;
  --plum: #C5D2F8;
  --folder-dark: #9FAEE6;
  --peri: #121212;
  --peri-muted: #8F8C86;
  --line-peri: #2E2D2B;
  color-scheme: dark;
  background: #121212;
}
[data-fonas="programa"] body { background: var(--pg-bg); color: var(--pg-text); }
[data-fonas="programa"] ::selection { background: var(--pg-peri); color: var(--pg-bg); }
[data-fonas="programa"] :focus-visible { outline-color: var(--pg-peri); }
[data-fonas="programa"] .sketch-bar { background: #000; color: #fff; }
[data-fonas="programa"] .skip { background: var(--pg-peri); color: var(--pg-bg); border-radius: 0; }

/* ---------- Meniu juosta ---------- */
[data-fonas="programa"] .menubar { background: var(--pg-bg); color: var(--pg-text); -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid var(--pg-line); }
[data-fonas="programa"] .menubar__name { border: 0; border-radius: 0; padding: 0 10px; color: var(--pg-text); font-weight: 700; letter-spacing: -0.01em; }
[data-fonas="programa"] .menubar__nav button { color: var(--pg-text); border-radius: 0; font-weight: 500; }
[data-fonas="programa"] .menubar__nav button:hover { background: transparent; color: var(--pg-peri); }
[data-fonas="programa"] .menubar__lang, [data-fonas="programa"] .menubar__lang b { color: var(--pg-text); }
[data-fonas="programa"] .menubar__city, [data-fonas="programa"] .menubar__lang-off { color: var(--pg-mute); }
[data-fonas="programa"] .menubar__lang span[aria-hidden] { color: var(--pg-mute); }
[data-fonas="programa"] .menubar__lang:hover { background: transparent; }
[data-fonas="programa"] .barcode { stroke: var(--pg-text); }

/* ---------- Dock - tamsus, aplankai periwinkle ---------- */
[data-fonas="programa"] .dock { background: var(--pg-surface); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid var(--pg-rule); border-radius: 0; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .8); }
[data-fonas="programa"] .dock__btn { border-radius: 0; }
[data-fonas="programa"] .dock__btn:hover { transform: none; background: #262624; }
[data-fonas="programa"] .dock__sep { background: var(--pg-rule); }
[data-fonas="programa"] .dock__tip { border-radius: 0; background: var(--pg-peri); color: var(--pg-bg); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
[data-fonas="programa"] .file-lines { stroke: var(--pg-mute); }
[data-fonas="programa"] .dock__btn:hover .file-lines { stroke: var(--pg-peri); }

/* ============================== PIRMAS EKRANAS ============================== */
[data-fonas="programa"] .desk { background: var(--pg-bg); color: var(--pg-text); }
[data-fonas="programa"] .desk__img { display: none; }
[data-fonas="programa"] .desk__photo { background: var(--pg-bg); }
[data-fonas="programa"] .desk__photo::after { content: none; }
[data-fonas="programa"] .grain { display: none; } /* kritika 2026-10-15: ant juodo grūdo nesimato, bet pirmas ekranas tampa tamsesnis už sąrašą - matosi siūlė */

/* Sluoksnis .pg: linijos, eilučių numeriai, indekso etiketės, kūrinio parašas */
.pg { position: absolute; inset: 0; z-index: 0; pointer-events: none; color: var(--pg-mute); font-size: 10px; font-weight: 600; line-height: 1.3; letter-spacing: .09em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pg__v { position: absolute; top: 0; bottom: 0; left: calc(var(--pg-l) - 30px); border-left: 1px solid var(--pg-line); }
.pg__row { position: absolute; left: calc(var(--pg-l) - 30px); right: 28px; border-top: 1px solid var(--pg-line); }
.pg__row span { position: absolute; left: 30px; top: 9px; }
.pg__row b { position: absolute; right: 0; top: 9px; font-weight: 600; }
.pg__row--1 { top: 6%; border-top: 0; }
.pg__row--2 { top: var(--pg-r2, 46%); right: var(--pg-r2r, 28px); }
.pg__row--3 { top: var(--pg-r3, 70%); left: var(--pg-r3l, calc(var(--pg-l) - 30px)); }
/* Žemesniame ekrane 02 ir 03 - viena juosta, du stulpeliai (fonas.js .pg--cols): 03 stulpelis su savo vertikalia linija */
.pg--cols .pg__row--2 b { right: 18px; }
.pg--cols .pg__row--3::before { content: ""; position: absolute; left: -1px; top: 0; height: var(--pg-colh, 300px); border-left: 1px solid var(--pg-line); }
.pg__lbl { position: absolute; left: 28px; width: calc(var(--pg-l) - 80px); padding-top: 9px; border-top: 1px solid var(--pg-line); }
.pg__lbl--genre { top: var(--pg-r2, 46%); }
.pg__lbl--live { top: var(--pg-live, var(--pg-r3, 70%)); }
.pg__art { position: absolute; left: var(--pg-art-cx, var(--pg-art-x, 70%)); top: var(--pg-art-cap, 80%); width: max-content; margin: 0; }
.pg__art b { display: block; color: var(--pg-text); font-weight: 600; }
.pg__date { width: fit-content; margin: 0 0 6px; color: var(--pg-mute); font-size: 10px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; font-variant-numeric: tabular-nums; }

[data-fonas="programa"] .msg__from, [data-fonas="programa"] .msg__text { width: fit-content; }

/* Užuomina po portretu (fonas.js įdeda į žinutės mygtuką, aria-hidden - mygtukas jau turi aria-label) */
.pg-hint { position: absolute; display: flex; justify-content: space-between; gap: 8px; margin: 0; padding-top: 8px; border-top: 1px solid var(--pg-rule); color: var(--pg-text); font-size: 10px; font-weight: 600; line-height: 1.2; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.pg-hint i { font-style: normal; transition: transform .2s var(--ease); }
.msg__card:hover .pg-hint, .msg__card:focus-visible .pg-hint { color: var(--pg-peri); border-top-color: var(--pg-peri); }
.msg__card:hover .pg-hint i, .msg__card:focus-visible .pg-hint i { transform: translateX(4px); }

/* ---------- Kompiuteris ---------- */
@media (min-width: 900px) {
  [data-fonas="programa"] .desk__center { position: absolute; inset: 0; width: auto; transform: none; text-align: left; pointer-events: none; }
  /* Žanras (piliulės tekstas) - indekso stulpelyje */
  [data-fonas="programa"] .cover__kicker { position: absolute; left: 28px; top: calc(var(--pg-r2, 46%) + 30px); width: calc(var(--pg-l) - 80px); margin: 0; padding: 0; display: block; background: none; border-radius: 0; color: var(--pg-text); font-size: 13px; font-weight: 600; line-height: 1.35; letter-spacing: 0; text-transform: none; white-space: normal; }

  /* 01 eilutė: data, „Simona · dabar“, antraštė; mažas portretas - eilutės dešinėje */
  [data-fonas="programa"] .msg { position: absolute; left: var(--pg-l); right: 28px; top: calc(6% + 30px); width: auto; max-width: none; margin: 0; pointer-events: auto; }
  [data-fonas="programa"] .msg__from { margin: 0 0 14px; color: var(--pg-text); text-shadow: none; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
  [data-fonas="programa"] .msg__from span { color: var(--pg-text); text-shadow: none; }
  [data-fonas="programa"] .msg__card { padding: 0; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--pg-text); }
  [data-fonas="programa"] .msg__card:hover { transform: none; box-shadow: none; }
  [data-fonas="programa"] .msg__card:focus-visible { outline: 0; }
  [data-fonas="programa"] .msg__card:focus-visible .msg__text strong { outline: 2px solid var(--pg-peri); outline-offset: 6px; }
  [data-fonas="programa"] .msg__text { max-width: calc(100% - var(--pg-pw) - 64px); font-size: clamp(18px, 1.45vw, 24px); line-height: 1.3; font-weight: 500; color: var(--pg-mute); }
  [data-fonas="programa"] .msg__text strong { display: block; max-width: 11em; margin: 0 0 14px; font-size: clamp(54px, 4.9vw, 92px); line-height: .94; font-weight: 700; letter-spacing: -0.04em; color: var(--pg-peri); text-wrap: balance; }
  [data-fonas="programa"] .msg__card:hover strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .12em; }
  [data-fonas="programa"] .msg__avatar { left: auto; right: 0; top: var(--pg-at, -52px); width: var(--pg-pw); height: auto; aspect-ratio: 4 / 5; border: 0; border-radius: 0; box-shadow: none; object-position: 50% 22%; }
  [data-fonas="programa"] .msg__card:hover .msg__avatar, [data-fonas="programa"] .msg__card:focus-visible .msg__avatar { outline: 2px solid var(--pg-peri); outline-offset: 4px; }
  [data-fonas="programa"] .msg__sticker { left: auto; right: calc(var(--pg-pw) + 10px); top: var(--pg-at, -52px); transform: none; padding: 5px 8px; border-radius: 0; box-shadow: none; background: var(--pg-peri); color: var(--pg-bg) !important; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
  [data-fonas="programa"] .pg-hint { right: 0; top: calc(var(--pg-at, -52px) + var(--pg-pw) * 1.25 + 10px); width: var(--pg-pw); }

  /* labas.txt - indekso stulpelio viršus */
  [data-fonas="programa"] .note { left: 28px; top: calc(6% + 4px); width: calc(var(--pg-l) - 80px); background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; color: var(--pg-soft); font-size: 15px; line-height: 1.5; }

  /* Vienas chromo kūrinys (metal-1) eilučių 02-03 dešinėje - vieta ir dydis iš fonas.js */
  [data-fonas="programa"] .metal__blob { display: none; }
  [data-fonas="programa"] .metal__blob--1 { display: block; left: var(--pg-art-x, 70%); top: var(--pg-art-y, 52%); width: var(--pg-art-w, 160px); height: auto; transform: rotate(-8deg); filter: drop-shadow(0 24px 22px rgba(0, 0, 0, .6)); }

  [data-fonas="programa"] .cursor--me { left: calc(100% - 28px - var(--pg-pw) - 96px); top: calc(6% + 110px); }
  [data-fonas="programa"] .cursor--you { left: calc(100% - 230px); top: 87%; }

  /* Darbai pirmame ekrane - didesni (Simona 2026-10-15, kritika: 9:16 ≈ 7vw, 1,91:1 ir svetainė ≈ 14vw). Tikslų dydį pagal ekrano aukštį parenka fonas.js */
  [data-fonas="programa"] .desk__icons .thumb--9x16 { width: var(--pg-w9, clamp(88px, 7vw, 128px)); }
  [data-fonas="programa"] .desk__icons .thumb--191 { width: var(--pg-w191, clamp(180px, 14vw, 260px)); }
  [data-fonas="programa"] .desk__icons .thumb--site { width: var(--pg-ws, clamp(180px, 14vw, 260px)); }
  [data-fonas="programa"] .desk__icons .icon__label { white-space: nowrap; }
  /* Dock kompiuteryje nereikalingas - tie patys punktai yra meniu juostoje (Simona 2026-10-15) */
  [data-fonas="programa"] .dock { display: none; }
  [data-fonas="programa"] .list { padding-bottom: 24px; }
}
@media (min-width: 900px) and (max-width: 1279px) {
  html[data-fonas="programa"] { --pg-l: 23%; --pg-lv: 23vw; }
  [data-fonas="programa"] .note { font-size: 14px; }
  [data-fonas="programa"] .msg__text strong { max-width: 9em; font-size: clamp(44px, 5vw, 64px); }
  [data-fonas="programa"] .msg__text { font-size: 17px; }
}
@media (min-width: 900px) and (max-height: 820px) {
  [data-fonas="programa"] .note > p:not(.note__bar):not(.note__hi):not(.note__counts) { font-size: 14px; }
}
/* Siauri kompiuteriai: stulpelis ~130-160 px - lapelis turi tilpti iki „Žanras“ eilutės */
@media (min-width: 900px) and (max-width: 1099px) {
  [data-fonas="programa"] .note { width: calc(var(--pg-l) - 68px); }
  [data-fonas="programa"] .note > p:not(.note__bar):not(.note__hi):not(.note__counts) { font-size: 13px; line-height: 1.45; }
  [data-fonas="programa"] .note__hi { font-size: 15px; }
}

/* ---------- Lapelis ---------- */
[data-fonas="programa"] .note__bar { padding: 0 0 8px; background: none; border: 0; color: var(--pg-mute); font-size: 10px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
[data-fonas="programa"] .note__bar i { display: none; }
[data-fonas="programa"] .note__bar span { margin: 0; }
[data-fonas="programa"] .note__hi { padding: 0; color: var(--pg-text); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
[data-fonas="programa"] .note > p:not(.note__bar):not(.note__hi) { padding: 6px 0 0; }
[data-fonas="programa"] .note__counts { margin-top: 10px; padding: 0 !important; border: 0; color: var(--pg-soft); font-weight: 500; }
[data-fonas="programa"] .note__counts b { color: var(--pg-text); font-weight: 700; }

/* ---------- Failai ir aplankai ---------- */
[data-fonas="programa"] .desk__icons .icon { justify-items: start; gap: 8px; padding: 0; border-radius: 0; translate: none; }
[data-fonas="programa"] .desk__icons .icon__label { padding: 0; border-radius: 0; background: none; color: var(--pg-text); font-size: 11.5px; font-weight: 500; letter-spacing: 0; line-height: 1.3; text-align: left; }
[data-fonas="programa"] .desk__icons .icon:hover .icon__label { background: none; color: var(--pg-peri); }
[data-fonas="programa"] .desk__icons .icon:focus-visible .icon__label, [data-fonas="programa"] .desk__icons .icon.is-dragging .icon__label { background: var(--pg-peri); color: var(--pg-bg); }
[data-fonas="programa"] .desk__icons .icon:focus-visible .icon__thumb { outline-color: var(--pg-peri); border-radius: 0; }
[data-fonas="programa"] .desk__icons .icon:hover .icon__thumb { transform: none; }
[data-fonas="programa"] .desk__icons .thumb { border: 0; border-radius: 0; box-shadow: none; background: #222; }
[data-fonas="programa"] .desk__icons .icon:hover .thumb, [data-fonas="programa"] .desk__icons .icon:focus-visible .thumb { box-shadow: none; }
[data-fonas="programa"] .desk__icons .thumb__bar { height: 9px; background: #EEECE7; border-bottom: 0; }
[data-fonas="programa"] .desk__icons .thumb__bar i { width: 3px; height: 3px; background: #9A9792; }
[data-fonas="programa"] .desk__icons .thumb__ph { top: 9px; }
[data-fonas="programa"] .desk__icons .thumb__play { width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 0; background: var(--pg-text); box-shadow: none; }
[data-fonas="programa"] .desk__icons .thumb__play::after { left: 8px; top: 6px; border-width: 5px 0 5px 8px; border-left-color: var(--pg-bg); }
/* Aplankai - periwinkle (Simona 2026-10-14: „šviesiai mėlyna atrodo ant juodo“) */
[data-fonas="programa"] .desk__icons .icon--folder svg { width: 58px; height: 45px; filter: none; }
[data-fonas="programa"] .desk__icons .folder-back { fill: var(--pg-peri-2); }
[data-fonas="programa"] .desk__icons .folder-front { fill: var(--pg-peri); }
[data-fonas="programa"] .desk__icons .icon--folder:hover .folder-front { fill: #DDE5FC; }
/* „Vyksta“ - žalias taškas lieka, su tamsiu žiedu, kad atsiskirtų nuo periwinkle */
[data-fonas="programa"] .desk__icons .icon__live { top: 3px; right: -5px; width: 10px; height: 10px; background: #00D37F; box-shadow: 0 0 0 2.5px var(--pg-bg); }

[data-fonas="programa"] .cursor svg { fill: var(--pg-text); stroke: var(--pg-bg); }
[data-fonas="programa"] .cursor b { border-radius: 0; padding: 3px 6px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; background: var(--pg-text); color: var(--pg-bg); }
[data-fonas="programa"] .cursor--you svg { fill: var(--pg-peri); }
[data-fonas="programa"] .cursor--you b { background: var(--pg-peri); color: var(--pg-bg); }

/* ---------- Telefonas: pirmas ekranas ---------- */
@media (max-width: 899px) {
  [data-fonas="programa"] .desk { background: var(--pg-bg); align-content: start; }  /* aukštame ekrane (planšetė) tarpai neišsitempia - laisva vieta lieka apačioje */
  [data-fonas="programa"] .desk::before { opacity: .4; mix-blend-mode: soft-light; }
  .pg__v, .pg__lbl, .pg__art, .pg__row--3 { display: none; }
  .pg__row { left: 16px; right: 16px; }
  .pg__row span { left: 0; top: 8px; }
  .pg__row--1 { top: 0; }
  .pg__row--1 b { display: none; }
  .pg__row--2 { top: var(--pg-r2sm, 268px); right: 16px; }
  .pg__row--2 span, .pg__row--2 b { display: none; }
  [data-fonas="programa"] .metal__blob { display: none !important; }
  [data-fonas="programa"] .desk__icons { height: 260px; }
  [data-fonas="programa"] .desk__icons .icon, [data-fonas="programa"] .desk__icons .icon:nth-child(n), [data-fonas="programa"] .desk__icons .icon--folder[data-open] { transform: none; right: auto; left: var(--x-sm); top: var(--y-sm); }
  /* Simona 2026-10-15: telefone pirma antraštė ir portretas, po jų failai (3 stulpeliai - fonas.js), tada labas.txt */
  [data-fonas="programa"] .desk__center { order: -2; }
  [data-fonas="programa"] .desk__icons { order: -1; }
  [data-fonas="programa"] .desk__icons .icon__thumb { width: 64px; height: 64px; border-radius: 0; border: 0; box-shadow: none; background: transparent; }
  [data-fonas="programa"] .desk__icons .icon--folder .icon__thumb svg { width: 58px; height: 45px; filter: none; }
  /* Failų vardai nelūžta per vidurį (buvo „hook_2_ / lipnukai.mp4“): viena eilutė, jei netelpa - daugtaškis; aplankų vardai laužomi tik tarp žodžių */
  [data-fonas="programa"] .desk__icons .icon__label { max-width: var(--pg-lw, calc(var(--pg-col, 110px) - 10px)); padding: 0; background: none; color: var(--pg-text); font-size: 11px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; }
  [data-fonas="programa"] .desk__icons .icon--folder .icon__label { white-space: normal; text-wrap: balance; }
  [data-fonas="programa"] .desk__center { padding-inline: 16px; }  /* ta pati 16 px linija kaip „01“, failai ir labas.txt */
  [data-fonas="programa"] .desk__icons.pg-compact .icon__thumb { width: 54px; height: 54px; }
  [data-fonas="programa"] .desk__icons.pg-compact .icon--folder .icon__thumb svg { width: 52px; height: 40px; }
  [data-fonas="programa"] .desk__icons .icon__live { top: 4px; right: -3px; width: 9px; height: 9px; }
  [data-fonas="programa"] .msg { margin: 30px 0 0; max-width: none; width: auto; }
  [data-fonas="programa"] .msg__from { margin: 0 0 10px; color: var(--pg-text); text-shadow: none; font-size: 14px; font-weight: 600; }
  [data-fonas="programa"] .msg__from span { color: var(--pg-text); text-shadow: none; }
  [data-fonas="programa"] .msg__card { padding: 0; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--pg-text); }
  [data-fonas="programa"] .msg__card:focus-visible { outline-offset: 6px; }
  [data-fonas="programa"] .msg__text { font-size: 15px; line-height: 1.35; color: var(--pg-mute); max-width: calc(100% - 92px); }
  [data-fonas="programa"] .msg__text strong { display: block; margin: 0 0 12px; font-size: clamp(30px, 9.4vw, 40px); line-height: .95; font-weight: 700; letter-spacing: -0.04em; color: var(--pg-peri); text-wrap: balance; }
  [data-fonas="programa"] .msg__avatar { left: auto; right: 0; top: -34px; width: 76px; height: auto; aspect-ratio: 4 / 5; border: 0; border-radius: 0; box-shadow: none; object-position: 50% 22%; }
  [data-fonas="programa"] .msg__sticker { left: auto; right: 86px; top: -34px; transform: none; padding: 3px 6px; border-radius: 0; box-shadow: none; background: var(--pg-peri); color: var(--pg-bg) !important; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
  [data-fonas="programa"] .pg-hint { right: 0; top: calc(-34px + 95px + 8px); width: 76px; padding-top: 6px; font-size: 9px; letter-spacing: .06em; }
  [data-fonas="programa"] .note { margin: 24px 16px 0; padding-top: 10px; border: 0; border-top: 1px solid var(--pg-line); border-radius: 0; background: none; box-shadow: none; overflow: visible; color: var(--pg-soft); font-size: 15px; line-height: 1.5; }
  [data-fonas="programa"] .note__hi { font-size: 18px; }
}
@media (min-width: 600px) and (max-width: 899px) {
  [data-fonas="programa"] .desk__icons .icon__thumb { width: 84px; height: 84px; }
  [data-fonas="programa"] .desk__icons .icon--folder .icon__thumb svg { width: 72px; height: 56px; }
  [data-fonas="programa"] .desk__icons .icon__label { font-size: 12px; }
}
@media (max-width: 359px) {
  [data-fonas="programa"] .msg__text strong { font-size: 28px; }
  [data-fonas="programa"] .msg__text { max-width: calc(100% - 80px); font-size: 14px; }
  [data-fonas="programa"] .msg__avatar, [data-fonas="programa"] .pg-hint { width: 66px; }
  [data-fonas="programa"] .pg-hint { top: calc(-34px + 83px + 8px); }
  [data-fonas="programa"] .msg__sticker { right: 74px; }
}

/* ============================== APAČIA: sąrašas ============================== */
[data-fonas="programa"] .list { background: var(--pg-bg); color: var(--pg-text); padding-inline: 28px; }
[data-fonas="programa"] .list > * { max-width: none; }
[data-fonas="programa"] .waves { display: none; }
[data-fonas="programa"] .list .meta, [data-fonas="programa"] .list .credit, [data-fonas="programa"] .list__intro, [data-fonas="programa"] .list .case dt,
[data-fonas="programa"] .list .about__text--2, [data-fonas="programa"] .list .foot, [data-fonas="programa"] .list .filter__n, [data-fonas="programa"] .list .group__intro { color: var(--pg-mute); }

/* Antraštė „Visi darbai“ */
[data-fonas="programa"] .list__head { align-items: end; padding-bottom: 28px; border-bottom: 1px solid var(--pg-rule); margin-bottom: 0; }
[data-fonas="programa"] .list__head h2 { color: var(--pg-text); font-weight: 700; letter-spacing: -0.05em; }
[data-fonas="programa"] .list__intro { max-width: 26em; font-size: 15px; }

/* Skyriai: tas pats indekso stulpelis kaip pirmame ekrane (numeris ir pavadinimas kairėje, turinys dešinėje) */
[data-fonas="programa"] .group { border-top: 1px solid var(--pg-rule); padding-block: 28px 64px; scroll-margin-top: 48px; }
[data-fonas="programa"] .group__h { gap: 10px; color: var(--pg-text); font-size: clamp(28px, 2.6vw, 40px); font-weight: 700; letter-spacing: -0.035em; }
[data-fonas="programa"] .group__n { margin-top: 2px; color: var(--pg-peri); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
[data-fonas="programa"] .count { min-width: 0; padding: 2px 6px; border: 1px solid var(--pg-peri); border-radius: 0; background: none; color: var(--pg-peri); font-size: 11px; font-weight: 700; letter-spacing: .06em; align-self: start; margin-top: 4px; }
[data-fonas="programa"] h3 { color: var(--pg-text); font-weight: 700; letter-spacing: -0.03em; }

@media (min-width: 900px) {
  /* vertikali linija tęsiasi nuo pirmo ekrano: x = 19 % - 30 px (kaip .pg__v) */
  [data-fonas="programa"] .list { background: linear-gradient(var(--pg-line), var(--pg-line)) no-repeat calc(var(--pg-l) - 30px) 0 / 1px 100%, var(--pg-bg); background-position: calc(var(--pg-l) - 30px) 0; }
  [data-fonas="programa"] .list__head { padding-left: calc(var(--pg-lv) - 28px); }
  [data-fonas="programa"] .group { display: grid; grid-template-columns: calc(var(--pg-lv) - 58px) minmax(0, 1fr); column-gap: 30px; }
  [data-fonas="programa"] .group > * { grid-column: 2; }
  /* Panda (.work--now) nuo 2026-10-15 - skyriuje #meta, antrame stulpelyje kaip svetainių kortelės: atskiro atitraukimo nebereikia */
  [data-fonas="programa"] .group > .group__head, [data-fonas="programa"] .group > .group__h { grid-column: 1; grid-row: 1 / span 6; align-self: start; position: sticky; top: 72px; margin: 0; }
  [data-fonas="programa"] .group__head { display: grid; justify-content: start; gap: 18px; }
  /* h2: numeris (periwinkle) / pavadinimas / kiekis - po vieną eilutę */
  [data-fonas="programa"] .group__h { display: grid; justify-items: start; gap: 8px; }
  [data-fonas="programa"] .group__h .group__n { margin: 0 0 2px; }
  [data-fonas="programa"] .group__h .count { margin: 4px 0 0; }
  [data-fonas="programa"] .filters { display: grid; justify-items: start; gap: 6px; }
}
@media (min-width: 900px) and (max-width: 1279px) {
  [data-fonas="programa"] .list { background-position: calc(23% - 30px) 0; }
}

/* Vykstantis projektas (Panda) - skyriuje „Meta reklama ir prekės ženklas“ (2026-10-15): kaip pirma svetainės kortelė - be savų tarpų, tarpus duoda .group */
[data-fonas="programa"] .work--now { padding: 0; margin: 0; border-top: 0; }
[data-fonas="programa"] .status { padding: 0; border-radius: 0; background: none; color: var(--pg-peri) !important; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
[data-fonas="programa"] .status i { width: 8px; height: 8px; background: #00D37F; box-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
  [data-fonas="programa"] .status i { animation: pg-live 2s ease-in-out 3; }
  @keyframes pg-live { 50% { opacity: .35; } }
}

/* Darbai: naršyklės rėmelis, telefonas, laukai, mygtukai */
[data-fonas="programa"] .work--site + .work--site { border-top: 1px solid var(--pg-line); }
[data-fonas="programa"] .browser { border: 1px solid var(--pg-rule); border-radius: 0; background: var(--pg-surface); }
[data-fonas="programa"] .browser__bar { background: var(--pg-surface); border-bottom: 1px solid var(--pg-line); }
[data-fonas="programa"] .browser__bar i { background: #3F3E3B; }
[data-fonas="programa"] .browser__url { border-radius: 0; background: var(--pg-bg); color: var(--pg-mute); }
[data-fonas="programa"] .phone { border: 5px solid #000; border-radius: 22px; box-shadow: 0 0 0 1px var(--pg-rule), 0 18px 30px -18px rgba(0, 0, 0, .8); }
[data-fonas="programa"] .case dt { color: var(--pg-mute); font-size: 10px; letter-spacing: .1em; }
[data-fonas="programa"] .case dd { color: var(--pg-text); }
[data-fonas="programa"] .meta { font-size: 12px; letter-spacing: .04em; }
[data-fonas="programa"] .work__lead { color: var(--pg-text); }
[data-fonas="programa"] .tag { border: 1px dashed var(--pg-peri); border-radius: 0; color: var(--pg-peri) !important; }
[data-fonas="programa"] .credit::before { border-radius: 0; background: var(--pg-peri); }
[data-fonas="programa"] .go { border-radius: 0; background: var(--pg-peri); color: var(--pg-bg); border: 1px solid var(--pg-peri); font-weight: 600; }
[data-fonas="programa"] .go:hover { background: var(--pg-text); border-color: var(--pg-text); color: var(--pg-bg); }
[data-fonas="programa"] .go--folder { background: transparent; color: var(--pg-peri); border: 1px solid var(--pg-peri); }
[data-fonas="programa"] .go--folder:hover { background: var(--pg-peri); color: var(--pg-bg); border-color: var(--pg-peri); }
[data-fonas="programa"] .go--folder:hover .folder-back { fill: #4A4760; }
[data-fonas="programa"] .go--folder:hover .folder-front { fill: var(--pg-bg); }

/* Filtrai */
[data-fonas="programa"] .filter { min-height: 40px; padding: 0 12px; border: 1px solid var(--pg-rule); border-radius: 0; color: var(--pg-text); font-size: 13px; }
[data-fonas="programa"] .filter:hover { background: var(--pg-surface); border-color: var(--pg-mute); }
[data-fonas="programa"] .filter[aria-pressed="true"] { background: var(--pg-peri); border-color: var(--pg-peri); color: var(--pg-bg); }
[data-fonas="programa"] .filter[aria-pressed="true"] .filter__n { color: var(--pg-bg) !important; opacity: 1; }

/* Reklamos */
[data-fonas="programa"] .work--ad .work__media { border: 1px solid var(--pg-rule); box-shadow: none; background: #000; }

/* Kaip dirbu - tinklelis plonomis linijomis */
[data-fonas="programa"] .bento { background: var(--pg-line); border-color: var(--pg-line); }
[data-fonas="programa"] .bento__cell { background: var(--pg-bg); }
[data-fonas="programa"] .bento__cell:hover { background: var(--pg-surface); }
[data-fonas="programa"] .bento__n { color: var(--pg-peri); }
[data-fonas="programa"] .bento__cell p { color: var(--pg-mute); }

/* Apie mane - nuotrauka spalvota (Simona 2026-10-15); parašas po nuotrauka */
[data-fonas="programa"] .about__photo img { border: 0; border-radius: 0; }
[data-fonas="programa"] .about__photo::after { content: none; }
[data-fonas="programa"] .about__cap { position: static; display: block; margin-top: 8px; padding: 8px 0 0; border-top: 1px solid var(--pg-rule); border-radius: 0; background: none; color: var(--pg-mute); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
[data-fonas="programa"] .about__text { color: var(--pg-text); }
[data-fonas="programa"] .about__text--2 { color: var(--pg-mute); }
[data-fonas="programa"] .chips { gap: 0; border-top: 1px solid var(--pg-line); }
[data-fonas="programa"] .chips li { padding: 9px 16px 9px 0; margin-right: 16px; border: 0; border-radius: 0; color: var(--pg-text); font-size: 13px; font-weight: 500; }
[data-fonas="programa"] .chips li::before { content: "/ "; color: var(--pg-peri); }
[data-fonas="programa"] .chips li:hover { background: none; }

/* Finalas „Turi užduotį?“ - didelis periwinkle blokas per visą plotį, juodas tekstas */
[data-fonas="programa"] .group--contact { display: block; margin: 0 -28px; padding: clamp(48px, 7vw, 112px) 28px clamp(56px, 8vw, 128px); border: 0; background: var(--pg-peri); color: var(--pg-bg); }
[data-fonas="programa"] .group--contact > * { position: relative; }
[data-fonas="programa"] .group--contact .group__h { position: static; display: block; color: var(--pg-bg); font-size: clamp(56px, 10.5vw, 184px); line-height: .88; letter-spacing: -0.055em; }
[data-fonas="programa"] .group--contact .group__n { display: block; margin: 0 0 18px; color: var(--pg-bg); font-size: 11px; letter-spacing: .1em; }
[data-fonas="programa"] .group--contact .contact__lead { max-width: 30em; margin-top: 28px; color: var(--pg-bg); font-size: clamp(17px, 1.5vw, 21px); }
[data-fonas="programa"] .group--contact .btn { min-height: 56px; border-radius: 0; font-weight: 600; }
[data-fonas="programa"] .group--contact .btn--ink { background: var(--pg-bg); color: var(--pg-peri); }
[data-fonas="programa"] .group--contact .btn--ink:hover { background: #000; color: #fff; }
[data-fonas="programa"] .group--contact .btn--line { border: 1px solid var(--pg-bg); color: var(--pg-bg); }
[data-fonas="programa"] .group--contact .btn--line:hover { background: var(--pg-bg); color: var(--pg-peri); }
[data-fonas="programa"] .group--contact :focus-visible { outline-color: var(--pg-bg); }
@media (min-width: 900px) {
  [data-fonas="programa"] .group--contact { padding-left: var(--pg-lv); }
  [data-fonas="programa"] .group--contact > * { grid-column: auto; }
}

/* Poraštė */
[data-fonas="programa"] .foot { margin-top: 0; padding-top: 18px; border-top: 0; color: var(--pg-mute); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
[data-fonas="programa"] .foot a { color: var(--pg-text); }
[data-fonas="programa"] .foot a:hover { color: var(--pg-peri); }
@media (min-width: 900px) { [data-fonas="programa"] .foot { padding-left: calc(var(--pg-lv) - 28px); } }

/* Paneliai Pandos ir DayNest languose */
[data-fonas="programa"] .traits { border-color: var(--pg-line); background: var(--pg-line); border-radius: 0; }
[data-fonas="programa"] .traits li, [data-fonas="programa"] .list .traits li { background: var(--pg-surface); color: var(--pg-text); }
[data-fonas="programa"] .brand__steps { border-top-color: var(--pg-line); }
[data-fonas="programa"] .brand__h { color: var(--pg-mute); }
[data-fonas="programa"] .palette .sw { border-color: var(--pg-rule); }
[data-fonas="programa"] .palette__main .sw { box-shadow: 0 0 0 3px var(--pg-bg), 0 0 0 4px var(--pg-rule); }
[data-fonas="programa"] .thumb__h { color: #121212; }
[data-fonas="programa"] .thumb__p { color: #5B5853; }
[data-fonas="programa"] .ph { color: #121212; }
[data-fonas="programa"] .ph.tone-c { color: #fff; }

/* ============================== LANGAI ============================== */
[data-fonas="programa"] .win { background: var(--pg-bg); color: var(--pg-text); border: 1px solid var(--pg-rule); border-radius: 0; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9); }
[data-fonas="programa"] .win::backdrop { background: rgba(0, 0, 0, .66); }
[data-fonas="programa"] .win__bar { background: var(--pg-bg); border-bottom: 1px solid var(--pg-line); }
[data-fonas="programa"] .win__title { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
[data-fonas="programa"] .win__back, [data-fonas="programa"] .win__close { border-radius: 0; color: var(--pg-text); }
[data-fonas="programa"] .win__back:hover, [data-fonas="programa"] .win__close:hover { background: var(--pg-surface); color: var(--pg-peri); }
[data-fonas="programa"] .win__close:hover svg { stroke: var(--pg-peri); }
[data-fonas="programa"] .folder__info { color: var(--pg-mute); }
[data-fonas="programa"] .folder__grid .icon__label { color: var(--pg-text); border-radius: 0; }
[data-fonas="programa"] .folder__grid .icon:hover .icon__label, [data-fonas="programa"] .folder__grid .icon:focus-visible .icon__label { background: var(--pg-peri); color: var(--pg-bg); }
[data-fonas="programa"] .folder__grid .thumb { border-color: var(--pg-surface); }
[data-fonas="programa"] .win .group { border-top: 0; padding-block: 8px; }
[data-fonas="programa"] .win .group > .group__head, [data-fonas="programa"] .win .group > .group__h { position: static; }
[data-fonas="programa"] .win .group--contact { margin: 0; padding: 28px; }
[data-fonas="programa"] .win .group--contact .group__h { font-size: clamp(44px, 7vw, 96px); }
@media (min-width: 900px) {
  [data-fonas="programa"] .win .group { display: block; }
  [data-fonas="programa"] .win .group__h { display: flex; align-items: baseline; }
  [data-fonas="programa"] .win .group__h .group__n { margin: 0; }
}
@media (max-width: 759px) { [data-fonas="programa"] .win { border-radius: 0; border-width: 1px 0 0; } }

/* „Apie mane“ lange: nuotrauka išauga iš mažo portreto (fonas.js). .pg-flip - tik skrydžio metu. */
[data-fonas="programa"] .win.pg-flip { animation: none !important; }
.pg-fly { position: fixed; z-index: 10; margin: 0; overflow: hidden; pointer-events: none; transform-origin: 0 0; background: var(--pg-surface); will-change: transform; }
.pg-fly img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

@media (prefers-reduced-motion: reduce) {
  [data-fonas="programa"] .thumb, [data-fonas="programa"] .msg__avatar, [data-fonas="programa"] .about__photo img, .pg-hint i { transition: none !important; }
}

/* Taikinys >= 44 px (patikra 2026-10-15) */
html[data-fonas="programa"] .filter { min-height: 44px; }

/* Kritika 2026-10-15: projekto aplanke pristatymo miniatiūra - 112 px (.thumb--site plotis jos nebeperrašo) */
@media (min-width: 900px) { [data-fonas="programa"] .folder--project .thumb--shot { width: 112px; } }

/* Simona 2026-10-15: be pasiskolintų dekoracijų - Figma žymeklių, brūkšninio kodo, lipduko „Čia aš“ */
[data-fonas="programa"] .deco, [data-fonas="programa"] .barcode, [data-fonas="programa"] .msg__sticker { display: none; }

/* ============ Simonos sprendimai 2026-10-15 (2): reklamų tinklelis, „Apie mane“, statūs kampai, pirmoji Panda, kalbos nuoroda ============ */
/* Filtrai lieka paslėpti ir Programoje (visos reklamos vienos platformos) - .filters { display: grid } jų nebeparodo */
html[data-fonas="programa"] [data-filters] { display: none; }

/* Reklamos sąraše: trys video viena eilute iPhone rėmeliuose (rėmelis - styles.css, kaip lange), PMax - per visą plotį po jais:
   vaizdas kairėje, tekstas dešinėje. Apačia nebėra nelygi (kritika: PMax kortelė 4-ame stulpelyje su tekstu viršuje). */
[data-fonas="programa"] .list .ads { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px clamp(24px, 3vw, 48px); align-items: start; }
[data-fonas="programa"] .list .ads > .work--ad { align-content: start; gap: 20px; }
[data-fonas="programa"] .list .ads > .work--ad:not([data-ratio="9x16"]) { grid-column: 1 / -1; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; column-gap: clamp(24px, 4vw, 64px); padding-top: 56px; border-top: 1px solid var(--pg-line); }
[data-fonas="programa"] .list .ads > .work--ad:not([data-ratio="9x16"]) .work__media { border: 1px solid var(--pg-rule); }
[data-fonas="programa"] .list .ads .work__body { gap: 8px; }
[data-fonas="programa"] .list .ads .work__body h3 { margin-top: 2px; }
@media (max-width: 759px) {
  [data-fonas="programa"] .list .ads { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  [data-fonas="programa"] .list .ads > .work--ad:not([data-ratio="9x16"]) { grid-template-columns: minmax(0, 1fr); padding-top: 40px; }
  [data-fonas="programa"] .list .ads .work--ad[data-ratio="9x16"] .work__media { max-width: min(240px, 66vw); }
}

/* Svetainės: kortelių gali būti ir daugiau (Tempo Werk - trečia) - tarpai vienodi, vaizdo rėmelis matosi ir ant juodo kadro */
[data-fonas="programa"] .work--site .browser { box-shadow: 0 0 0 1px var(--pg-rule); }

/* „Apie mane“: numeris virš antraštės (kaip skyrių galvose), ne „laipsnio“ ženklas; antraštė nebelimpa prie nuotraukos */
[data-fonas="programa"] .win .group:not(.group--contact) .group__h { display: grid; justify-items: start; align-items: start; gap: 10px; }
[data-fonas="programa"] .win .group:not(.group--contact) .group__h .group__n { margin: 0; align-self: start; }
[data-fonas="programa"] .win .group:not(.group--contact) > .group__h, [data-fonas="programa"] .win .group > .group__head { margin: 4px 0 36px; }
@media (max-width: 899px) {
  /* telefone: numeris atskiroje eilutėje, pavadinimas ir kiekis - po juo */
  [data-fonas="programa"] .group:not(.group--contact) .group__h { flex-wrap: wrap; row-gap: 10px; }
  [data-fonas="programa"] .group:not(.group--contact) .group__h .group__n { flex-basis: 100%; margin: 0; }
}
/* Istorija: trys pastraipos skaitymui - ne platesnės nei ~62 ženklai, tarpas po įžangos sakiniu */
[data-fonas="programa"] .about { align-items: start; }
[data-fonas="programa"] .about__body { gap: 16px; }
[data-fonas="programa"] .about__text { max-width: 32em; }
[data-fonas="programa"] .about__text.about__text--2 { max-width: 62ch; color: var(--pg-soft); font-size: 17px; line-height: 1.62; }
[data-fonas="programa"] .about__text:not(.about__text--2) + .about__text--2 { margin-top: 12px; }
[data-fonas="programa"] .about .chips { margin-top: 18px; max-width: 62ch; }
@media (max-width: 759px) { [data-fonas="programa"] .about__text.about__text--2 { font-size: 16px; } }

/* Rodyklės nebelimpa prie žodžių (LinkedIn ↗, Į viršų ↑, Žiūrėti svetainę ↗) */
[data-fonas="programa"] .btn { gap: .4em; }
/* poraštės nuoroda - paprasta eilutė (ne flex), tada tarpas prieš ↑ išlieka, o pabraukimas ištisinis */
[data-fonas="programa"] .foot a { display: inline-block; min-height: 44px; line-height: 44px; text-align: center; }

/* Statūs kampai visur, kur Programa jų neperrašė (iPhone ir svetainės telefono rėmeliai, aplankų ikonos - lieka) */
[data-fonas="programa"] .person__pic,
[data-fonas="programa"] .win__body .gallery img,
[data-fonas="programa"] .pf--sheet img,
[data-fonas="programa"] .sheets img,
[data-fonas="programa"] .loops video,
[data-fonas="programa"] .pf--row video,
[data-fonas="programa"] .pf--palette .palette .sw,
[data-fonas="programa"] .palette .sw,
[data-fonas="programa"] .thumb--loop,
[data-fonas="programa"] .brand__say,
[data-fonas="programa"] .menubar__lang,
[data-fonas="programa"] :focus-visible,
[data-fonas="programa"] .icon:focus-visible .icon__thumb,
[data-fonas="programa"] .filter:focus-visible, [data-fonas="programa"] .btn:focus-visible, [data-fonas="programa"] .go:focus-visible,
[data-fonas="programa"] .menubar__name:focus-visible, [data-fonas="programa"] .skip:focus-visible { border-radius: 0; }
/* DayNest personažų savybės - ne „piliulės“, o statūs žymenys su plona linija */
[data-fonas="programa"] .person__traits li { border-radius: 0; background: none; border: 1px solid var(--pg-rule); color: var(--pg-text); font-weight: 500; }
/* Paleidimo ženklas aplankų languose - toks pat kaip darbalaukyje (kvadratas, ne apskritimas) */
[data-fonas="programa"] .thumb__play { width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 0; background: var(--pg-text); box-shadow: none; }
[data-fonas="programa"] .thumb__play::after { left: 8px; top: 6px; border-width: 5px 0 5px 8px; border-left-color: var(--pg-bg); }

/* pirmoji_panda.png - permatomas logotipas ant šviesaus lapo (kaip failo peržiūra), statūs kampai */
[data-fonas="programa"] .pf--first figure { justify-items: center; gap: 14px; }
[data-fonas="programa"] .pf--first img { box-sizing: content-box; width: auto; max-width: calc(100% - 2 * clamp(20px, 4vw, 44px)); max-height: min(54svh, 500px); padding: clamp(20px, 4vw, 44px); margin: 0; border: 0; background: var(--pg-text); }
[data-fonas="programa"] .pf--first figcaption { max-width: 62ch; color: var(--pg-soft); font-size: 15px; font-weight: 500; line-height: 1.5; text-align: center; }
[data-fonas="programa"] .folder--project [data-open="panda-pirmoji"] .thumb--pic img { box-sizing: content-box; max-width: 86px; max-height: 76px; padding: 8px; background: var(--pg-text); }

/* Kalbos jungiklis LT / EN - tikra nuoroda: be pabraukimo, paspaudimo plotas ≥ 44 px (išdėstymas nejuda), periwinkle užvedus */
[data-fonas="programa"] .menubar__lang a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; margin: -12px -13px; padding: 12px 13px; color: var(--pg-mute); text-decoration: none; cursor: pointer; transition: color var(--t) var(--ease); }
[data-fonas="programa"] .menubar__lang a:hover, [data-fonas="programa"] .menubar__lang a:focus-visible { color: var(--pg-peri); }
[data-fonas="programa"] .menubar__lang a:focus-visible { outline: 2px solid var(--pg-peri); outline-offset: -6px; }

/* Pandos aplankas: su pirmoji_panda.png failų 8 - visi telpa vienoje eilėje (980 px lange), kaip Finder */
@media (min-width: 760px) {
  [data-fonas="programa"] .folder--project .folder__grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 28px 6px; }
  [data-fonas="programa"] .folder--project .thumb--shot { width: 100px; }
  [data-fonas="programa"] .folder--project .thumb--pic img { max-width: 96px; max-height: 88px; }
  [data-fonas="programa"] .folder--project [data-open="panda-pirmoji"] .thumb--pic img { max-width: 80px; max-height: 72px; }
}
/* aplanko lange failų vardai - vienoje eilutėje (ne „pirmoji_ / panda.png“); šoninių paraščių nėra, kad tilptų visas vardas */
[data-fonas="programa"] .folder--project .icon { padding-inline: 0; }
[data-fonas="programa"] .folder--project .icon__label { padding-inline: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
@media (max-width: 359px) { [data-fonas="programa"] .folder--project .icon__label { font-size: 11px; } }

/* ============ Neue Plak Extended Black - tik didžiosios antraštės (Simona 2026-10-15) ============
   Pirmo ekrano antraštė, „Visi darbai“, skyrių pavadinimai ir „Turi užduotį?“. Skyrių numeriai, kiekiai, h3 ir visa kita - Hanken Grotesk.
   Šriftas platus ir sotus: dydžiai mažesni nei buvo su Hanken, tarpai tarp raidžių beveik įprasti (-0.01…-0.02em).
   Eilučių aukštis toks, kad ą ę į ų ir č š ž neliestų gretimos eilutės. Plotis „em“ - pagal išmatuotus žodžius (2026-10-15):
   „Kuriu svetaines“ 7,76em, „Kuriu svetaines ir“ 8,63em, „I make websites“ 8,15em, „Svetainės“ 5,06em, „Turi užduotį?“ 6,42em, „užduotį?“ 4,40em. */
[data-fonas="programa"] .msg__text strong,
[data-fonas="programa"] .list__head h2,
[data-fonas="programa"] .group__h { font-family: var(--pg-plak); font-weight: 900; font-synthesis: none; font-kerning: normal; text-transform: none; }
[data-fonas="programa"] .group__h .group__n,
[data-fonas="programa"] .group__h .count { font-family: "Hanken Grotesk", Arial, sans-serif; }

/* Pirmo ekrano antraštė: max-width 8,45em - „Kuriu svetaines / ir reklamas.“ visada dviem eilutėmis (EN „I make websites / and ads.“) */
@media (min-width: 900px) {
  [data-fonas="programa"] .msg__text strong { max-width: 8.45em; margin-bottom: 16px; font-size: clamp(52px, 4.4vw, 86px); line-height: .98; letter-spacing: -0.02em; }
  [data-fonas="programa"] .msg__card:hover strong { text-decoration-thickness: .045em; text-underline-offset: .14em; }
}
@media (min-width: 900px) and (max-width: 1279px) {
  [data-fonas="programa"] .msg__text strong { max-width: 8.45em; font-size: clamp(42px, 4.9vw, 58px); }
}
/* Telefone antraštė stovi šalia portreto: plotis 100vw - 124px (16 + 16 kraštai, 92 portretui); 8,35em - telpa ir „I make websites“ */
@media (max-width: 899px) {
  [data-fonas="programa"] .msg__text strong { max-width: 8.45em; font-size: clamp(24px, calc((100vw - 124px) / 8.35), 54px); line-height: 1; letter-spacing: -0.02em; }
}
@media (max-width: 359px) {
  [data-fonas="programa"] .msg__text strong { font-size: clamp(22px, calc((100vw - 112px) / 8.35), 28px); }
}

/* „Visi darbai“ */
[data-fonas="programa"] .list__head h2 { font-size: clamp(52px, 7.2vw, 116px); line-height: .92; letter-spacing: -0.02em; }

/* Skyrių pavadinimai: kompiuteryje telpa į kairį stulpelį (19vw - 58px; 900-1279 px - 23vw - 58px) */
[data-fonas="programa"] .group__h { font-size: clamp(26px, 2.3vw, 38px); line-height: 1.06; letter-spacing: -0.015em; text-wrap: balance; }
@media (max-width: 899px) {
  [data-fonas="programa"] .group__h { font-size: clamp(26px, 7.2vw, 36px); }
}

/* „Turi užduotį?“: kompiuteryje viena eilutė, telefone dvi („Turi / užduotį?“) */
/* padding-bottom: „į“ nosinė nusileidžia ~0,25em žemiau eilutės - kad nepriliptų prie įvado */
[data-fonas="programa"] .group--contact .group__h { padding-bottom: .1em; font-size: clamp(56px, 10vw, 176px); line-height: .94; letter-spacing: -0.02em; }
/* virš didžiųjų raidžių šriftas palieka ~0,25em (vieta Č Š Ž ženklams), todėl numeris „06“ - arčiau */
@media (min-width: 900px) { [data-fonas="programa"] .group--contact .group__n { margin-bottom: 4px; } }
@media (max-width: 899px) {
  [data-fonas="programa"] .group--contact .group__h { font-size: clamp(52px, calc((100vw - 56px) / 4.8), 84px); line-height: .96; }
}

/* „Visi darbai“ įvadas prasideda ten, kur žemiau kortelių tekstas (.work__body): tie patys stulpeliai kaip .work--site
   (7fr / 5fr, tarpas clamp(24px, 4vw, 64px)). .list__head turinys jau sutampa su skyrių antru stulpeliu (19vw / 23vw). */
@media (min-width: 760px) {
  [data-fonas="programa"] .list__head { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(24px, 4vw, 64px); }
}