/* قالب کودکانه — داخل خود صفحه هم می‌آید تا کش قدیمی آن را نخورد */
img, video { max-width: 100%; height: auto; }
body { overflow-x: hidden; }

.topbar {
  background: #fff8ee !important;
  border-bottom: 3px solid #ffd56a !important;
}
.topbar .row { display: flex; align-items: center; gap: 8px; }
.nav .nav-install-btn {
  background: #fff3df !important;
  color: #c45c12 !important;
  border: 2px solid #ffb703 !important;
  border-radius: 999px !important;
  font-weight: 900;
}
.install-modal-header img { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; }
.install-now-btn {
  width: 100%;
  background: #ff8a3d;
  color: #fff;
  border: 0;
  border-radius: 16px;
  padding: 14px;
  font-weight: 900;
  font-family: inherit;
  font-size: 16px;
  cursor: pointer;
}

.brand { display: flex !important; align-items: center; gap: 8px; min-width: 0; }
.brand img {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  object-fit: cover;
  border-radius: 14px !important;
  flex: none;
  display: block;
  box-shadow: 0 3px 0 #f0c27a;
}
.brand strong {
  white-space: nowrap;
  font-size: 17px !important;
  color: #e07a2f !important;
  font-weight: 900;
}

.home, .kid-page { background: #fff6ea; }
.home {
  background:
    radial-gradient(circle at 8% 120px, #ffe08a 0 7px, transparent 8px),
    radial-gradient(circle at 92% 220px, #ffb4c8 0 6px, transparent 7px),
    radial-gradient(circle at 18% 640px, #b7e4ff 0 8px, transparent 9px),
    #fff6ea !important;
}
.home-hero {
  background: linear-gradient(180deg, #7ecbff 0%, #d7f1ff 62%, #fff6ea 100%) !important;
  color: #243044 !important;
  padding: 18px 0 8px !important;
  overflow: hidden;
  border-radius: 0 0 32px 32px;
}
.home-hero .lead {
  color: #1d4e89 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  max-width: 34rem;
  margin: 0 auto 14px !important;
  text-align: center;
  font-weight: 700;
}
.lockup {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #fffdf8;
  color: #243044;
  border-radius: 28px;
  padding: 12px 14px;
  margin: 0 auto 14px;
  max-width: 440px;
  width: 100%;
  box-sizing: border-box;
  border: 3px solid #ffe08a;
  box-shadow: 0 8px 0 #f3d48a;
}
.lockup img {
  width: 88px !important;
  height: 88px !important;
  max-width: 88px !important;
  border-radius: 22px;
  object-fit: cover;
  flex: none;
  display: block;
}
.lockup strong {
  display: block !important;
  font-size: 30px;
  line-height: 1.15;
  color: #e07a2f !important;
  border: 0 !important;
}
.lockup span { display: block; color: #1d4e89; font-weight: 800; font-size: 14px; }
.home-hero .cta {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  max-width: 280px;
  margin: 0 auto 8px !important;
}
.home-hero .cta a, .kid-page .cta a, .soon-panel .cta a {
  display: block !important;
  text-align: center;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-sizing: border-box;
}
.home-hero .cta a.light {
  background: #ff8a3d !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 5px 0 #d9652a;
}
.home-hero .cta a.ghost {
  background: #fff !important;
  color: #1d4e89 !important;
  border: 3px solid #fff !important;
  box-shadow: 0 5px 0 rgba(29, 78, 137, .18);
}
.home-lock { text-align: center; color: #1d4e89 !important; font-weight: 800; margin: 8px 0 0; }
.home-block h1, .home-block h2, .home h1, .home h2, .kid-page h1, .kid-lesson h1 {
  display: block !important;
  border: 0 !important;
  border-bottom: 0 !important;
  color: #243044 !important;
}
.home h2, .home-block h1, .kid-page h1 { font-size: 24px; margin: 8px 0 8px; text-align: center; }
.pick-lead { color: #5c6b7a; line-height: 1.85; margin: 0 0 14px; text-align: center; }
.paper, .home-notes article, .soon-panel, .open-book {
  background: #fffdf8;
  border: 3px solid #ffe08a;
  border-radius: 24px;
  padding: 14px 14px 8px;
  box-sizing: border-box;
}
.paper { margin-top: 8px; box-shadow: 0 8px 0 #f3d48a; }
.paper h2, .home-notes h3 { text-align: right; }
.paper p, .home-notes p, .soon-panel p { line-height: 1.9; color: #3d4a46; }
.path {
  list-style: none;
  margin: 12px 0 14px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.path li {
  display: flex;
  gap: 10px;
  align-items: center;
  background: #fff6ea;
  border-radius: 16px;
  padding: 10px;
}
.path b {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  font-size: 20px;
  box-shadow: 0 3px 0 #ffe08a;
}

.frames {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px;
  margin: 8px 0 18px;
}
.frame {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  color: #243044 !important;
  background: #fffdf8 !important;
  border: 3px solid var(--candy, #ffd15c) !important;
  border-radius: 26px !important;
  padding: 8px 8px 12px !important;
  box-shadow: 0 7px 0 var(--shade, #e0a800) !important;
  min-width: 0;
}
.frame:nth-child(odd) { transform: rotate(-1deg); }
.frame:nth-child(even) { transform: rotate(1deg); }
.frame-face {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  background: var(--candy, #ffe08a);
}
.frame-name {
  display: block !important;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 900;
  color: #243044 !important;
}
.frame-line {
  display: block !important;
  margin-top: 2px;
  color: #5c6b7a !important;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}
.tone-sun { --candy: #f5c518; --shade: #d9a400; }
.tone-mint { --candy: #5dcaa5; --shade: #2f9d78; }
.tone-sky { --candy: #7ec8ff; --shade: #3d93d4; }
.tone-lilac { --candy: #c9a6ef; --shade: #9a74cf; }
.tone-peach { --candy: #ffb07a; --shade: #e07a3d; }
.tone-teal { --candy: #7ed0c8; --shade: #3aa79c; }

.shelf, .shelf-page {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px;
  margin: 8px 0 18px;
  background: none !important;
  padding: 0 !important;
}
.book-card {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  color: #243044 !important;
  background: #fffdf8 !important;
  border: 3px solid var(--candy, #ffd15c) !important;
  border-radius: 22px !important;
  padding: 8px 8px 12px !important;
  box-shadow: 0 7px 0 var(--shade, #e0a800) !important;
  min-width: 0;
}
.book-art {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 16px;
  display: block;
  background: #fff6ea;
}
.book-card strong {
  display: block !important;
  margin-top: 8px;
  font-size: 15px;
  color: #243044 !important;
  border: 0 !important;
}
.book-card small {
  display: block !important;
  margin-top: 2px;
  color: #5c6b7a !important;
  font-size: 12px;
  line-height: 1.4;
}
.book-card em {
  display: inline-block !important;
  margin-top: 6px;
  background: #ffe08a;
  color: #243044 !important;
  font-style: normal;
  font-weight: 900;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
}
.book-card.soon em { background: #e7eef2; color: #5c6b7a !important; }
.shelf-one { grid-template-columns: minmax(0, 220px) !important; justify-content: center; }
.book {
  display: flex !important;
  align-items: stretch;
  min-height: 96px;
  text-decoration: none !important;
  color: #fffaf2 !important;
  background: var(--cloth, #1f6b4a) !important;
  border-radius: 22px !important;
  overflow: hidden;
  box-shadow: 0 7px 0 rgba(20, 30, 24, .16) !important;
  border: 0 !important;
}
.book-spine { width: 14px; flex: none; background: var(--spine, #0e2a28); display: block; }
.book-cover {
  display: grid !important;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 2px;
  align-items: center;
  padding: 12px 14px;
  flex: 1;
}
.book-emoji { font-size: 32px; line-height: 1; grid-row: 1 / span 3; }
.book-cover strong {
  display: block !important;
  font-size: 20px;
  color: #fffaf2 !important;
  border: 0 !important;
}
.book-cover small {
  display: block !important;
  color: rgba(255,248,238,.9) !important;
  font-size: 13px;
  line-height: 1.5;
}
.book-cover em {
  display: inline-block !important;
  justify-self: start;
  margin-top: 4px;
  background: #ffe08a;
  color: #243044 !important;
  font-style: normal;
  font-weight: 900;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
}
.book.soon .book-cover em { background: rgba(255,248,238,.2); color: #fffaf2 !important; }
.book-pages, .book-rule { display: none !important; }
.cloth-math { --cloth: #2f9d78; --spine: #1c6b50; }
.cloth-farsi { --cloth: #e05a78; --spine: #a8324e; }
.cloth-science { --cloth: #3d93d4; --spine: #1d629c; }
.cloth-quran { --cloth: #1f9d72; --spine: #0f6b4c; }
.cloth-hedye { --cloth: #6d5bd0; --spine: #43368f; }
.cloth-social { --cloth: #e07a3d; --spine: #a85222; }
.cloth-art { --cloth: #ef5d8a; --spine: #b83260; }

.home-notes { display: grid; grid-template-columns: 1fr; gap: 10px; }
.home-notes article { box-shadow: 0 6px 0 #f3d48a; }
.soon-panel { text-align: center; margin-top: 8px; box-shadow: 0 8px 0 #f3d48a; }
.soon-panel .cta, .home-block .cta { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.soon-panel .cta a.primary, .kid-page .cta a.primary { background: #ff8a3d !important; color: #fff !important; box-shadow: 0 4px 0 #d9652a; }
.soon-panel .cta a.ghost, .kid-page .cta a.ghost { background: #fff !important; color: #1d4e89 !important; border: 3px solid #7ec8ff !important; }
.home-links { margin: 14px 0; text-align: center; }

.kid-lessons h2 {
  background: #e7f6ff;
  border-radius: 16px;
  padding: 8px 12px;
  border: 3px solid #7ec8ff;
  font-size: 18px;
}
.kid-lessons .topic, .topic.page-slip {
  border-radius: 20px !important;
  border: 3px solid #ffe08a !important;
  background: #fffdf8 !important;
  box-shadow: 0 5px 0 #f3d48a;
}
.kid-lessons .topic .btn, .kid-lesson .btn, .lesson-actions .btn {
  border-radius: 999px !important;
  font-weight: 800;
}
.kid-lesson .lesson {
  background: #fffdf8 !important;
  border: 3px solid #ffe08a !important;
  border-radius: 28px !important;
  box-shadow: 0 10px 0 #f3d48a;
  padding: 16px !important;
}
.kid-lesson .lesson h1 { color: #243044 !important; font-size: 22px; }
.lesson-hearbox {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 10px;
  align-items: center;
  background: #e7f6ff;
  border: 3px dashed #7ec8ff;
  border-radius: 22px;
  padding: 12px;
  margin: 12px 0;
}
.hear-owl {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px;
  object-fit: cover;
}
.lesson-hear-title { font-weight: 900; color: #1d4e89; font-size: 16px; }
.lesson-hearbox audio { width: 100%; margin-top: 6px; }
.kid-lesson .lesson-nav { display: flex; flex-direction: column; gap: 8px; }
.kid-lesson .lesson-nav a { border-radius: 16px !important; }

@media (min-width: 720px) {
  .frames { grid-template-columns: 1fr 1fr 1fr !important; }
  .shelf, .shelf-page { grid-template-columns: 1fr 1fr 1fr !important; }
  .shelf-one { grid-template-columns: minmax(0, 240px) !important; }
  .home-hero .cta { flex-direction: row; justify-content: center; max-width: none; }
  .home-hero .cta a { width: auto; min-width: 160px; }
  .path, .home-notes { grid-template-columns: 1fr 1fr 1fr; }
}
.fa-signs { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.fa-signs b {
  min-width: 72px;
  min-height: 72px;
  padding: 8px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff8ee;
  border: 3px solid #ffb703;
  border-radius: 18px;
  font-size: 28px;
  color: #1d3557;
  box-shadow: 0 6px 0 #ffe0a3;
}
.fa-book {
  background: #fffdf8;
  border: 3px solid #e7c27a;
  border-radius: 18px;
  padding: 12px 14px;
  margin: 12px 0;
}
.fa-book p { margin: 8px 0; }
.fa-read {
  background: #f3fbf6;
  border: 2px solid #95d5b2;
  border-radius: 16px;
  padding: 12px 14px;
  margin: 10px 0;
}
.fa-words {
  background: #fffdf8;
  border: 3px solid #ffb703;
  border-radius: 18px;
  padding: 12px 14px;
  margin: 12px 0;
}
.fa-words h4 { margin: 0 0 8px; color: #1d4e89; }
.fa-words li { margin: 8px 0; line-height: 1.9; }
.fa-words b { color: #c45c12; }
.fa-sign {
  background: #fffdf8;
  border: 3px solid #7ec8ff;
  border-radius: 18px;
  padding: 12px 14px;
  margin: 12px 0;
}
.fa-sign h4 { margin: 0 0 8px; color: #1d4e89; }
.fa-sign p, .fa-sign li { line-height: 1.9; }
.fa-sign + .fa-sign { border-color: #ffb703; }

@media (max-width: 380px) {
  .lockup strong { font-size: 24px; }
  .lockup img { width: 72px !important; height: 72px !important; max-width: 72px !important; }
  .frame-name { font-size: 14px; }
}

/* قالب شب — بعد از رنگ‌های روشن تا صفحهٔ اصلی، پایه، کتاب و تدریس خوانا بماند */
[data-theme="dark"] body,
[data-theme="dark"] .home,
[data-theme="dark"] .kid-page,
[data-theme="dark"] main.home {
  background: #12161f !important;
  color: #f6f1e8 !important;
}
[data-theme="dark"] .home {
  background:
    radial-gradient(circle at 8% 120px, #3a4f78 0 7px, transparent 8px),
    radial-gradient(circle at 92% 220px, #5a3a58 0 6px, transparent 7px),
    #12161f !important;
}
[data-theme="dark"] .topbar {
  background: #1a2030 !important;
  border-bottom-color: #3d4d6e !important;
  color: #f6f1e8 !important;
}
[data-theme="dark"] .brand,
[data-theme="dark"] .brand strong,
[data-theme="dark"] .nav a,
[data-theme="dark"] .topbar .row {
  color: #f6f1e8 !important;
}
[data-theme="dark"] .brand strong { color: #ffcc66 !important; }
[data-theme="dark"] .nav a:hover,
[data-theme="dark"] .nav a.active {
  background: #2a3550 !important;
  color: #ffd27a !important;
}
[data-theme="dark"] .home-hero {
  background: linear-gradient(180deg, #1b3358 0%, #24324a 58%, #12161f 100%) !important;
  color: #f6f1e8 !important;
}
[data-theme="dark"] .home-hero .lead,
[data-theme="dark"] .lockup span,
[data-theme="dark"] .home-lock,
[data-theme="dark"] .pick-lead,
[data-theme="dark"] .frame-line,
[data-theme="dark"] .book-card small,
[data-theme="dark"] .muted {
  color: #d7e4f5 !important;
}
[data-theme="dark"] .lockup,
[data-theme="dark"] .paper,
[data-theme="dark"] .home-notes article,
[data-theme="dark"] .soon-panel,
[data-theme="dark"] .open-book,
[data-theme="dark"] .frame,
[data-theme="dark"] .book-card,
[data-theme="dark"] .topic,
[data-theme="dark"] .kid-lessons .topic,
[data-theme="dark"] .topic.page-slip,
[data-theme="dark"] .kid-lesson .lesson,
[data-theme="dark"] .fa-book,
[data-theme="dark"] .fa-words,
[data-theme="dark"] .fa-sign,
[data-theme="dark"] .card {
  background: #1c2433 !important;
  color: #f6f1e8 !important;
  border-color: #3d4d6e !important;
}
[data-theme="dark"] .frame,
[data-theme="dark"] .book-card { box-shadow: 0 7px 0 #0d121c !important; }
[data-theme="dark"] .home h1,
[data-theme="dark"] .home h2,
[data-theme="dark"] .home h3,
[data-theme="dark"] .home-block h1,
[data-theme="dark"] .home-block h2,
[data-theme="dark"] .kid-page h1,
[data-theme="dark"] .kid-page h2,
[data-theme="dark"] .kid-lesson .lesson h1,
[data-theme="dark"] .kid-lesson h1,
[data-theme="dark"] .paper h2,
[data-theme="dark"] .frame-name,
[data-theme="dark"] .book-card,
[data-theme="dark"] .book-card strong,
[data-theme="dark"] .fa-sign h4,
[data-theme="dark"] .fa-words h4,
[data-theme="dark"] .lesson h1,
[data-theme="dark"] .lesson h2,
[data-theme="dark"] .lesson h3,
[data-theme="dark"] .lesson h4 {
  color: #fff8ee !important;
}
[data-theme="dark"] .paper p,
[data-theme="dark"] .home-notes p,
[data-theme="dark"] .soon-panel p,
[data-theme="dark"] .kid-lesson .lesson p,
[data-theme="dark"] .kid-lesson .lesson li,
[data-theme="dark"] .lesson p,
[data-theme="dark"] .lesson li,
[data-theme="dark"] .fa-book p,
[data-theme="dark"] .fa-sign p,
[data-theme="dark"] .fa-sign li,
[data-theme="dark"] .fa-words li,
[data-theme="dark"] .path li {
  color: #f6f1e8 !important;
}
[data-theme="dark"] .path li,
[data-theme="dark"] .path b { background: #243044 !important; color: #f6f1e8 !important; }
[data-theme="dark"] .kid-lessons h2,
[data-theme="dark"] .lesson-hearbox {
  background: #1a2c44 !important;
  color: #e7f3ff !important;
  border-color: #4c7eae !important;
}
[data-theme="dark"] .lesson-hear-title,
[data-theme="dark"] .lesson-hearbox p { color: #d7e8ff !important; }
[data-theme="dark"] .fa-signs b {
  background: #243044 !important;
  color: #fff8ee !important;
  border-color: #ffb703 !important;
}
[data-theme="dark"] .fa-read {
  background: #173026 !important;
  color: #e7f6ec !important;
  border-color: #3d9a6a !important;
}
[data-theme="dark"] .fa-words b,
[data-theme="dark"] .fa-sign b { color: #ffd27a !important; }
[data-theme="dark"] .story,
[data-theme="dark"] .example,
[data-theme="dark"] .note {
  background: #243044 !important;
  color: #f6f1e8 !important;
}
[data-theme="dark"] .home-hero .cta a.ghost,
[data-theme="dark"] .kid-page .cta a.ghost,
[data-theme="dark"] .soon-panel .cta a.ghost {
  background: #243044 !important;
  color: #e7f3ff !important;
  border-color: #7ec8ff !important;
}
[data-theme="dark"] .book-card em { background: #5a4318 !important; color: #ffe7a8 !important; }
[data-theme="dark"] .book-card.soon em { background: #2a333c !important; color: #d7e4f5 !important; }
[data-theme="dark"] .footer {
  background: #1a2030 !important;
  color: #d7e4f5 !important;
  border-top-color: #3d4d6e !important;
}
[data-theme="dark"] a { color: #ffcc66; }
[data-theme="dark"] .nav a { color: #f6f1e8 !important; }
[data-theme="hc"] body,
[data-theme="hc"] .home,
[data-theme="hc"] .kid-page,
[data-theme="hc"] .topbar,
[data-theme="hc"] .paper,
[data-theme="hc"] .frame,
[data-theme="hc"] .book-card,
[data-theme="hc"] .kid-lesson .lesson,
[data-theme="hc"] .fa-sign,
[data-theme="hc"] .fa-book {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
[data-theme="hc"] h1,
[data-theme="hc"] h2,
[data-theme="hc"] h3,
[data-theme="hc"] h4,
[data-theme="hc"] p,
[data-theme="hc"] li,
[data-theme="hc"] .frame-name,
[data-theme="hc"] .book-card strong { color: #fff !important; }

.lesson-parts { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.lesson-part {
  display: block;
  background: #fffdf8;
  border: 2px solid #7ec8ff;
  border-radius: 14px;
  padding: 8px 10px;
  color: inherit;
  text-decoration: none;
}
.lesson-part b { display: block; color: #1d4e89; }
.lesson-part span { display: block; margin-top: 4px; line-height: 1.8; }
[data-theme="dark"] .lesson-part,
[data-theme="dark"] .fa-negareh {
  background: #1c2433 !important;
  color: #f6f1e8 !important;
  border-color: #3d4d6e !important;
}
[data-theme="dark"] .lesson-part b,
[data-theme="dark"] .fa-negareh h4 { color: #ffd27a !important; }
[data-theme="dark"] .lesson-part span,
[data-theme="dark"] .fa-negareh p,
[data-theme="dark"] .fa-negareh li { color: #f6f1e8 !important; }
[data-theme="hc"] .lesson-part,
[data-theme="hc"] .fa-negareh {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.fa-sign-page .fa-teach,
.fa-sign-page .fa-word-block {
  background: #fffdf8;
  border: 3px solid #7ec8ff;
  border-radius: 22px;
  padding: 14px;
  margin: 16px 0;
}
.fa-sign-page .fa-teach h2,
.fa-sign-page .fa-word-block h2 { margin: 0 0 10px; color: #1d4e89; }
.fa-teach-img,
.fa-word-card img {
  width: 100%;
  display: block;
  object-fit: cover;
  background: #fff8ee;
}
.fa-teach-img {
  aspect-ratio: 4 / 3;
  border-radius: 18px;
  margin: 0 0 12px;
  border: 3px solid #ffb703;
}
.fa-sign-page .fa-teach p,
.fa-sign-page .fa-word-block p { line-height: 2; margin: 8px 0; }
.fa-say {
  background: #fff4d8;
  border-radius: 14px;
  padding: 10px 12px;
}
.fa-book-pics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.fa-book-pics img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  border: 2px solid #ffb703;
  background: #fff8ee;
}
.fa-word-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.fa-word-card {
  background: #fff;
  border: 3px solid #ffb703;
  border-radius: 18px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 6px 0 #ffe0a3;
}
.fa-word-card img { aspect-ratio: 1; }
.fa-word-card b {
  display: block;
  font-size: 22px;
  color: #1d3557;
  padding: 8px 6px 0;
}
.fa-word-card span {
  display: block;
  color: #7a5a20;
  font-size: 13px;
  padding: 0 6px 10px;
}
.fa-sign-tile {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.fa-hear {
  width: 42px;
  height: 42px;
  margin: 8px auto 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #1d4e89;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 0 #163a66;
}
.fa-hear svg { display: block; }
.fa-hear.tts-on { background: #e76f51; box-shadow: 0 4px 0 #b85a32; }
.fa-sign-tile .fa-hear,
.fa-part-hear .fa-hear,
h1 .fa-hear { margin: 0 0 0 8px; width: 42px; height: 42px; vertical-align: middle; float: left; }
[data-theme="dark"] .fa-sign-page .fa-teach,
[data-theme="dark"] .fa-sign-page .fa-word-block,
[data-theme="dark"] .fa-word-card,
[data-theme="dark"] .fa-say {
  background: #1c2433 !important;
  color: #f6f1e8 !important;
  border-color: #3d4d6e !important;
}
[data-theme="dark"] .fa-sign-page .fa-teach h2,
[data-theme="dark"] .fa-sign-page .fa-word-block h2,
[data-theme="dark"] .fa-word-card b { color: #ffd27a !important; }
[data-theme="dark"] .fa-hear { background: #ffb703; color: #1c2433; box-shadow: 0 4px 0 #8a6a20; }
[data-theme="dark"] .fa-sign-page .fa-teach p,
[data-theme="dark"] .fa-sign-page .fa-word-block p,
[data-theme="dark"] .fa-word-card span { color: #f6f1e8 !important; }
[data-theme="dark"] .fa-teach-img,
[data-theme="dark"] .fa-word-card img,
[data-theme="dark"] .fa-book-pics img { border-color: #ffb703; }
[data-theme="hc"] .fa-sign-page .fa-teach,
[data-theme="hc"] .fa-sign-page .fa-word-block,
[data-theme="hc"] .fa-word-card {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* ضبط صدا توسط مدیر */
.fa-hear-wrap{display:inline-flex;align-items:center;gap:4px}
.fa-rec-open{border:1px solid #d7d7e2;background:#fff;border-radius:10px;cursor:pointer;font-size:15px;line-height:1;padding:5px 7px}
.fa-rec-box{position:fixed;inset:0;background:rgba(15,18,32,.55);display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}
.fa-rec-card{background:#fff;border-radius:16px;padding:18px;max-width:420px;width:100%;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.fa-rec-card h3{margin:0 0 6px}
.fa-rec-path{font-size:12px;direction:ltr;text-align:left;color:#6b7280;word-break:break-all}
.fa-rec-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.fa-rec-prev{width:100%}
[data-theme="dark"] .fa-rec-card{background:#171b2c;color:#e9ecf6}
[data-theme="dark"] .fa-rec-open{background:#222741;border-color:#333a5c;color:#e9ecf6}

/* ---- فارسی چهارم: جدول واژه، املا و داستان درس ---- */
.fa4-story{border-right:6px solid #2a9d8f}
.fa4-tbl{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.98rem}
.fa4-tbl th,.fa4-tbl td{border:1px solid #d9dee5;padding:.45rem .6rem;text-align:right}
.fa4-tbl th{background:#f1f5f9;font-weight:700}
.fa4-tbl tr:nth-child(even) td{background:#fafbfc}
.fa4-emla{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0}
.fa4-emla b{background:#fff3cd;border:1px dashed #c9a227;border-radius:.6rem;padding:.3rem .7rem;font-size:1.05rem}
body.night .fa4-tbl th{background:#1f2937}
body.night .fa4-tbl th,body.night .fa4-tbl td{border-color:#334155}
body.night .fa4-tbl tr:nth-child(even) td{background:#182131}
body.night .fa4-emla b{background:#2b2512;border-color:#8a6d1f;color:#f3e8c8}

/* ---- صفحهٔ اصلی: فهرست خودکار کتاب‌های باز ---- */
.open-books{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0 4px}
.ob-grade{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:10px 12px;min-width:210px;box-shadow:0 3px 10px rgba(16,24,40,.05)}
.ob-head{font-weight:700;color:#1d3557;margin-bottom:6px;font-size:.95rem}
.ob-list{display:flex;flex-direction:column;gap:6px}
.ob-item{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;
  background:#f6f8fb;border:1px solid #e6ebf2;border-radius:10px;padding:7px 10px;color:#122;font-size:.92rem}
.ob-item:hover{background:#eef4ff;border-color:#c9dcff}
.ob-item b{font-weight:700}
.ob-item span{color:#5b6b7f;font-size:.82rem;white-space:nowrap}
body.night .ob-grade{background:#111827;border-color:#273449}
body.night .ob-head{color:#dbe7ff}
body.night .ob-item{background:#0f1726;border-color:#25334a;color:#e6edf7}
body.night .ob-item:hover{background:#172338}
body.night .ob-item span{color:#9fb0c6}
/* ---- درس‌های فارسی ۲ تا ۶: کادر داستان، جدول واژه و کارت‌های املا (سازگار با پوستهٔ روشن و تیره) ---- */
.fa4-story{border-right:6px solid #2a9d8f;border-radius:12px;padding:12px 14px;margin:12px 0;
  background:rgba(42,157,143,.10)}
.fa4-story b{display:inline-block;margin-bottom:6px}
.fa4-tbl{width:100%;border-collapse:collapse;margin:10px 0;font-size:.98rem;background:transparent}
.fa4-tbl th,.fa4-tbl td{border:1px solid rgba(128,128,128,.45);padding:.45rem .6rem;text-align:right;
  vertical-align:top;background:transparent;color:inherit}
.fa4-tbl th{background:rgba(128,128,128,.14);font-weight:700}
.fa4-tbl tr:nth-child(even) td{background:rgba(128,128,128,.07)}
.fa4-emla{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.fa4-emla b{display:inline-block;background:rgba(233,196,106,.18);border:1px dashed rgba(201,162,39,.8);
  border-radius:.6rem;padding:.35rem .75rem;font-size:1.05rem;font-weight:700;white-space:nowrap;color:inherit}
.fa4-emla .fa4-sep{display:none}
[data-theme="dark"] .fa4-tbl th{background:rgba(255,255,255,.10)}
[data-theme="dark"] .fa4-tbl tr:nth-child(even) td{background:rgba(255,255,255,.05)}
[data-theme="dark"] .fa4-tbl th,[data-theme="dark"] .fa4-tbl td{border-color:rgba(255,255,255,.28)}
[data-theme="dark"] .fa4-emla b{background:rgba(233,196,106,.16);border-color:rgba(233,196,106,.6)}
[data-theme="dark"] .fa4-story{background:rgba(42,157,143,.16)}