/* V2 blog.php/blog_cikk.php + style.css/media.css rules, scoped to Control blog.
   Control navigation, footer and canonical routes remain native. */
.nb-blog .nb-layout { display:flex; align-items:flex-start; gap:20px; max-width:1200px; margin:120px auto 60px; padding:5px 0; color:#454545; }
.nb-blog .blog_list,.nb-blog .blog_content { width:calc(100% - 320px); min-height:400px; padding:10px; flex:1 1 auto; }
.nb-blog .blog_nav_more { flex:0 0 300px; width:300px; }
.nb-blog .blog_nav_box { display:flow-root; width:280px; padding:10px; margin:10px; background:#fff; border-radius:10px; box-shadow:1px 3px 8px #ddd; }
.nb-blog .blog_nav_box h2 { font-weight:bold; font-size:20px; padding:10px; margin:0; text-transform:uppercase; }
.nb-blog .blog_nav_box a { float:left; width:100%; padding:5px 10px; font-size:16px; font-weight:500; color:#454545; }
.nb-blog .blog_nav_box a:hover { color:#82a738; text-decoration:none; }
.nb-blog .blog_nav_labels a { width:auto; font-size:14px; }
.nb-blog .b_list_elem { display:flow-root; width:100%; padding:8px; margin:0 0 15px; border:0; background:#fff; border-radius:8px; }
.nb-blog .b_list_elem_img_container { float:left; width:40%; max-height:180px; overflow:hidden; }
.nb-blog .b_list_elem_img_container a { display:block; }
.nb-blog .b_list_elem img { width:100%; height:auto; border-radius:8px; }
.nb-blog .b_list_elem_content { float:left; width:60%; padding:0 10px; }
.nb-blog .nb-card-no-image .b_list_elem_content { width:100%; }
.nb-blog .b_list_elem h2 { font-size:20px; font-weight:bold; line-height:1.4; margin:10px 0; text-align:left; }
.nb-blog .b_list_elem h2 a { color:#454545; font-weight:700; }
.nb-blog .blog_list>.nb-card h2 { margin-top:0; }
.nb-blog .blog_list>.nb-card h2 a:hover { color:#82a738; text-decoration:none; }
.nb-blog .b_list_elem p { font-size:16px; line-height:1.5; max-height:96px; overflow:hidden; text-align:left; }
.nb-blog .b_list_elem_footer { display:flex; justify-content:space-between; align-items:flex-end; gap:8px; width:100%; padding:4px 0 10px; }
.nb-blog .n_list_elem_date { font-size:12px; color:#888; line-height:1.6; }
.nb-blog .nb-modified { display:block; }
.nb-blog .more_btn { display:inline-block; flex-shrink:0; padding:6px 13px 7px; border:1px solid #454545; border-radius:25px; color:#454545!important; background:white; font-size:12px; line-height:1.4; }
.nb-blog .more_btn:hover { background:#82a738; border-color:#82a738; color:white!important; text-decoration:none; }
.nb-blog .n_title,.nb-blog .nb-content h1 { font-size:30px; font-weight:500; line-height:1.4; margin:10px; padding-top:10px; }
.nb-blog .n_title p { font-size:24px; }
.nb-blog .n_sub_title { font-size:24px; margin:16px; line-height:30px; border-bottom:2px solid #454545; }
.nb-blog .n_text { font-size:16px; line-height:1.5; white-space:break-spaces; letter-spacing:.5px; margin:6px 0 10px; }
.nb-blog .n_text p { line-height:1.5; }
.nb-blog .n_quote { display:flex; gap:10px; font-size:18px; line-height:1; font-weight:400; font-style:normal; margin:15px 0; border:0; padding:0; }
.nb-blog .nb-quote-mark { font-size:34px; }
.nb-blog .n_highlight { border-left:6px solid #454545; padding:8px; font-size:22px; font-weight:600; background:transparent; margin:15px 0; }
.nb-blog .nb-images,.nb-blog .nb-hybrid { display:grid; gap:10px; margin:10px 0; }
.nb-blog .nb-hybrid>div { min-width:0; }
.nb-blog .n_img_cont { padding:10px 5px; margin:0 0 10px; }
.nb-blog .n_img_cont img { width:100%; height:auto; border-radius:8px; }
.nb-blog .n_yt { max-width:100%; margin:15px auto; }
.nb-blog .nb-video { display:block; width:100%; aspect-ratio:16/9; height:auto; min-height:0; border:0; }
.nb-blog .news_toggle_cont { border:0; padding:0; margin:0; }
.nb-blog .news_toggle_t { font-size:16px; color:white; background:#454545; padding:8px 15px; margin:8px 8px 0; border-radius:8px; cursor:pointer; }
.nb-blog .news_toggle_v { font-size:14px; background:#eee; padding:15px; margin:0 8px 8px; border-radius:0 0 8px 8px; }
.nb-blog .nb-button-row { margin:15px 0; }
.nb-blog .blog_author_box { display:flow-root; width:100%; padding:10px; margin:20px 0; background:#fdfdfd; }
.nb-blog .blog_author_box img { float:left; width:150px; max-width:100%; border-radius:1000px; margin:20px 20px 20px 0; }
.nb-blog .blog_author_box h2 { font-size:20px; padding:5px; margin:15px 0 0; }
.nb-blog .blog_author_box p { padding:5px; font-size:14px; margin:0; }
.nb-blog .nb-slide { position:relative; margin:20px 0; }
.nb-blog .nb-slide-track { display:block; overflow:hidden; padding:0; }
.nb-blog .nb-slide-track:not(.owl-carousel) { display:flex; overflow-x:auto; }
.nb-blog .nb-slide-track .nb-card { width:auto; margin:8px; min-width:0; flex:0 0 260px; }
.nb-blog .nb-slide-track .b_list_elem_img_container,.nb-blog .nb-slide-track .b_list_elem_content { width:100%; float:none; }
.nb-blog .nb-slide-track .b_list_elem h2 { font-size:20px; }
.nb-blog .nb-slide-controls { display:flex; justify-content:flex-end; gap:5px; }
.nb-blog .nb-slide-controls button { border:1px solid #ddd; border-radius:50%; width:30px; height:30px; background:transparent; font-size:22px; line-height:20px; }
/* Keep a fallback keyboard ring; modern browsers distinguish pointer focus. */
.nb-blog .nb-slide-controls button:focus { outline:2px solid #82a738; outline-offset:2px; }
.nb-blog .nb-slide-controls button:hover:not(:disabled):not([aria-disabled="true"]):not(.disabled),
.nb-blog .nb-slide-controls button:focus-visible { color:#82a738; border-color:#82a738; box-shadow:0 2px 4px #0003; }
.nb-blog .nb-slide-controls button:focus:not(:focus-visible),
.nb-blog .nb-slide-controls button:focus-visible { outline:none; }
@media(max-width:767px) {
 .nb-blog .nb-layout { display:block; margin-top:90px; padding:5px; }
 .nb-blog .blog_list,.nb-blog .blog_content,.nb-blog .blog_nav_more { width:100%; }
 .nb-blog .blog_nav_box { width:calc(100% - 20px); }
 .nb-blog .b_list_elem_img_container,.nb-blog .b_list_elem_content { width:100%; float:none; }
 .nb-blog .b_list_elem_img_container { max-height:250px; }
 .nb-blog .nb-cols-2,.nb-blog .nb-cols-3,.nb-blog .nb-cols-4 { grid-template-columns:1fr; }
 .nb-blog .n_yt { width:100%!important; }
}
/* V2's col-lg-8 between two col-lg-2 margins; smaller widths use all columns. */
@media(min-width:1200px){.nb-blog .nb-layout { width:66.66666667%; max-width:none; }}
.nb-blog .n_title,.nb-blog .nb-content h1 { margin-left:0; margin-right:0; }
.nb-blog .nb-author-heading { border:0; margin-bottom:0; }
.nb-blog .blog_author_box { border-radius:10px; box-shadow:1px 3px 8px #ddd; }
.nb-blog .nb-blog-hero { position:relative; height:50vh; margin-top:60px; overflow:hidden; }
.nb-blog .nb-blog-hero>img { width:100%; height:100%; object-fit:cover; }
.nb-blog .nb-blog-hero>a { position:absolute; left:calc(50% - 22px); bottom:20px; border-radius:50%; background:#fff; color:#454545; width:44px; height:44px; text-align:center; font-size:32px; }
.nb-blog .nb-blog-hero+.nb-layout { margin-top:20px; }
.nb-blog #nb-article-content { scroll-margin-top:80px; }

/* Public-only V2 details. The white toggle and green accents are explicit Control requirements. */
.nb-blog .nb-scroll-down { display:flex; align-items:center; justify-content:center; overflow:hidden; }
.nb-blog .nb-blog-hero>.nb-scroll-down { background:transparent; border:2px solid rgba(255,255,255,.4); color:rgba(255,255,255,.85); }
.nb-blog .nb-scroll-down:hover,.nb-blog .nb-scroll-down:focus-visible { border-color:rgba(255,255,255,.8); outline:2px solid #fff; outline-offset:4px; }
.nb-blog .nb-scroll-down svg { flex:none; animation:nb-arrow-drop 1s linear infinite; }
@keyframes nb-arrow-drop { 0% { transform:translateY(-10px); opacity:0; } 30% { transform:translateY(-2px); opacity:1; } 100% { transform:translateY(10px); opacity:0; } }
@media(prefers-reduced-motion:reduce){.nb-blog .nb-scroll-down svg { animation:none; }}
.nb-blog .nb-article-tags,.nb-blog .blog_nav_labels { display:flex; flex-wrap:wrap; gap:6px; align-items:flex-start; }
.nb-blog .nb-article-tags { margin:10px 0 4px; }
.nb-blog .blog_nav_labels h2 { flex-basis:100%; }
.nb-blog .nb-article-tags a.nb-tag,.nb-blog .blog_nav_labels a { display:inline-block; float:none; width:auto; max-width:100%; padding:5px 10px; margin:0; border:1px solid #aaa; border-radius:40px; background:transparent; color:#555; font-size:12px; font-weight:400; line-height:1.4; text-decoration:none; overflow-wrap:anywhere; }
.nb-blog .nb-article-tags a.nb-tag:hover,.nb-blog .blog_nav_labels a:hover { color:#82a738; border-color:#82a738; box-shadow:0 2px 4px #0003; text-decoration:none; }
.nb-blog .n_title,.nb-blog .nb-content h1 { font-size:30px; font-weight:700; line-height:1.4; padding-top:0; }
.nb-blog .n_title p { font-size:24px; font-weight:inherit; line-height:inherit; }
.nb-blog .n_sub_title { display:table; max-width:100%; width:auto; padding-bottom:3px; margin:16px 0; font-size:20px; font-weight:700; line-height:30px; border-bottom-color:#777; }
.nb-blog .n_sub_title p,.nb-blog .n_highlight p,.nb-blog .n_quote p { font-size:inherit; font-weight:inherit; line-height:inherit; margin:0; }
.nb-blog .n_text,.nb-blog .n_text p { font-size:16px; line-height:1.5; }
.nb-blog .n_quote { align-items:flex-start; line-height:1.5; }
.nb-blog .n_quote .nb-rich { line-height:inherit; }
.nb-blog .nb-quote-mark { flex:none; font-size:34px; line-height:1; color:#82a738; }
.nb-blog .nb-quote-mark:before { margin:0; font-size:34px; line-height:1; }
.nb-blog .n_highlight { border-left-color:#82a738; font-size:22px; font-weight:600; line-height:1.5; }
.nb-blog .nb-rich strong,.nb-blog .nb-rich b { font-weight:700; }
.nb-blog .blog_nav_box h2 { font-size:20px; font-weight:700; }
.nb-blog .news_toggle_cont { margin:8px 0; border:1px solid #ccc; border-radius:8px; overflow:hidden; background:#fff; }
.nb-blog .news_toggle_t { margin:0; padding:7px 12px; border:0; border-radius:0; background:#fff; color:#454545; font-size:16px; font-weight:400; line-height:1.4; }
.nb-blog .news_toggle_cont[open]>.news_toggle_t { border-bottom:0; }
.nb-blog .news_toggle_v { margin:0; padding:10px 12px; border:0; border-radius:0; background:#fff; font-size:14px; line-height:1.5; }
.nb-blog .news_toggle_v p { margin:0 0 8px; font-size:inherit; line-height:inherit; }
.nb-blog .news_toggle_v>:last-child { margin-bottom:0; }
.nb-blog .blog_author_box { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; padding:15px; }
.nb-blog .blog_author_box.nb-author-no-image { grid-template-columns:minmax(0,1fr); }
.nb-blog .nb-author-photo img { display:block; float:none; width:150px; height:150px; max-width:100%; object-fit:cover; border-radius:50%; margin:5px 0; }
.nb-blog .nb-author-copy { min-width:0; overflow-wrap:anywhere; }
.nb-blog .nb-author-copy h2 { margin:10px 0 0; padding:5px; font-size:20px; font-weight:600; line-height:1.4; }
.nb-blog .blog_author_box .nb-author-role { font-size:13px; line-height:1.5; }
.nb-blog .nb-author-company,.nb-blog .nb-author-company a { font-weight:700; color:inherit; }
.nb-blog .nb-author-company a:hover { text-decoration:underline; }
.nb-blog .nb-author-description,.nb-blog .nb-author-description p { font-size:14px; line-height:1.5; }
@media(max-width:767px){
 .nb-blog .blog_author_box { grid-template-columns:80px minmax(0,1fr); gap:12px; padding:10px; }
 .nb-blog .nb-author-photo img { width:80px; height:80px; }
 .nb-blog .nb-author-copy h2 { margin-top:0; }
 .nb-blog .n_title,.nb-blog .nb-content h1 { overflow-wrap:anywhere; }
}