/* ============ PAGE HEADER (interior pages) ============ */
.t-page-header { padding-block: var(--t-space-6) var(--t-space-5); }
.t-page-header__eyebrow { color: var(--t-accent); margin-bottom: 0.8em; }
.t-page-header__title { font-size: clamp(2rem, 5.5vw, var(--t-size-3xl)); font-weight: 600; letter-spacing: var(--t-tracking-tight); line-height: var(--t-lh-tight); max-width: 18ch; }
.t-page-header__lede { margin-top: var(--t-space-3); max-width: 56ch; }

/* ============ ARCHIVE GRIDS ============ */
.t-archive-grid { display: grid; gap: var(--t-space-4); padding-block: var(--t-space-4) var(--t-space-7); }
@media (min-width: 900px) { .t-archive-grid { grid-template-columns: repeat(2, 1fr); } }
.t-archive-empty { padding-block: var(--t-space-5); color: var(--t-fg-muted); }

/* ============ SINGLE STORY / PERSPECTIVE / JOB ============ */
.t-single-hero { padding-block: var(--t-space-6) var(--t-space-4); }
.t-single-hero__media { aspect-ratio: 16/8; overflow: hidden; background: var(--t-gray-100); margin-top: var(--t-space-4); }
.t-single-hero__media img { width: 100%; height: 100%; object-fit: cover; }

.t-single-body { padding-block: var(--t-space-5) var(--t-space-8); display: grid; gap: var(--t-space-5); }
@media (min-width: 1000px) { .t-single-body { grid-template-columns: 220px 1fr; } }
.t-single-toc { position: sticky; top: var(--t-space-3); align-self: start; display: none; }
@media (min-width: 1000px) { .t-single-toc { display: block; } }
.t-single-toc a { display: block; padding: 0.5em 0; font-size: var(--t-size-xs); color: var(--t-fg-muted); border-left: 2px solid var(--t-border); padding-left: 1em; }
.t-single-toc a:hover, .t-single-toc a.is-active { color: var(--t-black); border-left-color: var(--t-accent); }

.t-single-content { max-width: 74ch; }
.t-single-content h2 { font-size: var(--t-size-xl); font-weight: 600; margin-top: var(--t-space-5); margin-bottom: 0.6em; letter-spacing: var(--t-tracking-tight); scroll-margin-top: 2rem; }
.t-single-content h3 { font-size: var(--t-size-lg); font-weight: 600; margin-top: var(--t-space-4); margin-bottom: 0.6em; }
.t-single-content p { margin-bottom: 1.2em; color: var(--t-fg); }
.t-single-content ul, .t-single-content ol { margin: 1.2em 0 1.2em 1.4em; list-style: disc; }
.t-single-content img { margin-block: var(--t-space-3); }
.t-single-content blockquote { border-left: 2px solid var(--t-accent); padding-left: 1.2em; font-size: var(--t-size-md); font-weight: 500; margin: var(--t-space-4) 0; }
.t-single-content a { color: var(--t-accent); text-decoration: underline; text-underline-offset: 2px; }

.t-stage-block { margin-top: var(--t-space-5); padding-top: var(--t-space-3); border-top: 1px solid var(--t-border); }
.t-stage-block__label { color: var(--t-accent); margin-bottom: 0.6em; }

.t-job-meta { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: var(--t-space-3); }
.t-job-meta__item { font-size: var(--t-size-xs); color: var(--t-fg-muted); }
.t-job-meta__item strong { color: var(--t-fg); display: block; font-size: var(--t-size-2xs); letter-spacing: var(--t-tracking-wide); text-transform: uppercase; margin-bottom: 0.3em; }

.t-related { padding-block: var(--t-space-6); border-top: 1px solid var(--t-border); }

/* ============ 404 ============ */
.t-404 { padding-block: var(--t-space-8); text-align: left; }
.t-404__code { font-size: var(--t-size-4xl); font-weight: 700; color: var(--t-accent); line-height: 1; }
.t-404__msg { margin-top: var(--t-space-2); max-width: 44ch; }
.t-404__actions { margin-top: var(--t-space-4); }

/* ============ SEARCH FORM (WP native) ============ */
.t-search-form { display: flex; gap: 0.5em; max-width: 480px; }
.t-search-form input[type="search"] { flex: 1; border: none; border-bottom: 1px solid var(--t-border); background: transparent; padding: 0.6em 0; font-family: var(--t-font); font-size: var(--t-size-sm); }
.t-search-form input[type="search"]:focus { outline: none; border-color: var(--t-accent); }
