/* N24 V17 – sticky, accessible navigation, byline & comments. CSS-only modifications isolated. */
.site-header{position:sticky!important;top:0!important;z-index:100!important;overflow:visible;background:var(--panel,#fff);box-shadow:0 3px 20px rgba(19,45,76,.08);isolation:isolate}
.site-header .header-main,.site-header .head-actions{overflow:visible!important}
.head-actions{display:flex;align-items:center;gap:8px}
.head-actions .v17-menu{order:2}
.head-actions #theme-toggle{order:1}
.v17-menu .v16-menu-trigger{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border-radius:14px}
.v17-menu .v16-trigger-label{display:none!important}
.v17-menu .v16-menu-panel{right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 24px));max-height:min(75vh,540px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #dce9f1;padding:14px;border-radius:20px;box-shadow:0 25px 65px rgba(16,41,75,.23);z-index:200}
.v17-menu .v16-menu-panel>a{padding:12px 13px;min-height:43px;border-radius:13px;display:flex;gap:11px;align-items:center;white-space:normal;line-height:1.3}
.v17-menu .v16-menu-panel>a svg{color:#238bb6;width:19px;height:19px;flex:none}
.v17-menu .v16-menu-panel>a:hover,.v17-menu .v16-menu-panel>a:focus-visible{background:#eaf5fa;color:#103b58}
.v17-menu .v16-menu-title{color:#708596;font-size:10px;letter-spacing:.1em;padding:12px 9px 6px}
.v17-menu .v16-languages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.v17-menu .v16-languages a{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:8px 2px;font-size:11px;border-radius:10px;background:#f1f6fa;border:1px solid #e1eaf1}
.v17-menu .v16-languages a.current{background:#e52b54;color:#fff;border-color:#e52b54}
.v17-menu .v16-languages a svg{width:14px;height:14px}
.v17-menu[open] .v16-menu-trigger{background:#193a56;color:#fff;border-color:#193a56}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .mobile-search-row{background:var(--panel,#1b2d41)}
html[data-theme="dark"] .v17-menu .v16-menu-panel{background:#1e3045;border-color:#385068}
html[data-theme="dark"] .v17-menu .v16-menu-panel>a:hover{background:#334a61;color:#fff}
html[data-theme="dark"] .v17-menu .v16-languages a{background:#2e4155;border-color:#496076;color:#fff}
html[data-theme="dark"] .v17-menu .v16-languages a.current{background:#e52b54;border-color:#e52b54}
/* Author at the end of each article */
.v17-author{margin:28px 0 22px;padding:18px 19px;background:linear-gradient(125deg,#f1f9ff,#f8fbff);border:1px solid #d9eaf6;border-radius:22px}
.v17-author-heading{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#598099;margin-bottom:13px}
.v17-author-main{display:flex;gap:13px;align-items:center;min-width:0}
.v17-author-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:50%;overflow:hidden;color:#fff;background:linear-gradient(135deg,#175679,#169c9f);box-shadow:0 5px 14px #1c758e25;border:3px solid #fff}
.v17-author-avatar img{height:100%;width:100%;object-fit:cover;display:block}
.v17-author-info{display:grid;gap:4px;min-width:0}.v17-author-info b{color:#153a58;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v17-author-info small{font-weight:750;font-size:12px;color:#6d8799}.v17-author-verified{display:inline-grid;place-items:center;width:18px;height:18px;background:#2388d3;color:#fff;border-radius:50%}
.v17-author-visit{display:inline-flex;gap:6px;align-items:center;justify-content:center;margin-left:auto;padding:9px 13px;background:#fff;border:1px solid #d7e6f0;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap;color:#185f85}
/* Comment conversations – nested replies in their own clean column */
.comments-section{margin-top:32px}.v17-comment{display:flex;gap:10px;margin:12px 0 12px 0;padding:15px;background:#fff;border:1px solid #e0eaf2;border-radius:18px;box-shadow:0 6px 19px #162d4810;min-width:0;border-left:1px solid #e0eaf2}
.v17-comment .v17-comment{margin:13px 0 0;padding:12px;background:#f5f9fc;border:1px solid #e1eaf1;box-shadow:none}
.v17-comment-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(125deg,#d7eefe,#dfebff);color:#1e689d;font-weight:900;font-size:17px}
.v17-comment-main{min-width:0;flex:1}.v17-comment-main>.comment-head{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.v17-comment-main>.comment-head strong{font-size:13px;color:#193a55}.v17-comment-main>.comment-head time{font-size:10px;color:#788b99}.v17-comment-main>p{color:#2f4457;font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:9px 0}
.v17-reply{display:inline-flex;align-items:center;gap:7px;color:#177fa1;font-size:12px;font-weight:850;padding:7px 10px;border-radius:10px;background:#eff8fb;border:0}
.v17-comment-form{background:linear-gradient(145deg,#f7fbff,#f1f7fb);padding:18px;border:1px solid #dce9f3;border-radius:21px;gap:12px;box-shadow:0 6px 19px #152f480b}
.v17-comment-form h3{display:flex;align-items:center;gap:9px;font-size:18px;color:#193b56;margin:0 0 4px}
.v17-comment-form input:not([type=hidden]),.v17-comment-form textarea{border:1px solid #d9e4eb;border-radius:12px;background:#fff;padding:12px 14px;outline:0;color:#203c56;max-width:100%}
.v17-comment-form textarea:focus,.v17-comment-form input:focus{border-color:#379cba;box-shadow:0 0 0 3px #379cba20}
.v17-comment-form button.button-primary{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 17px;font-weight:850}
html[data-theme="dark"] .v17-author{background:linear-gradient(135deg,#1a344a,#1b3044);border-color:#34546b}
html[data-theme="dark"] .v17-author-info b{color:#e7f5ff}html[data-theme="dark"] .v17-author-visit{background:#2a4156;color:#d4ecfb;border-color:#426176}
html[data-theme="dark"] .v17-comment,html[data-theme="dark"] .v17-comment .v17-comment{background:#223548;border-color:#395267}html[data-theme="dark"] .v17-comment-form{background:#1e3448;border-color:#395267}html[data-theme="dark"] .v17-comment-main>.comment-head strong,html[data-theme="dark"] .v17-comment-main>p,html[data-theme="dark"] .v17-comment-form h3{color:#e5f2fc}
/* V18: stable, height-invariant sticky header. Secondary rows scroll naturally. */
.mobile-search-row{display:none}
@media(max-width:760px){
 .site-header{top:0!important;position:sticky!important;contain:layout style;}
 .site-header .header-main{padding:10px 0!important;gap:8px!important;transition:none!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions"!important;align-items:center;min-height:63px}
 .site-header .header-main>.header-search{display:none!important}
 .mobile-search-row{display:block;background:var(--panel,#fff);border-bottom:1px solid var(--border,#dfe7ef);padding:0 0 12px}
 .mobile-search-row .header-search{display:flex!important;grid-area:auto!important;max-width:100%!important;width:100%!important;margin:0!important}
 .mobile-search-row .header-search input{flex:1;min-width:0}
 .site-header .brand{grid-area:brand!important;min-width:0}
 .site-header .head-actions{grid-area:actions!important}
 .head-actions{gap:6px}.head-actions #theme-toggle,.v17-menu .v16-menu-trigger{width:40px;min-width:40px;height:40px;border-radius:12px}
 .v17-menu .v16-menu-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(310px,calc(100vw - 21px));max-height:70vh}
 .v17-author{padding:14px;border-radius:17px}.v17-author-avatar{width:46px;height:46px}.v17-author-main{gap:9px}.v17-author-visit{padding:8px 9px;font-size:11px}
 .v17-comment{padding:12px;gap:8px;border-radius:15px}.v17-comment-avatar{height:31px;width:31px;flex-basis:31px;border-radius:10px;font-size:14px}
 .v17-comment .v17-comment{padding:10px;margin-top:10px}.v17-comment-form{padding:13px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.site-header .header-main{transition:none}}
