html{scroll-behavior:smooth}body{overflow-wrap:break-word}img{max-width:100%;height:auto}.elementor-invisible{visibility:visible!important}.kh-main{max-width:1200px;margin:0 auto;padding:56px 24px}.kh-main .ast-article-single{padding:64px;background:#fff}.kh-main .entry-content{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.9}.entry-content:after{content:"";display:block;clear:both}.entry-content img{height:auto;max-width:100%}.entry-content figure{max-width:100%}.entry-content a{text-decoration:underline}.kh-archive-header{margin:0 0 40px}.kh-archive-header p{margin-bottom:8px}.kh-archive-header h1{font-size:42px}.kh-posts{display:grid;gap:28px}.kh-card{display:grid;grid-template-columns:36% 1fr;background:#fff;overflow:hidden}.kh-card>a{min-height:270px}.kh-card img{width:100%;height:100%;object-fit:cover}.kh-card>div{padding:36px}.kh-card h2{font-size:26px;line-height:1.35;margin:8px 0 16px}.kh-card time{font-size:13px;color:#696969}.kh-readmore{font-weight:700}.kh-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:42px 0}.kh-pagination a{padding:9px 15px;border:1px solid #777}.kh-pagination a[aria-current]{background:#343434;color:white}.kh-postnav{display:flex;gap:24px;justify-content:space-between;border-top:1px solid #ddd;padding-top:28px;margin-top:48px}.kh-contact{font-size:18px;padding:20px 0}.main-header-menu a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #168ca0;outline-offset:4px}.entry-content iframe{width:100%;aspect-ratio:16/9}.kh-blog .main-header-bar{background:#fff}.kh-blog .site-header a{color:#3a3a3a}
@media(max-width:921px){.main-header-bar .main-header-bar-navigation{display:none}.main-header-bar .main-header-bar-navigation.kh-open{display:block}.main-header-menu{display:block!important}.ast-button-wrap .menu-toggle{display:block!important}.main-header-bar .ast-container{flex-wrap:wrap}.kh-main{padding:28px 16px}.kh-main .ast-article-single{padding:32px 22px}.kh-card>div{padding:24px}.kh-card{grid-template-columns:1fr}.kh-card>a{height:240px;min-height:0}.kh-card h2{font-size:25px}.kh-archive-header h1{font-size:34px}.kh-postnav{flex-direction:column}.entry-content .alignright,.entry-content .alignleft{float:none;margin:20px auto;display:block}}
/* Native Instagram profile preview; Instagram supplies the current posts. */
.kh-instagram{background:#fff;padding:64px 24px;scroll-margin-top:24px}.kh-instagram-inner{max-width:900px;margin:0 auto}.kh-instagram h2{text-align:center;font-size:28px;line-height:1.35;margin:0 0 32px}.kh-instagram .instagram-media{margin:0 auto!important;width:100%!important;min-width:0!important;max-width:540px!important}.kh-instagram iframe.instagram-media{border:0!important}.kh-instagram-link{text-align:center;margin:24px 0 0}.kh-instagram-link a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.kh-instagram{padding:36px 12px}.kh-instagram h2{font-size:23px;margin-bottom:24px}}
/* Keep the homepage blog background subtle behind the white article text. */
#articles > .elementor-background-overlay{background-color:#202830;opacity:.9}
/* Contact form: clear labels and high-contrast fields on the existing background. */
.kh-contact-form{max-width:640px;padding:28px;background:#fff;border-radius:8px;color:#34434d;font-size:16px;line-height:1.6;text-align:left}.kh-contact-form p{margin:0 0 20px}.kh-form-field{margin-bottom:20px}.kh-contact-form label{display:block;font-weight:600;margin-bottom:6px}.kh-contact-form input:not([type=hidden]),.kh-contact-form textarea{display:block;width:100%;box-sizing:border-box;background:#fff;color:#26333b;border:1px solid #7c8991;border-radius:4px;padding:12px;font:inherit}.kh-contact-form textarea{resize:vertical;min-height:150px}.kh-contact-form button{background:#28778e;color:#fff;border:0;border-radius:24px;padding:12px 24px;font:inherit;font-weight:600;cursor:pointer}.kh-contact-form button:hover{background:#205d70}.kh-contact-form .kh-form-note{font-size:13px;margin:16px 0}.kh-contact-form a{color:#236c82;text-decoration:underline}@media(max-width:600px){.kh-contact-form{padding:20px}}
/* One full-width contact form, with matching outer margins and the top link below. */
#contact .kh-contact-form{width:100%;max-width:none;box-sizing:border-box}
#contact .elementor-element-3e71f7e{width:100%;text-align:right;margin-top:24px}
#contact .elementor-element-3e71f7e > .elementor-widget-container{margin:0}
/* Architectural title lockup: a roofline, bold stacked lettering and a blog signature. */
#home .kh-hero-title{position:relative;display:flex;flex-direction:column;align-items:center;gap:27px;margin:16px auto 28px;max-width:1470px;font-family:Montserrat,Arial,sans-serif;font-weight:800;line-height:.94;letter-spacing:-.045em;text-shadow:0 3px 18px rgba(1,22,39,.24)}
#home .kh-title-main{display:flex;flex-direction:column;align-items:center;font-size:clamp(72px,12.9vw,174px)}
#home .kh-title-kocka{color:#fff;letter-spacing:.08em;padding-left:.08em}
#home .kh-title-hazasok{color:#a4e5f4;margin-top:12px}
#home .kh-title-roof{display:block;width:126px;height:42px;color:#a4e5f4;margin:0 0 4px;filter:drop-shadow(0 2px 5px rgba(1,22,39,.2))}
#home .kh-title-blog{display:flex;align-items:center;gap:30px;color:#fff;font-size:27px;font-weight:600;letter-spacing:.5em;padding-left:.5em;line-height:1.5;margin-top:9px}
#home .kh-title-blog:before,#home .kh-title-blog:after{content:"";width:96px;height:3px;background:#a4e5f4;opacity:.85}
@media(max-width:600px){#home .kh-hero-title{gap:21px;margin:12px auto 24px}#home .kh-title-main{font-size:clamp(54px,16.2vw,96px)}#home .kh-title-roof{width:90px;height:30px}#home .kh-title-blog{font-size:19.5px;gap:21px}#home .kh-title-blog:before,#home .kh-title-blog:after{width:54px}}
