/* Ethiopian English Readers — sister-site accent over the shared folktales shell.
   Keeps the cream paper + serif; shifts the identity from warm-red to Ethiopian green,
   and adds the readers-only components (pre-reading callouts, exercises, answer keys,
   reading level, PDF download). */
:root{
  --accent:#1c7c54;            /* deep green for links/headings */
  --accent-bright:#15a06a;
  --brown:#1d3b2c;             /* masthead: deep forest green */
  --brown-2:#2c5440;
  --line:#d2e4d6;
}
.masthead{background:linear-gradient(180deg,#1d3b2c,#214432)}

/* reading level chip + region meta */
.level-badge{display:inline-block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  background:var(--gold);color:var(--brown);padding:.12rem .55rem;border-radius:999px;font-weight:600}

/* the pre-reading / exercise callouts authored inline in the story body */
.story-text > p > strong:only-child{display:block;margin-top:1.6rem;color:var(--accent);
  font-size:1.02rem;letter-spacing:.01em}
.story-text ul,.story-text ol{background:#f3f8f1;border:1px solid var(--line);
  border-radius:10px;padding:1rem 1rem 1rem 2.2rem;margin:.6rem 0 1.4rem}
.story-text ul li,.story-text ol li{margin:.25rem 0}
.story-text img.illustration,.story-text img{max-width:100%;height:auto;border-radius:10px;
  box-shadow:0 2px 14px rgba(40,30,15,.12);margin:1rem 0}
.story-text img.left{float:left;max-width:min(46%,320px);margin:.4rem 1.3rem 1rem 0}
.story-text img.right{float:right;max-width:min(46%,320px);margin:.4rem 0 1rem 1.3rem}
@media(max-width:640px){.story-text img.left,.story-text img.right{float:none;max-width:100%;margin:1rem 0}}

/* teacher answer key */
.answer-key{margin:2rem 0 1rem;border:1px solid var(--line);border-radius:12px;
  background:var(--paper);overflow:hidden}
.answer-key>summary{cursor:pointer;list-style:none;padding:.9rem 1.1rem;font-weight:600;
  color:var(--brown);background:#eef5ec;display:flex;align-items:center;gap:.5rem}
.answer-key>summary::-webkit-details-marker{display:none}
.answer-key>summary::before{content:"🔑";font-size:1rem}
.answer-key[open]>summary{border-bottom:1px solid var(--line)}
.answer-key .ak-body{padding:.6rem 1.2rem 1.1rem}
.answer-key .ak-note{color:var(--muted);font-size:.85rem;margin:.2rem 1.2rem 1rem}

/* region PDF download */
.pdf-dl{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent);color:#fff;
  padding:.7rem 1.15rem;border-radius:10px;font-weight:600;margin:.4rem 0 1rem;box-shadow:0 2px 10px rgba(28,124,84,.25)}
.pdf-dl:hover{background:var(--accent-bright);text-decoration:none;color:#fff}
.pdf-dl::before{content:"⬇";font-size:1.05rem}
.pdf-dl small{font-weight:400;opacity:.85}

/* region story list thumbnails reuse folktales .story-list; nudge readers look */
.region .lead{max-width:var(--maxw);color:var(--brown-2)}
.home-readers-lead{max-width:var(--maxw)}

/* read-aloud control */
.act-read[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ---- Print / Worksheet view: a clean student handout (answers hidden) ---- */
@media print{
  .masthead,.site-foot,.to-top,.crumbs,.story-actions,.prevnext,
  .answer-key,.map-attrib,.statcounter-wrap,.pdf-dl,.story .muted{display:none !important}
  body{background:#fff;color:#000;font-size:12pt}
  main{max-width:100%;padding:0}
  .story-text img{box-shadow:none;max-width:60%}
  .story-text ul,.story-text ol{background:#fff;border:1px solid #999}
  a{color:#000;text-decoration:none}
  .story-head h1{margin-top:0}
}