/* Blockquotes (if present): purely typographic (no background) */

.blockquote1 {
/*border-left: 1px solid #ccc;*/
/*border-right: 1px solid #ccc;*/
border-style: none;
padding-right: 1px;
padding-left: 30px;
font-size: 1.5em;
}

.sajatcim {
font-size: 2.2em; 
font-family: "Times";
font-weight: bold;
padding-left:0px;  
}

/* STICKY fejléc: a helyén marad, és OPÁK háttere takarja az alácsúszó tartalmat. */
.sticky-bar {
position: sticky;
top: 0;
z-index: 1000;
background-color: #f8f8f8; /* meglévő háttérszín, NEM új szín */
}
/* Biztos, ami biztos: a belső táblázat és cellák is kapjanak opák hátteret,
így semmi nem "üt át". */
.sticky-inner,
.sticky-inner table,
.sticky-inner td {
background-color: #f3fbe8; /* egységes háttér a fejlécen belül */
}

/* Középre igazított belső sáv az 1100px-es elrendezéshez. */
.sticky-inner {
width: 1100px;
margin: 0 auto;
}

/* Finom szeparáció az eredeti színek megtartásával. */
.sticky-shadow {
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Constrain line length for readability, but keep KompoZer editable */
.page-wrap {
max-width: 900px;
margin: 0 auto;
padding: 1rem 1.125rem;
}

/* Headings: larger, bold, clean; no shadows or background bars */
.h1, h2, h3, h4 {
font-weight: 700;
line-height: 1.25;
margin: 1.2em 0 0.45em 0;
}
h1 { font-size: clamp(1.6rem, 2.5vw, 2.15rem); }
h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem); }
h3 { font-size: clamp(1.2rem, 1.9vw, 1.35rem); }
h4 { font-size: clamp(1.05rem, 1.6vw, 1.15rem); }

/* Paragraph rhythm */
.p {
margin: 0 0 0.7em 0;
orphans: 3;
widows: 3;
}

/* Lists */
.ul, ol {
margin: 0.6em 0 0.9em 1.25em;
padding: 0;
}
li { margin: 0.25em 0; }

/* Links: subtle, accessible */
a { text-decoration: underline; }
a:hover, a:focus { text-decoration: underline; }

/* Images: responsive within the column */
.img, video {
max-width: 100%;
height: auto;
}

/* Tables: tidy spacing without heavy decoration */
.table {
border-collapse: collapse;
width: 100%;
}

.th, td {
padding: 0.5em 0.6em;
border-bottom: 1px solid #ddd;
text-align: left;
vertical-align: top;
}

/* Q&A helpers (optional): purely typographic */
p.qa-q { font-weight: 700; letter-spacing: 0.2px; }
p.qa-a { text-indent: 1.5em; }

/* Responsive alignment:
- Mobile: left-align to avoid rivers
- Wider screens: justify paragraphs with hyphenation */
@media (max-width: 699px) {

.p { text-align: left; }
}
@media (min-width: 700px) {
p { text-align: justify; hyphens: auto; }
}