/* Оформление страницы темы. Блок «локальный предпросмотр» — только для просмотра на ПК; на сайте стили даёт тема uchimsa. */
/* Локальный предпросмотр. На сайте эти стили даёт тема uchimsa — переносится только <article>. */
:root {
	--akc: #16a3bf; --akc-temn: #0b7d96; --akc-svet: #d8f0f6; --tyomn: #15263a; --tekst: #34465a;
	--sery: #66788b; --ramka: #dbe8f0; --plashka: #f1f8fb; --radius: 14px;
	--zag: 'Manrope', 'Segoe UI', Arial, sans-serif; --osn: 'Golos Text', 'Segoe UI', Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--tekst); font: 400 17px/1.65 var(--osn); }
h1, h2, h3 { font-family: var(--zag); color: var(--tyomn); line-height: 1.2; }
a { color: var(--akc-temn); }
.predprosmotr { background: #fff7e0; color: #7a5a12; font-size: 14px; padding: 8px 16px; text-align: center; }
.stranica { max-width: 860px; margin: 0 auto; padding: 18px 16px 60px; }
.kroshki { font-size: 14px; color: var(--sery); margin-bottom: 8px; }
.kroshki a { color: var(--sery); }

/* === тело темы (переносится на сайт) === */
.tema h1 { font-size: clamp(26px, 5vw, 36px); margin: 6px 0 10px; }
.tema h2 { font-size: clamp(21px, 3.6vw, 27px); margin: 38px 0 12px; }
.tema h3 { font-size: 18px; margin: 0 0 6px; }
.tema-metki { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; }
.tema-metki span { background: var(--plashka); border: 1px solid var(--ramka); border-radius: 20px; padding: 3px 12px; font-size: 14px; color: var(--sery); }
.tema-korotko { background: var(--plashka); border-left: 4px solid var(--akc); border-radius: 0 var(--radius) var(--radius) 0; padding: 14px 18px; margin: 0 0 8px; }
.tema-korotko p { margin: 0 0 6px; }
.tema-korotko p:last-child { margin: 0; }
.tema-dva { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; margin: 14px 0; }
.tema-kartochka { border: 1px solid var(--ramka); border-radius: var(--radius); padding: 14px 16px; background: #fff; }
/* стихотворение на странице (литературное чтение) */
.tema-stih { margin: 18px 0; padding: 16px 20px; background: #fbf7ee; border-left: 4px solid #e3cfae; border-radius: 0 var(--radius) var(--radius) 0; font-size: 1.08em; line-height: 1.6; color: var(--tyomn); }
.tema-stih p { margin: 0 0 12px; }
.tema-stih cite { display: block; font-style: normal; font-weight: 700; color: var(--sery); font-size: .9em; }
.tema-kartochka .vopros { font: 800 20px var(--zag); color: var(--akc-temn); }
.tema-shema { margin: 14px 0; padding: 12px; border: 1px solid var(--ramka); border-radius: var(--radius); background: #fff; }
.tema-shema svg { width: 100%; height: auto; display: block; }
.tema-shema figcaption { font-size: 14px; color: var(--sery); margin-top: 6px; text-align: center; }
.tema-pravila { padding-left: 22px; }
.tema-pravila li { margin-bottom: 6px; }
.tema-profy { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 14px; }
.tema-prof { border: 1px solid var(--ramka); border-radius: var(--radius); padding: 14px 16px; background: #fff; }
.tema-prof-shapka { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.tema-prof-shapka .ava { width: 44px; height: 44px; flex: 0 0 44px; }
.tema-prof-shapka .ava svg { width: 44px; height: 44px; }
.tema-prof p { margin: 0 0 8px; font-size: 16px; }
.tema-prof .zadachka { background: var(--plashka); border-radius: 10px; padding: 10px 12px; font-size: 15px; }
.tema-prof details { margin-top: 6px; }
.tema-prof summary { cursor: pointer; color: var(--akc-temn); font-weight: 600; }
.tema-roditelyam { background: #fbf6ee; border: 1px solid #efe2cc; border-radius: var(--radius); padding: 14px 18px; }
.tema-roditelyam ul { margin: 6px 0 0; padding-left: 20px; }
.tema-nav { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--ramka); }
.tema-nav a { text-decoration: none; border: 1px solid var(--ramka); border-radius: 12px; padding: 10px 14px; font-size: 15px; }
.tema-nav a span { display: block; font-size: 13px; color: var(--sery); }
.tema-igra-ssylka { font-size: 15px; margin: -14px 0 0; }
.tema-tablica-obertka { overflow-x: auto; margin: 10px 0; }
.tema-tablica { border-collapse: collapse; width: 100%; max-width: 560px; font-size: 16px; }
.tema-tablica th, .tema-tablica td { border: 1px solid var(--ramka); padding: 8px 12px; text-align: left; }
.tema-tablica th { background: var(--plashka); font-family: var(--zag); color: var(--tyomn); }
.tema-tablica td:first-child { font: 800 18px var(--zag); color: var(--akc-temn); width: 80px; text-align: center; }
.tema-sssr { background: #fbf3e4; border: 1px solid #ecd9b4; border-radius: var(--radius); padding: 10px 16px; margin: 0 0 14px; font-size: 15px; color: #7a5a24; }
.tema-sssr b { color: #5e4316; }
.tema-spisok { padding-left: 26px; columns: 2 280px; column-gap: 28px; }
.tema-spisok li { margin-bottom: 7px; break-inside: avoid; }
.tema-spisok li.skoro { color: var(--sery); }
.tema-spisok li.skoro span { font-size: 12px; background: var(--plashka); border-radius: 10px; padding: 1px 8px; margin-left: 4px; }