@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-hu.woff2) format('woff2');}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/bricolage-hu.woff2) format('woff2');}
@font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107.04%;ascent-override:90.50%;descent-override:22.53%;line-gap-override:0%;}
@font-face{font-family:'Bricolage Fallback';src:local('Arial Bold'),local('Arial');font-weight:700 800;size-adjust:103.96%;ascent-override:89.46%;descent-override:25.97%;line-gap-override:0%;}
/* Shared Eaty styles for /blog and legal pages. Base copied from index.html - keep in sync. */
  :root{
    --blue:#003A77; --blue-dark:#052F5F; --yellow:#FFD31A; --yellow-dark:#F0C200;
    --bg:#F6F3EA; --bg-alt:#EDE7D8; --muted:#465269; --white:#FFFFFF;
  }
  *{box-sizing:border-box;}
  body{margin:0; background:var(--bg); font-family:'Inter','Inter Fallback',sans-serif; color:var(--blue);}
  img{max-width:100%;}
  a{color:var(--blue); text-decoration:none;}
  a:hover{color:var(--blue-dark);}
  h1,h2,h3{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800;}
  .wrap{max-width:1280px; margin:0 auto; padding:0 48px;}
  .btn-yellow{display:inline-block; background:var(--yellow); color:var(--blue); font-weight:600; font-size:16px; padding:16px 32px; border-radius:999px; border:none; cursor:pointer; text-align:center;}
  .btn-yellow:hover{background:var(--yellow-dark); color:var(--blue);}
  .btn-outline{display:inline-block; position:relative; overflow:hidden; font-weight:600; font-size:16px; padding:16px 32px; border-radius:999px; border:1.5px solid var(--blue); color:var(--blue); transition:color .15s ease .05s;}
  .btn-outline span.fill{position:absolute; inset:0; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .35s ease; z-index:0;}
  .btn-outline span.label{position:relative; z-index:1;}
  .btn-outline:hover{color:var(--bg);}
  .btn-outline:hover span.fill{transform:scaleX(1);}
  .highlight{position:relative; white-space:nowrap;}
  .highlight .mark{position:absolute; inset:8px -6px; background:var(--yellow); border-radius:8px; z-index:0;}
  .highlight .txt{position:relative; z-index:1;}

  /* NAV */
  nav{display:flex; align-items:center; justify-content:space-between; padding:20px 48px; background:var(--bg); border-bottom:1px solid rgba(0,58,119,.12); position:sticky; top:0; z-index:40;}
  nav .logo{height:34px; width:auto;}
  nav .links{display:flex; align-items:center; gap:36px;}
  nav .links a.navlink{font-weight:500; font-size:15px;}
  nav .links a.cta{background:var(--yellow); color:var(--blue); font-weight:600; font-size:15px; padding:12px 24px; border-radius:999px;}
  nav .links a.cta:hover{background:var(--yellow-dark); color:var(--blue);}
  @media (max-width:760px){ nav{padding:14px 20px;} nav .links{gap:10px;} nav .navlink{display:none;} }

  /* FOOTER */
  footer{padding:48px; background:var(--bg); border-top:1px solid rgba(0,58,119,.12); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;}
  footer .logo{height:28px; width:auto;}
  footer .right{display:flex; align-items:center; gap:24px;}
  .ck-reopen{display:flex; align-items:center; gap:7px; background:none; border:none; padding:0; cursor:pointer; font-family:'Inter','Inter Fallback',sans-serif; font-size:14px; font-weight:500; color:var(--muted);}
  .ck-reopen:hover{color:var(--blue);}
  .copyright{font-size:14px; color:var(--muted);}

  /* COOKIE BANNER */
  #cookie-banner{position:fixed; left:0; right:0; bottom:0; z-index:60; padding:24px; animation:ckUp .45s cubic-bezier(.16,.84,.44,1) forwards;}
  @media (max-width:760px){ #cookie-banner{padding:12px;} }
  @keyframes ckUp{from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:none;}}
  @media (prefers-reduced-motion:reduce){ #cookie-banner{animation:none;} }
  .ck-card{max-width:960px; margin:0 auto; background:var(--bg); border:1px solid rgba(0,58,119,.14); border-radius:20px; box-shadow:0 18px 48px rgba(0,58,119,.18); padding:26px 30px;}
  @media (max-width:760px){ .ck-card{padding:22px 20px;} }
  .ck-top{display:flex; align-items:flex-start; gap:14px; margin-bottom:20px;}
  .ck-icon{flex:none; width:36px; height:36px; border-radius:50%; background:var(--yellow); display:flex; align-items:center; justify-content:center;}
  .ck-title{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:19px; margin-bottom:6px;}
  .ck-desc{margin:0; font-size:14.5px; line-height:1.6; color:var(--muted); max-width:620px; text-wrap:pretty;}
  #ck-settings{display:none; flex-direction:column; gap:2px; margin-bottom:22px; border-top:1px solid rgba(0,58,119,.12); padding-top:18px; overflow:hidden;}
  #ck-settings.open{display:flex; animation:ckExpand .3s ease forwards;}
  @keyframes ckExpand{from{opacity:0; max-height:0;} to{opacity:1; max-height:260px;}}
  .ck-row{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0;}
  .ck-row .t{font-size:15px; font-weight:600; margin-bottom:3px;}
  .ck-row .d{font-size:13px; color:var(--muted); line-height:1.5;}
  .ck-switch{flex:none; width:46px; height:26px; border:none; border-radius:999px; background:rgba(0,58,119,.2); display:flex; align-items:center; padding:3px; cursor:pointer; transition:background .25s ease; justify-content:flex-start;}
  .ck-switch .knob{width:20px; height:20px; border-radius:50%; background:var(--bg); box-shadow:0 1px 3px rgba(0,58,119,.3); transition:transform .25s ease;}
  .ck-switch[aria-checked="true"]{background:var(--blue); justify-content:flex-end;}
  .ck-switch.disabled{background:rgba(0,58,119,.28); cursor:not-allowed; justify-content:flex-end;}
  .ck-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:flex-end;}
  .ck-settings-btn{order:1; margin-right:auto; background:none; border:none; padding:8px 0; cursor:pointer; font-family:'Inter','Inter Fallback',sans-serif; font-size:14.5px; font-weight:600; color:var(--muted); text-decoration:underline; text-decoration-color:rgba(0,58,119,.3); text-underline-offset:4px;}
  .ck-settings-btn:hover{color:var(--blue);}
  .ck-reject{order:2; background:transparent; border:1.5px solid rgba(0,58,119,.35); color:var(--blue); font-family:'Inter','Inter Fallback',sans-serif; font-size:15px; font-weight:600; padding:13px 24px; border-radius:999px; cursor:pointer;}
  .ck-reject:hover{background:rgba(0,58,119,.07); border-color:var(--blue);}
  .ck-accept{order:3; background:var(--yellow); border:1.5px solid var(--yellow); color:var(--blue); font-family:'Inter','Inter Fallback',sans-serif; font-size:15px; font-weight:600; padding:13px 26px; border-radius:999px; cursor:pointer;}
  .ck-accept:hover{background:var(--yellow-dark); border-color:var(--yellow-dark);}
  .ck-save{order:2.5; background:var(--blue); border:1.5px solid var(--blue); color:var(--bg); font-family:'Inter','Inter Fallback',sans-serif; font-size:15px; font-weight:600; padding:13px 24px; border-radius:999px; cursor:pointer;}

  .menu-btn, .m-sticky-cta{display:none;}
  @media (max-width:760px){
    .highlight .mark{display:none;}
    .chip:nth-child(n+4){display:none;}
    .flip-hint{display:none;}
    .flip .undo{display:none;}
    footer{padding:32px 20px 96px; flex-direction:column; align-items:flex-start; gap:12px;}
    footer .right{flex-direction:column; align-items:flex-start; gap:0;}
    footer .ck-reopen, footer a.copyright{display:flex; align-items:center; min-height:44px; padding:0;}
    footer .copyright{font-size:13.5px;}
    #cookie-banner{padding:10px;}
    .ck-card{padding:18px 16px;}
    .ck-top{margin-bottom:14px;}
    .ck-title{font-size:17px;}
    .ck-desc{font-size:13.5px; line-height:1.55;}
    .ck-actions{gap:10px;}
    .ck-reject, .ck-accept{flex:1 1 0; padding:12px 10px; font-size:14px; white-space:nowrap;}
    .ck-save{flex:1 1 100%; font-size:14px;}
    .ck-settings-btn{order:4; width:100%; margin:0; padding:8px 0; text-align:center;}
    .menu-btn{display:flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; margin-right:-10px; padding:0 10px; background:none; border:0; cursor:pointer;}
    .menu-btn span{display:block; width:24px; height:2px; border-radius:2px; background:var(--blue); transition:transform .2s ease, opacity .2s ease;}
    .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0;}
    .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    nav .links{display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:4px 20px 20px; background:var(--bg); border-bottom:1px solid rgba(0,58,119,.12); box-shadow:0 18px 30px -18px rgba(0,58,119,.3);}
    nav.open .links{display:flex;}
    nav .links a.navlink{display:flex; align-items:center; min-height:52px; font-size:17px; border-bottom:1px solid rgba(0,58,119,.1);}
    nav .links a.cta{display:flex; align-items:center; justify-content:center; min-height:50px; margin-top:16px; font-size:16px;}
    .m-sticky-cta{display:flex; align-items:center; justify-content:center; position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:45; min-height:52px; border-radius:999px; background:var(--yellow); color:var(--blue); font-weight:600; font-size:16px; box-shadow:0 12px 28px -10px rgba(0,58,119,.5); transform:translateY(160%); transition:transform .3s ease;}
    .m-sticky-cta:hover{color:var(--blue);}
    .m-sticky-cta.show{transform:none;}
  }
  @media (prefers-reduced-motion:reduce){ .menu-btn span, .m-sticky-cta{transition:none;} }

