/* KATA vagy átalányadó 2027 (/kata-atalanyado-kalkulator/, 2026-10-29). A fejléc a nyitóoldal
   színvilágát követi (home.css), az űrlap a közös adatlap-stílust (partials/adatlap_stilus.html). */

.kata-hero {
  position: relative; overflow: hidden; color: #fff; padding: 3rem 0 3.25rem;
  background: linear-gradient(135deg, #162d56 0%, var(--primary) 45%, var(--primary-light) 100%);
}
.kata-hero::after {
  content: ''; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.26) 0%, rgba(245,166,35,0) 70%);
}
.kata-hero .container { position: relative; z-index: 1; }
.kata-draft {
  display: inline-flex; align-items: center; gap: .4rem; background: rgba(245,166,35,.16);
  border: 1px solid rgba(245,166,35,.55); color: #FFD08A; font-weight: 600; font-size: .8rem;
  padding: .3rem .8rem; border-radius: 999px;
}
.kata-hero h1 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; line-height: 1.15;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin: 1rem 0 .75rem;
}
.kata-hero h1 .hl { color: #FFC764; }
.kata-hero p { opacity: .88; max-width: 680px; margin: 0; }

.kata-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; margin-top: 1.75rem; }
.kata-fact { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; padding: .75rem .9rem; }
.kata-fact .n { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.kata-fact .l { font-size: .75rem; opacity: .8; }

/* Eredmény */
.kata-result { background: #fff; border: 1.5px solid var(--border); border-radius: 14px; padding: 1.1rem 1.2rem; height: 100%; }
.kata-result.best { border-color: #16A34A; box-shadow: 0 8px 24px rgba(22,163,74,.12); }
.kata-result.na { background: var(--surface); }
.kata-result h3 { font-size: 1rem; font-weight: 700; color: var(--primary); margin: 0; }
.kata-best-tag { font-size: .7rem; font-weight: 700; background: #ECFDF5; color: #047857; padding: .2rem .55rem; border-radius: 999px; }
.kata-big { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.45rem; color: var(--primary); font-variant-numeric: tabular-nums; }
.kata-row { display: flex; justify-content: space-between; gap: 1rem; font-size: .84rem; padding: .3rem 0; border-bottom: 1px dashed #E2E8F0; }
.kata-row .v { font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kata-note { font-size: .78rem; color: var(--text-muted); margin-top: .5rem; }
.kata-warn { font-size: .78rem; color: #92400E; background: #FFFBEB; border-radius: 8px; padding: .45rem .6rem; margin-top: .5rem; }

.kata-info h2 { font-size: 1.15rem; font-weight: 700; color: var(--primary); }
.kata-info li { margin-bottom: .35rem; }