/* רדיו סהר - עיצוב משותף לדפי התוכן העצמאיים (אודות, יצירת קשר, שאלות נפוצות, הצהרת נגישות) */
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f5f5f5; color: #222; line-height: 1.6; text-align: center; }
#page-container { display: inline-block; text-align: start; background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 4px 8px rgba(0,0,0,.1); max-width: 760px; width: 100%; box-sizing: border-box; }
.header-section { text-align: center; }
#logo { max-width: 150px; border-radius: 10px; background: #000; padding: 8px; }
h1 { color: #8B0000; font-size: 1.8em; margin: .4em 0; text-align: center; }
h2 { color: #8B0000; font-size: 1.35em; margin: 1.6rem 0 .8rem; border-bottom: 2px solid #8B0000; padding-bottom: .3rem; }
h3 { color: #8B0000; font-size: 1.1em; margin: 1.2rem 0 .4rem; }
ul { padding-inline-start: 1.5rem; margin-bottom: 1rem; }
li { margin-bottom: .5rem; }
ul.contact-links { list-style: none; padding: 0; }
a { color: #8B0000; text-decoration: underline; font-weight: bold; }
a:hover, a:focus { background-color: #8B0000; color: #fff; }
a:focus, button:focus { outline: 3px solid #ffa500; outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.highlight-box { background-color: #fff5f5; border: 1px solid #8B0000; padding: 15px; border-radius: 5px; margin: 15px 0; }
.contact-info { background-color: #f8f9fa; padding: 20px; border-radius: 8px; border: 2px solid #8B0000; margin: 20px 0; }
.contact-info h2 { margin-top: 0; border: 0; }
.contact-label { font-weight: bold; color: #333; }
.fb-like-container { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.back-home { margin-top: 1.5rem; text-align: center; }
html.embedded body { padding: 0; background: #fff; }
html.embedded #page-container { box-shadow: none; padding: 4px; max-width: none; display: block; }
html.embedded .header-section, html.embedded .back-home { display: none; }
@media (max-width: 600px) { body { padding: 8px; } #page-container { padding: 16px; } }
/* אודות: טקסט רציף מיושר לתחילת השורה (ימין בעברית), בפסקאות נפרדות ובשורות לא ארוכות מדי - נוח לקריאה */
.about-text { text-align: start; max-width: 40em; margin: 0 auto; }
.about-text p { margin: 0 0 0.9em; line-height: 1.7; }
.about-text p:nth-child(5) { margin-top: 1.8em; }