.cme-fairy-article{
  --cme-fairy-dark:#393939;
  --cme-fairy-text:#393939;
  --cme-fairy-sky:#38b6ff;
  --cme-fairy-sky-dark:#177fb3;
  --cme-fairy-orange:#fa5300;
  --cme-fairy-orange-dark:#d94700;
  --cme-fairy-pink:#fa0644;
  --cme-fairy-purple:#aa02ff;
  --cme-fairy-green:#3aa587;
  --cme-fairy-paper:#ffffff;
  --cme-fairy-line:#e2e2e2;
  --cme-fairy-muted:#737373;
  --cme-fairy-radius:18px;
  --cme-fairy-shadow:0 10px 30px rgba(57,57,57,.08);
  max-width:880px;
  margin:0 auto;
  color:var(--cme-fairy-text);
  font-family:inherit;
  font-size:17px;
  line-height:1.65;
}
.cme-fairy-article,.cme-fairy-article *{box-sizing:border-box}

.cme-fairy-article img,.cme-fairy-article svg{max-width:100%}
.cme-fairy-article h1,.cme-fairy-article h2,.cme-fairy-article h3,.cme-fairy-article h4{color:var(--cme-fairy-dark);line-height:1.25;font-weight:800;margin:0 0 .5em}
.cme-fairy-article h1{font-size:2.1rem;margin-top:.2em}
.cme-fairy-article h2{font-size:1.55rem;margin-top:2.4em;padding-top:.3em;border-top:3px solid var(--cme-fairy-line)}
.cme-fairy-article h3{font-size:1.15rem;margin-top:1.6em}
.cme-fairy-article p{margin:0 0 1.1em}
.cme-fairy-article a{color:var(--cme-fairy-sky-dark)}
.cme-fairy-article a:hover{color:var(--cme-fairy-orange-dark)}
.cme-fairy-article ul,.cme-fairy-article ol{padding-left:1.3em;margin:0 0 1.1em}
.cme-fairy-article li{margin-bottom:.5em}
.cme-fairy-muted{color:var(--cme-fairy-muted)}
.cme-fairy-small{font-size:.9rem}

/* TLDR */
.cme-fairy-tldr{background:var(--cme-fairy-paper);border:2px solid var(--cme-fairy-sky);border-radius:var(--cme-fairy-radius);padding:26px 28px;margin:0 0 30px;position:relative;z-index:3;box-shadow:var(--cme-fairy-shadow)}
.cme-fairy-tldr h3{margin-top:0;padding-top:0;border-top:none;font-size:1.2rem;display:flex;align-items:center;gap:10px}
.cme-fairy-tldr ul{margin-bottom:0}
.cme-fairy-tldr li{margin-bottom:.6em}