/* BLOG + LEGAL PAGES */
.page{max-width:760px; margin:0 auto; padding:48px 24px 72px;}
.crumbs{font-size:14px; color:var(--muted); margin-bottom:24px;}
.crumbs a{color:var(--muted); text-decoration:underline; text-underline-offset:3px;}
.page h1{font-size:44px; line-height:1.1; margin:0 0 20px; text-wrap:balance;}
@media (max-width:760px){ .page{padding:32px 16px 56px;} .page h1{font-size:31px;} }
.byline{display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:14.5px; color:var(--muted); padding-bottom:28px; border-bottom:1px solid rgba(0,58,119,.12); margin-bottom:32px;}
.byline a{font-weight:600; color:var(--blue);}
.avatar{width:44px; height:44px; border-radius:50%; object-fit:cover; background:var(--blue); color:var(--yellow); display:inline-flex; align-items:center; justify-content:center; font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:16px; flex:none;}
.prose{font-size:18px; line-height:1.75;}
.prose h2{font-size:30px; line-height:1.2; margin:48px 0 14px;}
.prose h3{font-size:22px; line-height:1.3; margin:32px 0 10px;}
.prose p,.prose ul,.prose ol{margin:0 0 20px;}
.prose li{margin-bottom:8px;}
.prose a{color:var(--blue); text-decoration:underline; text-underline-offset:3px;}
.prose img{border-radius:14px; height:auto;}
.prose blockquote{margin:28px 0; padding:22px 26px; background:var(--bg-alt); border-left:4px solid var(--yellow); border-radius:0 14px 14px 0;}
.prose blockquote p:last-child{margin-bottom:0;}
.prose table{width:100%; border-collapse:collapse; margin:0 0 24px; font-size:16px; display:block; overflow-x:auto;}
.prose th,.prose td{text-align:left; padding:10px 12px; border-bottom:1px solid rgba(0,58,119,.14); vertical-align:top;}
.prose th{font-weight:700; background:var(--bg-alt);}
.soft-cta{margin:32px 0; padding:20px 24px; border:1.5px dashed var(--yellow); border-radius:14px; font-size:16.5px;}
.soft-cta a{font-weight:700;}
.cta-box{margin:56px 0 40px; padding:36px; background:var(--blue); color:var(--bg); border-radius:24px;}
.cta-box h2{font-size:28px; line-height:1.2; margin:0 0 12px; color:var(--bg);}
.cta-box p{margin:0 0 24px; color:rgba(246,243,234,.8); line-height:1.6;}
.cta-box .btns{display:flex; flex-wrap:wrap; gap:12px;}
.cta-box .btn-yellow{padding:14px 26px;}
.cta-box .btn-ghost{display:inline-block; padding:13px 24px; border-radius:999px; border:1.5px solid rgba(246,243,234,.5); color:var(--bg); font-weight:600;}
.cta-box .btn-ghost:hover{border-color:var(--bg); color:var(--bg);}
@media (max-width:760px){ .cta-box{padding:26px 20px;} }
.author-box{display:flex; gap:18px; align-items:flex-start; padding:24px; background:var(--white); border-radius:18px; border:1px solid rgba(0,58,119,.1);}
.author-box .avatar{width:72px; height:72px; font-size:24px;}
.author-box .n{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:19px;}
.author-box .r{font-size:14px; color:var(--muted); margin:2px 0 8px;}
.author-box p{margin:0; font-size:15.5px; line-height:1.6;}
.post-list{list-style:none; padding:0; margin:0; display:grid; gap:18px;}
.post-list a{display:block; padding:26px; background:var(--white); border-radius:18px; border:1px solid rgba(0,58,119,.1);}
.post-list a:hover{border-color:var(--yellow); color:var(--blue);}
.post-list .t{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:23px; line-height:1.25; margin-bottom:8px;}
.post-list .d{color:var(--muted); line-height:1.55; margin-bottom:10px;}
.post-list .m{font-size:13.5px; color:var(--muted);}
nav a.logo-link{display:flex;}
/* Hungarian: long compound words must break on phones */
.page h1,.prose,.post-list .t,.cta-box h2{hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word;}

