<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
    <channel>
        <title>Музей українського націоналоного генія - Блог</title>
        <link>http://muzej-ung.mozello.shop/blog/</link>
        <description>Музей українського націоналоного генія - Блог</description>
                    <item>
                <title>4</title>
                <link>http://muzej-ung.mozello.shop/blog/params/post/5266737/4</link>
                <pubDate>Sun, 14 Jun 2026 07:52:00 +0000</pubDate>
                <description>&lt;img src=&quot;https://site-2741243.mozfiles.com/files/2741243/medium/ChatGPT_Image_14_cherv__2026_r___08_29_27.jpg&quot; style=&quot;width: 103px;&quot;&gt;ооооооооооооооооо&lt;hr class=&quot;moze-more-divider&quot;&gt;&lt;p&gt;4&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;


  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  &lt;title&gt;Генетичні дослідження геніальності: від Льюїса Термана до сучасної геноміки&lt;/title&gt;
  &lt;style&gt;
    :root{
      --bg:#f7f7f4;
      --paper:#ffffff;
      --text:#17212b;
      --muted:#5f6b76;
      --line:#d9dee5;
      --accent:#1f5f8b;
      --accent2:#0f7c67;
      --warm:#f2f6f9;
      --shadow:0 8px 24px rgba(16,24,40,.08);
      --radius:18px;
      --sidebar:340px;
      --sidebar-mini:72px;
      --top:16px;
      --header-h:78px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;
      line-height:1.7;
      color:var(--text);
      background:linear-gradient(180deg,#fbfbfa 0%, var(--bg) 100%);
    }

    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}

    .topbar{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:1200;
      height:56px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      padding:0 12px;
      background:rgba(255,255,255,.9);
      backdrop-filter: blur(8px);
      border-bottom:1px solid var(--line);
    }

    .toggle-btn{
      width:44px;
      height:44px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:var(--shadow);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1.1rem;
      user-select:none;
    }

    .page{
      max-width:1440px;
      margin:0 auto;
      padding:72px 16px 16px;
      display:grid;
      grid-template-columns: var(--sidebar) minmax(0,1fr);
      gap:18px;
      align-items:start;
      transition:grid-template-columns .25s ease;
    }

    .sidebar{
      position:sticky;
      top:calc(var(--top) + 56px);
      height:calc(100vh - 88px);
      overflow:auto;
      background:rgba(255,255,255,.92);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:16px;
      transition:padding .25s ease, transform .25s ease, width .25s ease;
    }

    .brand{
      padding:8px 10px 14px;
      border-bottom:1px solid var(--line);
      margin-bottom:14px;
    }
    .brand h1{
      margin:0 0 6px;
      font-size:1rem;
      line-height:1.35;
    }
    .brand p{
      margin:0;
      color:var(--muted);
      font-size:.92rem;
    }

    .toc{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    details{
      border:1px solid var(--line);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
    }

    summary{
      cursor:pointer;
      list-style:none;
      padding:12px 14px;
      font-weight:700;
      background:linear-gradient(180deg,#fff,#fbfcfe);
    }
    summary::-webkit-details-marker{display:none}

    .toc a{
      display:flex;
      align-items:center;
      gap:10px;
      padding:9px 14px 9px 16px;
      color:var(--text);
      font-size:.95rem;
      border-top:1px solid #eef2f6;
    }
    .toc a:hover{background:var(--warm)}
    .toc a .ico{
      width:18px;
      text-align:center;
      opacity:.8;
      flex:0 0 18px;
    }
    .toc a .txt{
      min-width:0;
      flex:1;
    }

    .lvl2{padding-left:28px !important}
    .lvl3{padding-left:40px !important}
    .lvl4{padding-left:52px !important}

    .content{
      background:rgba(255,255,255,.94);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .hero{
      padding:38px 32px 26px;
      background:
        radial-gradient(circle at top right, rgba(31,95,139,.12), transparent 35%),
        radial-gradient(circle at top left, rgba(15,124,103,.12), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
      border-bottom:1px solid var(--line);
    }
    .hero h2{
      margin:0 0 12px;
      font-size:clamp(2rem, 4vw, 3rem);
      line-height:1.1;
      max-width:16ch;
    }
    .hero p{
      margin:0;
      max-width:74ch;
      color:var(--muted);
      font-size:1.05rem;
    }

    .article{padding:0 32px 32px}
    section{
      padding:28px 0;
      border-bottom:1px solid #edf1f5;
      scroll-margin-top:92px;
    }
    h3{
      margin:0 0 12px;
      font-size:1.72rem;
      line-height:1.2;
    }
    h4{
      margin:20px 0 10px;
      font-size:1.18rem;
      line-height:1.25;
      scroll-margin-top:92px;
    }
    p{
      margin:0 0 14px;
      max-width:80ch;
    }

    .placeholder{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:150px;
      border:2px dashed #cfd7df;
      border-radius:16px;
      background:#fbfdff;
      color:#6a7784;
      font-weight:650;
      margin:18px 0;
    }

    .box{
      background:var(--warm);
      border:1px solid var(--line);
      border-radius:16px;
      padding:16px 18px;
      margin:18px 0;
    }

    table{
      width:100%;
      border-collapse:collapse;
      margin:16px 0 22px;
      border:1px solid var(--line);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
    }
    th, td{
      padding:12px;
      border-bottom:1px solid #edf1f5;
      text-align:left;
      vertical-align:top;
    }
    th{background:#f4f8fb}

    .keys ul{margin:8px 0 0 20px}

    .active-link{
      background:#eef6fb !important;
      color:var(--accent);
      font-weight:700;
    }

    /* collapsed sidebar */
    .collapsed .page{
      grid-template-columns: var(--sidebar-mini) minmax(0,1fr);
    }
    .collapsed .sidebar{
      padding:10px 8px;
    }
    .collapsed .brand,
    .collapsed .toc details &gt; summary,
    .collapsed .toc details &gt; a .txt,
    .collapsed .toc details &gt; a .subtxt{
      display:none;
    }
    .collapsed .toc details{
      min-height:46px;
    }
    .collapsed .toc details::before{
      content:&quot;≡&quot;;
      display:block;
      text-align:center;
      padding:11px 0;
      font-size:1.25rem;
      color:var(--accent);
    }
    .collapsed .toc a{
      justify-content:center;
      padding-left:0;
      padding-right:0;
    }
    .collapsed .toc a .ico{
      margin:0;
      width:auto;
      flex:none;
    }

    @media (max-width: 1060px){
      .page{
        grid-template-columns:1fr;
      }
      .sidebar{
        position:fixed;
        top:56px;
        left:0;
        width:min(340px, 92vw);
        height:calc(100vh - 56px);
        z-index:1100;
        border-radius:0 18px 18px 0;
      }
      body.collapsed .sidebar{
        transform:translateX(-102%);
      }
      body:not(.collapsed) .page::after{
        content:&quot;&quot;;
        position:fixed;
        inset:56px 0 0 0;
        background:rgba(0,0,0,.18);
        z-index:1000;
      }
    }

    @media (max-width: 640px){
      .page{padding:72px 10px 10px}
      .hero,.article{padding-left:16px;padding-right:16px}
    }
  &lt;/style&gt;


  &lt;div class=&quot;topbar&quot;&gt;
    &lt;button class=&quot;toggle-btn&quot; id=&quot;sidebarToggle&quot; type=&quot;button&quot; aria-expanded=&quot;true&quot; aria-controls=&quot;sidebar&quot; title=&quot;Згорнути або розгорнути меню&quot; fdprocessedid=&quot;21g6pd&quot;&gt;☰&lt;/button&gt;
  &lt;/div&gt;

  &lt;div class=&quot;page&quot; id=&quot;page&quot;&gt;
    &lt;aside class=&quot;sidebar&quot; id=&quot;sidebar&quot;&gt;
      &lt;div class=&quot;brand&quot;&gt;
        &lt;h1&gt;Генетичні дослідження геніальності&lt;/h1&gt;
        &lt;p&gt;Від Льюїса Термана до сучасної геноміки&lt;/p&gt;
      &lt;/div&gt;

      &lt;nav class=&quot;toc&quot; aria-label=&quot;Зміст статті&quot;&gt;
        &lt;details open=&quot;&quot;&gt;
          &lt;summary&gt;1. Вступ&lt;/summary&gt;
          &lt;a href=&quot;#intro&quot; data-target=&quot;intro&quot;&gt;&lt;span class=&quot;ico&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;1.1 Чому тема важлива&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#intro-1&quot; class=&quot;lvl2&quot; data-target=&quot;intro-1&quot;&gt;&lt;span class=&quot;ico&quot;&gt;•&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;1.1.1 Геніальність і вимірювання&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#intro-2&quot; class=&quot;lvl2&quot; data-target=&quot;intro-2&quot;&gt;&lt;span class=&quot;ico&quot;&gt;•&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;1.1.2 Межі IQ&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;2. Історія досліджень&lt;/summary&gt;
          &lt;a href=&quot;#history-galton&quot; data-target=&quot;history-galton&quot;&gt;&lt;span class=&quot;ico&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;2.1 Френсіс Гальтон&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#history-binet&quot; data-target=&quot;history-binet&quot;&gt;&lt;span class=&quot;ico&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;2.2 Альфред Біне&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#history-terman&quot; data-target=&quot;history-terman&quot;&gt;&lt;span class=&quot;ico&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;2.3 Льюїс Терман&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;3. Аналіз результатів&lt;/summary&gt;
          &lt;a href=&quot;#analysis&quot; data-target=&quot;analysis&quot;&gt;&lt;span class=&quot;ico&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;3.1 Основні висновки&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#analysis-critique&quot; data-target=&quot;analysis-critique&quot;&gt;&lt;span class=&quot;ico&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;3.2 Критика&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;4. Чому IQ недостатньо&lt;/summary&gt;
          &lt;a href=&quot;#iq&quot; data-target=&quot;iq&quot;&gt;&lt;span class=&quot;ico&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;4.1 Обмеження IQ&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#iq-2&quot; data-target=&quot;iq-2&quot;&gt;&lt;span class=&quot;ico&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;4.2 Особистість&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#iq-3&quot; data-target=&quot;iq-3&quot;&gt;&lt;span class=&quot;ico&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;4.3 Практика&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;5. Сучасна генетика&lt;/summary&gt;
          &lt;a href=&quot;#genetics&quot; data-target=&quot;genetics&quot;&gt;&lt;span class=&quot;ico&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;5.1 Twin Studies&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#genetics-2&quot; data-target=&quot;genetics-2&quot;&gt;&lt;span class=&quot;ico&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;5.2 GWAS&lt;/span&gt;&lt;/a&gt;
          &lt;a href=&quot;#genetics-3&quot; data-target=&quot;genetics-3&quot;&gt;&lt;span class=&quot;ico&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;5.3 Polygenic Scores&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;6. Джерела&lt;/summary&gt;
          &lt;a href=&quot;#sources&quot; data-target=&quot;sources&quot;&gt;&lt;span class=&quot;ico&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;txt&quot;&gt;6.1 Бібліографія&lt;/span&gt;&lt;/a&gt;
        &lt;/details&gt;
      &lt;/nav&gt;
    &lt;/aside&gt;

    &lt;main class=&quot;content&quot;&gt;
      &lt;header class=&quot;hero&quot;&gt;
        &lt;h2&gt;Генетичні дослідження геніальності&lt;/h2&gt;
        &lt;p&gt;Це робочий шаблон для довгої науково-популярної статті. JS уже керує сайдбаром, плавною прокруткою і підсвічуванням активного розділу.&lt;/p&gt;
      &lt;/header&gt;

      &lt;div class=&quot;article&quot;&gt;
        &lt;section id=&quot;intro&quot;&gt;
          &lt;h3&gt;1. Вступ&lt;/h3&gt;
          &lt;p&gt;Тут буде вступний блок.&lt;/p&gt;
          &lt;div class=&quot;placeholder&quot;&gt;[IMAGE]&lt;/div&gt;
        &lt;/section&gt;

        &lt;section id=&quot;intro-1&quot;&gt;
          &lt;h4&gt;1.1.1 Геніальність і вимірювання&lt;/h4&gt;
          &lt;p&gt;Тут буде підрозділ.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;intro-2&quot;&gt;
          &lt;h4&gt;1.1.2 Межі IQ&lt;/h4&gt;
          &lt;p&gt;Тут буде підрозділ.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-galton&quot;&gt;
          &lt;h3&gt;2.1 Френсіс Гальтон&lt;/h3&gt;
          &lt;p&gt;Тут буде історичний контекст.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-binet&quot;&gt;
          &lt;h3&gt;2.2 Альфред Біне&lt;/h3&gt;
          &lt;p&gt;Тут буде розділ про Біне.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-terman&quot;&gt;
          &lt;h3&gt;2.3 Льюїс Терман&lt;/h3&gt;
          &lt;p&gt;Тут буде розділ про Термана.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;analysis&quot;&gt;
          &lt;h3&gt;3.1 Основні висновки&lt;/h3&gt;
          &lt;p&gt;Тут буде аналіз результатів.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;analysis-critique&quot;&gt;
          &lt;h3&gt;3.2 Критика&lt;/h3&gt;
          &lt;p&gt;Тут буде критика.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;iq&quot;&gt;
          &lt;h3&gt;4.1 Обмеження IQ&lt;/h3&gt;
          &lt;p&gt;Тут буде пояснення, чому IQ недостатньо.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;iq-2&quot;&gt;
          &lt;h3&gt;4.2 Особистість&lt;/h3&gt;
          &lt;p&gt;Тут буде про особистісні фактори.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;iq-3&quot;&gt;
          &lt;h3&gt;4.3 Практика&lt;/h3&gt;
          &lt;p&gt;Тут буде про deliberate practice.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;genetics&quot;&gt;
          &lt;h3&gt;5.1 Twin Studies&lt;/h3&gt;
          &lt;p&gt;Тут буде про близнюкові дослідження.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;genetics-2&quot;&gt;
          &lt;h3&gt;5.2 GWAS&lt;/h3&gt;
          &lt;p&gt;Тут буде про GWAS.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;genetics-3&quot;&gt;
          &lt;h3&gt;5.3 Polygenic Scores&lt;/h3&gt;
          &lt;p&gt;Тут буде про полігенні оцінки.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;sources&quot;&gt;
          &lt;h3&gt;6.1 Бібліографія&lt;/h3&gt;
          &lt;p&gt;Тут буде список джерел.&lt;/p&gt;
        &lt;/section&gt;
      &lt;/div&gt;
    &lt;/main&gt;
  &lt;/div&gt;

  &lt;script&gt;
    (function () {
      const body = document.body;
      const toggle = document.getElementById(&#039;sidebarToggle&#039;);
      const sidebar = document.getElementById(&#039;sidebar&#039;);
      const links = document.querySelectorAll(&#039;.toc a[data-target]&#039;);
      const sections = [...links].map(a =&gt; document.getElementById(a.dataset.target)).filter(Boolean);
      const headerOffset = 72;

      function setCollapsed(state) {
        body.classList.toggle(&#039;collapsed&#039;, state);
        toggle.setAttribute(&#039;aria-expanded&#039;, String(!state));
        toggle.textContent = state ? &#039;☰&#039; : &#039;✕&#039;;
      }

      toggle.addEventListener(&#039;click&#039;, function () {
        setCollapsed(!body.classList.contains(&#039;collapsed&#039;));
      });

      function scrollToSection(id) {
        const el = document.getElementById(id);
        if (!el) return;
        const y = el.getBoundingClientRect().top + window.pageYOffset - headerOffset;
        window.scrollTo({ top: y, behavior: &#039;smooth&#039; });
        history.replaceState(null, &#039;&#039;, &#039;#&#039; + id);
      }

      links.forEach(link =&gt; {
        link.addEventListener(&#039;click&#039;, function (e) {
          e.preventDefault();
          scrollToSection(this.dataset.target);
          if (window.innerWidth &lt;= 1060) setCollapsed(true);
        });
      });

      function setActiveLink(id) {
        links.forEach(a =&gt; a.classList.toggle(&#039;active-link&#039;, a.dataset.target === id));
      }

      const observer = new IntersectionObserver(entries =&gt; {
        const visible = entries
          .filter(entry =&gt; entry.isIntersecting)
          .sort((a, b) =&gt; b.intersectionRatio - a.intersectionRatio)[0];
        if (visible &amp;&amp; visible.target &amp;&amp; visible.target.id) {
          setActiveLink(visible.target.id);
        }
      }, {
        root: null,
        threshold: [0.18, 0.28, 0.4, 0.55],
        rootMargin: &#039;-30% 0px -55% 0px&#039;
      });

      sections.forEach(sec =&gt; observer.observe(sec));

      if (location.hash) {
        const id = location.hash.replace(&#039;#&#039;, &#039;&#039;);
        setTimeout(() =&gt; scrollToSection(id), 50);
      }
    })();
  &lt;/script&gt;</description>
            </item>
                    <item>
                <title>Перша новина</title>
                <link>http://muzej-ung.mozello.shop/blog/params/post/5266718/persha-novina</link>
                <pubDate>Sun, 14 Jun 2026 07:16:00 +0000</pubDate>
                <description>&lt;p&gt;Це демо-текст, щоб продемонструвати як буде виглядати повідомлення в блозі. Видаліть цей пост і додайте свої власні повідомлення.&lt;/p&gt;&lt;hr class=&quot;moze-more-divider&quot;&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;



  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  &lt;title&gt;Генетичні дослідження геніальності: від Льюїса Термана до сучасної геноміки&lt;/title&gt;
  &lt;meta name=&quot;description&quot; content=&quot;Науково-популярна стаття про історію вивчення геніальності, дослідження Термана, сучасну генетику інтелекту, творчості та обдарованості.&quot;&gt;
  &lt;style&gt;
    :root{
      --bg:#f7f7f4;
      --paper:#ffffff;
      --text:#17212b;
      --muted:#5f6b76;
      --line:#d9dee5;
      --accent:#1f5f8b;
      --accent-2:#0f7c67;
      --warm:#f2f6f9;
      --shadow:0 8px 24px rgba(16,24,40,.08);
      --radius:18px;
      --sidebar:320px;
      --max:1440px;
      --code:#f6f8fb;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: system-ui,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;
      line-height:1.7;
      color:var(--text);
      background:linear-gradient(180deg,#fbfbfa 0%, var(--bg) 100%);
    }

    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}

    .page{
      max-width:var(--max);
      margin:0 auto;
      padding:24px;
      display:grid;
      grid-template-columns: var(--sidebar) minmax(0, 1fr);
      gap:24px;
      align-items:start;
    }

    .sidebar{
      position:sticky;
      top:24px;
      align-self:start;
      height:calc(100vh - 48px);
      overflow:auto;
      background:rgba(255,255,255,.85);
      backdrop-filter: blur(8px);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:18px 16px;
    }

    .brand{
      padding:8px 10px 16px;
      border-bottom:1px solid var(--line);
      margin-bottom:14px;
    }
    .brand h1{
      font-size:1.05rem;
      line-height:1.35;
      margin:0 0 8px;
      letter-spacing:.2px;
    }
    .brand p{
      margin:0;
      color:var(--muted);
      font-size:.94rem;
    }

    .toc{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    details{
      border:1px solid var(--line);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
    }

    summary{
      cursor:pointer;
      list-style:none;
      padding:12px 14px;
      font-weight:650;
      color:var(--text);
      background:linear-gradient(180deg,#fff,#fbfcfe);
    }
    summary::-webkit-details-marker{display:none}

    .toc a{
      display:block;
      padding:8px 14px 8px 22px;
      color:var(--text);
      font-size:.96rem;
      border-top:1px solid #eef2f6;
    }
    .toc a:hover{background:var(--warm)}
    .lvl2{padding-left:34px !important}
    .lvl3{padding-left:46px !important}
    .lvl4{padding-left:58px !important}

    .content{
      background:rgba(255,255,255,.9);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .hero{
      padding:42px 34px 28px;
      background:
        radial-gradient(circle at top right, rgba(31,95,139,.12), transparent 35%),
        radial-gradient(circle at top left, rgba(15,124,103,.12), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
      border-bottom:1px solid var(--line);
    }

    .hero h2{
      margin:0 0 14px;
      font-size:clamp(2rem, 4vw, 3.2rem);
      line-height:1.12;
      max-width:15ch;
    }
    .hero .deck{
      max-width:72ch;
      color:var(--muted);
      font-size:1.08rem;
      margin:0 0 18px;
    }
    .meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      color:var(--muted);
      font-size:.95rem;
    }
    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid var(--line);
      background:#fff;
      padding:7px 11px;
      border-radius:999px;
    }

    .article{
      padding:0 34px 34px;
    }

    section{
      padding:28px 0;
      border-bottom:1px solid #edf1f5;
    }

    h3{
      margin:0 0 12px;
      font-size:1.8rem;
      line-height:1.2;
    }
    h4{
      margin:22px 0 10px;
      font-size:1.25rem;
      line-height:1.25;
    }

    p{margin:0 0 14px; max-width:80ch}
    .note, .box, .factbox, .mythbox, .unknownbox, .researchbox, .quote{
      background:var(--warm);
      border:1px solid var(--line);
      border-radius:16px;
      padding:18px 18px;
      margin:18px 0;
    }
    .quote{
      border-left:5px solid var(--accent);
      font-style:italic;
    }

    .label{
      display:inline-block;
      font-size:.82rem;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:var(--accent);
      margin-bottom:8px;
      font-weight:700;
    }

    .placeholder{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:160px;
      border:2px dashed #cfd7df;
      border-radius:16px;
      background:#fbfdff;
      color:#6a7784;
      font-weight:650;
      letter-spacing:.02em;
      margin:18px 0;
    }

    table{
      width:100%;
      border-collapse:collapse;
      margin:16px 0 22px;
      background:#fff;
      overflow:hidden;
      border-radius:14px;
      border:1px solid var(--line);
    }
    th, td{
      padding:12px 12px;
      border-bottom:1px solid #edf1f5;
      vertical-align:top;
      text-align:left;
    }
    th{
      background:#f4f8fb;
      font-size:.95rem;
    }

    ul{
      margin:0 0 14px 22px;
      max-width:80ch;
    }
    li{margin:6px 0}

    .keys{
      background:linear-gradient(180deg,#f4fbfd,#ffffff);
      border:1px solid var(--line);
      border-radius:16px;
      padding:16px 18px;
      margin:18px 0 6px;
    }
    .keys ul{margin-bottom:0}

    .sources h3{margin-bottom:18px}

    .footerpad{padding-bottom:24px}

    @media (max-width: 1060px){
      .page{grid-template-columns:1fr}
      .sidebar{
        position:relative;
        top:auto;
        height:auto;
      }
    }

    @media (max-width: 640px){
      .page{padding:12px}
      .hero, .article{padding-left:18px; padding-right:18px}
      .hero h2{max-width:none}
      h3{font-size:1.55rem}
    }
  &lt;/style&gt;


  &lt;div class=&quot;page&quot;&gt;
    &lt;aside class=&quot;sidebar&quot; aria-label=&quot;Зміст статті&quot;&gt;
      &lt;div class=&quot;brand&quot;&gt;
        &lt;h1&gt;Генетичні дослідження геніальності&lt;/h1&gt;
        &lt;p&gt;Від Льюїса Термана до сучасної геноміки&lt;/p&gt;
      &lt;/div&gt;

      &lt;nav class=&quot;toc&quot;&gt;
        &lt;details open=&quot;&quot;&gt;
          &lt;summary&gt;1. Вступ&lt;/summary&gt;
          &lt;a href=&quot;#intro&quot;&gt;1.1 Чому тема важлива&lt;/a&gt;
          &lt;a href=&quot;#intro-1&quot; class=&quot;lvl2&quot;&gt;1.1.1 Геніальність і вимірювання&lt;/a&gt;
          &lt;a href=&quot;#intro-2&quot; class=&quot;lvl2&quot;&gt;1.1.2 Межі IQ&lt;/a&gt;
          &lt;a href=&quot;#intro-3&quot; class=&quot;lvl3&quot;&gt;1.1.2.1 Що таке успіх&lt;/a&gt;
          &lt;a href=&quot;#intro-4&quot; class=&quot;lvl4&quot;&gt;1.1.2.1.1 Готовність до довгого шляху&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;2. Історія досліджень&lt;/summary&gt;
          &lt;a href=&quot;#history-galton&quot;&gt;2.1 Френсіс Гальтон&lt;/a&gt;
          &lt;a href=&quot;#history-galton-1&quot; class=&quot;lvl2&quot;&gt;2.1.1 Спадковий геній&lt;/a&gt;
          &lt;a href=&quot;#history-galton-2&quot; class=&quot;lvl2&quot;&gt;2.1.2 Євгеніка&lt;/a&gt;
          &lt;a href=&quot;#history-binet&quot;&gt;2.2 Альфред Біне&lt;/a&gt;
          &lt;a href=&quot;#history-terman&quot;&gt;2.3 Льюїс Терман&lt;/a&gt;
          &lt;a href=&quot;#history-terman-1&quot; class=&quot;lvl2&quot;&gt;2.3.1 Stanford-Binet&lt;/a&gt;
          &lt;a href=&quot;#history-terman-2&quot; class=&quot;lvl2&quot;&gt;2.3.2 Genetic Studies of Genius&lt;/a&gt;
          &lt;a href=&quot;#history-terman-3&quot; class=&quot;lvl3&quot;&gt;2.3.2.1 Відбір дітей&lt;/a&gt;
          &lt;a href=&quot;#history-terman-4&quot; class=&quot;lvl3&quot;&gt;2.3.2.2 Том I&lt;/a&gt;
          &lt;a href=&quot;#history-terman-5&quot; class=&quot;lvl3&quot;&gt;2.3.2.3 Том II&lt;/a&gt;
          &lt;a href=&quot;#history-terman-6&quot; class=&quot;lvl3&quot;&gt;2.3.2.4 Том III&lt;/a&gt;
          &lt;a href=&quot;#history-terman-7&quot; class=&quot;lvl3&quot;&gt;2.3.2.5 Том IV&lt;/a&gt;
          &lt;a href=&quot;#history-terman-8&quot; class=&quot;lvl3&quot;&gt;2.3.2.6 Том V&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;3. Аналіз результатів&lt;/summary&gt;
          &lt;a href=&quot;#analysis&quot;&gt;3.1 Основні висновки&lt;/a&gt;
          &lt;a href=&quot;#analysis-critique&quot;&gt;3.2 Критика&lt;/a&gt;
          &lt;a href=&quot;#analysis-oden&quot;&gt;3.3 Melita Oden&lt;/a&gt;
          &lt;a href=&quot;#analysis-myths&quot;&gt;3.4 Міфи та помилки&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;4. Чому IQ недостатньо&lt;/summary&gt;
          &lt;a href=&quot;#iq&quot;&gt;4.1 Обмеження IQ&lt;/a&gt;
          &lt;a href=&quot;#iq-2&quot;&gt;4.2 Особистісні фактори&lt;/a&gt;
          &lt;a href=&quot;#iq-3&quot;&gt;4.3 Наполегливість&lt;/a&gt;
          &lt;a href=&quot;#iq-4&quot;&gt;4.4 Самодисципліна&lt;/a&gt;
          &lt;a href=&quot;#iq-5&quot;&gt;4.5 Grit&lt;/a&gt;
          &lt;a href=&quot;#iq-6&quot;&gt;4.6 Deliberate Practice&lt;/a&gt;
          &lt;a href=&quot;#iq-7&quot;&gt;4.7 SMPY&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;5. Сучасна генетика&lt;/summary&gt;
          &lt;a href=&quot;#genetics&quot;&gt;5.1 Twin Studies&lt;/a&gt;
          &lt;a href=&quot;#genetics-2&quot;&gt;5.2 GWAS&lt;/a&gt;
          &lt;a href=&quot;#genetics-3&quot;&gt;5.3 Polygenic Scores&lt;/a&gt;
          &lt;a href=&quot;#genetics-4&quot;&gt;5.4 Epigenetics&lt;/a&gt;
          &lt;a href=&quot;#genetics-5&quot;&gt;5.5 Що відомо сьогодні&lt;/a&gt;
          &lt;a href=&quot;#genetics-6&quot;&gt;5.6 Що невідомо&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;6. Генетика творчості&lt;/summary&gt;
          &lt;a href=&quot;#creativity&quot;&gt;6.1 Що показали дослідження&lt;/a&gt;
          &lt;a href=&quot;#creativity-2&quot;&gt;6.2 Обмеження&lt;/a&gt;
          &lt;a href=&quot;#creativity-3&quot;&gt;6.3 Порівняння теорій&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;7. Нейробіологія&lt;/summary&gt;
          &lt;a href=&quot;#neuro&quot;&gt;7.1 Мережі мозку&lt;/a&gt;
          &lt;a href=&quot;#neuro-2&quot;&gt;7.2 Розвиток&lt;/a&gt;
          &lt;a href=&quot;#neuro-3&quot;&gt;7.3 Генетика і мозок&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;8. Кейс-стаді&lt;/summary&gt;
          &lt;a href=&quot;#cases&quot;&gt;8.1 Ейнштейн&lt;/a&gt;
          &lt;a href=&quot;#cases-2&quot;&gt;8.2 Дарвін&lt;/a&gt;
          &lt;a href=&quot;#cases-3&quot;&gt;8.3 Марія Кюрі&lt;/a&gt;
          &lt;a href=&quot;#cases-4&quot;&gt;8.4 Нобелівські лауреати&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;9. Формула XXI століття&lt;/summary&gt;
          &lt;a href=&quot;#formula&quot;&gt;9.1 Генетика&lt;/a&gt;
          &lt;a href=&quot;#formula-2&quot;&gt;9.2 Середовище&lt;/a&gt;
          &lt;a href=&quot;#formula-3&quot;&gt;9.3 Особистість&lt;/a&gt;
          &lt;a href=&quot;#formula-4&quot;&gt;9.4 Освіта&lt;/a&gt;
          &lt;a href=&quot;#formula-5&quot;&gt;9.5 Мотивація&lt;/a&gt;
          &lt;a href=&quot;#formula-6&quot;&gt;9.6 Нейробіологія&lt;/a&gt;
        &lt;/details&gt;

        &lt;details&gt;
          &lt;summary&gt;10. Джерела&lt;/summary&gt;
          &lt;a href=&quot;#sources-books&quot;&gt;10.1 Книги&lt;/a&gt;
          &lt;a href=&quot;#sources-articles&quot;&gt;10.2 Наукові статті&lt;/a&gt;
          &lt;a href=&quot;#sources-archives&quot;&gt;10.3 Архіви&lt;/a&gt;
          &lt;a href=&quot;#sources-online&quot;&gt;10.4 Онлайн-ресурси&lt;/a&gt;
          &lt;a href=&quot;#sources-data&quot;&gt;10.5 Відкриті бази даних&lt;/a&gt;
        &lt;/details&gt;
      &lt;/nav&gt;
    &lt;/aside&gt;

    &lt;main class=&quot;content&quot;&gt;
      &lt;header class=&quot;hero&quot;&gt;
        &lt;h2&gt;Генетичні дослідження геніальності&lt;/h2&gt;
        &lt;p class=&quot;deck&quot;&gt;Від історії вимірювання обдарованості до сучасної геноміки, полігенних оцінок, досліджень творчості та обмежень IQ як прогнозу життєвих досягнень.&lt;/p&gt;
        &lt;div class=&quot;meta&quot;&gt;
          &lt;span class=&quot;pill&quot;&gt;Світла тема&lt;/span&gt;
          &lt;span class=&quot;pill&quot;&gt;Академічний стиль&lt;/span&gt;
          &lt;span class=&quot;pill&quot;&gt;HTML + CSS без JavaScript&lt;/span&gt;
          &lt;span class=&quot;pill&quot;&gt;Підходить для блог-платформ&lt;/span&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;div class=&quot;article&quot;&gt;
        &lt;section id=&quot;intro&quot;&gt;
          &lt;h3&gt;1. Вступ&lt;/h3&gt;
          &lt;p&gt;Тут починається вступний розділ про те, як виникла ідея вимірювати геніальність, чому IQ став центральним інструментом XX століття і чому сучасні дослідження дивляться значно ширше.&lt;/p&gt;

          &lt;div class=&quot;placeholder&quot;&gt;[IMAGE] Фото або ілюстрація для вступу&lt;/div&gt;
          &lt;div class=&quot;placeholder&quot;&gt;[TIMELINE] Часова шкала від Гальтона до сучасної геноміки&lt;/div&gt;
          &lt;div class=&quot;quote&quot;&gt;[QUOTE] Коротка цитата з класичної або сучасної праці.&lt;/div&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-galton&quot;&gt;
          &lt;h3&gt;2. Історія досліджень&lt;/h3&gt;
          &lt;h4 id=&quot;history-galton-1&quot;&gt;2.1.1 Спадковий геній&lt;/h4&gt;
          &lt;p&gt;Тут подається історичний контекст Гальтона, його вплив на ідею спадковості здібностей і на подальшу науку про індивідуальні відмінності.&lt;/p&gt;

          &lt;h4 id=&quot;history-galton-2&quot;&gt;2.1.2 Євгеніка&lt;/h4&gt;
          &lt;p&gt;Тут потрібно дати критичний і фактологічний опис євгенічних ідей, їхнього впливу та етичних наслідків.&lt;/p&gt;

          &lt;div class=&quot;factbox&quot;&gt;
            &lt;span class=&quot;label&quot;&gt;Цікаві факти&lt;/span&gt;
            &lt;p&gt;Тут можна додати короткий блок з перевіреними історичними фактами.&lt;/p&gt;
          &lt;/div&gt;

          &lt;div class=&quot;keys&quot;&gt;
            &lt;b&gt;Ключові висновки&lt;/b&gt;
            &lt;ul&gt;
              &lt;li&gt;Пункт 1.&lt;/li&gt;
              &lt;li&gt;Пункт 2.&lt;/li&gt;
              &lt;li&gt;Пункт 3.&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-binet&quot;&gt;
          &lt;h3&gt;2.2 Альфред Біне&lt;/h3&gt;
          &lt;p&gt;Розділ про Біне повинен пояснити, що він не створював тест для “пошуку геніїв”, а прагнув допомогти дітям, які потребують освітньої підтримки.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;history-terman&quot;&gt;
          &lt;h3&gt;2.3 Льюїс Терман&lt;/h3&gt;
          &lt;p&gt;Цей блок описує Stanford-Binet, відбір учасників, запуск Genetic Studies of Genius у 1921 році та довгу історію follow-up дослідження.&lt;/p&gt;
          &lt;table&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Параметр&lt;/th&gt;
                &lt;th&gt;Опис&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td&gt;Назва проєкту&lt;/td&gt;
                &lt;td&gt;Genetic Studies of Genius / Terman Study of the Gifted&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;Початок&lt;/td&gt;
                &lt;td&gt;1921&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;Кількість учасників&lt;/td&gt;
                &lt;td&gt;1,528&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;Критерій відбору&lt;/td&gt;
                &lt;td&gt;Високі бали за Stanford-Binet IQ&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
        &lt;/section&gt;

        &lt;section id=&quot;analysis&quot;&gt;
          &lt;h3&gt;3. Аналіз результатів&lt;/h3&gt;
          &lt;p&gt;Тут порівнюються очікування Термана і фактичні життєві результати, включно з освітою, кар’єрою, здоров’ям, сім’єю і соціальними траєкторіями.&lt;/p&gt;
        &lt;/section&gt;

        &lt;section id=&quot;iq&quot;&gt;
          &lt;h3&gt;4. Чому IQ недостатньо&lt;/h3&gt;
          &lt;p&gt;Потрібно показати, що високий IQ сам по собі не гарантує видатних досягнень: важливі мотивація, можливості, соціальний контекст, особистість, практика і випадок.&lt;/p&gt;

          &lt;div class=&quot;mythbox&quot;&gt;
            &lt;span class=&quot;label&quot;&gt;Міфи та помилки&lt;/span&gt;
            &lt;p&gt;Тут розміщуються поширені хибні уявлення про геніальність і одразу подаються коректні пояснення.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id=&quot;genetics&quot;&gt;
          &lt;h3&gt;5. Сучасна генетика інтелекту&lt;/h3&gt;
          &lt;p&gt;У цьому розділі слід окремо описати близнюкові дослідження, GWAS, полігенні оцінки та епігенетику.&lt;/p&gt;

          &lt;table&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Підхід&lt;/th&gt;
                &lt;th&gt;Що вимірює&lt;/th&gt;
                &lt;th&gt;Сильні сторони&lt;/th&gt;
                &lt;th&gt;Обмеження&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td&gt;Twin studies&lt;/td&gt;
                &lt;td&gt;Спадковість і середовище&lt;/td&gt;
                &lt;td&gt;Довга історія, велика база&lt;/td&gt;
                &lt;td&gt;Припущення моделі&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;GWAS&lt;/td&gt;
                &lt;td&gt;Асоціації варіантів ДНК&lt;/td&gt;
                &lt;td&gt;Масштабність&lt;/td&gt;
                &lt;td&gt;Ефекти дуже малі&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;Polygenic scores&lt;/td&gt;
                &lt;td&gt;Сумарний генетичний прогноз&lt;/td&gt;
                &lt;td&gt;Працюють на рівні популяцій&lt;/td&gt;
                &lt;td&gt;Не визначають долю окремої людини&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
        &lt;/section&gt;

        &lt;section id=&quot;formula&quot;&gt;
          &lt;h3&gt;9. Формула геніальності у XXI столітті&lt;/h3&gt;
          &lt;p&gt;Фінальна глава має синтезувати біологію, психологію, освітній досвід і соціальне середовище в одну ясну модель без редукціонізму.&lt;/p&gt;
          &lt;div class=&quot;researchbox&quot;&gt;
            &lt;span class=&quot;label&quot;&gt;Що показали дослідження&lt;/span&gt;
            &lt;p&gt;Тут буде стислий підсумок на основі сучасних оглядів.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;unknownbox&quot;&gt;
            &lt;span class=&quot;label&quot;&gt;Що залишається невідомим&lt;/span&gt;
            &lt;p&gt;Тут слід окреслити межі знань і відкриті питання.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section class=&quot;sources footerpad&quot; id=&quot;sources-books&quot;&gt;
          &lt;h3&gt;10. Джерела&lt;/h3&gt;
          &lt;p&gt;Бібліографію доцільно розділити на книги, наукові статті, архіви, онлайн-ресурси та відкриті бази даних.&lt;/p&gt;
        &lt;/section&gt;
      &lt;/div&gt;
    &lt;/main&gt;
  &lt;/div&gt;</description>
            </item>
            </channel>
</rss>