/* Bértranszparencia — hub-aloldal (pay-transparency.php), 2026-11-04. MINDIG világos (data-theme="light").
   Váz: a microsite-ok közös része (homepage.css + readiness-map.css rmp-*); itt csak a lap saját blokkjai, a Hello 2027
   „ipari csend” nyelvén: adatlap (.f-sheet + .f-rows), egy bizonyítószoba (#report.f-room), sík kártya csak navigációra (.f-nav).
   Akcentus-csík, tónusos számjelvény, árnyékos kártya: nincs. Halk szöveg = var(--text-secondary) / var(--text-muted). */

/* adatlap-szélességek */
.ptp-sheet { max-width: 960px; margin: 0 auto; }
.ptp-sheet--wide { max-width: 1100px; }
.ptp-sheet-label { display: block; margin: 0 0 4px; }
.ptp .f-rows h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.02rem; line-height: 1.4; margin: 0; color: var(--text-primary); }
.ptp .f-rows p { margin: 0; font-size: .97rem; line-height: 1.6; color: var(--text-secondary); }

/* kulcs → érték sorok (állapot, előkészítés); --stack: a cím a szöveg fölött (keskeny hasábban) */
.ptp-kv > li { display: grid; grid-template-columns: minmax(150px, 13em) minmax(0, 1fr); gap: 4px clamp(16px, 3vw, 40px); padding: 16px 0; }
ol.ptp-kv > li { padding-left: 40px; }
ol.ptp-kv > li::before { top: 19px; }
.ptp-kv--stack > li { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 0; }
ol.ptp-kv--stack > li::before { top: 17px; }
.ptp-note { margin: 14px 0 0; font-family: var(--font-mono); font-size: .76rem; letter-spacing: .02em; color: var(--text-muted, #6b6b6b); }
.ptp-status { padding-top: clamp(56px, 7vw, 96px); }

/* követelmény → képernyő: cikk · mit kér + mit tud · hol */
.ptp-req-rows > li { display: grid; grid-template-columns: 5.5em minmax(0, 1fr) minmax(9em, 12em); gap: 6px clamp(16px, 2.6vw, 36px); align-items: baseline; padding: 18px 0; }
.ptp-art { font-family: var(--font-mono); font-weight: 500; font-size: .76rem; letter-spacing: .04em; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ptp-req-rows h3 { margin-bottom: 4px !important; }
.ptp-where { font-family: var(--font-mono); font-weight: 500; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--text-primary); text-align: right; }
@media (max-width: 760px) {
  .ptp-req-rows > li { grid-template-columns: auto minmax(0, 1fr); padding: 16px 0; }
  .ptp-req-rows > li > div { grid-column: 1 / -1; grid-row: 2; }
  .ptp-where { text-align: right; }
  .ptp-kv > li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}

/* BIZONYÍTÓSZOBA — a riport valódi képernyője, alatta a három beállítható paraméter kijelzőként */
#report.f-room { padding: clamp(64px, 8vw, 112px) 0; }
.ptp-room .annot, .ptp-room-shot { max-width: 1100px; margin-left: auto; margin-right: auto; }
.ptp-room .annot .ptp-room-shot { max-width: none; }
.ptp-readouts { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; max-width: 1100px; margin: 28px auto 0; }
.ptp-readouts p { flex: 1 1 320px; max-width: 52ch; margin: 0 0 0 12px; font-size: .92rem; line-height: 1.55; color: var(--text-secondary); }
@media (max-width: 640px) { .ptp-readouts { justify-content: flex-start; } .ptp-readouts p { margin: 6px 0 0; } }

/* szöveg + valódi képernyő egymás mellett; a --flip-nél asztalon a kép kerül balra (váltakozó ritmus), a DOM-sorrend
   (és mobilon a sorrend) mindig: szöveg elöl, kép utána */
.ptp-cols { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 64px); align-items: start; max-width: 1200px; margin: 0 auto; }
.ptp-cols--flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.ptp-cols--flip > :first-child { order: 2; }
/* a kép a hosszabb szöveg mellett a fejléc alatt marad (asztalon) */
.ptp-cols > .ptp-fig { position: sticky; top: calc(var(--header-h, 72px) + 32px); margin-top: 8px; }
.ptp-split .section-title { text-align: left; margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.15; text-wrap: balance; }
.ptp-lead { margin: 0 0 18px; font-size: 1.05rem; line-height: 1.6; color: var(--text-secondary); max-width: 52ch; }
@media (max-width: 900px) {
  .ptp-cols, .ptp-cols--flip { grid-template-columns: minmax(0, 1fr); }
  .ptp-cols--flip > :first-child { order: 0; }
}
.ptp-fig { margin: 0; }
.ptp-frame { border: 1px solid var(--f-hair); border-radius: var(--proof-radius, 14px); overflow: hidden; background: #fff; }
.ptp-frame img { display: block; width: 100%; height: auto; }
.ptp-fig figcaption { margin-top: 10px; font-family: var(--font-mono); font-size: .76rem; line-height: 1.45; color: var(--text-secondary); text-align: right; }

/* ki látja + szándékosan nincs benne */
.ptp-pair { max-width: 1100px; margin: 0 auto; }

/* navigáció a három brandre — sík kártyák (a lap egyetlen kártyarácsa) */
.ptp-nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(16px, 2vw, 24px); max-width: 1100px; margin: 0 auto; }
.ptp-nav .f-nav { display: flex; flex-direction: column; gap: 10px; }
.ptp-nav .f-label { color: var(--text-primary); }
.ptp-nav-d { font-size: .97rem; line-height: 1.55; color: var(--text-secondary); }
.ptp-nav-go { margin-top: auto; font-family: var(--font-mono); color: var(--text-primary); transition: transform .18s ease; }
.ptp-nav .f-nav:hover .ptp-nav-go, .ptp-nav .f-nav:focus-visible .ptp-nav-go { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .ptp-nav-go { transition: none; } }