/* BLOG POST LAYOUT (hero, sidebar, visual blocks) */
.eyebrow{display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.eyebrow .bar,.hero-card .bar{width:28px; height:3px; background:var(--yellow); display:inline-block;}
.eyebrow .label{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;}
.post-hero{background:var(--bg-alt); border-bottom:1px solid rgba(0,58,119,.1); overflow:hidden; position:relative;}
.post-hero::after{content:""; position:absolute; right:-140px; top:-140px; width:520px; height:520px; border-radius:50%;
  background:repeating-radial-gradient(circle, rgba(0,58,119,.08) 0 1.5px, transparent 1.5px 52px); pointer-events:none;}
.post-hero-in{max-width:1180px; margin:0 auto; padding:40px 48px 64px; display:grid; grid-template-columns:1.25fr 1fr; gap:56px; align-items:center; position:relative; z-index:1;}
.post-hero .crumbs{margin-bottom:36px;}
.post-hero h1{font-size:52px; line-height:1.08; margin:0 0 20px; text-wrap:balance; hyphens:auto; -webkit-hyphens:auto;}
.post-hero .lead{font-size:19px; line-height:1.6; color:var(--muted); margin:0 0 28px; max-width:580px;}
.post-hero .byline{border:0; padding:0; margin:0; line-height:1.4;}
.post-hero .byline .meta{flex-basis:100%; font-size:14px;}
.hero-card{background:var(--blue); color:var(--bg); border-radius:24px; padding:34px 34px 30px; box-shadow:0 28px 60px -28px rgba(0,58,119,.55); position:relative;}
.hero-card .k{display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--yellow); margin-bottom:16px;}
.hero-card p{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:600; font-size:23px; line-height:1.4; margin:0;}
.hero-card .mark{position:absolute; right:24px; bottom:-17px; width:58px; height:34px;}
@media (max-width:900px){ .post-hero-in{grid-template-columns:1fr; gap:32px; padding:28px 16px 44px;} .post-hero h1{font-size:34px;} .post-hero .lead{font-size:17px;} .hero-card{padding:26px 22px;} .hero-card p{font-size:19px;} .post-hero::after{width:320px; height:320px; right:-120px; top:-100px;} }

