/* Layout: tó-zöld fejsáv a címmel és négy sávszintű mutatóval; a hónap három megállapítása kártyákon; páros vízszintes sávdiagram a bruttó hozamról (hosszú táv / nyár); rendezhető települési táblázat; eladói „régóta fent?” eszköz; módszertan; terra feliratkozó sáv; archívum */
:root{--s1:#008470;--s2:#B4482A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--s1:#1F9483;--s2:#CF6A40}}
:root[data-theme="dark"]{--s1:#1F9483;--s2:#CF6A40}

.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.fejsav{background:var(--to);color:var(--fole)}
.fejsav .in{padding-block:clamp(40px,6vw,72px) clamp(32px,4vw,48px)}
.fejsav .lbl{color:var(--nad)}
.fejsav h1{font:400 clamp(48px,7vw,88px)/.95 var(--serif);letter-spacing:-.015em;margin:12px 0 0;text-wrap:balance}
.fejsav h1 i{color:var(--nad)}
.fejsav p{margin:16px 0 0;max-width:58ch;font-size:18px;color:var(--fole-halk)}
.mutatok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0 0}
@media (max-width:860px){.mutatok{grid-template-columns:1fr 1fr}}
.mutatok>div{border:1px solid color-mix(in srgb,var(--fole) 28%,transparent);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.mutatok dt{font:700 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fole-halk)}
.mutatok dd{margin:0;font:800 clamp(28px,3.4vw,38px)/1 var(--sans);letter-spacing:-.03em;color:var(--fole);font-variant-numeric:tabular-nums}
.mutatok dd small{font-size:14px;font-weight:700;letter-spacing:0;color:var(--fole-halk)}
.mutatok span{font-size:13px;color:var(--fole-halk)}

.szak{padding-block:64px;border-top:1px solid var(--vonal)}
.szak:first-of-type{border-top:0}
.szak-fej{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.szak .lbl{color:var(--halk)}
.szak h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:22ch}
.szak-fej p{margin:0;max-width:50ch;color:var(--halk)}
.alahuz{color:var(--tinta);text-decoration:underline;text-underline-offset:3px;font-weight:700}

.megallapitasok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.megallapitasok{grid-template-columns:1fr}}
.megallapitasok article{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.sorsz{width:32px;height:32px;border-radius:50%;border:2px solid var(--terra);display:grid;place-items:center;font:800 13px var(--sans);color:var(--terra)}
.megallapitasok h3{font:400 26px/1.1 var(--serif);margin:0;text-wrap:balance}
.megallapitasok p{margin:0;font-size:15px;color:var(--halk)}

/* ábra */
.abra{position:relative;margin:0;background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:22px 22px 30px}
.jelmagyarazat{display:flex;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--halk);margin-bottom:18px}
.jelmagyarazat span{display:flex;align-items:center;gap:8px}
.jelmagyarazat i{width:14px;height:10px;border-radius:2px}
.jelmagyarazat .s1,.sav.s1{background:var(--s1)}
.jelmagyarazat .s2,.sav.s2{background:var(--s2)}
.sorok{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:150px}
@media (max-width:560px){.sorok{padding-left:0}}
.racsvonalak{position:absolute;left:150px;right:0;top:0;bottom:-8px;pointer-events:none}
@media (max-width:560px){.racsvonalak{left:0}}
.racsvonalak span{position:absolute;top:0;bottom:0;border-left:1px solid var(--vonal)}
.racsvonalak em{position:absolute;bottom:-20px;left:0;transform:translateX(-50%);font:600 11.5px var(--sans);font-style:normal;color:var(--halk);font-variant-numeric:tabular-nums}
.sor{position:relative;display:flex;align-items:center;min-height:30px}
.sor .nev{position:absolute;left:-150px;width:140px;font-size:14px;font-weight:600;text-align:right}
@media (max-width:560px){.sor{flex-direction:column;align-items:stretch;gap:4px}.sor .nev{position:static;width:auto;text-align:left}}
.savok{flex:1;display:flex;flex-direction:column;gap:2px;padding-block:4px;cursor:default}
.sav{position:relative;display:block;height:11px;border-radius:0 4px 4px 0;min-width:2px}
.sav::before{content:"";position:absolute;inset:-3px 0}
.sav:hover{filter:brightness(1.12)}
.sav b{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);font:700 12px var(--sans);color:var(--tinta);white-space:nowrap;font-variant-numeric:tabular-nums}
.buborek{position:absolute;z-index:2;pointer-events:none;background:var(--tinta);color:var(--homok);font:600 13px/1.3 var(--sans);padding:7px 10px;border-radius:8px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* táblázat */
.tablakeret{overflow-x:auto;background:var(--mesz);border:1px solid var(--vonal);border-radius:16px}
.tabla{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums;min-width:820px}
.tabla th,.tabla td{padding:12px 14px;border-top:1px solid var(--vonal);text-align:right;white-space:nowrap}
.tabla thead th{border-top:0;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--halk);vertical-align:bottom}
.tabla thead th:first-child,.tabla tbody th,.tabla tfoot th{text-align:left}
.tabla thead button{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;text-align:inherit}
.tabla thead button:hover{color:var(--tinta)}
.tabla th[aria-sort] button{color:var(--tinta)}
.tabla th[aria-sort="ascending"] button::after{content:" ↑"}
.tabla th[aria-sort="descending"] button::after{content:" ↓"}
.tabla tbody th{font-weight:700}
.tabla tbody tr:hover{background:var(--homok)}
.tabla td.fel{color:var(--to)}
.tabla td.le{color:var(--terra)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabla td.fel{color:#72B5A9}}
:root[data-theme="dark"] .tabla td.fel{color:#72B5A9}
.tabla tfoot th,.tabla tfoot td{font-weight:800;border-top:1px solid var(--tinta);background:var(--homok)}
.labjegyzet{margin:14px 0 0;font-size:13px;color:var(--halk);max-width:90ch}

/* eladói eszköz */
.ketoszlop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:820px){.ketoszlop{grid-template-columns:1fr}}
.ketoszlop>div>p{color:var(--halk);max-width:50ch;margin:16px 0 0}
.hirdetescheck{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px}
.ket{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.ket{grid-template-columns:1fr}}
.hirdetescheck .m{display:flex;flex-direction:column;gap:4px;border:1px solid var(--vonal);border-radius:12px;padding:8px 12px;background:var(--homok);min-width:0}
.hirdetescheck label{font:700 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.hirdetescheck select,.hirdetescheck input{border:0;background:none;font:600 16px var(--sans);color:var(--tinta);padding:4px 0;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.valasz{font-size:15px;color:var(--halk);border-left:3px solid var(--terra);padding-left:14px}
.valasz b{display:block;color:var(--tinta);font:400 24px/1.2 var(--serif);margin-bottom:2px}
.gombok{display:flex;gap:10px;flex-wrap:wrap}
.pill.kontur{background:none;border:1px solid var(--tinta);color:var(--tinta)}

.forrasok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:980px){.forrasok{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.forrasok{grid-template-columns:1fr}}
.forrasok>div{border-top:2px solid var(--nad);padding-top:14px}
.forrasok h3{font:400 24px/1.1 var(--serif);margin:0 0 8px}
.forrasok p{margin:0;font-size:14.5px;color:var(--halk)}

.zaro{background:var(--terra);color:#FBF7F0}
.zaro .in{padding-block:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.zaro h2{font:400 clamp(34px,5vw,52px)/1 var(--serif);margin:0;max-width:18ch}
.zaro p{margin:12px 0 0;max-width:46ch;opacity:.9}
.zaro .pill.vilagos{background:#FBF7F0;color:#13221F}
.feliratkozas{display:flex;gap:8px;flex-wrap:wrap;flex:0 1 420px}
.feliratkozas input{flex:1 1 200px;min-width:0;border:1px solid #FBF7F0;background:transparent;color:#FBF7F0;border-radius:999px;padding:12px 18px;font:500 15px var(--sans)}
.feliratkozas input::placeholder{color:#FBF7F0;opacity:.75}
.feliratkozas .kesz{margin:0;font-weight:700}
.rejtett{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.archiv .in{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;padding-block:24px;font-size:14.5px}
.archiv .lbl{color:var(--halk)}
.archiv a{text-decoration:underline;text-underline-offset:3px}
.egyben{white-space:nowrap}
@media (max-width:900px){.tabla tbody th,.tabla tfoot th,.tabla thead th:first-child{position:sticky;left:0;z-index:1;background:var(--mesz);box-shadow:1px 0 0 var(--vonal)}
  .tabla tfoot th{background:var(--homok)}}