/* Shared reading and print treatment for cultural study sheets. */
body { background: #f3f5f0; color: #263e32; font-family: Nunito, system-ui, sans-serif; }
.no-print-bar { border-radius: 14px; border: 1px solid #dbe4da; box-shadow: none; flex-wrap: wrap; gap: 12px; }
.no-print-bar > div { flex-wrap: wrap; }
.no-print-bar button, .no-print-bar a { min-height: 44px; border-radius: 10px !important; display: inline-flex; align-items: center; justify-content: center; }
.sheet-container, .poster-container, .booklet-container { border: 1px solid #dbe4da; box-shadow: none; border-radius: 16px; }
.sheet-title, .poster-title, .header-title, .cover-title, .poem-title, .poetry-heading { font-family: Nunito, sans-serif; color: #285b45; letter-spacing: -.02em; }
.poster-art-img { object-fit: contain !important; }
.poetry-box, .stanza-box, .vocab-box { background: #f7faf5; border-radius: 10px; }
.poetry-shona, .line-shona { line-height: 1.8; }
.poetry-english, .line-eng { color: #59665e; line-height: 1.7; }
.study-card { border: 1px solid #d7e1d7; border-radius: 12px; margin-top: 18px; padding: 20px; break-inside: avoid; page-break-inside: avoid; }
.study-card-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.study-number { background: #edf4ea; color: #285b45; border-radius: 8px; padding: 6px 10px; font-weight: 800; font-size: 14px; }
.study-card h2 { font-size: 21px; font-weight: 800; margin: 0 0 4px; line-height: 1.4; }
.study-type { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 800; color: #6a796d; }
.study-literal { font-style: italic; color: #647267; margin: 4px 0 0; font-size: 14px; }
.study-columns { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; }
.study-columns h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #285b45; font-weight: 800; margin-bottom: 8px; }
.study-columns p { font-size: 14px; line-height: 1.65; margin-bottom: 6px; }
.study-equivalent { background: #f5f7f1; border-radius: 8px; padding: 14px; }
@media screen and (max-width: 600px) {
 body { padding: 12px !important; }
 .sheet-container, .poster-container, .booklet-container { padding: 20px !important; width: 100% !important; }
 .no-print-bar { padding: 12px; }
 .no-print-bar > div { width: 100%; gap: 8px !important; }
 .no-print-bar button { flex: 1; padding: 10px !important; font-size: 13px; }
 .sheet-title, .poster-title, .header-title, .cover-title { font-size: 28px; }
 .study-columns { grid-template-columns: 1fr; gap: 10px; }
 .study-card { padding: 14px; }
 .study-card h2 { font-size: 19px; }
 .poem-page { padding: 16px !important; }
 .cover-page { padding: 24px 12px !important; }
}
@page { size: A4; margin: 12mm; }
@media print {
 body { padding: 0 !important; background: white; }
 .no-print-bar { display: none !important; }
 .sheet-container, .poster-container, .booklet-container { border: 0; border-radius: 0; padding: 0; max-width: none; width: 100%; }
 .study-card { padding: 14px; margin-top: 12px; }
 .study-card h2 { font-size: 17px; }
 .study-columns p { font-size: 11px; line-height: 1.5; }
 .study-literal { font-size: 11px; }
 h1, h2, h3, .poetry-heading { break-after: avoid; }
 .stanza-box, .vocab-table tr { break-inside: avoid; }
}
@media screen and (max-width: 600px) {
 .vocab-table { width: 100%; table-layout: fixed; }
 .vocab-table th, .vocab-table td { overflow-wrap: anywhere; padding: 6px; }
 .poem-header { flex-wrap: wrap; gap: 10px; }
}