.post-layout{max-width:1180px; margin:0 auto; padding:56px 48px 80px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:72px; align-items:start;}
.post-layout > .prose{max-width:720px;}
.post-side{position:sticky; top:104px; display:grid; gap:20px;}
.post-end{grid-column:1 / -1; max-width:1084px;}
@media (max-width:1000px){ .post-layout{grid-template-columns:1fr; padding:36px 16px 56px; gap:0;} .post-side{display:none;} }
.toc{background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:18px; padding:22px 22px 14px;}
.toc .k,.side-cta .k{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:12px;}
.toc ol{list-style:none; margin:0; padding:0; counter-reset:t;}
.toc li{counter-increment:t; margin:0 0 10px; font-size:14.5px; line-height:1.4; display:flex; gap:10px;}
.toc li::before{content:counter(t,decimal-leading-zero); color:var(--blue); font-weight:700; font-size:12px; padding-top:2px;}
.toc a:hover{color:var(--blue);}
.side-cta{background:var(--yellow); color:var(--blue); border-radius:18px; padding:22px;}
.side-cta .k{color:rgba(0,58,119,.75);}
.side-cta p{margin:0 0 16px; font-size:15px; line-height:1.5;}
.side-cta .btn-yellow{background:var(--blue); color:var(--bg); padding:12px 20px; font-size:15px; width:100%;}
.side-cta .btn-yellow:hover{background:var(--blue-dark); color:var(--bg);}

