/* ============================================================
   mihai-nituica WordPress theme
   Main stylesheet
   ============================================================ */

/* ---------- Myriad font (uploaded) — minus the Romanian comma-below glyphs
              which fall to Source Sans 3 ---------- */
@font-face {
	font-family: 'Myriad';
	src: url('../fonts/Myriad.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-0217, U+021C-FFFF;
}

/* ===== TOKENS ===== */
:root,
:root[data-theme="dark"] {
	--bg:          #0E1320;
	--bg-2:        #161B2C;
	--bg-3:        #1D2238;
	--bg-overlay:  rgba(14, 19, 32, 0.72);
	--border:        #252B42;
	--border-hover:  #353C58;
	--border-strong: #4A5278;
	--fg-1: #EEEFF5;
	--fg-2: #B0B5C9;
	--fg-3: #7A8099;
	--fg-4: #535873;
	--accent:        #A78BFA;
	--accent-hover:  #BBA5FF;
	--accent-press:  #8E72E0;
	--accent-muted:  rgba(167, 139, 250, 0.18);
	--accent-fg:     #FFFFFF;
	--success: #5BD4A8;
	--warning: #F5C462;
	--danger:  #F87171;
	--shadow-sm: 0 0 0 transparent;
	--shadow-md: 0 0 0 transparent;
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
	--selection-bg: rgba(167, 139, 250, 0.35);
	--selection-fg: #FFFFFF;
}

:root[data-theme="light"] {
	--bg:          #FAF8F3;
	--bg-2:        #FFFFFF;
	--bg-3:        #F2EFE8;
	--bg-overlay:  rgba(250, 248, 243, 0.78);
	--border:        #E8E4DA;
	--border-hover:  #D8D2C4;
	--border-strong: #B8B0A0;
	--fg-1: #13182A;
	--fg-2: #4A4F60;
	--fg-3: #7A7F8C;
	--fg-4: #A8ACB8;
	--accent:        #7C4DFF;
	--accent-hover:  #6938F0;
	--accent-press:  #5828D8;
	--accent-muted:  rgba(124, 77, 255, 0.12);
	--accent-fg:     #FFFFFF;
	--success: #2E9968;
	--warning: #C68A1E;
	--danger:  #D14848;
	--shadow-sm: 0 1px 2px rgba(19, 24, 42, 0.04);
	--shadow-md: 0 4px 12px rgba(19, 24, 42, 0.06);
	--shadow-lg: 0 12px 36px rgba(19, 24, 42, 0.10);
	--selection-bg: rgba(124, 77, 255, 0.20);
	--selection-fg: #13182A;
}

:root {
	--font-display: 'Myriad', 'Source Sans 3', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-sans:    'Myriad', 'Source Sans 3', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
	--font-wordmark: 'Manrope', 'Source Sans 3', sans-serif;

	--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
	--space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;

	--radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 999px;

	--content-max: 1200px; --reading-max: 760px; --sidebar-width: 320px;

	--ease-out: cubic-bezier(0.4, 0, 0.2, 1);
	--dur-fast: 120ms; --dur-normal: 180ms;
}

/* ===== Base ===== */
* { box-sizing: border-box; }
html { font-synthesis: weight style; }
html.bnk-no-transition, html.bnk-no-transition *, html.bnk-no-transition *::before, html.bnk-no-transition *::after { transition: none !important; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--fg-1);
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
::selection { background: var(--selection-bg); color: var(--selection-fg); }

a { color: var(--fg-1); text-decoration: none; transition: color var(--dur-fast); }
a:hover { color: var(--accent); }
img { max-width: 100%; height: auto; }
button { font: inherit; cursor: pointer; }

.skip-link {
	position: absolute; left: -9999px; top: 0;
	background: var(--accent); color: #fff;
	padding: 8px 16px; border-radius: 6px; z-index: 100;
}
.skip-link:focus { left: 16px; top: 16px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; width: 1px; height: 1px; overflow: hidden; }

/* ===== App / Container ===== */
.bnk-app { min-height: 100vh; display: flex; flex-direction: column; }
.bnk-container { flex: 1; width: 100%; max-width: var(--content-max); margin: 0 auto; padding: 28px 24px 64px; }

/* ===== Header ===== */
.bnk-header {
	position: sticky; top: 0; z-index: 30;
	background: var(--bg-overlay);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border);
}
.bnk-header-inner {
	max-width: var(--content-max); margin: 0 auto;
	padding: 16px 24px;
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.bnk-header-left { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.bnk-tagline { font-size: 14px; color: var(--fg-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wordmark {
	font-family: var(--font-wordmark);
	font-weight: 300;
	font-size: 22px;
	color: var(--fg-1);
	letter-spacing: -0.025em;
	cursor: pointer;
	line-height: 1;
}

/* Nav */
.bnk-nav { display: flex; align-items: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.bnk-nav .bnk-nav-list { list-style: none; padding: 0; margin: 0; display: flex; gap: 4px; }
.bnk-nav-pill, .bnk-nav-list a {
	display: inline-block;
	padding: 7px 14px; border-radius: 999px;
	font-size: 13px; font-weight: 500; color: var(--fg-2);
	transition: all var(--dur-fast);
	text-decoration: none;
}
.bnk-nav-pill:hover, .bnk-nav-list a:hover { color: var(--fg-1); }
.bnk-nav-pill.active, .bnk-nav-list .current-menu-item a, .bnk-nav-list .current_page_item a {
	background: var(--bg-3); color: var(--fg-1);
}

/* Theme toggle */
.bnk-toggle {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 12px; border-radius: 999px;
	background: var(--bg-2); border: 1px solid var(--border); color: var(--fg-1);
	font-size: 13px; font-weight: 500;
	margin-left: 8px;
	transition: all var(--dur-fast);
}
.bnk-toggle:hover { border-color: var(--border-hover); }
/* Sun icon + "Zi" label = visible in dark mode (it's the destination) */
:root[data-theme="dark"] .bnk-toggle-icon-moon,
:root[data-theme="dark"] .bnk-toggle-label-night { display: none; }
:root[data-theme="light"] .bnk-toggle-icon-sun,
:root[data-theme="light"] .bnk-toggle-label-day { display: none; }

/* ===== Layout ===== */
.bnk-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--sidebar-width);
	gap: 28px; align-items: start;
}
.bnk-feed { display: flex; flex-direction: column; gap: 20px; }

/* ===== Post card ===== */
.bnk-post-card {
	position: relative;
	display: grid; grid-template-columns: minmax(0, 1fr) 220px;
	border: 1px solid var(--border); border-radius: var(--radius-lg);
	background: var(--bg-2); overflow: hidden;
	transition: transform var(--dur-normal), border-color var(--dur-normal), box-shadow var(--dur-normal);
	box-shadow: var(--shadow-sm);
}
.bnk-post-card:hover { border-color: var(--border-hover); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.bnk-post-card-overlay-link { position: absolute; inset: 0; z-index: 2; }
.bnk-post-card-views {
	position: absolute; top: 12px; right: 12px; z-index: 1;
	display: inline-flex; align-items: center; gap: 5px;
	padding: 4px 10px; border-radius: 999px;
	background: var(--bg-3); color: var(--fg-2); font-size: 11px;
}
.bnk-post-card-body { padding: 18px 22px; display: flex; flex-direction: column; min-width: 0; }
.bnk-post-card-author {
	font-family: var(--font-sans); font-weight: 500; font-size: 12px;
	color: var(--fg-3); letter-spacing: 0.06em; text-transform: uppercase;
	margin-bottom: 14px;
}
.bnk-post-card-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.bnk-cat-pill {
	background: var(--accent-muted); color: var(--accent);
	padding: 4px 9px; border-radius: var(--radius-sm);
	font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600;
}
.bnk-meta-inline {
	display: inline-flex; align-items: center; gap: 5px;
	color: var(--fg-3); font-size: 12px;
}
.bnk-post-card-title {
	font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.22;
	letter-spacing: -0.01em; color: var(--fg-1); margin: 0 0 10px;
	text-wrap: pretty;
}
.bnk-post-card-excerpt {
	font-size: 14px; line-height: 1.55; color: var(--fg-2); margin: 0 0 16px;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bnk-post-card-excerpt p { margin: 0; }
.bnk-post-card-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.bnk-post-card-date { font-size: 12px; color: var(--fg-3); }
.bnk-post-card-arrow { color: var(--fg-3); }
.bnk-post-card:hover .bnk-post-card-arrow { color: var(--accent); }
.bnk-post-card-thumb { background-size: cover; background-position: center; background-color: var(--bg-3); min-height: 180px; }
.bnk-post-card--no-thumb { grid-template-columns: 1fr; }

/* ===== Sidebar ===== */
.bnk-search {
	border: 1px solid var(--border); border-radius: var(--radius-lg);
	padding: 18px; background: var(--bg-2);
	position: sticky; top: 92px;
}
.bnk-search-label {
	font-weight: 600; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--fg-3); margin-bottom: 12px; text-align: center;
}
.bnk-search-field { display: flex; gap: 8px; align-items: center; }
.bnk-search-input {
	flex: 1; min-width: 0;
	background: var(--bg); border: 1px solid var(--border); color: var(--fg-1);
	border-radius: 999px; padding: 10px 16px;
	font: 400 13px var(--font-sans); outline: none;
}
.bnk-search-input::placeholder { color: var(--fg-3); }
.bnk-search-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-muted); }
.bnk-search-go {
	width: 36px; height: 36px; flex-shrink: 0;
	background: var(--accent); color: var(--accent-fg);
	border: none; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
}
.bnk-search-go:hover { background: var(--accent-hover); }
.bnk-sidebar-widgets { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); }
.bnk-sidebar-widget { margin-bottom: 20px; }
.bnk-sidebar-widget-title { font-size: 14px; font-weight: 600; color: var(--fg-1); margin: 0 0 10px; }
.bnk-sidebar-widget ul { list-style: none; padding: 0; margin: 0; }
.bnk-sidebar-widget li { padding: 6px 0; font-size: 13px; color: var(--fg-2); border-bottom: 1px solid var(--border); }
.bnk-sidebar-widget li:last-child { border-bottom: none; }

/* ===== Pagination ===== */
.bnk-pagination-wrap { display: flex; justify-content: center; margin-top: 16px; }
.bnk-pagination, .nav-links {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 6px; border: 1px solid var(--border); border-radius: 999px;
	background: var(--bg-2);
}
.bnk-pagination .page-numbers, .nav-links .page-numbers {
	min-width: 32px; height: 32px; padding: 0 8px;
	border-radius: 999px;
	font-size: 13px; font-weight: 500; color: var(--fg-2);
	display: inline-flex; align-items: center; justify-content: center;
	text-decoration: none;
	transition: all var(--dur-fast);
}
.bnk-pagination .page-numbers:hover, .nav-links .page-numbers:hover {
	background: var(--bg-3); color: var(--fg-1);
}
.bnk-pagination .page-numbers.current, .nav-links .page-numbers.current {
	background: var(--accent); color: #fff;
}
.bnk-pagination .page-numbers.dots, .nav-links .page-numbers.dots { color: var(--fg-3); cursor: default; }
.screen-reader-text { display: none; }
.bnk-pagination h2.screen-reader-text { display: none; }

/* ===== Footer ===== */
.bnk-footer {
	padding: 32px 24px; text-align: center;
	font-size: 13px; color: var(--fg-3);
	border-top: 1px solid var(--border); margin-top: 64px;
}
.bnk-footer .wordmark { display: inline; font-size: 14px; }

/* ===== Single post ===== */
.bnk-single { max-width: var(--reading-max); margin: 0 auto; }
.bnk-back {
	display: inline-flex; align-items: center; gap: 6px;
	background: none; border: none; color: var(--fg-3);
	font-size: 13px; font-weight: 500; padding: 0;
	margin-bottom: 28px; text-decoration: none;
}
.bnk-back:hover { color: var(--accent); }

/* Cinematic hero — image with title overlay + gradient */
.bnk-article-cinematic {
	position: relative; width: 100%; height: 540px;
	background-size: cover; background-position: center;
	background-color: var(--bg-3);
	border-radius: var(--radius-md);
	overflow: hidden;
	display: flex; align-items: flex-end;
	margin-bottom: 36px;
	box-shadow: var(--shadow-md);
}
.bnk-article-cinematic::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.85) 100%);
}
.bnk-article-cinematic-inner {
	position: relative; z-index: 1; width: 100%;
	padding: 36px 40px;
	color: #fff;
	display: flex; flex-direction: column; gap: 14px;
}
.bnk-article-cinematic-inner .bnk-cat-pill {
	align-self: flex-start;
	background: rgba(255, 255, 255, 0.20); color: #fff;
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.25);
}
.bnk-article-title.cinematic {
	color: #fff; font-size: 42px; line-height: 1.1; font-weight: 700;
	margin: 0; letter-spacing: -0.02em;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
	text-wrap: balance;
}
.bnk-article-submeta.cinematic {
	color: rgba(255, 255, 255, 0.85); font-size: 14px; margin: 0;
	display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.bnk-article-submeta.cinematic .bnk-meta-dot { opacity: 0.55; }

/* Default article hero (used by pages) */
.bnk-article-hero {
	width: 100%; height: 360px;
	background-size: cover; background-position: center;
	background-color: var(--bg-3);
	border-radius: var(--radius-md);
	margin-bottom: 32px;
}

/* Page-level h1 (About, 404) */
.bnk-article-title {
	font-family: var(--font-display); font-weight: 700;
	font-size: 40px; line-height: 1.13; letter-spacing: -0.02em;
	color: var(--fg-1); margin: 0 0 24px;
	text-wrap: balance;
}

/* Body content — justified, hyphens */
.bnk-article-body {
	font-family: var(--font-sans); font-size: 17px; line-height: 1.75; color: var(--fg-2);
}
.bnk-article-body p {
	margin: 0 0 22px;
	text-align: justify; text-justify: inter-word;
	hyphens: auto; -webkit-hyphens: auto;
}
.bnk-article-body strong { color: var(--fg-1); font-weight: 700; }
.bnk-article-body a {
	color: var(--accent); text-decoration: underline;
	text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.bnk-article-body a:hover { color: var(--accent-hover); }
.bnk-article-body h2, .bnk-article-body h3 { color: var(--fg-1); margin: 36px 0 18px; line-height: 1.3; }
.bnk-article-body h2 { font-size: 26px; }
.bnk-article-body h3 { font-size: 20px; }
.bnk-article-body blockquote {
	border-left: 3px solid var(--accent);
	padding-left: 20px; margin: 28px 0;
	font-style: italic; font-size: 18px; line-height: 1.5; color: var(--fg-1);
	text-align: left;
}
.bnk-article-body ul, .bnk-article-body ol { padding-left: 22px; margin: 0 0 22px; }
.bnk-article-body li { margin-bottom: 8px; text-align: justify; }
.bnk-article-body code {
	font-family: var(--font-mono); font-size: 0.92em;
	background: var(--bg-3); padding: 2px 6px; border-radius: var(--radius-sm); color: var(--accent);
}
.bnk-article-body pre {
	font-family: var(--font-mono); background: var(--bg-3);
	border: 1px solid var(--border); border-radius: var(--radius-md);
	padding: 16px; overflow-x: auto; line-height: 1.5;
}
.bnk-article-body pre code { background: transparent; padding: 0; color: var(--fg-1); }

/* Figures — centered, italic captions */
.bnk-article-body figure,
.bnk-article-body .wp-block-image {
	margin: 32px auto !important;
	text-align: center;
}
.bnk-article-body figure img,
.bnk-article-body .wp-block-image img {
	display: block; margin: 0 auto;
	border-radius: var(--radius-md);
	max-width: 100%; height: auto;
}
.bnk-article-body figure figcaption,
.bnk-article-body .wp-block-image figcaption,
.wp-caption-text {
	margin-top: 12px;
	font-style: italic; font-size: 14px; line-height: 1.5;
	color: var(--fg-3); text-align: center;
}
.bnk-article-body .alignleft, .bnk-article-body .alignright {
	float: none; margin: 32px auto !important; display: block;
}

/* Article nav (prev/next) */
.bnk-article-nav {
	display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
	margin: 40px 0 0;
}
.bnk-article-nav-item {
	background: var(--bg-2); border: 1px solid var(--border);
	border-radius: var(--radius-lg); padding: 16px 18px;
	display: flex; flex-direction: column; gap: 6px;
	text-align: left; text-decoration: none;
	transition: all var(--dur-fast); min-width: 0;
}
.bnk-article-nav-item.next { text-align: right; }
.bnk-article-nav-item:hover { border-color: var(--border-hover); transform: translateY(-1px); }
.bnk-article-nav-label { font-size: 12px; color: var(--accent); font-weight: 600; }
.bnk-article-nav-title {
	font-family: var(--font-display); font-size: 15px; font-weight: 600; line-height: 1.3;
	color: var(--fg-1);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Share */
.bnk-article-foot {
	margin-top: 32px; padding-top: 24px;
	border-top: 1px solid var(--border);
	display: flex; align-items: center; justify-content: space-between;
}
.bnk-article-share { display: flex; gap: 6px; align-items: center; }
.bnk-article-share-label { font-size: 13px; color: var(--fg-3); margin-right: 6px; }
.bnk-iconbtn {
	width: 36px; height: 36px; border-radius: 999px;
	background: var(--bg-2); border: 1px solid var(--border); color: var(--fg-2);
	display: inline-flex; align-items: center; justify-content: center;
	text-decoration: none;
	transition: all var(--dur-fast);
}
.bnk-iconbtn:hover { border-color: var(--accent); color: var(--accent); }

/* ===== Comments ===== */
.bnk-comments {
	margin-top: 56px; padding-top: 32px;
	border-top: 1px solid var(--border);
}
.bnk-comments-title {
	font-family: var(--font-display); font-size: 24px; font-weight: 700;
	color: var(--fg-1); margin: 0 0 8px;
}
.bnk-comments-hint { font-size: 13px; color: var(--fg-3); margin: 0 0 20px; }
.bnk-required { color: var(--danger); }

.bnk-comment-form { display: flex; flex-direction: column; gap: 14px; }
.bnk-field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.bnk-field-label {
	font-size: 12px; font-weight: 600; color: var(--fg-2);
	text-transform: uppercase; letter-spacing: 0.06em;
}
.bnk-input, .bnk-textarea {
	background: var(--bg); border: 1px solid var(--border); color: var(--fg-1);
	border-radius: var(--radius-md); padding: 10px 14px;
	font: 400 14px var(--font-sans); outline: none;
	width: 100%; resize: vertical;
	transition: all var(--dur-fast);
}
.bnk-input:focus, .bnk-textarea:focus {
	border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-muted);
}
.bnk-field-check {
	flex-direction: row; align-items: center; gap: 8px;
	font-size: 13px; color: var(--fg-2);
}
.bnk-field-check input { accent-color: var(--accent); }
.bnk-submit, .form-submit input[type="submit"] {
	align-self: flex-start;
	background: var(--accent); color: #fff;
	border: none; border-radius: 999px;
	padding: 10px 22px;
	font-size: 14px; font-weight: 600;
	cursor: pointer;
	transition: background var(--dur-fast);
}
.bnk-submit:hover, .form-submit input[type="submit"]:hover { background: var(--accent-hover); }

.bnk-comment-list {
	list-style: none; padding: 0; margin: 0 0 32px;
}
.bnk-comment-list li {
	padding: 16px 0; border-bottom: 1px solid var(--border);
}
.bnk-comment-list .comment-author { font-weight: 600; color: var(--fg-1); margin-bottom: 4px; }
.bnk-comment-list .comment-author img { vertical-align: middle; margin-right: 8px; border-radius: 999px; }
.bnk-comment-list .comment-meta a { font-size: 12px; color: var(--fg-3); }
.bnk-comment-list .reply { margin-top: 8px; }
.bnk-comment-list .reply a {
	font-size: 12px; color: var(--accent); font-weight: 600;
}
.bnk-comment-list .children { list-style: none; padding-left: 24px; margin-top: 16px; }
.bnk-comments-closed { font-style: italic; color: var(--fg-3); font-size: 13px; }

/* ===== Archive header ===== */
.bnk-archive-header { margin-bottom: 28px; max-width: var(--reading-max); }
.bnk-archive-eyebrow {
	font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em;
	color: var(--accent); margin: 0 0 6px;
}
.bnk-archive-title {
	font-family: var(--font-display); font-size: 36px; font-weight: 700;
	color: var(--fg-1); margin: 0 0 12px; line-height: 1.15;
}
.bnk-archive-desc { color: var(--fg-2); font-size: 16px; line-height: 1.6; }

/* ===== Empty state ===== */
.bnk-empty {
	padding: 60px 24px; text-align: center;
	border: 1px dashed var(--border); border-radius: var(--radius-lg);
	color: var(--fg-3); font-size: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 880px) {
	.bnk-layout { grid-template-columns: 1fr; }
	.bnk-search { position: static; }
	.bnk-article-title { font-size: 32px; }
	.bnk-article-hero { height: 240px; }
	.bnk-tagline { display: none; }
}

@media (max-width: 640px) {
	.bnk-container { padding: 20px 16px 48px; }
	.bnk-header-inner { padding: 12px 16px; gap: 12px; }
	.bnk-header-left { gap: 0; flex: 1; min-width: 0; }
	.wordmark { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.bnk-nav { gap: 2px; flex-shrink: 0; }
	.bnk-nav-pill, .bnk-nav-list a { padding: 6px 10px; font-size: 12px; }
	.bnk-toggle { margin-left: 4px; padding: 6px 10px; font-size: 12px; gap: 4px; }

	.bnk-article-cinematic { height: 380px; }
	.bnk-article-cinematic-inner { padding: 22px 20px; gap: 10px; }
	.bnk-article-title.cinematic { font-size: 26px; }
	.bnk-article-submeta.cinematic { font-size: 13px; }
	.bnk-article-submeta.cinematic .bnk-meta-dot { display: none; }

	.bnk-article-body { font-size: 16px; line-height: 1.7; }
	.bnk-post-card { grid-template-columns: 1fr; }
	.bnk-post-card-thumb { min-height: 200px; order: -1; }
	.bnk-post-card-body { padding: 16px 16px; }
	.bnk-post-card-title { font-size: 19px; }

	.bnk-article-nav { grid-template-columns: 1fr; }
	.bnk-footer { padding: 24px 16px; font-size: 12px; }
}

@media (max-width: 400px) {
	.wordmark { font-size: 16px; }
	.bnk-toggle-label-day, .bnk-toggle-label-night { display: none; }
	.bnk-toggle { padding: 6px; width: 30px; justify-content: center; }
	.bnk-nav-pill, .bnk-nav-list a { padding: 6px 8px; }
	.bnk-article-title.cinematic { font-size: 22px; }
	.bnk-article-cinematic { height: 320px; }
	.bnk-article-title { font-size: 28px; }
}