*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:var(--pattern)}
a{color:var(--accent)}.wrap{position:relative;max-width:860px;margin:auto;padding:0 20px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
.hero .wrap{max-width:860px}.badge{display:inline-block;padding:7px 15px;border:1px solid var(--accent);border-radius:99px;background:#080a14a8;font-weight:750}
h1{font-size:42px;line-height:1.12;margin:17px 0 13px}.hero-lead{font:700 25px/1.35 Georgia,"Times New Roman",serif;max-width:700px;margin:0 auto 12px;padding:13px 20px;border-radius:17px}.hero-lead strong{display:block}
.hero-thin{max-width:680px;margin:0 auto 22px;color:#e0d9d0}.cta{display:inline-flex;justify-content:center;background:var(--accent);color:#11131b;text-decoration:none;font-weight:850;padding:14px 24px;border-radius:15px;box-shadow:0 12px 30px #0007}
.hero-facts{color:var(--muted);margin-top:14px}.hero-details{max-width:680px;margin:10px auto 0;color:var(--muted);text-align:left}.hero-details summary{cursor:pointer;text-align:center;padding:5px 0;font-weight:650}.hero-details[open]{padding:0 15px 10px;border:1px solid var(--line);border-radius:14px;background:#080a14b8}.hero-details p{margin:10px 0}.hero-details strong{color:var(--ink)}
.toc,.pills{display:flex;flex-wrap:wrap;gap:8px}.toc a,.pill{color:var(--ink);text-decoration:none;border:1px solid var(--line);background:var(--panel);padding:8px 13px;border-radius:99px;font-size:14px}
.grid,.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card,.accent-block,.band,.culture,.topic-card{padding:22px;box-shadow:0 15px 40px #0003}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:8px 0}.orig{font-style:italic}.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.age,.adapted{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:3px 9px}.source{border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);padding-top:8px;margin-top:10px}
.accent-block{border-left:4px solid var(--accent)}.accent-block h2{font-size:23px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{border-radius:16px}.step p{margin-bottom:0}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:13px;margin:9px 0;padding:0 17px}.faq summary{cursor:pointer;padding:14px 0;font-weight:650}.faq p{color:var(--muted)}
.band{text-align:center;border-color:var(--accent)}.culture{display:block;text-decoration:none;color:var(--ink)}.culture b{font:600 19px/1.35 Georgia,serif}.culture p{color:var(--muted);margin:7px 0 0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-card{display:flex;align-items:center;min-height:74px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:16px;background:var(--panel);font-weight:650}
.langs,footer{text-align:center;color:var(--muted);font-size:14px;padding:25px 20px}.langs a{display:inline-block;margin:4px 6px}footer{border-top:1px solid var(--line);padding-bottom:80px}footer small{display:block;max-width:760px;margin:8px auto 0}.sticky-cta{display:none}
@media(max-width:820px){.stickybar{padding:0 15px}.wrap{padding-inline:17px}.hero .wrap{padding-inline:17px}.grid,.culture-grid,.steps,.topic-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-lead{font-size:22px;padding-inline:8px}.badge{font-size:14px}.hero .wrap{padding-bottom:42px}body{padding-bottom:68px}.sticky-cta{display:flex;position:fixed;z-index:80;left:12px;right:12px;bottom:8px;min-height:52px;align-items:center;justify-content:center;background:var(--accent);color:#11131b;border-radius:14px;text-decoration:none;font-weight:850;box-shadow:0 9px 28px #0009}main.wrap section:nth-of-type(even){margin-inline:-8px;padding-inline:14px}.intro{font-size:18px}}
.theme-ua{--bg:#0b1324;--panel:#3a2a45;--line:#6f4d78;--accent:#f2c75c;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMkwzOCAyMCAyMCAzOCAyIDIwek0yMCAxMGwxMCAxMC0xMCAxMC0xMC0xMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2YyYzc1YyIvPjwvc3ZnPg==")}
.theme-jp{--bg:#0b1020;--panel:#3a2a45;--line:#6f4d78;--accent:#f0a8b2;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAyMFEyMCAwIDQwIDIwTS0yMCAyMFEwIDAgMjAgMjBNMjAgMjBRNDAgMCA2MCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjBhOGIyIi8+PC9zdmc+")}
.theme-ge{--bg:#130d18;--panel:#3a2a45;--line:#6f4d78;--accent:#db8d91;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAgN2wyIDUgNSAyLTUgMi0yIDUtMi01LTUtMiA1LTJ6bTIyIDE4bDEgMyAzIDEtMyAxLTEgMy0xLTMtMy0xIDMtMXoiIGZpbGw9IiNkYjhkOTEiLz48L3N2Zz4=")}
.theme-in{--bg:#160f1d;--panel:#3a2a45;--line:#6f4d78;--accent:#f3ad67;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAgN2wyIDUgNSAyLTUgMi0yIDUtMi01LTUtMiA1LTJ6bTIyIDE4bDEgMyAzIDEtMyAxLTEgMy0xLTMtMy0xIDMtMXoiIGZpbGw9IiNmM2FkNjciLz48L3N2Zz4=")}
.theme-yoruba{--bg:#0d1020;--panel:#3a2a45;--line:#6f4d78;--accent:#e7bd5e;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4aDQwTTAgMjBoNDBNMCAzMmg0ME00IDhsOCAxMi04IDEybTE2LTI0bDggMTItOCAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTdiZDVlIi8+PC9zdmc+")}
.theme-mx{--bg:#10171d;--panel:#3a2a45;--line:#6f4d78;--accent:#e9a856;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAzMGgxMFYyMGgxMFYxMGgyME0wIDEwaDEwdjEwaDEwdjEwaDIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlOWE4NTYiLz48L3N2Zz4=")}
.theme-gr{--bg:#09162a;--panel:#3a2a45;--line:#6f4d78;--accent:#74bfea;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAxMGgzMHYyMEgxMFYxOGgxMHY0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NGJmZWEiLz48L3N2Zz4=")}
.theme-nordic{--bg:#081722;--panel:#3a2a45;--line:#6f4d78;--accent:#84d6d2;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4bDQwIDI0TTAgMzJMNDAgOE0xMCAwbDIwIDQwTTMwIDBMMTAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg0ZDZkMiIvPjwvc3ZnPg==")}
.theme-arab{--bg:#101426;--panel:#3a2a45;--line:#6f4d78;--accent:#e2bd68;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMmw1IDEzIDEzIDUtMTMgNS01IDEzLTUtMTMtMTMtNSAxMy01eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJiZDY4Ii8+PC9zdmc+")}
.theme-persian{--bg:#0e1728;--panel:#3a2a45;--line:#6f4d78;--accent:#e8bd66;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMmw1IDEzIDEzIDUtMTMgNS01IDEzLTUtMTMtMTMtNSAxMy01eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZThiZDY2Ii8+PC9zdmc+")}
.theme-amhara{--bg:#17110d;--panel:#3a2a45;--line:#6f4d78;--accent:#e0b669;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4aDQwTTAgMjBoNDBNMCAzMmg0ME00IDhsOCAxMi04IDEybTE2LTI0bDggMTItOCAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBiNjY5Ii8+PC9zdmc+")}
.theme-swahili{--bg:#081b1c;--panel:#3a2a45;--line:#6f4d78;--accent:#e0b75e;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4aDQwTTAgMjBoNDBNMCAzMmg0ME00IDhsOCAxMi04IDEybTE2LTI0bDggMTItOCAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBiNzVlIi8+PC9zdmc+")}
.theme-zulu{--bg:#11141b;--panel:#3a2a45;--line:#6f4d78;--accent:#e8b45a;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4aDQwTTAgMjBoNDBNMCAzMmg0ME00IDhsOCAxMi04IDEybTE2LTI0bDggMTItOCAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZThiNDVhIi8+PC9zdmc+")}
.theme-quechua{--bg:#17100e;--panel:#3a2a45;--line:#6f4d78;--accent:#e6aa63;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAzMGgxMFYyMGgxMFYxMGgyME0wIDEwaDEwdjEwaDEwdjEwaDIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlNmFhNjMiLz48L3N2Zz4=")}
.theme-maya{--bg:#0e1915;--panel:#3a2a45;--line:#6f4d78;--accent:#d5b45e;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAzMGgxMFYyMGgxMFYxMGgyME0wIDEwaDEwdjEwaDEwdjEwaDIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNWI0NWUiLz48L3N2Zz4=")}
.theme-inuit{--bg:#071722;--panel:#3a2a45;--line:#6f4d78;--accent:#8fd6e8;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMnYzNk0yIDIwaDM2TTcgN2wyNiAyNk0zMyA3TDcgMzNNMjAgN2wtNCA0bTQtNGw0IDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzhmZDZlOCIvPjwvc3ZnPg==")}
.theme-ainu{--bg:#12131c;--panel:#3a2a45;--line:#6f4d78;--accent:#d7a878;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAyMFEyMCAwIDQwIDIwTS0yMCAyMFEwIDAgMjAgMjBNMjAgMjBRNDAgMCA2MCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDdhODc4Ii8+PC9zdmc+")}
.theme-maori{--bg:#081917;--panel:#3a2a45;--line:#6f4d78;--accent:#75c9ab;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAgN2wyIDUgNSAyLTUgMi0yIDUtMi01LTUtMiA1LTJ6bTIyIDE4bDEgMyAzIDEtMyAxLTEgMy0xLTMtMy0xIDMtMXoiIGZpbGw9IiM3NWM5YWIiLz48L3N2Zz4=")}
.theme-aboriginal{--bg:#19100c;--panel:#3a2a45;--line:#6f4d78;--accent:#e3a55f;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAzMGgxMFYyMGgxMFYxMGgyME0wIDEwaDEwdjEwaDEwdjEwaDIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlM2E1NWYiLz48L3N2Zz4=")}
.theme-chinese{--bg:#160c13;--panel:#3a2a45;--line:#6f4d78;--accent:#e7b866;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAgN2wyIDUgNSAyLTUgMi0yIDUtMi01LTUtMiA1LTJ6bTIyIDE4bDEgMyAzIDEtMyAxLTEgMy0xLTMtMy0xIDMtMXoiIGZpbGw9IiNlN2I4NjYiLz48L3N2Zz4=")}
.theme-korean{--bg:#0c1422;--panel:#3a2a45;--line:#6f4d78;--accent:#e2a8b0;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAyMFEyMCAwIDQwIDIwTS0yMCAyMFEwIDAgMjAgMjBNMjAgMjBRNDAgMCA2MCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJhOGIwIi8+PC9zdmc+")}
.theme-vietnam{--bg:#101713;--panel:#3a2a45;--line:#6f4d78;--accent:#e5b963;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAyMFEyMCAwIDQwIDIwTS0yMCAyMFEwIDAgMjAgMjBNMjAgMjBRNDAgMCA2MCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTViOTYzIi8+PC9zdmc+")}
.theme-thai{--bg:#171020;--panel:#3a2a45;--line:#6f4d78;--accent:#e8bc69;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCAyMFEyMCAwIDQwIDIwTS0yMCAyMFEwIDAgMjAgMjBNMjAgMjBRNDAgMCA2MCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZThiYzY5Ii8+PC9zdmc+")}
.theme-celtic{--bg:#091713;--panel:#3a2a45;--line:#6f4d78;--accent:#94cea7;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNNSAyMEM1IDUgMzUgNSAzNSAyMFM1IDM1IDUgMjBtMTAtMTV2MzBtMTAtMzB2MzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzk0Y2VhNyIvPjwvc3ZnPg==")}
.theme-slavic{--bg:#101321;--panel:#3a2a45;--line:#6f4d78;--accent:#d9a6a6;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMkwzOCAyMCAyMCAzOCAyIDIwek0yMCAxMGwxMCAxMC0xMCAxMC0xMC0xMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5YTZhNiIvPjwvc3ZnPg==")}
.theme-german{--bg:#11151d;--panel:#3a2a45;--line:#6f4d78;--accent:#d4ad72;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMCA4bDQwIDI0TTAgMzJMNDAgOE0xMCAwbDIwIDQwTTMwIDBMMTAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0YWQ3MiIvPjwvc3ZnPg==")}
.theme-french{--bg:#111225;--panel:#3a2a45;--line:#6f4d78;--accent:#d7a9c8;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAgN2wyIDUgNSAyLTUgMi0yIDUtMi01LTUtMiA1LTJ6bTIyIDE4bDEgMyAzIDEtMyAxLTEgMy0xLTMtMy0xIDMtMXoiIGZpbGw9IiNkN2E5YzgiLz48L3N2Zz4=")}
.theme-balkan{--bg:#12111d;--panel:#3a2a45;--line:#6f4d78;--accent:#d6a16f;--ink:#f4ecdf;--muted:#c7bcc8;--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMkwzOCAyMCAyMCAzOCAyIDIwek0yMCAxMGwxMCAxMC0xMCAxMC0xMC0xMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q2YTE2ZiIvPjwvc3ZnPg==")}
/* ═══════════════════════════════════════════════════════════════════
Destino · раздел «Казки на ніч» — стиль страниц (хаб + культуры)
Согласовано 09.08.2026. Единый файл для обоих типов страниц.
═══════════════════════════════════════════════════════════════════ */
/* ── 1. Панели видимы. Было 1.09:1 к фону — глаз не различает ── */
:root{--panel:#3a2a45;--line:#6f4d78}
.card,.step,.accent-block,.band,.culture{background:var(--panel);border-color:var(--line)}
/* ── 2. Кегль: основной текст 15/1.5 → 17/1.65 ── */
p,li,.txt{font-size:17px;line-height:1.65}
.intro{font-size:19px;line-height:1.8}
.meta,.source,.culture p{font-size:14px}
.hero-thin{font-size:17px;line-height:1.55}
.hero-facts{font-size:14px}
details,summary,.hero-details,.hero-details summary{font-size:15px;line-height:1.6}
/* ── 3. Заголовки: 700 по центру → 600 по левому краю ── */
h2,.section-title{font-weight:600;font-size:26px;text-align:left;margin:0 0 16px;letter-spacing:-.2px}
h3{font-weight:600}
/* ── 4. Шапка: чистое небо, без иллюстрации.
Иллюстрация проиграла трижды: линии шли за текстом, круг рос вместе
с высотой при раскрытии , инлайновый style бил внешние правила.
Культуру держат палитра, бейдж и содержание. ── */
.hero{min-height:0;padding:52px 0 0;display:block;text-align:center;position:relative;
background:radial-gradient(120% 88% at 50% -8%,
color-mix(in srgb,var(--panel) 78%,white 4%) 0%,
color-mix(in srgb,var(--bg) 62%,var(--panel)) 34%,
var(--bg) 72%, var(--bg) 100%);
border-bottom:0;box-shadow:none}
.hero:after{content:none}
.hero .wrap{position:relative;padding-bottom:56px}
.hero .badge,.hero .wrap>:first-child{margin-top:8px}
.hero-lead{border:0;background:transparent;box-shadow:none;text-shadow:none}
.hero-thin,.hero h1{text-shadow:none}
.hero h1{margin-top:6px}
/* край шапки — светящаяся линия горизонта */
.hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:2;
background:linear-gradient(90deg,transparent,
color-mix(in srgb,var(--accent) 45%,transparent) 16%,
color-mix(in srgb,var(--accent) 70%,transparent) 50%,
color-mix(in srgb,var(--accent) 45%,transparent) 84%,transparent);
box-shadow:0 0 26px color-mix(in srgb,var(--accent) 30%,transparent),0 8px 30px rgba(0,0,0,.55)}
/* ── 5. Липкая полоса. НЕ шапка — она бы съела мобильный экран.
position:sticky без JS: прилипает ровно когда шапка уползла. ── */
.stickybar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;
height:52px;padding:0 20px;
background:color-mix(in srgb,var(--bg) 86%,transparent);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border-bottom:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
box-shadow:0 6px 24px rgba(0,0,0,.45)}
.stickybar .sb-t{font:600 15px/1 Georgia,serif;color:var(--ink);white-space:nowrap}
.stickybar .sb-nav{display:flex;gap:14px;margin-left:auto}
.stickybar .sb-nav a{color:var(--muted);text-decoration:none;font-size:13.5px;white-space:nowrap}
.stickybar .sb-nav a:hover{color:var(--accent)}
.stickybar .sb-cta{background:var(--accent);color:#1b1220;font-weight:800;font-size:13.5px;
padding:9px 16px;border-radius:99px;text-decoration:none;white-space:nowrap}
@media(max-width:820px){
.stickybar{height:46px;gap:10px}
.stickybar .sb-nav,.stickybar .sb-cta{display:none}
}
/* ── 6. Ритм: чередование фона секций + нумерация разделов ── */
main.wrap section{padding:44px 0 32px}
main.wrap section:nth-of-type(even){
background:color-mix(in srgb,var(--panel) 46%,var(--bg));
border:1px solid color-mix(in srgb,var(--line) 55%,transparent);
border-radius:20px;margin-inline:-22px;padding:40px 22px 34px}
main.wrap{counter-reset:sec}
main.wrap section{counter-increment:sec}
main.wrap section>h2::before,main.wrap section>.section-title::before{
content:counter(sec,decimal-leading-zero);display:block;
font:700 11.5px/1 -apple-system,sans-serif;letter-spacing:.18em;
color:var(--accent);opacity:.7;margin-bottom:11px}
main.wrap .accent-block>h2::before{content:none}
main.wrap .accent-block{counter-increment:none}
.crumbs{padding:14px 0 2px}
/* ── 7. Карточки ── */
.card h3{color:var(--accent)}
.card,.culture{border-radius:18px}
/* ── 8. Сворачивание списков (сюжеты на культуре, культуры на хабе).
Скрытые элементы остаются в DOM через атрибут hidden — для индексации
это принципиально. Кнопка в акцентном цвете страницы, НЕ синяя. ── */
.tales-shell,.culture-shell{position:relative}
.tales-shell:after,.culture-shell:after{content:"";position:absolute;left:0;right:0;bottom:0;
height:115px;background:linear-gradient(180deg,transparent,var(--bg) 95%);pointer-events:none}
main.wrap section:nth-of-type(even) .tales-shell:after,
main.wrap section:nth-of-type(even) .culture-shell:after{
background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 46%,var(--bg)) 95%)}
.tales-shell.expanded:after,.culture-shell.expanded:after{display:none}
.tales-toggle-row,.culture-toggle-row{position:relative;z-index:2;display:flex;
justify-content:center;margin-top:-31px}
.tales-toggle-row.expanded,.culture-toggle-row.expanded{margin-top:14px}
.tales-toggle,.culture-toggle{border:0;padding:8px;background:none;color:var(--accent);
font:inherit;font-size:14px;font-weight:650;text-decoration:underline;cursor:pointer}
.card[hidden],.culture[hidden]{display:none}