.prose > p:first-child{font-size:20px; line-height:1.65; color:var(--blue);}
.prose h2{scroll-margin-top:100px; padding-top:8px; position:relative;}
.prose h2::before{content:""; display:block; width:28px; height:3px; background:var(--yellow); margin-bottom:16px;}
.prose ul{list-style:none; padding-left:0;}
.prose ul li{position:relative; padding-left:26px;}
.prose ul li::before{content:""; position:absolute; left:4px; top:.72em; width:8px; height:8px; border-radius:50%; background:var(--yellow);}
.prose ol:not(.flow){list-style:none; padding-left:0; counter-reset:o;}
.prose ol:not(.flow) > li{counter-increment:o; position:relative; padding:18px 20px 18px 66px; background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:16px; margin-bottom:12px;}
.prose ol:not(.flow) > li::before{content:counter(o); position:absolute; left:18px; top:16px; width:32px; height:32px; border-radius:50%; background:var(--blue); color:var(--bg); font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center;}
.prose table{display:table; background:var(--white); border-radius:16px; overflow:hidden; border:1px solid rgba(0,58,119,.1); border-collapse:separate; border-spacing:0;}
.prose th{background:var(--blue); color:var(--bg); font-size:14px; letter-spacing:.02em;}
.prose th,.prose td{padding:14px 16px;}
.prose tr:last-child td{border-bottom:0;}
.prose td:first-child{font-weight:600;}
@media (max-width:640px){ .prose table{display:block; overflow-x:auto;} .prose th,.prose td{padding:10px 12px; font-size:15px;} }

.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin:28px 0;}
.stat{background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:18px; padding:22px 20px;}
.stat:first-child{background:var(--yellow); color:var(--blue); border-color:var(--yellow);}
.stat .n{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:44px; line-height:1; margin-bottom:10px;}
.stat .l{font-size:14.5px; line-height:1.45;}
.flow{list-style:none; padding:0; margin:28px 0; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:10px;}
.flow li{position:relative; background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:16px; padding:18px 16px; display:flex; flex-direction:column; gap:10px; margin:0;}
.flow li:last-child{background:var(--blue); color:var(--bg); border-color:var(--blue);}
.flow li:not(:last-child)::after{content:"→"; position:absolute; right:-10px; top:50%; transform:translate(50%,-50%); color:var(--blue); font-weight:700; z-index:1;}
.flow .i{width:28px; height:28px; border-radius:50%; background:var(--bg-alt); color:var(--blue); font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center;}
.flow li:last-child .i{background:var(--yellow); color:var(--blue);}
.flow .t{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:700; font-size:16.5px; line-height:1.3;}
@media (max-width:640px){ .flow{grid-auto-flow:row;} .flow li:not(:last-child)::after{content:"↓"; right:50%; top:auto; bottom:-10px; transform:translate(50%,50%);} }

