/*
Theme Name: Vibe Coding to Income
Theme URI: https://vibecodingtoincome.com/
Author: Vibe Coding to Income
Description: Accessible, fast WordPress theme for Vibe Coding to Income.
Version: 1.2.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: vci
*/

:root {
  --vci-navy: #10233f;
  --vci-teal: #0a6f6b;
  --vci-amber: #f4b942;
  --vci-ivory: #faf8f3;
  --vci-white: #ffffff;
  --vci-charcoal: #1e293b;
  --vci-slate: #475569;
  --vci-error: #b42318;
  --vci-success: #166534;
  --vci-focus: #c2410c;
  --vci-border: #d8dee8;
  --vci-shadow: 0 16px 45px rgba(16, 35, 63, .10);
  --vci-radius: 1rem;
  --vci-content: 72rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--vci-charcoal);
  background: var(--vci-ivory);
  font-family: "Atkinson Hyperlegible", Atkinson, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.65;
}
img { max-width: 100%; height: auto; }
a { color: #075e5b; text-underline-offset: .18em; text-decoration-thickness: .09em; }
a:hover { color: var(--vci-navy); }
:focus-visible { outline: 4px solid var(--vci-focus); outline-offset: 4px; }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed; z-index: 99999; top: 1rem; left: 1rem; width: auto; height: auto;
  clip: auto; padding: .8rem 1rem; background: var(--vci-white); color: var(--vci-navy);
}
.vci-wrap { width: min(calc(100% - 2rem), var(--vci-content)); margin-inline: auto; }
.vci-narrow { width: min(calc(100% - 2rem), 48rem); margin-inline: auto; }
.site-main { min-height: 55vh; }

h1, h2, h3, h4 { color: var(--vci-navy); line-height: 1.15; letter-spacing: -.02em; }
h1 { font-size: clamp(2.4rem, 7vw, 4.8rem); margin: 0 0 1rem; }
h2 { font-size: clamp(1.75rem, 4vw, 2.75rem); margin-top: 2.4rem; }
h3 { font-size: clamp(1.35rem, 3vw, 1.75rem); }
p, li { max-width: 72ch; }

.skip-link { position: fixed; left: 1rem; top: -8rem; z-index: 9999; padding: .8rem 1rem; background: var(--vci-amber); color: #17202f; font-weight: 700; }
.skip-link:focus { top: 1rem; }
.site-header { position: sticky; z-index: 1000; top: 0; background: var(--vci-navy); color: var(--vci-white); border-bottom: 5px solid var(--vci-amber); }
.site-header__inner { min-height: 5rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .35rem 1.25rem; padding-block: .65rem; }
.site-brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--vci-white); text-decoration: none; font-weight: 800; line-height: 1.1; }
.site-brand__mark { width: 2.8rem; height: 2.8rem; flex: 0 0 auto; }
.menu-toggle { display: none; min-height: 44px; padding: .55rem .75rem; border: 2px solid var(--vci-white); border-radius: .5rem; background: transparent; color: var(--vci-white); font: inherit; font-weight: 700; }
.site-navigation { grid-column: 1 / -1; }
.primary-menu { display: flex; align-items: center; gap: .2rem; margin: 0; padding: 0; list-style: none; }
.primary-menu a { display: block; padding: .55rem .62rem; color: var(--vci-white); font-size: .98rem; font-weight: 700; text-decoration: none; border-radius: .5rem; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { background: rgba(255,255,255,.13); }
.primary-menu .vci-nav-cta > a { background: var(--vci-amber); color: var(--vci-navy); }
.site-account-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem .85rem; margin: 0; font-size: .95rem; }
.site-account-links a { color: var(--vci-white); font-weight: 700; }

