/* --------------------------------------------------------------------------
   V7 — Tudástár, tartalomoldalak és helyi admin
   -------------------------------------------------------------------------- */
.knowledge-home-section { position: relative; border-top: 1px solid rgba(193,67,255,.16); }
.knowledge-home-head { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:38px; }
.knowledge-home-head .section-heading { margin-bottom:0; }
.knowledge-preview-grid, .knowledge-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.knowledge-card { position:relative; display:flex; flex-direction:column; min-height:100%; border:1px solid rgba(193,72,255,.2); background:linear-gradient(145deg,rgba(16,8,29,.94),rgba(7,5,15,.96)); overflow:hidden; clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.knowledge-card:hover { transform:translateY(-5px); border-color:rgba(212,80,255,.45); box-shadow:0 26px 60px rgba(0,0,0,.35); }
.knowledge-card-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#07040e; }
.knowledge-card-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,4,14,.92)); }
.knowledge-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.knowledge-card:hover .knowledge-card-media img { transform:scale(1.035); }
.knowledge-card-type { position:absolute; z-index:2; top:14px; left:14px; padding:6px 9px; border:1px solid rgba(255,255,255,.2); background:rgba(5,2,12,.78); font:700 .6rem/1 Oxanium,sans-serif; letter-spacing:.14em; }
.knowledge-card-body { display:flex; flex-direction:column; flex:1; padding:23px; }
.knowledge-meta { display:flex; flex-wrap:wrap; gap:8px 14px; margin-bottom:12px; color:#8f819e; font-size:.72rem; }
.knowledge-meta .status-live { color:#72efb7; }
.knowledge-meta .status-progress { color:#f0b56f; }
.knowledge-meta .status-planned { color:#8ebcff; }
.knowledge-card h3 { margin-bottom:12px; font-family:Oxanium,sans-serif; font-size:1.28rem; text-transform:uppercase; }
.knowledge-card p { margin:0 0 18px; color:var(--muted); font-size:.9rem; }
.knowledge-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.knowledge-tags span { padding:5px 8px; border:1px solid rgba(194,73,255,.18); color:#a998b8; font-size:.67rem; }
.knowledge-card-link { display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding-top:17px; border-top:1px solid rgba(196,75,255,.15); color:#d893ff; text-decoration:none; font-weight:800; font-size:.84rem; }

.knowledge-page-main { padding:132px 0 100px; min-height:100vh; }
.knowledge-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:end; margin-bottom:52px; }
.knowledge-hero h1 { font-size:clamp(3rem,7vw,6.2rem); }
.knowledge-hero p { max-width:760px; color:var(--muted); font-size:1.04rem; }
.knowledge-stat-panel { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:18px; border:1px solid rgba(195,73,255,.22); background:rgba(14,7,25,.8); }
.knowledge-stat-panel div { padding:16px 12px; border:1px solid rgba(255,255,255,.055); text-align:center; }
.knowledge-stat-panel strong, .knowledge-stat-panel span { display:block; }
.knowledge-stat-panel strong { font:800 1.5rem/1 Oxanium,sans-serif; color:#dfa2ff; }
.knowledge-stat-panel span { margin-top:7px; color:#80748c; font-size:.68rem; }
.knowledge-controls { position:sticky; top:94px; z-index:30; display:grid; grid-template-columns:minmax(240px,1fr) auto; gap:16px; margin-bottom:28px; padding:15px; border:1px solid rgba(194,72,255,.2); background:rgba(7,3,14,.9); backdrop-filter:blur(16px); }
.knowledge-search { position:relative; }
.knowledge-search input { width:100%; height:48px; padding:0 48px 0 15px; border:1px solid rgba(197,76,255,.22); background:#090511; color:white; font:600 .9rem Inter,sans-serif; outline:none; }
.knowledge-search input:focus { border-color:rgba(213,83,255,.58); box-shadow:0 0 0 3px rgba(178,49,255,.09); }
.knowledge-search span { position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#8d719d; }
.knowledge-filter-row { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.filter-chip { min-height:42px; padding:0 13px; border:1px solid rgba(196,72,255,.18); background:rgba(255,255,255,.025); color:#aa9ab8; font:700 .72rem Oxanium,sans-serif; cursor:pointer; }
.filter-chip.active, .filter-chip:hover { color:white; border-color:rgba(209,79,255,.48); background:rgba(161,31,225,.16); }
.knowledge-results-head { display:flex; justify-content:space-between; gap:20px; margin-bottom:20px; color:#81758d; font-size:.82rem; }
.knowledge-empty { padding:52px 24px; border:1px dashed rgba(196,73,255,.26); color:#9d8bab; text-align:center; }

.article-main { padding:124px 0 100px; min-height:100vh; }
.article-shell { max-width:1020px; margin-inline:auto; }
.article-back { display:inline-flex; margin-bottom:28px; color:#b78bcf; text-decoration:none; font-weight:700; }
.article-hero { position:relative; overflow:hidden; border:1px solid rgba(196,72,255,.24); background:#090511; }
.article-hero-media { position:relative; min-height:430px; }
.article-hero-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.article-hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,2,9,.1),rgba(5,2,11,.95)); }
.article-hero-copy { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:48px; }
.article-hero-copy h1 { max-width:860px; margin-bottom:18px; font-size:clamp(2.4rem,6vw,5.2rem); }
.article-kicker { color:#dc83ff; font:800 .7rem Oxanium,sans-serif; letter-spacing:.18em; }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 18px; color:#b4a6bf; font-size:.8rem; }
.article-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:46px; padding-top:45px; }
.article-intro { margin:0 0 38px; color:#d5cbdc; font-size:1.15rem; line-height:1.8; }
.article-section { margin-bottom:40px; }
.article-section h2 { margin-bottom:15px; font-family:Oxanium,sans-serif; font-size:1.8rem; text-transform:uppercase; }
.article-section p, .article-section li { color:#b9adbf; }
.article-section ul { padding-left:20px; }
.article-aside { position:sticky; top:105px; align-self:start; padding:20px; border:1px solid rgba(193,71,255,.2); background:rgba(13,7,23,.82); }
.article-aside h3 { font-family:Oxanium,sans-serif; font-size:.95rem; text-transform:uppercase; }
.article-aside-links { display:grid; gap:9px; margin-top:14px; }
.article-aside-links a { padding:10px 11px; border-left:2px solid #b73cff; background:rgba(255,255,255,.025); color:#c9b8d4; text-decoration:none; font-size:.8rem; }
.related-section { margin-top:65px; padding-top:38px; border-top:1px solid rgba(194,72,255,.15); }
.related-section h2 { font-family:Oxanium,sans-serif; text-transform:uppercase; }

.admin-main { padding:126px 0 100px; min-height:100vh; }
.admin-warning { margin-bottom:28px; padding:16px 18px; border:1px solid rgba(246,189,87,.3); background:rgba(246,189,87,.07); color:#f4d594; }
.admin-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; }
.admin-nav { align-self:start; position:sticky; top:104px; display:grid; gap:8px; padding:16px; border:1px solid rgba(194,72,255,.2); background:rgba(13,7,23,.84); }
.admin-tab { min-height:44px; border:1px solid rgba(194,72,255,.16); background:rgba(255,255,255,.02); color:#a999b5; font-weight:700; text-align:left; padding:0 14px; cursor:pointer; }
.admin-tab.active { color:white; border-color:rgba(210,80,255,.45); background:rgba(162,31,225,.15); }
.admin-panel { display:none; }
.admin-panel.active { display:block; }
.admin-card { padding:25px; border:1px solid rgba(194,72,255,.2); background:rgba(12,7,21,.82); }
.admin-card h2 { font-family:Oxanium,sans-serif; text-transform:uppercase; }
.admin-card p { color:var(--muted); }
.admin-editor { width:100%; min-height:520px; margin-top:15px; padding:18px; resize:vertical; border:1px solid rgba(196,73,255,.22); background:#05030a; color:#d8cae0; font:13px/1.55 Consolas,monospace; outline:none; }
.admin-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.admin-status { min-height:24px; margin-top:12px; color:#a99bb6; font-size:.82rem; }
.admin-status.ok { color:#6de8ae; }
.admin-status.error { color:#ff8092; }
.admin-help { display:grid; gap:10px; margin-top:20px; }
.admin-help div { padding:13px; border-left:2px solid rgba(194,72,255,.5); background:rgba(255,255,255,.025); color:#aa9db4; font-size:.84rem; }

@media (max-width:980px){
  .knowledge-preview-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}
  .knowledge-hero,.article-content-grid,.admin-layout{grid-template-columns:1fr}
  .knowledge-stat-panel{max-width:520px}
  .article-aside,.admin-nav{position:static}
  .admin-nav{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .knowledge-home-head{align-items:flex-start;flex-direction:column}
  .knowledge-preview-grid,.knowledge-grid{grid-template-columns:1fr}
  .knowledge-page-main,.article-main,.admin-main{padding-top:108px}
  .knowledge-controls{position:static;grid-template-columns:1fr}
  .knowledge-filter-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
  .filter-chip{white-space:nowrap}
  .knowledge-stat-panel{grid-template-columns:1fr 1fr}
  .article-hero-media{min-height:520px}
  .article-hero-copy{padding:26px}
  .article-content-grid{padding-top:30px}
  .admin-nav{grid-template-columns:1fr}
  .admin-card{padding:18px}
  .admin-editor{min-height:430px;font-size:12px}
}