.soft-cta{display:flex; gap:16px; align-items:flex-start; border:0; background:rgba(255,211,26,.12); border-radius:18px; padding:22px 24px; line-height:1.6;}
.soft-cta::before{content:""; flex:none; width:48px; height:28px; margin-top:2px; background:url(eaty-logo-blue.svg) no-repeat center/contain;}
.faqs{display:grid; gap:10px;}
.faq{background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:16px; padding:0 22px;}
.faq summary{cursor:pointer; list-style:none; padding:18px 30px 18px 0; position:relative; font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:700; font-size:19px; line-height:1.35;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; position:absolute; right:0; top:14px; font-family:'Inter','Inter Fallback',sans-serif; font-size:24px; color:var(--blue);}
.faq[open] summary::after{content:"–";}
.faq > div{padding-bottom:6px; font-size:17px;}
.post-end .cta-box{margin-top:16px;}

/* BLOG INDEX */
.hero-list{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.hero-list li{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:600; font-size:20px; line-height:1.35; padding-left:26px; position:relative;}
.hero-list li::before{content:""; position:absolute; left:2px; top:.5em; width:9px; height:9px; border-radius:50%; background:var(--yellow);}
.blog-main{max-width:1180px; margin:0 auto; padding:56px 48px 80px;}
.sec-label{display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; margin:0 0 18px;}
.sec-label .bar{width:28px; height:3px; background:var(--yellow);}
.post-card{display:flex; flex-direction:column; gap:12px; background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:22px; padding:28px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.post-card:hover{transform:translateY(-3px); box-shadow:0 20px 50px -24px rgba(0,58,119,.35); border-color:var(--yellow); color:var(--blue);}
.post-card .k{font-size:13px; color:var(--muted); font-weight:500;}
.post-card .t{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:24px; line-height:1.2; hyphens:auto; -webkit-hyphens:auto;}
.post-card .d{color:var(--muted); line-height:1.6;}
.post-card .m{display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:8px; font-size:14px; font-weight:600;}
.post-card .m .avatar{width:32px; height:32px; font-size:12px;}
.post-card .go{margin-left:auto; color:var(--blue);}
.post-card.featured{background:var(--blue); color:var(--bg); border-color:var(--blue); padding:44px; margin-bottom:48px; position:relative; overflow:hidden;}
.post-card.featured::after{content:""; position:absolute; right:-160px; bottom:-200px; width:460px; height:460px; border-radius:50%; background:repeating-radial-gradient(circle, rgba(255,211,26,.16) 0 1.5px, transparent 1.5px 50px); pointer-events:none;}
.post-card.featured:hover{color:var(--bg);}
.post-card.featured .k{color:var(--yellow);}
.post-card.featured .t{font-size:40px; max-width:760px;}
.post-card.featured .d{color:rgba(246,243,234,.8); font-size:18px; max-width:680px;}
.post-card.featured .go{color:var(--yellow);}
.post-card.featured .avatar{background:var(--yellow); color:var(--blue);}
.post-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:20px; margin-bottom:48px;}
.blog-main .cta-box{margin:16px 0 0;}
@media (max-width:900px){ .blog-main{padding:36px 16px 56px;} .post-card.featured{padding:28px 22px;} .post-card.featured .t{font-size:28px;} .post-grid{grid-template-columns:1fr;} .hero-list li{font-size:17px;} }
.blog-hero h1{hyphens:manual; -webkit-hyphens:manual;}
.blog-main .cta-box, .blog-main .cta-box h2{background:var(--yellow); color:var(--blue);}
.blog-main .cta-box .btn-yellow{background:var(--blue); color:var(--bg);}
.blog-main .cta-box .btn-ghost{border-color:rgba(0,58,119,.45); color:var(--blue);}
.blog-main .cta-box p{color:rgba(0,58,119,.85);}

@media (max-width:640px){ .stat .n{font-size:34px;} }

/* UX PASS 2026-10-26: typography closer to the homepage */
.prose p,.prose li,.prose td,.faq > div,.soft-cta{color:var(--muted);}
.prose > p:first-child,.prose strong,.prose a,.prose td:first-child,.prose h2,.prose h3{color:var(--blue);}
/* no mid-word breaks in running text; long Hungarian compounds may still wrap */
.prose,.post-hero h1,.post-card .t,.flow .t,.stat .l{hyphens:manual; -webkit-hyphens:manual; overflow-wrap:break-word;}
@media (max-width:420px){ .post-hero h1{hyphens:auto; -webkit-hyphens:auto;} }
/* Bricolage ships only 700-800: body-like text in Inter instead of a faux 600 */
.hero-card p{font-family:'Inter','Inter Fallback',sans-serif; font-weight:600; font-size:20px; line-height:1.55;}
.hero-list li{font-family:'Inter','Inter Fallback',sans-serif; font-weight:600; font-size:18px;}
@media (max-width:900px){ .hero-card p{font-size:17.5px;} .hero-list li{font-size:16.5px;} }
/* 5+ step flows: 3 per row instead of 6 squeezed columns */
.flow:has(> li:nth-child(5)){grid-auto-flow:row; grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:14px;}
.flow:has(> li:nth-child(5)) > li:nth-child(3n)::after{display:none;}
@media (max-width:640px){ .flow:has(> li:nth-child(5)){grid-template-columns:1fr;} .flow:has(> li:nth-child(5)) > li:nth-child(3n):not(:last-child)::after{display:block;} }
/* byline: avatar and name stay on one row on phones */
.post-hero .byline > span:not(.meta):not(.avatar){flex:1; min-width:0;}

/* HEADER TOOLS: language pill (phones) + theme toggle */
nav .links{margin-left:auto;}
.nav-tools{display:flex; align-items:center; gap:6px; margin-left:20px;}
.lang-pill{display:none; align-items:center; justify-content:center; min-width:40px; height:34px; padding:0 10px; border-radius:999px; border:1.5px solid rgba(0,58,119,.25); font-size:13px; font-weight:600; letter-spacing:.06em; color:var(--blue);}
.theme-btn{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; border:1.5px solid rgba(0,58,119,.2); background:none; color:var(--blue); cursor:pointer; padding:0;}
.theme-btn svg{width:18px; height:18px;}
.theme-btn .moon{display:none;}
@media (max-width:760px){ .nav-tools{margin-left:auto; margin-right:8px;} .lang-pill{display:inline-flex;} nav .links .lang-switch{display:none !important;} }

/* DARK MODE (blog + legal pages): theme.js sets data-theme from the saved choice or the device setting */
:root[data-theme="dark"]{--blue:#E8EEF7; --blue-dark:#FFFFFF; --bg:#0D1828; --bg-alt:#13223A; --muted:#A9B7CB; --white:#16273F; color-scheme:dark;}
[data-theme="dark"] .theme-btn .sun{display:none;} [data-theme="dark"] .theme-btn .moon{display:block;}
[data-theme="dark"] nav .logo,[data-theme="dark"] footer .logo,[data-theme="dark"] .soft-cta::before{filter:brightness(0) invert(.93);}
[data-theme="dark"] .hero-card,[data-theme="dark"] .post-card.featured,[data-theme="dark"] .post-end .cta-box,[data-theme="dark"] .prose th,[data-theme="dark"] .flow li:last-child,[data-theme="dark"] .prose ol:not(.flow) > li::before,[data-theme="dark"] .avatar{background:#1D3557; color:#F6F3EA;}
[data-theme="dark"] .post-card.featured .avatar{background:var(--yellow); color:#003A77;}
[data-theme="dark"] .side-cta,[data-theme="dark"] .side-cta .k,[data-theme="dark"] .side-cta p,[data-theme="dark"] .blog-main .cta-box,[data-theme="dark"] .blog-main .cta-box h2,[data-theme="dark"] .blog-main .cta-box p,[data-theme="dark"] .stat:first-child,[data-theme="dark"] .stat:first-child .l{color:#003A77;}
[data-theme="dark"] .side-cta .btn-yellow,[data-theme="dark"] .blog-main .cta-box .btn-yellow{background:#0D1828; color:#F6F3EA;}
[data-theme="dark"] .cta-box .btn-ghost{border-color:rgba(246,243,234,.5); color:#F6F3EA;}
[data-theme="dark"] .blog-main .cta-box .btn-ghost{border-color:rgba(0,58,119,.5); color:#003A77;}
[data-theme="dark"] .toc,[data-theme="dark"] .faq,[data-theme="dark"] .post-card,[data-theme="dark"] .stat,[data-theme="dark"] .flow li,[data-theme="dark"] .prose table,[data-theme="dark"] .author-box,[data-theme="dark"] .prose ol:not(.flow) > li{border-color:rgba(232,238,247,.12);}
[data-theme="dark"] .prose td,[data-theme="dark"] nav,[data-theme="dark"] .post-hero{border-color:rgba(232,238,247,.1);}
[data-theme="dark"] .lang-pill,[data-theme="dark"] .theme-btn{border-color:rgba(232,238,247,.3);}
[data-theme="dark"] .menu-btn span{background:var(--blue);}

/* CASE STUDIES */
.cases-main{max-width:960px; margin:0 auto; padding:56px 48px 80px; display:grid; gap:40px;}
.case{background:var(--white); border:1px solid rgba(0,58,119,.1); border-radius:28px; padding:44px; scroll-margin-top:100px;}
.case-tag{font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:12px;}
.case h2{font-size:34px; line-height:1.15; margin:0 0 12px; text-wrap:balance;}
.case-sub{font-size:18px; line-height:1.6; color:var(--muted); margin:0 0 28px;}
.case .prose{max-width:none;}
.case .prose p{font-size:17px;}
.case-chart{background:var(--bg); border-radius:18px; padding:22px 24px; margin-bottom:16px;}
.case-chart .k{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:14px;}
.bar-row{display:grid; grid-template-columns:200px 1fr; gap:14px; align-items:center; margin-bottom:10px;}
.bar-tag{font-size:14px; color:var(--muted);}
.bar-track{background:rgba(0,58,119,.07); border-radius:999px; height:40px;}
.bar{height:100%; border-radius:999px; display:flex; align-items:center; justify-content:flex-end; padding:0 14px; min-width:max-content; font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif; font-weight:800; font-size:17px;}
.bar-row.before .bar{background:rgba(0,58,119,.22); color:var(--blue);}
.bar-row.after .bar{background:var(--yellow); color:#003A77;}
.case .stats{margin:0 0 24px;}
.case-note{font-size:13.5px; line-height:1.55; color:var(--muted); margin:8px 0 0; padding-top:16px; border-top:1px solid rgba(0,58,119,.1);}
.case-index li a{color:inherit;}
.cases-main .cta-box{margin:0;}
@media (max-width:760px){ .cases-main{padding:32px 16px 56px; gap:24px;} .case{padding:26px 20px; border-radius:22px;} .case h2{font-size:26px;} .case-sub{font-size:16.5px;} .bar-row{grid-template-columns:1fr; gap:6px;} }
[data-theme="dark"] .case{border-color:rgba(232,238,247,.12);}
[data-theme="dark"] .bar-track{background:rgba(232,238,247,.08);}
[data-theme="dark"] .bar-row.before .bar{background:rgba(232,238,247,.25);}
.case .stat .n{font-size:32px;} @media (max-width:760px){ .case .stat .n{font-size:26px;} }

/* NAV: tablet widths */
nav .logo-link,nav > a:first-child{flex-shrink:0}nav .links a.cta{white-space:nowrap}@media (min-width:761px) and (max-width:1100px){nav{padding-left:24px;padding-right:24px}nav .links{gap:18px}nav .links a.navlink{font-size:14px}nav .links a.cta{padding:10px 16px;font-size:14px}.nav-tools{margin-left:12px}}