/* CrediGuide – egységes GYIK megjelenés, a főoldali komponenssel azonosan */
.faq-wrap,.hub-faq,.seo-faq,.rev-faq,.calc-faq{max-width:780px;margin-left:auto;margin-right:auto}
.faq-wrap .faq,.hub-faq .faq,.seo-faq .faq,.rev-faq .faq,.calc-faq .faq{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:0;overflow:hidden;background:#fff;transition:.25s}
.faq-wrap .faq.open,.hub-faq .faq.open,.seo-faq .faq.open,.rev-faq .faq.open,.calc-faq .faq.open{box-shadow:var(--shadow);border-color:#f0d9a8}
.faq-wrap .faq .q,.hub-faq .faq .q,.seo-faq .faq .q,.rev-faq .faq .q,.calc-faq .faq .q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;line-height:1.35;color:var(--ink)}
.faq-wrap .faq .q svg,.hub-faq .faq .q svg,.seo-faq .faq .q svg,.rev-faq .faq .q svg,.calc-faq .faq .q svg{width:20px;height:20px;color:var(--orange);flex:none;transition:transform .3s ease}
.faq-wrap .faq.open .q svg,.hub-faq .faq.open .q svg,.seo-faq .faq.open .q svg,.rev-faq .faq.open .q svg,.calc-faq .faq.open .q svg{transform:rotate(45deg)}
.faq-wrap .faq .a,.hub-faq .faq .a,.seo-faq .faq .a,.rev-faq .faq .a,.calc-faq .faq .a{max-height:0;overflow:hidden;transition:max-height .35s ease;margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.faq-wrap .faq.open .a,.hub-faq .faq.open .a,.seo-faq .faq.open .a,.rev-faq .faq.open .a,.calc-faq .faq.open .a{padding:0 22px 20px}
.faq-wrap .faq .a p,.hub-faq .faq .a p,.seo-faq .faq .a p,.rev-faq .faq .a p,.calc-faq .faq .a p{padding:0;margin:0;color:var(--muted);font-size:15px;line-height:1.65}
@media(max-width:680px){
     .faq-wrap .faq .q,.hub-faq .faq .q,.seo-faq .faq .q,.rev-faq .faq .q,.calc-faq .faq .q{padding:16px 18px;font-size:15px}
     .faq-wrap .faq.open .a,.hub-faq .faq.open .a,.seo-faq .faq.open .a,.rev-faq .faq.open .a,.calc-faq .faq.open .a{padding:0 18px 18px}
     .faq-wrap .faq .a p,.hub-faq .faq .a p,.seo-faq .faq .a p,.rev-faq .faq .a p,.calc-faq .faq .a p{padding:0;font-size:14.5px}
   }

/* Kalkulátor oldal – a főoldal szekcióritmusához igazított belső elrendezés. */
#main-content>section:first-child{padding-top:120px}
#main-content>section:first-child .calc-seo-intro{max-width:680px;margin:0 auto 44px}
#main-content>section:first-child .calc-seo-intro h1{font-size:clamp(30px,3.8vw,42px);line-height:1.15;margin-bottom:14px}
#main-content>section:first-child .calc-seo-intro p{font-size:17px;line-height:1.6}
#main-content>section:first-child .calc-answer{max-width:780px;margin:0 auto 30px}
#main-content>section:first-child .calc-picker{max-width:780px;margin:0 auto 30px}
#calc-explain{max-width:920px;margin:0 auto}
#calc-explain h2{font-size:clamp(24px,3vw,32px);text-align:center;margin:0 0 32px}
#calc-explain .calc-grid{gap:18px}
#calc-explain .calc-card{padding:24px 22px}
#calc-explain .calc-card h3{font-size:18px;margin-bottom:7px}
#calc-explain .calc-card p{font-size:14.5px;line-height:1.6;margin-bottom:16px}
#calc-explain .calc-next{max-width:780px;margin:30px auto 0}
#kalkulator-faq{max-width:780px;margin:0 auto}
#kalkulator-faq h2{font-size:clamp(24px,3vw,32px);text-align:center;margin:0 0 32px}
@media(max-width:680px){
  #main-content>section:first-child{padding-top:104px}
  #main-content>section:first-child .calc-seo-intro{margin-bottom:32px}
  #main-content>section:first-child .calc-seo-intro h1{font-size:clamp(28px,8vw,34px)}
  #main-content>section:first-child .calc-answer{margin-bottom:28px}
  #main-content>section:first-child .calc-picker{margin-bottom:28px}
  #calc-explain h2,#kalkulator-faq h2{text-align:left;margin-bottom:20px}
  #calc-explain .calc-card{padding:22px 20px}
}