.vci-hero { position: relative; overflow: hidden; padding: clamp(4rem, 10vw, 8rem) 0; background: linear-gradient(135deg, var(--vci-navy), #17486b); color: var(--vci-white); }
.vci-hero::after { content:""; position:absolute; width:26rem; height:26rem; right:-8rem; top:-8rem; border:3rem solid rgba(244,185,66,.16); border-radius:50%; }
.vci-hero .vci-wrap { position: relative; z-index: 1; }
.vci-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); align-items: center; gap: clamp(2rem, 5vw, 4rem); }
.vci-hero__media { margin: 0; }
.vci-hero__media img { display: block; width: 100%; border: .35rem solid rgba(244,185,66,.85); border-radius: 1.2rem; box-shadow: var(--vci-shadow); }
.vci-hero h1, .vci-hero h2 { color: var(--vci-white); max-width: 14ch; }
.vci-hero p { font-size: clamp(1.15rem, 2vw, 1.4rem); max-width: 58ch; }
.vci-eyebrow { margin: 0 0 .75rem; color: var(--vci-amber); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .92rem; }
.vci-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.5rem; }
.vci-trust-row { padding: .8rem 0; background: #fff4d1; color: var(--vci-navy); border-bottom: 1px solid #d5aa45; }
.vci-trust-row ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin: 0; padding: 0; list-style: none; font-weight: 700; }
.vci-trust-row li::before { content: "✓ "; color: var(--vci-success); }
.vci-path-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; padding: 0; list-style: none; counter-reset: vci-path; }
.vci-path-list li { counter-increment: vci-path; }
.vci-path-list a { display: block; height: 100%; padding: 1.2rem; border: 1px solid var(--vci-border); border-radius: var(--vci-radius); background: var(--vci-white); color: var(--vci-charcoal); box-shadow: 0 7px 24px rgba(16,35,63,.06); }
.vci-path-list a::before { content: counter(vci-path); display: grid; place-items: center; width: 2rem; height: 2rem; margin-bottom: .7rem; border-radius: 50%; background: var(--vci-amber); color: var(--vci-navy); font-weight: 800; }
.vci-button, .wp-block-button__link, button.vci-button, input[type=submit] {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.15rem;
  border: 2px solid var(--vci-teal); border-radius: .6rem; background: var(--vci-teal); color: var(--vci-white);
  font: inherit; font-weight: 800; text-decoration: none; cursor: pointer;
}
.vci-button:hover, .wp-block-button__link:hover { background: #075c59; color: var(--vci-white); }
.vci-button--amber { border-color: var(--vci-amber); background: var(--vci-amber); color: var(--vci-navy); }
.vci-button--ghost { background: transparent; border-color: currentColor; color: inherit; }
.vci-button--small { min-height: 42px; padding: .5rem .8rem; font-size: 1rem; }

.vci-section { padding: clamp(3rem, 7vw, 5.5rem) 0; }
.vci-section--white { background: var(--vci-white); }
.vci-section--navy { background: var(--vci-navy); color: var(--vci-white); }
.vci-section--navy h2, .vci-section--navy h3 { color: var(--vci-white); }
.vci-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1.25rem; }
.vci-card { padding: 1.4rem; background: var(--vci-white); border: 1px solid var(--vci-border); border-radius: var(--vci-radius); box-shadow: 0 7px 24px rgba(16,35,63,.06); }
.vci-card h2:first-child, .vci-card h3:first-child { margin-top: 0; }
.vci-card--accent { border-top: .38rem solid var(--vci-amber); }
.vci-kicker { color: var(--vci-teal); font-weight: 800; }
.vci-check-list { padding-left: 1.35rem; }
.vci-check-list li { margin-block: .45rem; }
.vci-stat { font-size: 2rem; color: var(--vci-navy); font-weight: 800; }

