/* Native navigation wrappers reproduce the existing links and spacing. */
.hke-navigation-row .hke-primary-menu { flex:0 1 auto; min-width:0; }
.hke-primary-menu .wp-block-navigation__container { gap:inherit; }
.hke-primary-menu .wp-block-navigation-item__content { --hkn-nav-padding:16px; position:relative; padding:var(--hkn-nav-padding) 12px; font-size:inherit; font-weight:inherit; color:inherit; text-decoration:none; }
.hke-primary-menu .wp-block-navigation-item__content::after { content:""; position:absolute; left:12px; right:12px; bottom:calc(var(--hkn-nav-padding) - 6px); height:3px; background:var(--wp--preset--color--accent); opacity:0; pointer-events:none; }
.hke-primary-menu .wp-block-navigation-item__content:is(:hover,:focus-visible)::after,.hke-primary-menu .current-menu-item>.wp-block-navigation-item__content::after { opacity:1; }
.hke-primary-menu .current-menu-item>.wp-block-navigation-item__content { color:var(--wp--preset--color--paper); font-weight:700; }
.hkn-artboard-masthead .hke-primary-menu .wp-block-navigation-item__content:hover { text-decoration:none; }
.hkn-artboard-social .wp-block-navigation__container { gap:inherit; }
.hkn-artboard-social .wp-block-navigation-item__content { font-family:inherit; font-size:inherit; }
.hke-primary-menu .hke-tldr-link { font-family:var(--wp--preset--font-family--mono); }
.hkn-article-header .hke-primary-menu .wp-block-navigation-item__content { --hkn-nav-padding:18px; padding:var(--hkn-nav-padding) 10px; }
.hkn-article-header .hke-primary-menu .wp-block-navigation-item__content::after { left:10px; right:10px; }
.hke-ad.hkn-news-ad-area { display:flex; box-sizing:border-box; min-width:0; padding:24px 16px; }
@media(min-width:601px) { .hke-ad.hke-mobile-only { display:none; } }
/* Editor-only wrappers and accurate advertisement presentation. */
.editor-styles-wrapper .hke-search-editor { margin-left:auto; width:44px; max-width:100%; }
.editor-styles-wrapper .hke-search-editor.is-open { width:min(22rem,100%); }
.editor-styles-wrapper .hke-search-editor details { width:100%; }
.editor-styles-wrapper .hke-ad-editor-masthead { flex:0 1 420px; min-width:0; margin-left:auto; }
.editor-styles-wrapper .hke-ad-editor .hke-ad { width:100%; }
.editor-styles-wrapper .hke-ad-editor>.components-placeholder { min-height:80px; }
.editor-styles-wrapper .hke-ad-editor .hke-mobile-only { display:flex; }