.nt-blog-hero { background: radial-gradient(circle at 15% 0, rgb(21 71 215 / 20%), transparent 36%), var(--nt-color-page-alt); border-bottom: 1px solid var(--nt-color-line-soft); }
.nt-blog-hero__grid { display: grid; gap: 28px; }
.nt-blog-hero h1 { font-size: clamp(2rem, 5.4vw, 3.6rem); letter-spacing: -0.045em; line-height: 1.25; margin: 12px 0; }
.nt-blog-hero p:last-child { color: var(--nt-color-ink-soft); font-size: 1.08rem; max-width: 700px; }
.nt-blog-search { align-self: end; background: var(--nt-color-card); border: 1px solid var(--nt-color-line); border-radius: var(--nt-radius-lg); padding: 18px; }
.nt-blog-search label { display: block; font-weight: 650; margin-bottom: 9px; }
.nt-blog-search > div { display: flex; gap: 8px; }
.nt-blog-search button { background: var(--nt-color-brand); border: 1px solid var(--nt-color-brand); border-radius: var(--nt-radius-button); color: #090d05; cursor: pointer; font-weight: 700; min-height: 44px; padding-inline: 18px; }
.nt-blog-search button:hover { background: var(--nt-color-brand-hover); }
.nt-blog-search input[type="search"] { min-width: 0; width: 100%; }
.nt-blog-categories { display: flex; gap: 8px; margin-bottom: 34px; overflow-x: auto; padding-bottom: 10px; }
.nt-blog-categories a { background: var(--nt-color-card); border: 1px solid var(--nt-color-line); border-radius: 999px; flex: 0 0 auto; font-size: 0.75rem; padding: 7px 12px; }
.nt-blog-categories a:hover,
.nt-blog-categories a.is-active { border-color: var(--nt-color-brand-deep); color: var(--nt-color-brand); }
.nt-blog-section-heading { margin-bottom: 24px; }
.nt-blog-section-heading h2 { font-size: clamp(1.7rem, 5vw, 2.7rem); margin: 8px 0; }
.nt-blog-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }
.nt-post-card :where(h2, h3) { font-size: 1.05rem; line-height: 1.5; margin: 0; }
.nt-post-card__meta { color: var(--nt-color-muted); display: flex; flex-wrap: wrap; font-size: 0.7rem; gap: 8px 14px; margin-top: auto; }
.nt-post-card__meta span + span::before { content: "•"; margin-inline-end: 10px; }
.nt-post-card__action { color: var(--nt-color-brand); font-size: 0.78rem; font-weight: 700; margin-top: 12px; }
.nt-blog-pagination .nav-links { display: flex; gap: 7px; justify-content: center; margin-top: 36px; }
.nt-blog-pagination .page-numbers { align-items: center; background: var(--nt-color-card); border: 1px solid var(--nt-color-line); border-radius: 9px; display: inline-flex; min-height: 40px; min-width: 40px; justify-content: center; }
.nt-blog-pagination .current { background: var(--nt-color-brand); color: #090c06; }

main.nt-site-main.nt-blog-single { background: var(--nt-color-page); color: var(--nt-color-ink); max-width: none; min-height: 70vh; padding-block: 30px 40px; width: 100%; }
.nt-blog-single__layout { display: grid; gap: 28px; padding-bottom: 20px; }
.nt-blog-single__main { min-width: 0; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs { color: var(--nt-color-muted); margin: 0 auto 28px; max-width: 900px; width: 100%; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs a { color: var(--nt-color-ink-soft); transition: color .18s ease; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs a:hover,
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs a:focus-visible { color: var(--nt-color-brand); }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs :where(ol, ul) { align-items: center; display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs li { align-items: center; display: inline-flex; white-space: nowrap; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs li + li::before { color: var(--nt-color-muted); content: "/"; margin-inline: 9px; opacity: .65; }
.nt-blog-single .nt-blog-single__main > .nt-breadcrumbs [aria-current="page"] { color: var(--nt-color-ink); }
.nt-entry--single { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--nt-color-ink); overflow: visible; padding: 0; }
.nt-entry-category { color: var(--nt-color-brand); font-size: 0.75rem; font-weight: 700; }
.nt-entry-title { color: var(--nt-color-ink); font-size: clamp(1.5rem, 2.6vw, 2.05rem); font-weight: 600; letter-spacing: -0.03em; line-height: 1.6; margin: 0 0 20px; text-align: justify; text-align-last: right; text-justify: inter-word; width: 100%; }
.nt-entry-meta { align-items: center; color: var(--nt-color-muted); display: flex; flex-wrap: wrap; font-size: 0.76rem; gap: 12px 18px; justify-content: space-between; padding-block: 12px 8px; }
.nt-entry-meta time { transform: translateX(-5px); }
.nt-entry-category-badge { align-items: center; background: rgb(52 120 246 / 10%); border: 1px solid rgb(52 120 246 / 48%); border-radius: 7px; color: var(--nt-color-cobalt-high); display: inline-flex; font-size: .75rem; left: 5px; line-height: 1.5; padding: 5px 12px; position: relative; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.nt-entry-category-badge:hover,
.nt-entry-category-badge:focus-visible { background: rgb(52 120 246 / 18%); border-color: var(--nt-color-cobalt-high); color: var(--nt-color-ink); transform: translateY(-1px); }
.nt-entry-author { align-items: center; display: inline-flex; gap: 8px; }
.nt-entry-author::before { display: none; }
.nt-entry-author__avatar { border-radius: 50%; height: 30px; object-fit: cover; width: 30px; }
.nt-entry-thumbnail { border-radius: 13px; margin-block: 12px 38px; overflow: hidden; }
.nt-entry-thumbnail img { aspect-ratio: 16 / 9; display: block; height: auto; object-fit: cover; width: 100%; }
.nt-entry-divider { border-top: 1px solid var(--nt-color-line-soft); margin-top: 0; }
.nt-entry-content { color: var(--nt-color-ink-soft); font-size: 1.02rem; line-height: 2.35; margin-inline: auto; max-width: none; text-align: justify; }
.nt-entry-content :where(h2, h3, h4) { text-align: right; }
.nt-entry-content :where(h2, h3, h4) { scroll-margin-top: 100px; }
.nt-entry-content img { border-radius: var(--nt-radius-md); height: auto; max-width: 100%; }
.nt-entry-content :where(p, ul, ol) { margin-block: 0 1.1em; }
.nt-entry-content :where(h2, h3, h4) { margin-block: 1.8em .65em; }
.nt-entry-content :where(ul, ol) { padding-inline-start: 1.5em; }
.nt-entry-content figure { margin-block: 1.8em; }
.nt-entry-content figcaption { color: var(--nt-color-muted); font-size: .82rem; margin-top: 8px; text-align: center; }
.nt-entry-content ul { list-style: none; padding-inline-start: 0; }
.nt-entry-content ul li { padding-inline-start: 1.35em; position: relative; }
.nt-entry-content ul li::before { background: var(--nt-color-brand); border-radius: 50%; content: ''; height: 6px; inset-block-start: .9em; inset-inline-start: 0; position: absolute; width: 6px; }
.nt-entry-content blockquote { background: linear-gradient(135deg, rgb(20 27 34 / 96%), rgb(13 18 24 / 96%)); border: 1px solid var(--nt-color-line-soft); border-inline-start: 4px solid var(--nt-color-brand); border-radius: 14px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%), 0 10px 22px rgb(0 0 0 / 16%); color: var(--nt-color-ink-soft); margin: 3.5rem 0; overflow: hidden; padding: 28px 34px 28px 52px; position: relative; }
.nt-entry-content blockquote::before { color: var(--nt-color-brand); content: "\201C"; font: 900 4rem/1 Georgia, serif; inset-block-start: 16px; inset-inline-end: 18px; opacity: .22; position: absolute; }
.nt-entry-content blockquote p { margin: 0; text-align: right; }
.nt-entry-content q { color: var(--nt-color-ink); font-size: .98rem; font-weight: 500; line-height: 2.2; quotes: "«" "»" "‹" "›"; }
.nt-blog-single .nt-entry-content a,
.nt-blog-single .nt-entry-content a:hover,
.nt-blog-single .nt-entry-content a:focus-visible { text-decoration: none; }
.nt-entry-footer { border-top: 1px solid var(--nt-color-line-soft); margin-top: 36px; padding-top: 20px; }
.nt-entry--single :where(.nt-entry-header, .nt-entry-thumbnail, .nt-entry-content, .nt-entry-footer) { margin-inline: auto; max-width: 900px; }
.nt-article-faq { background: transparent; border-block: 1px solid var(--nt-color-line-soft); border-radius: 0; margin: 46px 0 0; max-width: none; padding-block: 28px 30px; }
.nt-article-faq__header { padding: 0; position: relative; }
.nt-article-faq__eyebrow,
.nt-blog-comments__eyebrow { color: var(--nt-color-cobalt-high); display: block; font: 700 .66rem/1.5 var(--nt-font-mono); letter-spacing: .08em; margin-bottom: 7px; text-transform: uppercase; }
.nt-article-faq__header h2 { color: var(--nt-color-ink); font-size: clamp(1.35rem, 2.8vw, 1.8rem); margin: 0; }
.nt-article-faq__header p { color: var(--nt-color-muted); font-size: .82rem; line-height: 1.9; margin: 6px 0 0; }
.nt-article-faq__list { display: grid; gap: 10px; margin-top: 18px; }
.nt-article-faq__item { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 10px; overflow: hidden; transition: border-color .18s ease, background-color .18s ease; }
.nt-article-faq__item[open] { border-color: rgb(52 104 242 / 55%); }
.nt-article-faq__item[open],
.nt-article-faq__item[open] summary,
.nt-article-faq__item summary:active {
	background: transparent;
}
.nt-article-faq__item summary { align-items: center; border-radius: 9px; color: var(--nt-color-ink); cursor: pointer; display: grid; font-size: 14px; font-weight: 700; gap: 14px; grid-template-columns: minmax(0, 1fr) 32px; list-style: none; min-height: 58px; padding: 11px 15px; transition: background-color .18s ease; }
.nt-article-faq__item summary,
.nt-article-faq__item summary:hover,
.nt-article-faq__item summary:active,
.nt-article-faq__item summary:focus,
.nt-article-faq__item summary:focus-visible,
.nt-article-faq__item[open] summary {
	-webkit-tap-highlight-color: transparent;
	background: transparent !important;
}
.nt-article-faq__item:not([open]) summary:hover { background: rgb(255 255 255 / 4%); }
.nt-article-faq__item summary::-webkit-details-marker { display: none; }
.nt-article-faq__item summary:focus { outline: 0; }
.nt-article-faq__item summary:focus-visible { outline: 2px solid var(--nt-color-brand); outline-offset: -2px; }
.nt-article-faq__question { min-width: 0; text-align: right; }
.nt-article-faq__toggle { height: 32px; position: relative; width: 32px; }
.nt-article-faq__toggle::before,
.nt-article-faq__toggle::after { background: var(--nt-color-brand); content: ""; height: 1px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 11px; }
.nt-article-faq__toggle::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .18s ease; }
.nt-article-faq__item[open] .nt-article-faq__toggle::after { transform: translate(-50%, -50%) rotate(0deg); }
.nt-article-faq__answer { border-top: 1px solid var(--nt-color-line-soft); color: var(--nt-color-ink-soft); font-size: 14px; line-height: 2.1; padding: 13px 15px 17px; }
.nt-article-faq__answer p { margin: 0; }
.nt-comments-area { background: transparent !important; border: 0 !important; border-top: 1px solid var(--nt-color-line-soft) !important; border-radius: 0 !important; box-shadow: none !important; margin: 64px auto 0 !important; max-width: 900px; padding: 30px 0 0 !important; width: 100%; }
.nt-blog-comments__header { align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 22px; }
.nt-blog-comments__header h2 { color: var(--nt-color-ink); font-size: clamp(1.35rem, 2.8vw, 1.8rem); margin: 0; }
.nt-blog-comments__header p { color: var(--nt-color-muted); font-size: .82rem; line-height: 1.9; margin: 8px 0 0; }
.nt-blog-comments__count { align-self: flex-start; background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 999px; color: var(--nt-color-ink); font-size: .78rem; margin-top: 28px; padding: 7px 12px; white-space: nowrap; }
.nt-blog-comments__empty { align-items: center; background: rgb(14 20 27 / 72%); border: 1px dashed var(--nt-color-line); border-radius: 14px; display: flex; flex-direction: column; gap: 5px; margin-bottom: 20px; padding: 28px 20px; text-align: center; }
.nt-blog-comments__empty > span { color: var(--nt-color-brand); font-size: 1.5rem; }
.nt-blog-comments__empty strong { color: var(--nt-color-ink); font-size: .9rem; }
.nt-blog-comments__empty p { color: var(--nt-color-muted); font-size: .78rem; margin: 0; }
.nt-blog-comment-notice { align-items: center; border: 1px solid; border-radius: 13px; display: flex; gap: 12px; margin: 0 0 18px; padding: 13px 16px; }
.nt-blog-comment-notice--pending { background: rgb(250 204 21 / 4%); border-color: rgb(250 204 21 / 38%); box-shadow: 0 0 8px rgb(250 204 21 / 4%), inset 0 0 8px rgb(250 204 21 / 2%); color: #e7e1c9; }
.nt-blog-comment-notice__icon { align-items: center; border: 1px solid rgb(234 179 8 / 60%); border-radius: 50%; color: #eab308; display: inline-flex; flex: 0 0 auto; font-size: .82rem; font-weight: 700; height: 23px; justify-content: center; width: 23px; }
.nt-blog-comment-notice p { font-size: 14px; line-height: 1.9; margin: 0; }
.nt-blog-comment-form { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 16px; margin-top: 22px; padding: clamp(18px, 3vw, 26px); }
.nt-blog-comment-form__heading { border-bottom: 1px solid var(--nt-color-line-soft); margin-bottom: 20px; padding-bottom: 16px; }
.nt-blog-comment-form__heading span { color: var(--nt-color-cobalt-high); display: block; font: 700 .64rem/1.5 var(--nt-font-mono); letter-spacing: .08em; margin-bottom: 6px; }
.nt-blog-comment-form__heading h3 { color: var(--nt-color-ink); font-size: clamp(1.35rem, 2.4vw, 1.7rem); margin: 0; }
.nt-blog-comment-form__heading p { color: var(--nt-color-muted); font-size: .77rem; line-height: 1.9; margin: 6px 0 0; }
.nt-blog-comment-form .comment-reply-title { align-items: center; color: var(--nt-color-ink); display: flex; flex-wrap: wrap; font-size: 1rem; gap: 10px 14px; line-height: 1.8; margin: 0 0 16px; }
.nt-blog-comment-form .comment-reply-title small { display: inline-flex; font-size: .82rem; margin-inline-start: auto; }
.nt-blog-comment-form .comment-reply-title small a { align-items: center; background: transparent; border: 1px solid var(--nt-color-line-soft); border-radius: 999px; color: var(--nt-color-muted); display: inline-flex; flex: 0 0 auto; gap: 6px; line-height: 1.5; padding: 5px 10px; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, color .18s ease; white-space: nowrap; }
.nt-blog-comment-form .comment-reply-title small a::before { content: "×"; font-size: 1rem; line-height: 1; margin-inline-end: 5px; }
.nt-blog-comment-form .comment-reply-title small a:hover,
.nt-blog-comment-form .comment-reply-title small a:focus-visible { background: var(--nt-color-card-alt); border-color: var(--nt-color-line-hover); color: var(--nt-color-ink); }
.nt-comments-area .comment-reply-title { align-items: center; background: transparent; border: 1px solid rgb(248 113 113 / 35%); border-radius: 10px; display: flex; flex-wrap: wrap; gap: 10px 14px; line-height: 1.8; margin: 24px 0 18px; padding: 8px 10px; }
.nt-comments-area .comment-reply-title:has(#cancel-comment-reply-link[style*="none"]) { display: none; }
.nt-comments-area .comment-reply-title small { align-items: center; display: inline-flex; flex: 0 0 auto; font-size: .82rem; margin-inline-start: auto; }
.nt-comments-area .comment-reply-title small a { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 8px; color: #fca5a5; display: inline-flex; flex: 0 0 auto; gap: 6px; line-height: 1.5; padding: 6px 10px; text-decoration: none; transition: background-color .18s ease, color .18s ease; white-space: nowrap; }
.nt-comments-area .comment-reply-title small a::before { content: "×"; font-size: 1rem; line-height: 1; margin-inline-end: 5px; }
.nt-comments-area .comment-reply-title small a:hover,
.nt-comments-area .comment-reply-title small a:focus-visible { background: rgb(248 113 113 / 8%); border-color: transparent; color: #fff; }
.nt-blog-comment-form > p { display: grid; gap: 7px; margin: 0 0 15px; }
.nt-blog-comment-form label { color: var(--nt-color-ink-soft); font-size: .78rem; font-weight: 600; }
.nt-blog-comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea) { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line); border-radius: 11px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%); color: var(--nt-color-ink); font: inherit; min-height: 46px; padding: 11px 14px; width: 100%; }
.nt-blog-comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea)::placeholder { color: var(--nt-color-muted); opacity: .82; }
.nt-blog-comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea):focus { border-color: var(--nt-color-line-hover); box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%); outline: 0; }
.nt-blog-comment-form textarea { line-height: 2; min-height: 172px; resize: vertical; }
.nt-blog-comment-form .comment-form-author { display: grid; width: 100%; }
.nt-blog-comment-form .nt-comment-antispam-field { block-size: 1px; inline-size: 1px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; }
.nt-blog-comment-form .comment-form-url,
.nt-comments-area .comment-form-url,
.nt-comments-area p.comment-form-url,
.nt-comments-area label[for="url"],
.nt-comments-area label[for="website"],
.nt-comments-area input#url,
.nt-comments-area input#website,
.nt-comments-area input[name="comment_author_url"],
.nt-comments-area input[name="url"],
.nt-comments-area input[name="website"],
.nt-comments-area p:has(input#url),
.nt-comments-area p:has(input#website),
.nt-comments-area p:has(input[name="comment_author_url"]),
.nt-comments-area p:has(input[name="url"]),
.nt-comments-area p:has(input[name="website"]),
.nt-comments-area p:has(input[autocomplete="url"]),
.nt-blog-comment-form input[name="url"],
.nt-blog-comment-form input[name="website"] { display: none !important; }
.nt-blog-comment-form .comment-form-cookies-consent { display: none !important; }
.nt-blog-comment-form input[type="submit"] { background: var(--nt-color-brand); border: 1px solid var(--nt-color-brand); border-radius: 11px; box-shadow: 0 10px 26px rgb(155 217 31 / 13%); color: #090d05; cursor: pointer; font: 700 .82rem/1.3 var(--nt-font-sans); min-height: 46px; padding: 10px 22px; transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease; width: 100%; }
.nt-blog-comment-form input[type="submit"]:hover { background: var(--nt-color-brand-hover); box-shadow: 0 13px 30px rgb(155 217 31 / 22%); transform: translateY(-1px); }
.nt-blog-comment-form input[type="submit"]:focus-visible { box-shadow: 0 0 0 3px var(--nt-color-page), 0 0 0 6px var(--nt-color-brand); outline: 0; }
.nt-comments-area .nt-blog-comment-form { display: block; }
.nt-comments-area .nt-blog-comment-form > p { margin: 0 0 15px; }
.nt-comments-area .nt-blog-comment-form label { color: var(--nt-color-ink-soft); font-size: .78rem; font-weight: 600; }
.nt-comments-area .nt-blog-comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea) { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line); border-radius: 11px; color: var(--nt-color-ink); font: inherit; min-height: 46px; padding: 11px 14px; width: 100%; }
.nt-comments-area .nt-blog-comment-form textarea { line-height: 2; min-height: 172px; resize: vertical; }
.nt-comments-area .nt-blog-comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea):focus { border-color: var(--nt-color-line-hover); box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%); outline: 0; }
.nt-comments-area .nt-comment-list { list-style: none; margin: 0; padding: 0; }
.nt-comments-area .nt-comment-list > li + li { margin-top: 14px; }
.nt-comments-area .nt-comment-list > li.nt-blog-comment { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 14px; margin: 0; padding: 17px 18px; }
.nt-comments-area .nt-comment-list > li.nt-blog-comment + li.nt-blog-comment { margin-top: 14px; }
.nt-comments-area .nt-comment-list > li.nt-blog-comment > .comment-body { background: transparent; border: 0; border-radius: 0; padding: 0; }
.nt-blog-comment__header { align-items: center; border-bottom: 1px solid var(--nt-color-line-soft); display: flex; gap: 16px; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; }
.nt-blog-comment__identity { align-items: center; display: flex; gap: 10px; min-width: 0; }
.nt-blog-comment__identity > div { display: grid; gap: 13px; min-width: 0; }
.nt-blog-comment__author-line { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.nt-blog-comment__avatar { display: inline-flex; flex: 0 0 auto; }
.nt-blog-comment__avatar .avatar { border: 1px solid var(--nt-color-line); border-radius: 50%; display: block; height: 42px; object-fit: cover; width: 42px; }
.nt-blog-comment__author { color: var(--nt-color-ink); display: block; flex: 0 1 auto; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.65; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-spacing: .18em; }
.nt-comment-tier { align-items: center; border: 1px solid transparent; border-radius: 999px; display: inline-flex; flex: 0 0 auto; font-size: .72rem; font-weight: 500; letter-spacing: .01em; line-height: 1.35; padding: 5px 10px; white-space: nowrap; }
.nt-comment-tier--has-rule { cursor: help; position: relative; }
.nt-comment-tier__tooltip { background: var(--nt-color-card); border: 1px solid rgb(52 120 246 / 55%); border-radius: 9px; bottom: calc(100% + 9px); box-shadow: 0 10px 24px rgb(0 0 0 / 28%), 0 0 14px rgb(52 120 246 / 14%); color: var(--nt-color-ink); font-size: .74rem; font-weight: 400; line-height: 2.1; max-width: min(300px, 70vw); opacity: 0; overflow-wrap: normal; padding: 10px 14px; pointer-events: none; position: absolute; right: 0; text-align: justify; text-justify: inter-word; transform: translateY(5px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; visibility: hidden; white-space: normal; width: min(300px, 70vw); word-break: normal; z-index: 15; }
.nt-comment-tier--has-rule:hover .nt-comment-tier__tooltip,
.nt-comment-tier--has-rule:focus-visible .nt-comment-tier__tooltip { opacity: 1; transform: translateY(0); visibility: visible; }
.nt-comment-tier--normal { background: rgb(148 163 184 / 10%); border-color: rgb(148 163 184 / 48%); box-shadow: 0 0 9px rgb(148 163 184 / 8%); color: #fff; }
.nt-comment-tier--active { background: rgb(96 165 250 / 13%); border-color: #7dd3fc; box-shadow: 0 0 10px rgb(96 165 250 / 20%); color: #fff; }
.nt-comment-tier--special { background: rgb(34 197 94 / 13%); border-color: #4ade80; box-shadow: 0 0 10px rgb(34 197 94 / 20%); color: #fff; }
.nt-comment-tier--professional { background: rgb(255 126 35 / 14%); border-color: #ff8a3d; box-shadow: 0 0 12px rgb(255 126 35 / 25%); color: #fff; }
.nt-comment-tier--active .nt-comment-tier__tooltip { border-color: #7dd3fc; box-shadow: 0 10px 24px rgb(0 0 0 / 28%), 0 0 14px rgb(96 165 250 / 20%); }
.nt-comment-tier--special .nt-comment-tier__tooltip { border-color: #4ade80; box-shadow: 0 10px 24px rgb(0 0 0 / 28%), 0 0 14px rgb(34 197 94 / 20%); }
.nt-comment-tier--professional .nt-comment-tier__tooltip { border-color: #ff8a3d; box-shadow: 0 10px 24px rgb(0 0 0 / 28%), 0 0 14px rgb(255 126 35 / 24%); }
.nt-comment-tier--admin-site { background: rgb(181 132 84 / 14%); border-color: #c79a70; box-shadow: 0 0 10px rgb(181 132 84 / 18%); color: #fff; }
.nt-comment-tier--admin-manager { background: rgb(239 68 68 / 13%); border-color: #ff5757; box-shadow: 0 0 10px rgb(239 68 68 / 18%); color: #fff; }
.nt-blog-comment__date { color: var(--nt-color-muted); display: block; font-size: 13px; line-height: 1.6; }
.nt-blog-comment--admin { border-color: #3478f6 !important; box-shadow: 0 0 0 1px rgb(52 120 246 / 10%); }
.nt-blog-comment .comment-reply-link { align-items: center; background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 8px; color: var(--nt-color-ink-soft); display: inline-flex; font-size: .75rem; height: 34px; justify-content: center; overflow: hidden; padding: 0 10px; text-indent: -999px; width: 34px; }
.nt-blog-comment .comment-reply-link::after { content: "↩"; display: block; font-size: 1rem; text-indent: 0; }
.nt-blog-comment .comment-reply-link:hover { background: var(--nt-color-card-alt); border-color: var(--nt-color-line-hover); color: var(--nt-color-brand); }
.nt-comments-area .nt-comment-list .comment-content { color: var(--nt-color-ink-soft); font-size: 15px; line-height: 2.2; word-spacing: .06em; }
.nt-comments-area .nt-comment-list .comment-content p { margin: 0; }
.nt-comments-area .nt-comment-list .comment-awaiting-moderation { color: var(--nt-color-brand); font-size: .75rem; margin-bottom: 7px; }
.nt-comments-area .nt-comment-list .children { border: 0; display: grid; gap: 14px; list-style: none; margin: 14px 0 0; padding: 14px 0 0; }
.nt-comments-area .nt-comment-list .children > li { margin: 0 !important; }
.nt-comments-area .nt-comment-list .children > li.nt-blog-comment { background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line-soft); border-radius: 14px; margin: 0; padding: 17px 18px; }
.nt-comments-area .nt-comment-list .children > li.nt-blog-comment > .comment-body { background: transparent; border: 0; border-radius: 0; padding: 0; }
.nt-comments-area .nt-comment-list .children .nt-blog-comment--admin { border-color: #3478f6 !important; border-radius: 14px; box-shadow: 0 0 0 1px rgb(52 120 246 / 10%); }
.nt-blog-single .nt-entry-footer { border-top: 0; margin-top: 24px; }
.nt-blog-sidebar { display: grid; gap: 16px; min-width: 0; }
.nt-blog-sidebar section,
.nt-blog-share,
.nt-blog-related { background: var(--nt-color-card); border: 1px solid var(--nt-color-line-soft); border-radius: var(--nt-radius-lg); padding: 20px; }
.nt-blog-sidebar h2,
.nt-blog-share h2,
.nt-blog-related h2 { font-size: 1rem; margin: 0 0 14px; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__courses-panel > h2 { font-size: 1.38rem !important; font-weight: 700 !important; margin-bottom: 16px; }
.nt-blog-sidebar :where(ol, ul) { margin: 0; padding-inline-start: 20px; }
.nt-blog-sidebar li + li { border-top: 1px solid var(--nt-color-line-soft); margin-top: 10px; padding-top: 10px; }
.nt-blog-sidebar li::marker { color: var(--nt-color-brand); }
.nt-blog-sidebar__cta p { color: var(--nt-color-muted); font-size: 0.86rem; }
.nt-blog-sidebar__social { border-top: 1px solid var(--nt-color-line-soft); margin-top: 16px; padding-top: 14px; }
.nt-blog-sidebar__social ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; }
.nt-blog-share { margin-top: 18px; }
.nt-blog-share > div { display: flex; flex-wrap: wrap; gap: 8px; }
.nt-blog-share :where(a, button) { background: var(--nt-color-card-alt); border: 1px solid var(--nt-color-line); border-radius: 999px; color: var(--nt-color-ink); cursor: pointer; font: inherit; font-size: 0.75rem; padding: 7px 12px; }
.nt-blog-related { margin-top: 18px; }
.nt-blog-related__grid { display: grid; gap: 14px; }
.nt-blog-single .nt-blog-sidebar section,
.nt-blog-single .nt-blog-share,
.nt-blog-single .nt-blog-related { background: rgb(14 20 27 / 78%); border-color: var(--nt-color-line-soft); border-radius: 16px; color: var(--nt-color-ink); }
.nt-blog-single .nt-blog-sidebar h2,
.nt-blog-single .nt-blog-share h2,
.nt-blog-single .nt-blog-related h2 { color: var(--nt-color-ink); }
.nt-blog-single .nt-blog-sidebar :where(ol, ul) { padding: 0; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest { display: grid; gap: 10px; list-style: none; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li,
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li + li { border: 0; margin: 0; padding: 0; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a { background: var(--nt-color-page-alt); border-radius: 7px; color: var(--nt-color-ink); display: block; font-size: .78rem; line-height: 1.9; overflow: hidden; padding: 11px 13px; position: relative; text-align: justify; text-decoration: none; text-justify: inter-word; transition: background-color .18s ease, color .18s ease, padding-inline-start .18s ease; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a::before { background: #3478f6; content: ""; inset-block: 0; inset-inline-start: 0; position: absolute; transform: scaleY(0); transform-origin: center; transition: transform .18s ease; width: 3px; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a:hover,
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a:focus-visible { background: rgb(52 120 246 / 9%); color: #fff; padding-inline-start: 17px; }
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a:hover::before,
.nt-blog-single .nt-blog-sidebar .nt-blog-sidebar__latest li a:focus-visible::before { transform: scaleY(1); }
.nt-blog-single .nt-blog-sidebar__latest-panel { background: var(--nt-color-page-alt); }
.nt-blog-single .nt-blog-sidebar__latest-panel { margin-block-start: 34px; }
.nt-blog-single .nt-blog-sidebar__latest-panel .nt-blog-sidebar__latest li a { background: rgb(14 20 27 / 72%); }
.nt-blog-single .nt-blog-sidebar__path-cta { background: rgb(14 20 27 / 70%); border-color: rgb(52 120 246 / 32%); }
.nt-blog-single .nt-blog-sidebar__path-cta h2 { font-size: 1.05rem; line-height: 1.7; margin-bottom: 8px; }
.nt-blog-single .nt-blog-sidebar__path-cta p { color: var(--nt-color-muted); font-size: .92rem; line-height: 2.1; margin: 0 0 16px; text-align: justify; text-justify: inter-word; width: 100%; }
.nt-blog-single .nt-blog-sidebar__path-button { align-items: center; background: var(--nt-color-brand); border: 1px solid var(--nt-color-brand); border-radius: 9px; color: #090d05; display: flex; font-size: .78rem; font-weight: 600; justify-content: center; padding: 10px 12px; text-align: center; text-decoration: none; transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.nt-blog-single .nt-blog-sidebar__path-button:hover,
.nt-blog-single .nt-blog-sidebar__path-button:focus-visible { background: var(--nt-color-brand-hover); box-shadow: 0 8px 20px rgb(155 217 31 / 18%); transform: translateY(-1px); }
.nt-blog-single .nt-blog-sidebar__courses { display: grid; gap: 12px; list-style: none; }
.nt-blog-single .nt-blog-sidebar__courses li { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; }
.nt-blog-single .nt-blog-sidebar__courses li > a:first-child { align-items: center; color: var(--nt-color-ink); display: flex; font-size: .78rem; gap: 9px; min-width: 0; text-decoration: none; }
.nt-blog-single .nt-blog-sidebar__courses li > a:first-child img { border-radius: 6px; display: block; height: 70px; object-fit: cover; width: 120px; }
.nt-blog-single .nt-blog-sidebar__courses li > a:first-child span { font-size: 1rem; font-weight: 500; line-height: 1.8; }
.nt-blog-single .nt-blog-sidebar__course-link { color: var(--nt-color-muted); font-size: .7rem; white-space: nowrap; }
.nt-blog-single .nt-blog-sidebar__course-link:hover { color: var(--nt-color-brand); }
.nt-blog-single .nt-blog-share { margin-top: 0; }
.nt-blog-single .nt-blog-share :where(a, button) { background: var(--nt-color-card-alt); border-color: var(--nt-color-line); color: var(--nt-color-ink); }
.nt-blog-single .nt-blog-share :where(a, button):hover { background: var(--nt-color-brand); border-color: var(--nt-color-brand); color: #080d05; }
.nt-blog-single .nt-blog-sidebar__cta p { color: var(--nt-color-muted); }
.nt-blog-taxonomy .nt-archive-header { margin-bottom: 28px; }
.nt-blog-taxonomy .nt-archive-title { font-size: clamp(2rem, 6vw, 3.5rem); }
.nt-search-results-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }
.nt-search-card { background: var(--nt-color-card); border: 1px solid var(--nt-color-line-soft); border-radius: var(--nt-radius-lg); display: grid; gap: 18px; overflow: hidden; }
.nt-search-card__media { background: var(--nt-color-card-alt); display: block; min-height: 150px; overflow: hidden; }
.nt-search-card__media img { display: block; height: 100%; object-fit: cover; width: 100%; }
.nt-search-card__media span { align-items: center; color: var(--nt-color-brand); display: flex; font-size: 3rem; height: 100%; justify-content: center; }
.nt-search-card__body { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.nt-search-card__body h2 { font-size: 1.25rem; margin: 0; }
.nt-search-card__body p { color: var(--nt-color-ink-soft); margin: 0; }
.nt-search-card__body .nt-button { align-self: flex-start; margin-top: auto; }
@media (min-width: 650px) { .nt-search-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .nt-search-results-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (min-width: 650px) {
	.nt-blog-grid,
	.nt-blog-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
	.nt-blog-hero__grid { align-items: end; grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr); }
	.nt-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	/* Keep even a one-result archive card at the same compact size as the three-card grid. */
	.nt-blog-grid > .nt-post-card:first-child { grid-column: auto; }
	.nt-blog-grid > .nt-post-card:first-child .nt-post-card__cover { aspect-ratio: 16 / 10; }
	.nt-blog-single__layout { align-items: start; grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); }
	/* Keep the sidebar below the public sticky site header while scrolling. */
	.nt-blog-sidebar { padding-top: 0; position: sticky; top: 72px; }
}
@media (max-width: 480px) {
	.nt-blog-search > div { flex-direction: column; }
	.nt-blog-search button { width: 100%; }
}

/* Articles archive refresh */
.nt-blog-archive--articles {
	background: #080b0e;
	padding-bottom: 48px;
}

.nt-blog-articles-hero {
	background:
		radial-gradient(circle at 82% 12%, rgb(52 104 242 / 20%), transparent 28%),
		linear-gradient(120deg, #0b1428, #090d11 62%);
	border-bottom: 1px solid var(--nt-color-line-soft);
	padding-block: clamp(46px, 7vw, 88px);
}

.nt-blog-articles-hero__inner {
	align-items: end;
	display: grid;
	gap: 30px;
}

.nt-blog-articles-hero__copy { max-width: 760px; }
.nt-blog-articles-hero__copy h1 { font-size: clamp(2.25rem, 5.4vw, 4.25rem); letter-spacing: -.065em; line-height: 1.15; margin: 10px 0 16px; }
.nt-blog-articles-hero__copy > p:last-child { color: var(--nt-color-ink-soft); font-size: 1rem; line-height: 2.1; margin: 0; max-width: 66ch; }

.nt-blog-articles-search {
	background: rgb(14 20 27 / 92%);
	border: 1px solid var(--nt-color-line);
	border-radius: 16px;
	padding: 16px;
}

.nt-blog-articles-search label { color: var(--nt-color-ink); display: block; font-size: .8rem; font-weight: 700; margin-bottom: 10px; }
.nt-blog-articles-search > div { align-items: center; background: var(--nt-color-page); border: 1px solid var(--nt-color-line); border-radius: 11px; display: flex; gap: 9px; padding: 4px 4px 4px 5px; }
.nt-blog-articles-search svg { color: var(--nt-color-muted); flex: 0 0 auto; margin-inline-start: 8px; }
.nt-blog-articles-search input { background: transparent; border: 0; color: var(--nt-color-ink); min-width: 0; outline: 0; padding: 10px 2px; width: 100%; }
.nt-blog-articles-search button { background: var(--nt-color-brand); border: 0; border-radius: 8px; color: #080d05; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 700; min-height: 40px; padding-inline: 16px; }

.nt-blog-articles__layout { align-items: start; display: grid; gap: 28px; scroll-margin-top: 106px; }
.nt-blog-articles__results { min-width: 0; }
.nt-blog-articles__filters { order: 2; }
.nt-blog-articles__filter-card { background: var(--nt-color-card); border: 1px solid var(--nt-color-line-soft); border-radius: 18px; padding: 18px; }
.nt-blog-articles__filter-heading { align-items: center; border-bottom: 1px solid var(--nt-color-line-soft); display: flex; gap: 10px; justify-content: space-between; padding-bottom: 14px; }
.nt-blog-articles__filter-heading span { color: var(--nt-color-brand); display: flex; }
.nt-blog-articles__filter-heading h2 { font-size: 1rem; margin: 0; }
.nt-blog-articles__category-list { display: grid; gap: 4px; margin-top: 12px; max-height: 385px; overflow-y: auto; padding-inline-end: 4px; }
.nt-blog-articles__category-list a { align-items: center; border-radius: 9px; color: var(--nt-color-ink-soft); display: flex; font-size: .82rem; gap: 10px; justify-content: space-between; padding: 10px; text-decoration: none; transition: background-color .18s ease, color .18s ease; }
.nt-blog-articles__category-list a:hover { background: var(--nt-color-card-alt); color: var(--nt-color-ink); }
.nt-blog-articles__category-list a.is-active { background: rgb(155 217 31 / 12%); color: var(--nt-color-brand); }
.nt-blog-articles__category-list small { background: var(--nt-color-page-alt); border-radius: 999px; color: var(--nt-color-muted); font-family: var(--nt-font-mono); font-size: .65rem; line-height: 1; min-width: 25px; padding: 5px; text-align: center; }
.nt-blog-articles__category-list a.is-active small { color: var(--nt-color-brand); }

.nt-blog-articles__heading { align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 22px; }
.nt-blog-articles__heading h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); letter-spacing: -.045em; margin: 7px 0 0; }
.nt-blog-articles__heading > span { color: var(--nt-color-muted); font-size: .78rem; white-space: nowrap; }
.nt-blog-articles__grid { grid-template-columns: minmax(0, 1fr); }
.nt-blog-articles__grid > .nt-post-card:first-child { grid-column: auto; }
.nt-blog-articles__grid > .nt-post-card:first-child .nt-post-card__cover { aspect-ratio: 16 / 10; }
.nt-blog-articles__grid .nt-post-card { background: var(--nt-color-card); border: 1px solid var(--nt-color-line-soft); border-radius: 15px; box-shadow: none; display: flex; flex-direction: column; overflow: hidden; transform: none; }
.nt-post-card[data-nt-card-link] { cursor: pointer; }
.nt-blog-articles__grid .nt-post-card:hover { border-color: rgb(52 104 242 / 38%); box-shadow: 0 0 0 2px var(--nt-color-cobalt-soft), 0 14px 34px rgb(0 0 0 / 16%); transform: translateY(-3px); }
.nt-blog-articles__grid .nt-post-card__cover { aspect-ratio: 16 / 10; background: var(--nt-color-card-alt); }
.nt-blog-articles__grid .nt-post-card__cover img { height: 100%; object-fit: cover; width: 100%; }
.nt-blog-articles__grid .nt-post-card__body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 17px; }
.nt-blog-articles__grid .nt-post-card__category { align-self: flex-start; background: rgb(52 104 242 / 13%); border: 0; border-radius: 6px; color: var(--nt-color-cobalt-high); font-size: .67rem; padding: 5px 8px; }
.nt-blog-articles__grid .nt-post-card :where(h2, h3) { font-size: .92rem; line-height: 1.85; margin-inline: 0; max-width: none; overflow-wrap: normal; text-align: right; text-wrap: wrap; width: 100%; word-break: normal; }
.nt-blog-articles__grid .nt-post-card :where(h2, h3) a { display: inline; }
.nt-blog-articles__grid .nt-post-card p { color: var(--nt-color-muted); display: -webkit-box; font-size: .78rem; line-height: 2; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nt-blog-articles__grid .nt-post-card__meta { align-items: center; border-top: 1px solid var(--nt-color-line-soft); display: flex; font-size: .68rem; justify-content: space-between; margin-top: auto; padding-top: 12px; }
.nt-blog-articles__grid .nt-post-card__meta .nt-post-card__category { align-self: center; transform: translateX(4px); }
.nt-blog-articles__grid .nt-post-card__meta time { color: var(--nt-color-muted); transform: translateX(-4px); white-space: nowrap; }
.nt-blog-articles__grid .nt-post-card__action { align-items: center; background: var(--nt-color-page-alt); border: 1px solid var(--nt-color-line); border-radius: 9px; color: var(--nt-color-ink); display: flex; font-size: .72rem; justify-content: center; margin-top: 3px; min-height: 38px; text-decoration: none; transition: border-color .18s ease, color .18s ease, background-color .18s ease; }
.nt-blog-articles__grid .nt-post-card__action:hover,
.nt-blog-articles__grid .nt-post-card__action:focus-visible { background: var(--nt-color-page-alt); border-color: color-mix(in srgb, var(--nt-color-line) 75%, var(--nt-color-ink)); color: var(--nt-color-ink); }
.nt-blog-articles__more { display: flex; justify-content: center; margin-top: 30px; }
.nt-blog-articles__more .nt-button { min-width: 210px; }

.nt-blog-articles__filter-panel {
	direction: rtl;
	display: grid;
	gap: 16px;
}

.nt-blog-articles__filter-toggle,
.nt-blog-articles__filters-close {
	display: none;
}

@media (min-width: 650px) {
	.nt-blog-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1000px) {
	.nt-blog-articles-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(315px, .46fr); }
	.nt-blog-articles__layout { grid-template-columns: minmax(0, 1fr) 270px; }
	.nt-blog-articles__filters { order: 0; position: sticky; top: 106px; }
	.nt-blog-articles__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
	.nt-blog-articles-search > div { align-items: stretch; flex-wrap: wrap; }
	.nt-blog-articles-search input { min-width: calc(100% - 42px); }
	.nt-blog-articles-search button { width: 100%; }
	.nt-blog-articles__heading { align-items: start; flex-direction: column; gap: 8px; }
}

/* Full blog composition: featured articles, topic tiles, then archive + filters. */
.nt-site-main.nt-blog-archive--articles { background: #080b0e; max-width: none; padding-block: 0 20px; width: 100%; }
.nt-blog-showcase { background: linear-gradient(180deg, #080b0e 0%, #0c131b 100%); border-bottom: 1px solid var(--nt-color-line-soft); }
.nt-blog-showcase.nt-section { box-sizing: border-box; min-height: calc(100svh - 68px); padding-block: 42px 76px; }
.nt-blog-showcase__heading, .nt-blog-top-categories__heading { margin-bottom: 30px; text-align: center; }
.nt-blog-showcase__heading, .nt-blog-showcase__grid { position: relative; }
.nt-blog-showcase__heading h1, .nt-blog-top-categories__heading h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); letter-spacing: -.055em; margin: 8px 0 0; }
.nt-blog-showcase__heading h1 span, .nt-blog-top-categories__heading h2 span { color: var(--nt-color-brand); }
.nt-blog-showcase__grid { margin-inline: auto; max-width: 1180px; width: 100%; }
.nt-blog-showcase__row { display: grid; gap: 18px; padding-bottom: 22px; }
.nt-blog-showcase__row:not(:last-child) { border-bottom: 1px solid rgb(164 174 188 / 18%); margin-bottom: 22px; }
.nt-blog-showcase-card { align-items: stretch; border-radius: 16px; color: inherit; display: grid; gap: 17px; grid-template-columns: minmax(0, 1fr); min-width: 0; text-decoration: none; transition: box-shadow .18s ease, transform .18s ease; }
.nt-blog-showcase-card:hover { color: var(--nt-color-ink); transform: translateY(-2px); }
.nt-blog-showcase-card__image { aspect-ratio: 1.63; background: var(--nt-color-card-alt); border-radius: 12px; display: block; min-height: 0; overflow: hidden; }
.nt-blog-showcase-card__image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.nt-blog-showcase-card__image span { align-items: center; color: var(--nt-color-brand); display: flex; font: 700 1.2rem/1 var(--nt-font-mono); height: 100%; justify-content: center; }
.nt-blog-showcase-card__copy { display: flex; flex-direction: column; gap: 12px; padding: 4px 8px; }
.nt-blog-showcase-card__footer { align-items: center; display: flex; justify-content: space-between; margin-top: auto; width: 100%; }
.nt-blog-showcase-card__footer > span:first-child { background: rgb(52 104 242 / 14%); border-radius: 6px; color: var(--nt-color-ink); font-size: .68rem; font-weight: 400; padding: 5px 8px; }
.nt-blog-showcase-card__copy h2 { font-size: 1.05rem; line-height: 1.9; margin: 0; padding-inline-start: 12px; position: relative; }
.nt-blog-showcase-card__copy h2::before { background: transparent; border-radius: 999px; content: ''; height: 1.25em; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition: background-color .18s ease, width .18s ease; width: 0; }
.nt-blog-showcase-card:hover .nt-blog-showcase-card__copy h2::before { background: var(--nt-color-cobalt-high); width: 3px; }
.nt-blog-showcase-card__copy h2 { color: var(--nt-color-ink); }
.nt-blog-showcase-card__footer > span:last-child { background: transparent; color: var(--nt-color-muted); font-size: .77rem; margin: 0; padding: 0; }
.nt-blog-showcase-card__footer > span:last-child b { color: var(--nt-color-brand); font-size: 1.05rem; margin-inline-start: 8px; }

.nt-blog-top-categories { background: transparent; padding-bottom: 56px; scroll-margin-top: 106px; }
.nt-blog-top-categories__grid { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nt-blog-top-categories__grid a { align-items: center; background: var(--nt-color-card); border: 1px solid var(--nt-color-line-soft); border-radius: 11px; color: var(--nt-color-ink-soft); display: flex; font-size: .82rem; justify-content: center; min-height: 62px; padding: 10px; text-align: center; text-decoration: none; transition: border-color .18s ease, color .18s ease, transform .18s ease; }
.nt-blog-top-categories__grid a:hover:not(.is-active) { border-color: var(--nt-color-cobalt-high); color: var(--nt-color-ink); box-shadow: 0 0 0 2px var(--nt-color-cobalt-soft); transform: translateY(-2px); }
.nt-blog-top-categories__grid a.is-active { border-color: var(--nt-color-brand); color: var(--nt-color-brand); transform: translateY(-2px); }

.nt-blog-archive--articles .nt-blog-articles { background: #080b0e; }
.nt-blog-archive--articles .nt-blog-articles.nt-section { padding-bottom: 20px; padding-top: 80px; }
.nt-blog-archive--articles .nt-blog-articles__layout { grid-template-columns: minmax(0, 1fr); }
.nt-blog-archive--articles .nt-blog-articles__filters { display: grid; gap: 16px; order: 2; position: static; }
.nt-blog-archive--articles .nt-blog-articles__toolbar { display: grid; gap: 16px; }
.nt-blog-archive--articles .nt-blog-articles-search { background: var(--nt-color-card); padding: 14px; }
.nt-blog-archive--articles .nt-blog-articles-search > div { padding: 4px 8px; }
.nt-blog-archive--articles .nt-blog-articles-search button {
	background: var(--nt-color-cobalt-high);
	border-color: var(--nt-color-cobalt-high);
	box-shadow: none;
	color: #fff;
	display: block;
	margin-top: 12px;
	width: 100%;
}

.nt-blog-archive--articles .nt-blog-articles-search button:hover {
	background: var(--nt-color-cobalt);
	border-color: var(--nt-color-cobalt);
	box-shadow: none;
	color: #fff;
}

.nt-blog-archive--articles .nt-blog-articles__more .nt-button--primary {
	background: var(--nt-color-cobalt-high);
	border-color: var(--nt-color-cobalt-high);
	box-shadow: 0 10px 28px rgb(52 104 242 / 20%);
	color: #fff;
}

.nt-blog-archive--articles .nt-blog-articles__more .nt-button--primary:hover {
	background: var(--nt-color-cobalt);
	border-color: var(--nt-color-cobalt);
	box-shadow: 0 10px 28px rgb(52 104 242 / 28%);
	color: #fff;
}

.nt-blog-archive--articles :where(.nt-blog-articles-search button, .nt-blog-articles__more .nt-button) {
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.7;
}
.nt-blog-archive--articles .nt-blog-articles__sort-card { background: var(--nt-color-card); border: 1px solid var(--nt-color-line); border-radius: 16px; padding: 14px; }
.nt-blog-archive--articles .nt-blog-articles__sort-card h2 { color: var(--nt-color-ink); font-size: .8rem; margin: 0 0 10px; }
.nt-blog-archive--articles .nt-blog-articles__sort-card nav { display: grid; gap: 4px; }
.nt-blog-archive--articles .nt-blog-articles__sort-card a { border-radius: 8px; color: var(--nt-color-ink-soft); font-size: .72rem; padding: 8px 9px; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.nt-blog-archive--articles .nt-blog-articles__sort-card a:hover { background: var(--nt-color-card-alt); color: var(--nt-color-ink); }
.nt-blog-archive--articles .nt-blog-articles__sort-card a.is-active { background: rgb(155 217 31 / 12%); color: var(--nt-color-brand); }
.nt-blog-archive--articles .nt-blog-articles__heading { border-bottom: 1px solid var(--nt-color-line-soft); margin-bottom: 26px; padding-bottom: 18px; }
.nt-blog-archive--articles .nt-blog-articles__heading h2 { font-size: clamp(1.8rem, 3.5vw, 2.55rem); }
.nt-blog-archive--articles .nt-blog-articles__grid { grid-template-columns: minmax(0, 1fr); }
.nt-blog-archive--articles .nt-blog-articles__grid > .nt-post-card:first-child { grid-column: auto; }

@media (min-width: 650px) {
	.nt-blog-showcase__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nt-blog-showcase-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.nt-blog-top-categories__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.nt-blog-archive--articles .nt-blog-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1050px) {
	.nt-blog-showcase__grid { max-width: 1120px; }
	.nt-blog-showcase__row { gap: 26px 40px; }
	.nt-blog-showcase-card__image { min-height: 0; }
	.nt-blog-showcase-card { gap: 14px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.nt-blog-showcase-card__copy { padding-inline: 4px; }
	.nt-blog-showcase-card__copy h2 { font-size: .96rem; line-height: 1.8; }
	.nt-blog-top-categories__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.nt-blog-archive--articles .nt-blog-articles__layout { grid-template-columns: minmax(0, 1fr) 285px; }
	.nt-blog-archive--articles .nt-blog-articles__filters { grid-column: 2; grid-row: 1; padding-top: 0; position: sticky; top: 106px; }
	.nt-blog-archive--articles .nt-blog-articles__results { grid-column: 1; grid-row: 1; }
	.nt-blog-archive--articles .nt-blog-articles__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nt-blog-archive--articles .nt-blog-articles__toolbar { grid-template-columns: minmax(0, 1fr); }
	.nt-blog-archive--articles .nt-blog-articles__sort-card { align-self: start; box-sizing: border-box; position: static; width: 100%; }
}

@media (max-width: 650px) {
	.nt-blog-comments__header { align-items: start; flex-direction: column; gap: 10px; }
	.nt-blog-comments__count { margin-top: 0; }
	.nt-entry-meta time { transform: translateX(-9px); }
}

/* Single-post related articles: compact category carousel. */
.nt-blog-related__header { align-items: start; border-bottom: 1px solid var(--nt-color-line-soft); display: flex; gap: 18px; justify-content: space-between; margin-bottom: 16px; padding-bottom: 15px; }
.nt-blog-related__eyebrow { color: var(--nt-color-cobalt-high); display: block; font: 700 .62rem/1.5 var(--nt-font-mono); letter-spacing: .08em; margin-bottom: 6px; text-transform: uppercase; }
.nt-blog-related__header h2 { font-size: clamp(1.3rem, 2.5vw, 1.7rem); margin: 0; }
.nt-blog-related__header p { color: #68717b; font-size: .95rem; line-height: 1.9; margin: 7px 0 0; }
.nt-blog-related__actions { align-items: flex-start; align-self: stretch; direction: ltr; display: flex; flex-direction: column; gap: 9px; justify-content: space-between; }
.nt-blog-related__more { color: #87909a; direction: rtl; font-size: .76rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.nt-blog-related__more span { display: inline-block; margin-inline-start: 4px; transition: color .18s ease, transform .18s ease; }
.nt-blog-related__more:hover,
.nt-blog-related__more:focus-visible { color: var(--nt-color-ink); }
.nt-blog-related__more:hover span,
.nt-blog-related__more:focus-visible span { color: var(--nt-color-brand); transform: translateX(-3px); }
.nt-blog-related__controls { display: flex; gap: 6px; }
.nt-blog-related__controls button { align-items: center; background: var(--nt-color-card-alt); border: 1px solid var(--nt-color-line); border-radius: 8px; color: var(--nt-color-ink); cursor: pointer; display: inline-flex; font-size: 1.2rem; height: 31px; justify-content: center; line-height: 1; padding: 0; transition: background-color .18s ease, border-color .18s ease, color .18s ease; width: 31px; }
.nt-blog-related__controls button:hover:not(:disabled) { background: var(--nt-color-brand); border-color: var(--nt-color-brand); color: #080d05; }
.nt-blog-related__controls button:disabled { cursor: default; opacity: .35; }
.nt-blog-related__controls button:focus-visible,
.nt-blog-related__more:focus-visible { outline: 2px solid var(--nt-color-brand); outline-offset: 3px; }
.nt-blog-related__viewport { min-width: 0; overflow: hidden; }
.nt-blog-related__grid { display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 8px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-color: var(--nt-color-line-hover) transparent; scrollbar-width: thin; }
.nt-blog-related__grid > .nt-post-card { display: flex; flex: 0 0 86%; flex-direction: column; min-width: 0; scroll-snap-align: start; }
.nt-blog-related__grid > .nt-post-card--full-link { color: inherit; cursor: pointer; text-decoration: none; }
.nt-blog-related__grid > .nt-post-card--full-link:focus-visible { outline: 2px solid var(--nt-color-brand); outline-offset: 3px; }
.nt-blog-related__grid > .nt-post-card:hover { transform: translateY(-2px); }
.nt-blog-related__grid > .nt-post-card .nt-post-card__body { display: flex; flex: 1; flex-direction: column; }
.nt-blog-related__grid > .nt-post-card--full-link :where(h2, h3) { margin-top: 0; }
.nt-blog-related__grid > .nt-post-card :where(h2, h3) { display: block; overflow: hidden; overflow-wrap: normal; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; word-break: normal; }
.nt-blog-related__grid > .nt-post-card :where(p, .nt-post-card__excerpt) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nt-blog-related__grid > .nt-post-card .nt-post-card__excerpt { color: var(--nt-color-muted); font-size: 12px; line-height: 1.9; margin: 0; }
.nt-blog-related__grid > .nt-post-card .nt-post-card__meta { display: none; }
.nt-blog-related__grid > .nt-post-card .nt-post-card__action { align-self: flex-end; margin-top: auto; padding-top: 8px; text-align: left; width: auto; }

@media (min-width: 650px) {
	.nt-blog-related__grid > .nt-post-card { flex-basis: calc((100% - 14px) / 2); }
}

@media (min-width: 1000px) {
	.nt-blog-related__grid > .nt-post-card { flex-basis: calc((100% - 28px) / 3); }
}

@media (max-width: 560px) {
	.nt-article-faq { padding-inline: 17px; }
	.nt-blog-related__header { align-items: start; flex-direction: column; }
	.nt-blog-related__actions { align-self: auto; justify-content: start; margin-bottom: -60px; width: 100%; }
	.nt-blog-related__actions { transform: translateY(-100px); }
}

/* Canonical blog split flow: columns size independently and collapse cleanly. */
.nt-site-main.nt-blog-archive--articles,
main.nt-site-main.nt-blog-single {
	min-height: 0;
}

.nt-blog-single .nt-detail-layout,
.nt-blog-archive--articles .nt-detail-layout {
	align-items: start;
	direction: rtl;
	display: grid;
	gap: clamp(24px, 3.5vw, 48px);
	min-width: 0;
}

.nt-blog-single .nt-detail-layout > :where(.nt-detail-layout__main, .nt-detail-layout__aside),
.nt-blog-archive--articles .nt-detail-layout > :where(.nt-detail-layout__main, .nt-detail-layout__aside) {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.nt-blog-single .nt-detail-layout :where(h1, h2, h3, h4, p, li, a, strong),
.nt-blog-archive--articles .nt-detail-layout :where(h1, h2, h3, h4, p, li, a, strong) {
	overflow-wrap: anywhere;
}

.nt-blog-archive--articles .nt-blog-articles__grid {
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
}

@media (min-width: 650px) {
	.nt-blog-archive--articles .nt-blog-articles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1050px) {
	/* Keep a single filtered result the same compact width as a three-card grid. */
	.nt-blog-archive--articles .nt-blog-articles__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	.nt-blog-single .nt-detail-layout {
		grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
	}

	.nt-blog-single .nt-detail-layout > .nt-detail-layout__aside {
		align-self: start;
		margin-block-start: 24px;
		position: sticky;
		top: 72px;
	}
}

@media (min-width: 1050px) {
	.nt-blog-archive--articles .nt-detail-layout {
		grid-template-columns: minmax(0, 1fr) clamp(250px, 24vw, 285px);
	}

	.nt-blog-archive--articles .nt-detail-layout > .nt-detail-layout__aside {
		align-self: start;
		position: sticky;
		top: 106px;
	}
}

@media (max-width: 1049px) {
	.nt-blog-archive--articles .nt-detail-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.nt-blog-archive--articles .nt-detail-layout > .nt-detail-layout__aside {
		position: static;
	}
}

@media (max-width: 999px) {
	.nt-blog-single .nt-detail-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.nt-blog-single .nt-detail-layout > .nt-detail-layout__aside {
		position: static;
	}
}

@media (max-width: 649px) {
	/* Keep the mobile order: top categories, search, then article cards. */
	.nt-blog-archive--articles .nt-blog-articles__layout {
		display: flex;
		flex-direction: column;
	}

	.nt-blog-archive--articles .nt-blog-articles__filters {
		display: flex;
		flex-direction: column;
		order: 1;
	}

	.nt-blog-archive--articles .nt-blog-articles__results { order: 2; }
	.nt-blog-archive--articles .nt-blog-articles__toolbar { order: 1; }
	.nt-blog-archive--articles .nt-blog-articles__filter-card { order: 2; }
	.nt-blog-archive--articles .nt-blog-articles__sort-card { order: 3; }

	.nt-blog-archive--articles .nt-blog-articles__toolbar {
		background: var(--nt-color-card);
		border: 1px solid var(--nt-color-line);
		border-radius: 16px;
		display: grid;
		gap: 12px;
		padding: 14px;
	}

	.nt-blog-archive--articles .nt-blog-articles__toolbar .nt-blog-articles-search {
		background: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
	}

	.nt-blog-archive--articles .nt-blog-articles__filter-toggle {
		background: transparent !important;
		border: 1px solid var(--nt-color-line-soft) !important;
		border-radius: 10px;
		box-shadow: none !important;
		color: var(--nt-color-ink-soft);
		cursor: pointer;
		display: block;
		font: inherit;
		font-size: .76rem;
		font-weight: 700;
		min-height: 40px;
		padding: 7px 12px;
		width: 100%;
	}

	.nt-blog-archive--articles .nt-blog-articles__filter-toggle:hover,
	.nt-blog-archive--articles .nt-blog-articles__filter-toggle:focus-visible {
		background: transparent !important;
		border-color: var(--nt-color-line) !important;
		color: var(--nt-color-ink);
	}

	.nt-blog-archive--articles .nt-blog-articles__filter-panel {
		align-content: start;
		background: var(--nt-color-page);
		border-inline-start: 1px solid var(--nt-color-line);
		box-sizing: border-box;
		box-shadow: -18px 0 48px rgb(0 0 0 / 28%);
		display: flex;
		flex-direction: column;
		gap: 18px;
		inset-block: 0;
		left: auto;
		margin: 0;
		max-width: 314px;
		min-height: 100dvh;
		overflow-y: auto;
		padding: 72px 16px 24px;
		position: fixed;
		right: 0;
		transform: translateX(100%);
		transition: transform 180ms ease-out, visibility 180ms ease-out;
		visibility: hidden;
		width: min(314px, 88vw);
		z-index: 1100;
	}

	.nt-blog-archive--articles .nt-blog-articles__filter-panel.is-open {
		display: grid;
		transform: translateX(0);
		visibility: visible;
	}

	.nt-blog-archive--articles .nt-blog-articles__filters-close {
		background: transparent;
		border: 1px solid var(--nt-color-line);
		border-radius: 10px;
		color: var(--nt-color-ink-soft);
		display: block;
		font: inherit;
		font-weight: 700;
		min-height: 44px;
		padding: 9px 14px;
		position: absolute;
		right: 16px;
		text-align: center;
		top: 16px;
		width: calc(100% - 32px);
	}

	.nt-blog-archive--articles .nt-blog-articles__filter-panel .nt-blog-articles__filter-card,
	.nt-blog-archive--articles .nt-blog-articles__filter-panel .nt-blog-articles__sort-card {
		flex: 0 0 auto;
	}

	html.nt-blog-filters-open {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	.nt-blog-single .nt-detail-layout,
	.nt-blog-archive--articles .nt-detail-layout {
		gap: 22px;
	}

	.nt-blog-archive--articles .nt-blog-articles__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Match the archive footer transition to the unified dark page surface. */
.nt-blog-archive--articles + .nt-site-footer,
.nt-blog-archive--articles + .nt-site-footer .nt-footer-pro {
	background: #080b0e;
}

.nt-blog-archive--articles + .nt-site-footer .nt-footer-pro {
	border-top: 1px solid var(--nt-color-line-soft);
}

/* Keep single-article pages aligned with the same compact footer transition. */
main.nt-site-main.nt-blog-single {
	padding-bottom: 20px;
}

main.nt-site-main.nt-blog-single + .nt-site-footer,
main.nt-site-main.nt-blog-single + .nt-site-footer .nt-footer-pro {
	background: var(--nt-color-page);
}

main.nt-site-main.nt-blog-single + .nt-site-footer .nt-footer-pro {
	border-top: 1px solid var(--nt-color-line-soft);
}

/* Keep long-form article text comfortable to read on desktop and mobile. */
.nt-blog-single .nt-entry-content {
	font-size: 1.1rem;
	line-height: 2.25;
}

/* Rank Math's native TOC block, styled as part of the article surface. */
.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block {
	background: var(--nt-color-card);
	border: 1px solid var(--nt-color-line-soft);
	border-inline-start: 3px solid var(--nt-color-brand);
	border-radius: 14px;
	box-shadow: 0 10px 22px rgb(0 0 0 / 14%);
	margin: 0 0 2.6rem;
	padding: 18px 22px 20px;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block > h2 {
	color: var(--nt-color-ink);
	font-size: 1.08rem;
	margin: 0;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block .nt-toc-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--nt-color-ink);
	cursor: pointer;
	display: flex;
	font: inherit;
	justify-content: space-between;
	padding: 0;
	text-align: right;
	transition: background-color .18s ease, border-color .18s ease;
	width: 100%;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block .nt-toc-toggle:hover,
.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block .nt-toc-toggle:focus-visible {
	background: transparent;
	border-color: transparent;
	color: var(--nt-color-ink);
	outline: none;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block .nt-toc-toggle__icon {
	border-bottom: 2px solid var(--nt-color-brand);
	border-inline-end: 2px solid var(--nt-color-brand);
	color: var(--nt-color-ink-soft);
	display: block;
	height: 9px;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
	width: 9px;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block.is-collapsed .nt-toc-toggle__icon {
	transform: rotate(-45deg) translateY(2px);
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav ul {
	display: grid;
	gap: 6px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav li::before {
	display: none !important;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav li {
	margin: 0;
	padding: 0;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a {
	border-radius: 8px;
	color: var(--nt-color-ink);
	display: block;
	font-size: .9rem;
	line-height: 1.9;
	padding: 5px 8px;
	position: relative;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease, padding-inline-start .18s ease;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a:hover,
.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a:focus-visible {
	background: rgb(155 217 31 / 9%);
	color: var(--nt-color-ink);
	padding-inline-start: 18px;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a::before {
	background: var(--nt-color-brand);
	border-radius: 2px;
	content: "";
	inset-block: 6px;
	inset-inline-start: 0;
	position: absolute;
	transform: scaleY(0);
	transform-origin: center;
	transition: transform .18s ease;
	width: 3px;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a:hover::before,
.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block nav a:focus-visible::before {
	transform: scaleY(1);
}

.nt-blog-single .nt-entry-content :where(h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover,
.nt-blog-single .nt-entry-content :where(h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):focus-visible {
	color: var(--nt-color-ink);
}

.nt-blog-single .nt-entry-content :where(h1, h2, h3) {
	scroll-margin-top: 120px;
}

/* Give article headings a very subtle blue surface so they separate from
 * long paragraphs without becoming bright or distracting. */
.nt-blog-single .nt-entry-content > :where(h1, h2, h3),
.nt-blog-single .nt-entry-content :where(h1, h2, h3) {
	background: transparent;
	border-inline-start: 3px solid var(--nt-color-cobalt-high);
	border-radius: 8px;
	box-decoration-break: clone;
	padding: 8px 14px;
}

.nt-blog-single .nt-entry-content .wp-block-rank-math-toc-block > h2 {
	background: transparent;
	border-inline-start: 0;
	padding: 0;
}

.nt-blog-single .nt-entry-content .nt-article-faq :where(h1, h2, h3) {
	background: transparent;
	border-inline-start: 0;
	border-radius: 0;
	padding: 0;
}

@media (max-width: 649px) {
	.nt-blog-single .nt-entry-content {
		padding-inline: 5px;
	}

	.nt-blog-single .nt-entry-title {
		font-size: 1.55rem;
		line-height: 1.55;
	}

	.nt-blog-single .nt-entry-content :where(h1, h2, h3, h4, h5, h6) {
		border-inline-start: 3px solid var(--nt-color-cobalt-high);
		font-size: 1.3rem;
		line-height: 1.75;
		margin-block: 1.35em .55em;
		padding: 6px 10px;
	}

	.nt-blog-archive--articles .nt-blog-articles-search > div {
		align-items: center;
		flex-wrap: nowrap;
	}

	.nt-blog-archive--articles .nt-blog-articles-search input {
		flex: 1 1 auto;
		min-width: 0;
		padding: 8px 2px;
		width: auto;
	}

	/* Keep Persian article-card text from breaking at arbitrary characters on phones. */
	.nt-blog-articles__grid .nt-post-card__body {
		direction: rtl;
		gap: 8px;
		height: auto;
		min-width: 0;
		overflow: visible;
		padding: 14px;
}

	.nt-blog-articles__grid .nt-post-card__cover {
		flex: 0 0 auto;
	}

	.nt-blog-articles__grid .nt-post-card :where(h2, h3),
	.nt-blog-articles__grid .nt-post-card :where(h2, h3) a,
	.nt-blog-articles__grid .nt-post-card p {
		overflow-wrap: normal !important;
		word-break: normal;
		hyphens: none;
	}

	.nt-blog-articles__grid .nt-post-card :where(h2, h3) {
		display: block;
		line-break: auto;
		text-align: right;
	}

	.nt-blog-articles__grid .nt-post-card p {
		display: block;
		max-height: 4em;
	}
}

/* Match embedded videos to the dark article surface instead of the browser frame. */
.nt-blog-single .nt-entry-content :where(iframe, video) {
	border: 0 !important;
	box-shadow: none;
	outline: 0;
}

/* Use the site's cobalt action style throughout an article page. */
.nt-blog-single .nt-blog-sidebar__path-button,
.nt-blog-single .nt-blog-comment-form input[type="submit"] {
	background: var(--nt-color-cobalt-high);
	border-color: var(--nt-color-cobalt-high);
	box-shadow: 0 10px 28px rgb(52 104 242 / 20%);
	color: #fff;
}

.nt-blog-single .nt-blog-sidebar__path-button:hover,
.nt-blog-single .nt-blog-sidebar__path-button:focus-visible,
.nt-blog-single .nt-blog-comment-form input[type="submit"]:hover {
	background: var(--nt-color-cobalt);
	border-color: var(--nt-color-cobalt);
	box-shadow: 0 10px 28px rgb(52 104 242 / 28%);
	color: #fff;
}