.entry-header { padding: clamp(3rem, 7vw, 5rem) 0 2rem; }
.entry-content { padding-bottom: 5rem; }
.entry-content > * { max-width: 48rem; margin-inline: auto; }
.entry-content > .alignwide { max-width: var(--vci-content); }
.entry-content > .alignfull { max-width: none; }
.entry-content blockquote { padding: 1rem 1.25rem; border-left: .35rem solid var(--vci-amber); background: #fff9e9; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: .75rem; border: 1px solid var(--vci-border); text-align: left; vertical-align: top; }
.entry-content th { background: #eef6f5; color: var(--vci-navy); }

.vci-notice { padding: 1rem 1.2rem; border-left: .35rem solid var(--vci-teal); background: #eaf6f5; border-radius: .25rem; }
.vci-notice--warning { border-color: var(--vci-amber); background: #fff7df; }
.vci-notice--error { border-color: var(--vci-error); background: #fff0ee; }
.vci-notice--success { border-color: var(--vci-success); background: #edf8f0; }
.vci-meta { color: var(--vci-slate); font-size: 1rem; }
.vci-breadcrumbs { padding-top: 1.2rem; font-size: 1rem; }

.vci-form label { display: block; margin-top: 1rem; color: var(--vci-navy); font-weight: 800; }
.vci-form input:not([type=checkbox]):not([type=radio]), .vci-form textarea, .vci-form select {
  width: 100%; min-height: 48px; padding: .65rem .75rem; border: 2px solid #9aa7b8; border-radius: .45rem; background: var(--vci-white); color: var(--vci-charcoal); font: inherit;
}
.vci-form textarea { min-height: 10rem; }
.vci-field-help { margin: .25rem 0 0; color: var(--vci-slate); font-size: .98rem; }
.vci-form-errors { color: var(--vci-error); }
.vci-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.vci-form fieldset { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--vci-border); border-radius: .65rem; }
.vci-form legend { padding: 0 .35rem; color: var(--vci-navy); font-weight: 800; }
.vci-guide-search { max-width: 48rem; margin-top: 1.5rem; }
.vci-guide-search label { display: block; margin-bottom: .35rem; color: var(--vci-navy); font-weight: 800; }
.vci-guide-search div { display: flex; gap: .6rem; }
.vci-guide-search input { min-width: 0; flex: 1; padding: .65rem .75rem; border: 2px solid #7b8797; border-radius: .45rem; font: inherit; }
.vci-category-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.vci-category-links a { padding: .4rem .7rem; border: 1px solid var(--vci-border); border-radius: 999px; background: var(--vci-white); font-weight: 700; }
.vci-founder-placeholder { display: grid; min-height: 14rem; place-items: center; margin: 2rem auto; padding: 2rem; border: 2px dashed #7b8797; border-radius: var(--vci-radius); background: #eef6f5; color: var(--vci-navy); font-weight: 800; text-align: center; }
.vci-card--cancelled { border-top: .38rem solid var(--vci-error); background: #fff7f6; }

.vci-progress { margin: 1.25rem 0; }
.vci-progress__track { width: 100%; height: 1rem; overflow: hidden; border: 1px solid #7b8797; border-radius: 999px; background: #e5e9ef; }
.vci-progress__bar { display: block; height: 100%; background: var(--vci-success); }
.vci-badge-list { display: flex; flex-wrap: wrap; gap: .65rem; padding: 0; list-style: none; }
.vci-badge { padding: .45rem .75rem; border-radius: 999px; background: #fff4d1; border: 2px solid #a87000; color: #4d3500; font-weight: 800; }
.vci-phase { margin: 1.4rem 0; border: 1px solid var(--vci-border); border-radius: .8rem; background: var(--vci-white); }
.vci-phase > summary { padding: 1rem 1.15rem; color: var(--vci-navy); font-size: 1.2rem; font-weight: 800; cursor: pointer; }
.vci-lesson-list { margin: 0; padding: 0 1.25rem 1.25rem 3rem; }
.vci-lesson-list li { padding: .35rem 0; }
.vci-complete-mark { color: var(--vci-success); font-weight: 800; }
.vci-locked { color: var(--vci-slate); }

.site-footer { padding: 3rem 0; background: #09172a; color: #e9eef5; }
.site-footer a { color: var(--vci-white); }
.site-footer__grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 2rem; }
.site-footer h2 { color: var(--vci-white); font-size: 1.2rem; }
.site-footer ul { padding-left: 1.1rem; }
.site-footer__small { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #536174; font-size: .95rem; }

@media (max-width: 850px) {
  .menu-toggle { display: inline-flex; }
  .site-header__inner { grid-template-columns: 1fr auto; }
  .site-account-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .site-navigation { position: absolute; z-index: 99; top: 100%; left: 0; right: 0; padding: 1rem; background: var(--vci-navy); border-bottom: 4px solid var(--vci-amber); }
  .site-navigation[hidden] { display: none; }
  .primary-menu { display: block; }
  .primary-menu a { padding: .8rem; }
  .site-footer__grid { grid-template-columns: 1fr; }
	.vci-hero__grid { grid-template-columns: 1fr; }
	.vci-hero__media { max-width: 38rem; }
}

@media (max-width: 560px) {
  .vci-guide-search div { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Canonical course curriculum */
.vci-course-map {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
	gap: 1rem;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
	counter-reset: vci-course-module;
}
.vci-course-map > li {
	counter-increment: vci-course-module;
	position: relative;
	padding-top: 3.7rem;
}
.vci-course-map > li::before {
	content: counter(vci-course-module);
	position: absolute;
	top: 1rem;
	left: 1.4rem;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--vci-amber);
	color: var(--vci-navy);
	font-weight: 800;
}
.vci-course-map h3 { margin-top: 0; }
.vci-course-orientation,
.vci-course-summary {
	margin-block: 1.5rem 2.5rem;
}
.vci-course-nav {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem .8rem;
	margin-top: 1.25rem;
	font-weight: 700;
}
.vci-course-summary fieldset {
	margin-block: 1.25rem;
	background: var(--vci-white);
}
.vci-course-summary .vci-choice {
	padding-block: .3rem;
	font-weight: 400;
}
.vci-question-result {
	min-height: 1.8rem;
	margin-top: .6rem;
	padding-left: .75rem;
	border-left: .3rem solid transparent;
	font-weight: 700;
}
.vci-answer-correct {
	border-color: var(--vci-success);
	color: var(--vci-success);
}
.vci-answer-incorrect {
	border-color: var(--vci-error);
	color: var(--vci-error);
}
.vci-course-summary [hidden] { display: none !important; }
@media (max-width: 560px) {
	.vci-course-map { grid-template-columns: 1fr; }
	.vci-course-orientation,
	.vci-course-summary { margin-inline: 0; }
}

/* Results-oriented curriculum upgrade — 2026-08-15 */
.vci-course-lesson {
	display: grid;
	gap: 1.5rem;
	margin-block: 1.5rem 2.5rem;
}
.vci-course-lesson > section,
.vci-course-lesson > article {
	margin: 0;
}
.vci-lesson-bridge {
	border-left: .4rem solid var(--vci-amber);
}
.vci-artifact-callout {
	margin-top: 1.25rem;
	padding: 1rem 1.15rem;
	border-radius: var(--vci-radius);
	background: color-mix(in srgb, var(--vci-amber) 18%, var(--vci-white));
}
.vci-artifact-callout h3 {
	margin: 0 0 .4rem;
}
.vci-artifact-callout p {
	margin-bottom: 0;
}
.vci-case-study {
	border: 2px solid color-mix(in srgb, var(--vci-teal) 45%, var(--vci-border));
	background: color-mix(in srgb, var(--vci-teal) 7%, var(--vci-white));
}
.vci-lesson-work > h2 {
	margin-bottom: 1rem;
}
.vci-step-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: vci-lesson-step;
}
.vci-step-list > li {
	position: relative;
	margin: 0;
	padding-top: 3.4rem;
	counter-increment: vci-lesson-step;
}
.vci-step-list > li::before {
	content: counter(vci-lesson-step);
	position: absolute;
	top: 1rem;
	left: 1.15rem;
	display: grid;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: var(--vci-navy);
	color: var(--vci-white);
	font-weight: 800;
}
.vci-step-list h3 {
	margin-top: 0;
}
.vci-artifact-template pre {
	max-width: 100%;
	margin: 1rem 0;
	padding: 1rem;
	overflow-x: auto;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	border: 1px solid var(--vci-border);
	border-radius: var(--vci-radius);
	background: color-mix(in srgb, var(--vci-navy) 4%, var(--vci-white));
	font: inherit;
	line-height: 1.55;
}
.vci-quality-gate ul,
.vci-capstone-list {
	padding-left: 1.35rem;
}
.vci-quality-gate li,
.vci-capstone-list li {
	margin-block: .65rem;
}
.vci-lesson-handoff {
	margin: 0;
}
.vci-lesson-handoff h2 {
	margin-top: 0;
	font-size: clamp(1.3rem, 3vw, 1.75rem);
}
.vci-artifact-confirm {
	border: 2px solid var(--vci-amber);
	background: color-mix(in srgb, var(--vci-amber) 10%, var(--vci-white)) !important;
}
.vci-artifact-confirm .vci-choice {
	font-weight: 700;
}
.vci-capstone-review {
	display: grid;
	gap: 1.25rem;
}
.vci-capstone-review > * {
	margin-block: 0;
}
.vci-course-map .vci-field-help {
	margin-top: auto;
}
@media (max-width: 720px) {
	.vci-step-list {
		grid-template-columns: 1fr;
	}
	.vci-artifact-callout,
	.vci-artifact-template pre {
		padding: .9rem;
	}
}

/* Accessible 2026 blog: reading, discovery, engagement, and reserved ad inventory. */
.vci-blog-index .vci-eyebrow,.vci-blog-article .vci-eyebrow{color:#0f6647}
.vci-blog-index,.vci-blog-article{--blog-ink:#13261f;--blog-green:#0f6647;--blog-mint:#eaf7f1;--blog-line:#c8ddd3;--blog-soft:#f7faf8;color:var(--blog-ink)}
.vci-blog-index__hero,.vci-blog-article__hero{max-width:1180px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem);background:linear-gradient(135deg,var(--blog-mint),#fff);border:1px solid var(--blog-line);border-radius:0 0 24px 24px}
.vci-blog-index__hero h1,.vci-blog-article__hero h1{max-width:20ch;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.035em;margin:.35rem 0 1rem}
.vci-blog-index__dek,.vci-blog-article__dek{max-width:70ch;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}
.vci-blog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:1.25rem}.vci-blog-actions a:not(.vci-button){font-weight:750}
.vci-blog-feed{max-width:1180px;margin:2.5rem auto;padding:0 1rem}.vci-blog-feed>h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.vci-blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.vci-blog-card,.vci-blog-guide-card{display:flex;flex-direction:column;min-width:0;padding:1.35rem;border:1px solid var(--blog-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(19,38,31,.06)}
.vci-blog-card h3,.vci-blog-guide-card h3{font-size:1.35rem;line-height:1.25;margin:.35rem 0 .75rem}.vci-blog-card h3 a{color:var(--blog-ink);text-decoration-thickness:.09em;text-underline-offset:.14em}.vci-blog-card__topic{font-weight:800;margin:0;color:var(--blog-green)}.vci-blog-card__topic a{color:inherit}.vci-blog-card__link{margin-top:auto;padding-top:.7rem;font-weight:800}.vci-blog-guide-card{background:var(--blog-mint);border-width:2px}.vci-blog-guide-card .vci-button{align-self:flex-start;margin-top:auto}
.vci-blog-pagination,.vci-blog-revenue-note{max-width:1180px;margin:2rem auto;padding:1.25rem}.vci-blog-revenue-note{border:1px solid var(--blog-line);border-radius:14px;background:var(--blog-soft)}.vci-blog-revenue-note h2{margin-top:0}
.vci-blog-article__hero{border-radius:0;padding-bottom:2.5rem}.vci-breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.92rem;margin-bottom:1.4rem}.vci-breadcrumbs a{font-weight:700}.vci-blog-byline{display:flex;flex-wrap:wrap;gap:.45rem 1rem;max-width:90ch;font-size:.95rem;border-top:1px solid var(--blog-line);padding-top:1rem;margin-top:1.2rem}
.vci-blog-article__layout{max-width:1180px;margin:2rem auto;display:grid;grid-template-columns:minmax(0,760px) minmax(260px,340px);gap:clamp(1.5rem,4vw,3rem);padding:0 1rem}.vci-blog-article__main{min-width:0}.vci-blog-sidebar{min-width:0}
.vci-blog-prose{font-size:clamp(1.05rem,1.8vw,1.16rem);line-height:1.78}.vci-blog-prose>*{max-width:72ch}.vci-blog-prose h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2;margin-top:2.4rem;scroll-margin-top:2rem}.vci-blog-prose h3{font-size:1.35rem;line-height:1.3;margin-top:1.8rem}.vci-blog-prose a{text-decoration:underline;text-decoration-thickness:.09em;text-underline-offset:.16em}.vci-blog-prose li+li{margin-top:.45rem}.vci-blog-prose blockquote{margin:1.5rem 0;padding:.5rem 1.2rem;border-left:5px solid var(--blog-green);background:var(--blog-mint)}.vci-blog-prose pre{max-width:100%;overflow:auto;padding:1rem;border-radius:10px;background:#13261f;color:#fff}.vci-blog-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.vci-blog-prose th,.vci-blog-prose td{padding:.65rem;border:1px solid #7f958c}.vci-blog-prose th{background:var(--blog-mint)}
.vci-blog-sidebar>nav,.vci-blog-sidebar>section,.vci-ad-slot{padding:1.1rem;border:1px solid var(--blog-line);border-radius:14px;background:#fff;margin-bottom:1.2rem}.vci-blog-sidebar h2{font-size:1.15rem;margin-top:0}.vci-blog-toc{position:sticky;top:1rem}.vci-blog-toc ol{padding-left:1.25rem}.vci-blog-toc li+li{margin-top:.45rem}.vci-blog-toc a{font-weight:650}
.vci-experience-note,.vci-source-note,.vci-blog-guide-cta,.vci-author-box{padding:1.25rem;margin:0 0 1.7rem;border:1px solid var(--blog-line);border-radius:14px;background:var(--blog-soft)}.vci-experience-note{border-left:5px solid var(--blog-green);background:var(--blog-mint)}.vci-experience-note h2,.vci-source-note h2,.vci-blog-guide-cta h2,.vci-author-box h2{margin-top:0}.vci-blog-guide-cta{margin-top:2rem;background:linear-gradient(135deg,var(--blog-mint),#fff);border-width:2px}.vci-author-box{margin-top:2rem}
.vci-related-posts{margin-top:2.5rem}.vci-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vci-related-grid article{padding:1rem;border:1px solid var(--blog-line);border-radius:12px}.vci-related-grid h3{font-size:1.05rem;margin-top:0}.vci-post-navigation{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--blog-line)}
.vci-ad-slot{min-height:120px;display:flex;flex-direction:column;justify-content:center;clear:both}.vci-ad-slot--top,.vci-ad-slot--mid{max-width:760px;margin:1.5rem auto;min-height:140px}.vci-ad-label{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#52675e}.vci-direct-sponsor{background:#fffdf3;border-color:#b4a46a}.vci-direct-sponsor h2{font-size:1.2rem}.vci-advertise-card{background:var(--blog-soft)!important}
.vci-blog-index a:focus-visible,.vci-blog-article a:focus-visible,.vci-blog-index button:focus-visible,.vci-blog-article button:focus-visible,.vci-blog-index input:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
@media(max-width:900px){.vci-blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vci-blog-article__layout{grid-template-columns:1fr}.vci-blog-toc{position:static}.vci-blog-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vci-blog-sidebar>*{margin:0!important}.vci-related-grid{grid-template-columns:1fr}}
@media(max-width:600px){.vci-blog-card-grid,.vci-blog-sidebar{grid-template-columns:1fr}.vci-blog-index__hero h1,.vci-blog-article__hero h1{font-size:2.25rem}.vci-blog-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.vci-blog-index *,.vci-blog-article *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.vci-blog-sidebar,.vci-ad-slot,.vci-blog-actions,.vci-post-navigation,.vci-advertise-card{display:none!important}.vci-blog-article__layout{display:block;max-width:none}.vci-blog-prose{font-size:11pt;color:#000}}