/* callout boxes */
.cme-fairy-callout{display:flex;gap:16px;background:#f3f6ff;border-left:5px solid var(--cme-fairy-sky);border-radius:12px;padding:18px 20px;margin:22px 0}
.cme-fairy-callout.cme-fairy-tip{background:#f1f9f6;border-left-color:var(--cme-fairy-green)}
.cme-fairy-callout.cme-fairy-warn{background:#fff4ee;border-left-color:var(--cme-fairy-orange)}
.cme-fairy-callout .cme-fairy-icon{flex-shrink:0;width:38px;height:38px}
.cme-fairy-callout b{display:block;margin-bottom:.25em;color:var(--cme-fairy-dark)}
.cme-fairy-callout p:last-child{margin-bottom:0}

/* tables */
.cme-fairy-table-scroll{overflow-x:auto;margin:20px 0 28px;border-radius:14px;box-shadow:var(--cme-fairy-shadow)}
.cme-fairy-article table{border-collapse:collapse;width:100%;min-width:640px;background:var(--cme-fairy-paper);font-size:.94rem}
.cme-fairy-article caption{text-align:left;font-size:.85rem;color:var(--cme-fairy-muted);padding:8px 4px}
.cme-fairy-article th,.cme-fairy-article td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--cme-fairy-line);vertical-align:top}
.cme-fairy-article thead th{background:var(--cme-fairy-dark);color:#fff;font-weight:700;position:sticky;top:0}
.cme-fairy-article tbody tr:nth-child(even){background:#faf7ee}
.cme-fairy-article tbody tr:hover{background:#fdeee6}
.cme-fairy-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap}
.cme-fairy-b-36{background:var(--cme-fairy-pink)}
.cme-fairy-b-79{background:var(--cme-fairy-sky);color:#5c4300}
.cme-fairy-b-1013{background:var(--cme-fairy-green)}
.cme-fairy-b-1417{background:var(--cme-fairy-purple)}

/* tabs */
.cme-fairy-age-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 6px}
.cme-fairy-age-tab-btn{border:2px solid var(--cme-fairy-line);background:var(--cme-fairy-paper);border-radius:999px;padding:10px 18px;font-weight:700;font-size:.92rem;cursor:pointer;color:var(--cme-fairy-text);transition:.15s}
.cme-fairy-age-tab-btn:hover{border-color:var(--cme-fairy-sky)}
.cme-fairy-age-tab-btn.cme-fairy-active{background:var(--cme-fairy-dark);border-color:var(--cme-fairy-dark);color:#fff}
.cme-fairy-age-panel{display:none}
.cme-fairy-age-panel.cme-fairy-active{display:block;animation:cme-fairy-fade .35s ease}
@keyframes cme-fairy-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.cme-fairy-age-panel-intro{background:#f6f4ea;border-radius:12px;padding:14px 18px;margin:14px 0 18px;font-size:.95rem}

/* tale cards */
.cme-fairy-tale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:10px}
.cme-fairy-tale-card{border:1px solid var(--cme-fairy-line);border-radius:16px;padding:20px;background:var(--cme-fairy-paper);box-shadow:var(--cme-fairy-shadow);scroll-margin-top:20px}
.cme-fairy-tale-card .cme-fairy-tale-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.cme-fairy-tale-card .cme-fairy-tale-ico{width:44px;height:44px;flex-shrink:0}
.cme-fairy-tale-card h4{margin:0 0 2px;font-size:1.05rem}
.cme-fairy-tale-card .cme-fairy-ru-title{color:var(--cme-fairy-muted);font-size:.85rem;font-weight:600}
.cme-fairy-tale-badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.cme-fairy-tale-card p{font-size:.93rem;margin-bottom:.7em}
.cme-fairy-vocab-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.cme-fairy-chip{background:#eef3ff;color:var(--cme-fairy-sky-dark);border-radius:8px;padding:4px 9px;font-size:.8rem;font-weight:600}
.cme-fairy-moral{font-size:.88rem;background:#fbf6e8;border-radius:8px;padding:8px 10px;margin-top:8px}
.cme-fairy-moral b{color:var(--cme-fairy-dark)}

/* recommender widget */
.cme-fairy-reco{background:linear-gradient(135deg,#eef4ff,#fdf1ea);border-radius:var(--cme-fairy-radius);padding:26px 28px;margin:26px 0;border:1px solid #e4e0f5}
.cme-fairy-reco h2{margin-top:0;padding-top:0;border-top:none}
.cme-fairy-reco-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-top:14px}
.cme-fairy-reco-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}
.cme-fairy-reco-field label{font-size:.85rem;font-weight:700;color:var(--cme-fairy-dark)}
.cme-fairy-reco-field select{padding:10px 12px;border-radius:10px;border:2px solid var(--cme-fairy-line);font-size:.95rem;background:#fff}
.cme-fairy-reco-btn{background:var(--cme-fairy-orange);color:#fff;border:none;padding:12px 22px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.15s}
.cme-fairy-reco-btn:hover{background:var(--cme-fairy-orange-dark)}
.cme-fairy-reco-result{margin-top:18px;padding:16px 18px;border-radius:12px;background:#fff;border:2px dashed var(--cme-fairy-green);display:none}
.cme-fairy-reco-result.cme-fairy-show{display:block;animation:cme-fairy-fade .3s ease}
.cme-fairy-reco-result a{font-weight:700}

/* sample reading */
.cme-fairy-sample-box{border-radius:16px;overflow:hidden;border:1px solid var(--cme-fairy-line);margin:20px 0}
.cme-fairy-sample-en,.cme-fairy-sample-ru{padding:20px 22px}
.cme-fairy-sample-en{background:#fdf1ea}
.cme-fairy-sample-ru{background:#eef7f2;display:none}
.cme-fairy-sample-ru.cme-fairy-show{display:block}
.cme-fairy-sample-en p, .cme-fairy-sample-ru p{margin:0 0 .8em;font-size:.98rem}
.cme-fairy-reveal-btn{display:inline-flex;align-items:center;gap:8px;background:var(--cme-fairy-dark);color:#fff;border:none;padding:11px 20px;border-radius:10px;font-weight:700;cursor:pointer;margin:14px 0}
.cme-fairy-reveal-btn:hover{background:var(--cme-fairy-sky-dark)}
details.cme-fairy-q-details{background:#f6f4ea;border-radius:10px;padding:10px 14px;margin-bottom:8px}
details.cme-fairy-q-details summary{cursor:pointer;font-weight:600}
details.cme-fairy-q-details .cme-fairy-answer{margin-top:8px;font-size:.93rem}

/* quiz */
.cme-fairy-quiz{background:var(--cme-fairy-paper);border:2px solid var(--cme-fairy-sky);border-radius:var(--cme-fairy-radius);padding:26px 28px;margin:26px 0}
.cme-fairy-quiz h2{margin-top:0;padding-top:0;border-top:none}
.cme-fairy-quiz-q{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--cme-fairy-line)}
.cme-fairy-quiz-q:last-of-type{border-bottom:none}
.cme-fairy-quiz-q p.cme-fairy-qtext{font-weight:700;margin-bottom:8px}
.cme-fairy-quiz-opts label{display:block;background:#f6f4ea;border-radius:8px;padding:9px 12px;margin-bottom:6px;cursor:pointer;font-size:.94rem;transition:.15s}
.cme-fairy-quiz-opts label:hover{background:#eef3ff}
.cme-fairy-quiz-opts input{margin-right:8px}
.cme-fairy-quiz-submit{background:var(--cme-fairy-green);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;font-size:.95rem}
.cme-fairy-quiz-submit:hover{background:#2f8c72}
.cme-fairy-quiz-result{margin-top:16px;padding:16px 18px;border-radius:12px;font-weight:700;display:none}
.cme-fairy-quiz-result.cme-fairy-show{display:block;animation:cme-fairy-fade .3s ease}
.cme-fairy-quiz-result.cme-fairy-good{background:#eaf7f1;color:#1f6e53}
.cme-fairy-quiz-result.cme-fairy-mid{background:#fff6e5;color:#8a6100}
.cme-fairy-quiz-result.cme-fairy-low{background:#fdeee6;color:#a3401c}
.cme-fairy-quiz-q.cme-fairy-correct{background:#eaf7f1}
.cme-fairy-quiz-q.cme-fairy-incorrect{background:#fdeee6}

/* accordion FAQ */
.cme-fairy-faq details{border:1px solid var(--cme-fairy-line);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:var(--cme-fairy-paper)}
.cme-fairy-faq summary{cursor:pointer;font-weight:700;font-size:1.02rem;color:var(--cme-fairy-dark);list-style:none;position:relative;padding-right:24px}
.cme-fairy-faq summary::-webkit-details-marker{display:none}
.cme-fairy-faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.3rem;color:var(--cme-fairy-orange)}
.cme-fairy-faq details[open] summary::after{content:"–"}
.cme-fairy-faq .cme-fairy-a{margin-top:10px;font-size:.96rem;color:var(--cme-fairy-text)}

/* mistakes */
.cme-fairy-mistakes{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0}
.cme-fairy-mistake{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 16px;border-radius:12px;background:#fdf1ea;border:1px solid #f6ddc9}
.cme-fairy-mistake .cme-fairy-x{width:36px;height:36px;border-radius:50%;background:var(--cme-fairy-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.cme-fairy-mistake b{color:var(--cme-fairy-dark)}
.cme-fairy-mistake .cme-fairy-fix{color:#1f6e53;font-size:.92rem;margin-top:4px}

/* CTA */
.cme-fairy-cta{background:linear-gradient(135deg,var(--cme-fairy-orange),#ff9b6e);border-radius:var(--cme-fairy-radius);padding:32px 30px;margin:34px 0;color:#fff;position:relative;overflow:hidden}
.cme-fairy-cta h3{color:#fff;margin-top:0;padding-top:0;border-top:none}
.cme-fairy-cta p{color:#fff0e8}
.cme-fairy-cta-branches{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px}
.cme-fairy-cta-branches span{background:rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}
.cme-fairy-cta-buttons{display:flex;flex-wrap:wrap;gap:12px}
.cme-fairy-cta-btn{background:#fff;color:var(--cme-fairy-orange-dark);padding:13px 24px;border-radius:10px;font-weight:800;text-decoration:none;display:inline-block}
.cme-fairy-cta-btn.cme-fairy-secondary{background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.5)}
.cme-fairy-cta-btn:hover{opacity:.92}
.cme-fairy-cta-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:.88rem}
.cme-fairy-cta-links a{color:#fff;text-decoration:underline}



.cme-fairy-article button:focus-visible,
.cme-fairy-article a:focus-visible,
.cme-fairy-article select:focus-visible,
.cme-fairy-article summary:focus-visible{outline:3px solid var(--cme-fairy-pink);outline-offset:3px}
.cme-fairy-article .cme-fairy-age-panel[aria-hidden="true"]{display:none}
@media(max-width:640px){
  .cme-fairy-article{font-size:16px}
  .cme-fairy-tldr,.cme-fairy-reco,.cme-fairy-quiz,.cme-fairy-cta{padding:20px}
  .cme-fairy-tale-grid{grid-template-columns:1fr}
  .cme-fairy-cta-buttons{flex-direction:column}
  .cme-fairy-cta-btn{text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .cme-fairy-article *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
