.foglalas-page{display:block}

.fog-hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}
.fog-hero-text{max-width:640px}
.fog-hero-sub{max-width:720px}

.fog-format-grid{grid-template-columns:1fr 1.2fr 1fr}
.fog-card-large{transform:translateY(16px)}

.fog-selector-wrap{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}
.fog-selector-desc{max-width:720px;margin-inline:auto}
.fog-selector-row{display:flex;gap:var(--space-2);flex-wrap:wrap}
.fog-option{min-height:48px;padding:var(--space-2) var(--space-3);border:var(--border-thick) solid var(--color-ink-black);background:var(--color-electric-blue);color:var(--color-white-contrast);box-shadow:var(--shadow-hard)}
.fog-option.active{background:var(--color-toxic-green);color:var(--color-ink-black)}

.fog-detail-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3)}
.fog-detail-text{max-width:640px}
.fog-detail-meta{display:flex;flex-direction:column;gap:var(--space-2)}

.fog-single{max-width:720px}

.fog-highlight{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}

.fog-timeline-wrap{text-align:center}
.fog-steps{display:flex;gap:var(--space-3);justify-content:center}
.fog-step{max-width:260px;border:var(--border-thick) solid var(--color-ink-black);padding:var(--space-2);box-shadow:var(--shadow-hard)}

.fog-cta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.fog-cta-text{max-width:600px}

@media (max-width:1024px){
.fog-hero-grid{grid-template-columns:1fr}
.fog-format-grid{grid-template-columns:1fr}
.fog-detail-grid{grid-template-columns:1fr}
.fog-cta-wrap{grid-template-columns:1fr}
.fog-steps{flex-direction:column;align-items:center}
}