/* ═══════════════════════════════════════════════════════════════
   WikiGPedia — Modern Corporate skin (override layer, loads after style.css)
   Clean, premium, global SaaS feel. Original style.css untouched.
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --ink:#0B1120; --ink-soft:#475569; --mist:#94A3B8;
  --bg:#ffffff; --panel:#F8FAFC; --panel-2:#F1F5F9; --border:#E6E8EF; --border-soft:#EEF1F6;
  --brand:#4F46E5; --brand-2:#6366F1; --brand-ink:#4338CA; --brand-lo:#EEF0FE;
  --link:#2563EB; --accent:#0EA5E9;
  --display:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --body:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --radius:14px; --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);
  --shadow-md:0 6px 20px -6px rgba(15,23,42,.15),0 2px 6px rgba(15,23,42,.06);
}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:var(--body);font-size:15.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{width:min(1200px,100% - 2.5rem)}
::selection{background:var(--brand-lo)}

/* ── Masthead (sticky, clean) ── */
.masthead{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(8px);
  color:var(--ink);border-bottom:1px solid var(--border)}
.masthead__inner{gap:1.25rem;padding-block:.75rem}
.brand{align-items:center;gap:.6rem;color:var(--ink)}
.brand__mark{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NCA0NCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJvIiBjeD0iMzclIiBjeT0iMzAlIiByPSI3OCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2NmZWFmZCIvPjxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjM2Y4ZmNlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTczZjY2Ii8+PC9yYWRpYWxHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImMiPjxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjE5Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMTkiIGZpbGw9InVybCgjbykiLz48ZyBjbGlwLXBhdGg9InVybCgjYykiIGZpbGw9IiM0YzlhNTQiIHN0cm9rZT0iIzM5NzkzZiIgc3Ryb2tlLXdpZHRoPSIwLjQiPjxwYXRoIGQ9Ik0xMSA5IEM4IDExIDkgMTUgMTEgMTYgQzEwIDE5IDEyIDIwIDEyIDE4IEMxMyAxNiAxMiAxMyAxMyAxMSBDMTMgOSAxMiA4IDExIDlaIi8+PHBhdGggZD0iTTEzIDIzIEMxMSAyNCAxMSAyOCAxMyAzMSBDMTQgMzMgMTUgMzMgMTUgMzEgQzE0IDI4IDE1IDI1IDE0IDIzIEMxNCAyMiAxMyAyMiAxMyAyM1oiLz48cGF0aCBkPSJNMjAgMTkgQzE4IDIwIDE4IDI0IDIwIDI4IEMyMSAzMSAyMyAzMyAyNCAzMSBDMjYgMjggMjYgMjQgMjUgMjEgQzI0IDE5IDIyIDE4IDIwIDE5WiIvPjxwYXRoIGQ9Ik0yMSAxMyBDMjAgMTQgMjEgMTYgMjMgMTYgQzI0IDE1IDIzIDEzIDIxIDEzWiIvPjxwYXRoIGQ9Ik0yNSAxMSBDMjQgMTMgMjYgMTUgMjkgMTUgQzMzIDE2IDM2IDE0IDM1IDEyIEMzMyAxMCAyOCAxMCAyNSAxMVoiLz48cGF0aCBkPSJNMzAgMTYgQzI5IDE4IDMxIDE5IDMzIDE4IEMzNCAxNyAzMiAxNSAzMCAxNloiLz48cGF0aCBkPSJNMzEgMjggQzMwIDI5IDMxIDMxIDMzIDMxIEMzNSAzMCAzNCAyNyAzMSAyOFoiLz48L2c+PGVsbGlwc2UgY3g9IjE1IiBjeT0iMTMiIHJ4PSI4LjUiIHJ5PSI1IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjIwIiBjbGlwLXBhdGg9InVybCgjYykiLz48Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTUzYTVlIiBzdHJva2Utd2lkdGg9IjEuNCIvPjwvc3ZnPgo=") center/contain no-repeat;color:transparent;font-size:0;width:2rem;height:2rem;border-radius:50%;transform:none}
.brand__word{font-family:var(--display);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;color:var(--ink)}
.quicksearch{flex:1 1 380px;max-width:520px}
.quicksearch__field{background:var(--panel);border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px;color:var(--ink);padding:.6rem .9rem;font-family:var(--body);font-size:.92rem;transition:.15s}
.quicksearch__field:focus{outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lo)}
.quicksearch__field::placeholder{color:var(--mist)}
.quicksearch__go{background:var(--brand);color:#fff;border:none;border-radius:0 10px 10px 0;padding:0 1.1rem;font-family:var(--body);font-weight:600;font-size:.88rem;cursor:pointer;transition:.15s}
.quicksearch__go:hover{background:var(--brand-ink)}
.langs{gap:1rem}
.langs__item{color:var(--ink-soft);font-weight:500}
.langs__item.is-active{color:var(--brand);font-weight:700}

/* ── Hero ── */
.hero{background:
  radial-gradient(1100px 380px at 85% -8%, var(--brand-lo), transparent 60%),
  radial-gradient(800px 300px at 10% -12%, #E0F2FE, transparent 55%),
  var(--bg);
  border-bottom:1px solid var(--border-soft);padding-block:clamp(2.5rem,7vw,5rem) !important}
.hero__eyebrow{font-family:var(--body);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--brand)}
.hero__title{font-family:var(--display);font-weight:900;letter-spacing:-.035em;line-height:1.05;color:var(--ink);font-size:clamp(2.1rem,5.2vw,3.6rem)}
.hero__lede{color:var(--ink-soft);font-size:clamp(1rem,1.6vw,1.22rem);max-width:44ch}
.hero__hint{color:var(--mist);font-size:.85rem}
.bigsearch{box-shadow:var(--shadow-md);border-radius:16px;overflow:hidden;border:1px solid var(--border);max-width:640px}
.bigsearch__field{background:#fff;border:none;color:var(--ink);padding:1.05rem 1.2rem;font-family:var(--body);font-size:1.05rem}
.bigsearch__field:focus{outline:none}
.bigsearch__go{background:var(--brand);color:#fff;border:none;padding:0 1.7rem;font-family:var(--body);font-weight:700;font-size:1rem;cursor:pointer;transition:.15s}
.bigsearch__go:hover{background:var(--brand-ink)}

/* ── Shelves & cards ── */
.shelf__title{font-family:var(--display);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.shelf__meta{color:var(--mist);font-weight:500;font-size:.82rem}
.cards{gap:1.1rem}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#D6DBE6}
.card__title{font-family:var(--display);font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.card__sum{color:var(--ink-soft)}
.card__foot{color:var(--mist);font-size:.78rem}

/* ── Article grid ── */
.article-grid{gap:3rem}
.rail__label{font-family:var(--body);color:var(--mist);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.7rem;border-bottom:1px solid var(--border);padding-bottom:.45rem}
.rail__list a{color:var(--ink-soft);font-weight:500;border-radius:6px;display:inline-block}
.rail__list a:hover{color:var(--brand)}
.article__title{font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:1.08;color:var(--ink);border:none}
.article__sum{color:var(--ink-soft);font-size:1.12rem}
.provenance{font-family:var(--body);background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--ink-soft);padding:.6rem .9rem;font-size:.8rem;gap:.4rem 1.4rem}
.provenance__item b{color:var(--ink);font-weight:700}
.notice{background:#FFFBEB;border:1px solid #FDE68A;border-left:4px solid #F59E0B;border-radius:10px;color:#7C5E10}
.notice--calm{background:var(--brand-lo);border-color:#C7CBFB;border-left-color:var(--brand);color:#312E81}

/* ── Prose ── */
.prose{font-family:var(--body);max-width:none;color:#1E293B;font-size:1.02rem;line-height:1.8}
.prose h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:1.55rem;color:var(--ink);border-bottom:1px solid var(--border);padding-bottom:.4rem;margin-top:2.6rem}
.prose h3{font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--ink);border:none}
.prose h4{font-family:var(--display);font-weight:700;font-size:1.04rem;color:var(--ink-soft)}
.prose h5,.prose h6{font-family:var(--display);font-weight:700;color:var(--ink-soft)}
.prose a,.wlink{color:var(--link);border-bottom:none;font-weight:500}
.wlink:hover{color:var(--brand-ink);text-decoration:underline}
.wlink--new{color:#DC2626}
.prose strong{color:var(--ink)}

/* ── Categories (pills) ── */
.cats{gap:.5rem;align-items:center}
.cats::before{content:"Topics";font-family:var(--body);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mist);margin-right:.2rem}
.cats__item{font-family:var(--body);font-size:.78rem;font-weight:600;background:var(--brand-lo);color:var(--brand-ink);padding:.28rem .7rem;border-radius:999px;border:none;text-decoration:none;transition:.15s}
.cats__item:hover{background:#E0E3FE}

/* ── Buttons ── */
.btn{background:var(--brand);color:#fff;border:none;border-radius:10px;font-family:var(--body);font-weight:600;padding:.55rem 1.1rem;transition:.15s;box-shadow:var(--shadow-sm)}
.btn:hover{background:var(--brand-ink);transform:translateY(-1px)}
.btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--border)}
.btn--ghost:hover{background:var(--panel);border-color:#D6DBE6}
.article__foot{font-family:var(--body);color:var(--mist);border-top:1px solid var(--border)}

/* ── Footer (dark, corporate) ── */
.footer{background:#0B1120;border-top:none;color:#CBD5E1;margin-top:4rem}
.footer__note{color:#E2E8F0;font-size:.98rem}
.footer__links a,.footer a,.footer .wlink{color:#A5B4FC}
.footer__links a:hover{color:#fff}
.footer__legal{color:#64748B}

@media(max-width:820px){ .masthead__inner{flex-wrap:wrap} .quicksearch{order:3;flex-basis:100%;max-width:none} .article-grid{gap:2rem} }