/* ============================================================
TRACK 146 — SUB-PAGE CONTENT STYLES
------------------------------------------------------------
Body-content CSS for the 14 sub-pages under /applied-ai/* and
/atlas/*. Lost in the verbatim-header switch (task #63); this
file restores them, scoped to .t146-page to fully isolate from
home's inline CSS.
Source: applied_ai_full_simulation.html + atlas_overview_simulation.html
+ atlas_chapter_simulation.html (outputs folder), plus the working-paper
block added in task #40.
To use: wrap sub-page body content in ...
and add
to the page after the home CSS block.
============================================================ */
/* ----- color tokens (mirror home; safe to redefine inside scope) ----- */
.t146-page {
--t-cream: #FBF6E8;
--t-cream-soft: #F5F1E8;
--t-cream-deep: #EDE7D7;
--t-cream-line: #D9D2C3;
--t-ink: #1A1A1A;
--t-ink-muted: #5A5E66;
--t-hunter: #1A3A2E;
--t-hunter-deep: #0F2A1F;
--t-sage-mid: #4E6B5E;
--t-sage-pale: #CDD9D1;
--t-sage-paler: #E1ECE5;
--t-rule: #D9D2C3;
--t-stage1: #CDD9D1;
--t-stage2: #A8B9AE;
--t-stage3: #7E938A;
--t-stage4: #4E6B5E;
--t-stage5: #1A3A2E;
--t-na: #EDE7D7;
background: var(--t-cream);
color: var(--t-ink);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
display: block;
}
/* ----- typography reset inside scope ----- */
.t146-page h1,
.t146-page h2,
.t146-page h3,
.t146-page h4 {
font-family: 'Montserrat', sans-serif;
color: var(--t-hunter);
letter-spacing: -0.015em;
line-height: 1.18;
margin: 0 0 .6em 0;
}
.t146-page h1 { font-size: 2.6rem; font-weight: 300; }
.t146-page h2 { font-size: 2.0rem; font-weight: 300; }
.t146-page h3 { font-size: 1.3rem; font-weight: 500; }
.t146-page h4 { font-size: 1.0rem; font-weight: 600; letter-spacing: 0; }
.t146-page em, .t146-page i {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
.t146-page p { margin: 0 0 1.0em 0; text-align: justify; }
.t146-page a {
color: var(--t-hunter);
text-decoration: none;
border-bottom: 1px solid var(--t-cream-line);
}
.t146-page a:hover { border-bottom-color: var(--t-hunter); }
.t146-page small, .t146-page .small { font-size: 0.85rem; color: var(--t-ink-muted); }
/* ----- breadcrumb ----- */
.t146-page .breadcrumb {
max-width: 1180px;
margin: 0 auto;
padding: 24px 48px 0 48px;
font-family: 'Montserrat', sans-serif;
font-size: 0.78rem;
color: var(--t-ink-muted);
letter-spacing: 0.04em;
}
.t146-page .breadcrumb a { border: none; color: var(--t-ink-muted); }
.t146-page .breadcrumb a:hover { color: var(--t-hunter); }
.t146-page .breadcrumb .here { color: var(--t-hunter); font-weight: 500; }
/* ----- section primitives ----- */
.t146-page .section { max-width: 1180px; margin: 0 auto; padding: 80px 48px; }
.t146-page .section-rule { border-top: 1px solid var(--t-rule); margin: 0 48px; max-width: none; }
.t146-page .label {
font-family: 'Montserrat', sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--t-hunter);
margin-bottom: 18px;
}
.t146-page .standfirst {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 1.45rem;
color: var(--t-hunter);
line-height: 1.45;
margin: 0 0 36px 0;
max-width: 820px;
}
.t146-page .lede { font-size: 1.06rem; max-width: 880px; margin-bottom: 28px; }
/* ----- hero ----- */
.t146-page .hero { padding: 90px 48px 64px 48px; }
.t146-page .hero h1 {
font-size: 2.6rem;
font-weight: 300;
max-width: 940px;
margin-bottom: 24px;
}
/* ----- cards (applied-ai) ----- */
.t146-page .cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
margin: 40px 0;
}
.t146-page .card {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
padding: 28px 28px 32px 28px;
border-radius: 2px;
display: flex;
flex-direction: column;
}
.t146-page .card .tag {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.20em;
text-transform: uppercase;
color: var(--t-sage-mid);
margin-bottom: 14px;
}
.t146-page .card h3 { font-size: 1.18rem; margin-bottom: 12px; line-height: 1.28; }
.t146-page .card p { font-size: 0.95rem; margin-bottom: 14px; }
/* Read the Atlas / similar in-card CTAs. Full reset of inherited .cta
button styling from home (hunter border, padding, uppercase, hover bg-flip).
Renders as a clean text link with a thin cream rule above it. */
.t146-page .card .cta,
.t146-page .card .cta:link,
.t146-page .card .cta:visited {
margin-top: auto;
display: inline-block;
background: transparent !important;
border: none !important;
border-top: 1px solid var(--t-cream-line) !important;
padding: 8px 0 0 0 !important;
font-family: 'Montserrat', sans-serif;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: none !important;
color: var(--t-hunter) !important;
box-shadow: none !important;
transform: none !important;
width: auto;
transition: color 0.2s ease;
}
.t146-page .card .cta:hover,
.t146-page .card .cta:focus,
.t146-page .card .cta:active {
background: transparent !important;
border: none !important;
border-top: 1px solid var(--t-cream-line) !important;
color: var(--t-hunter-deep) !important;
transform: none !important;
box-shadow: none !important;
}
/* ----- working-paper block (added task #40) ----- */
.t146-page .working-paper-block {
background: var(--t-cream-soft);
border-left: 3px solid var(--t-hunter);
padding: 40px 48px;
margin: 32px 0;
border-radius: 2px;
}
.t146-page .working-paper-block .tag {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.20em;
text-transform: uppercase;
color: var(--t-sage-mid);
margin-bottom: 14px;
}
.t146-page .working-paper-block h3 {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 10px;
max-width: 780px;
}
.t146-page .working-paper-block .byline {
font-family: 'Montserrat', sans-serif;
font-size: 0.84rem;
color: var(--t-ink-muted);
margin-bottom: 24px;
}
.t146-page .abstract-h {
font-family: 'Montserrat', sans-serif;
font-size: 0.84rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--t-hunter);
margin: 28px 0 16px 0;
padding-bottom: 8px;
border-bottom: 1px solid var(--t-cream-line);
max-width: 780px;
}
.t146-page .abstract-p {
font-size: 0.98rem;
line-height: 1.72;
color: var(--t-ink);
margin-bottom: 16px;
max-width: 780px;
}
.t146-page .keywords {
font-family: 'Montserrat', sans-serif;
font-size: 0.84rem;
color: var(--t-ink-muted);
margin-top: 24px;
padding-top: 18px;
border-top: 1px solid var(--t-cream-line);
max-width: 780px;
}
.t146-page .request-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-top: 36px;
padding-top: 28px;
border-top: 1px solid var(--t-cream-line);
flex-wrap: wrap;
}
.t146-page .request-row .title {
font-family: 'Montserrat', sans-serif;
font-size: 1.0rem;
font-weight: 600;
color: var(--t-hunter);
margin-bottom: 4px;
}
.t146-page .request-row .sub {
font-size: 0.92rem;
color: var(--t-ink-muted);
margin: 0;
}
.t146-page .request-btn {
background: var(--t-hunter);
color: var(--t-cream);
border: 1px solid var(--t-hunter);
padding: 14px 26px;
font-family: 'Montserrat', sans-serif;
font-size: 0.88rem;
font-weight: 600;
letter-spacing: 0.04em;
white-space: nowrap;
border-radius: 2px;
}
.t146-page .request-btn:hover,
.t146-page .request-btn:active,
.t146-page .request-btn:focus,
.t146-page .request-btn:visited {
background: var(--t-hunter-deep);
border-color: var(--t-hunter-deep);
color: var(--t-cream);
}
/* Force cream text on every interactive state of any hunter-green button
(request-btn, cta-bar link). Prevents the inherited link color from
overriding when the button is hovered, focused, active, or visited. */
.t146-page .request-btn,
.t146-page .request-btn:link,
.t146-page .request-btn:visited,
.t146-page .request-btn:hover,
.t146-page .request-btn:focus,
.t146-page .request-btn:active,
.t146-page .cta-bar a,
.t146-page .cta-bar a:link,
.t146-page .cta-bar a:visited,
.t146-page .cta-bar a:hover,
.t146-page .cta-bar a:focus,
.t146-page .cta-bar a:active {
color: var(--t-cream) !important;
border-bottom: none;
}
/* ----- stats ----- */
.t146-page .stat-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px;
margin: 40px 0;
border-top: 1px solid var(--t-rule);
border-bottom: 1px solid var(--t-rule);
padding: 36px 0;
}
.t146-page .stat .v {
font-family: 'Montserrat', sans-serif;
font-weight: 200;
font-size: 2.4rem;
color: var(--t-hunter);
line-height: 1;
letter-spacing: -0.02em;
margin-bottom: 8px;
}
.t146-page .stat .l {
font-family: 'Montserrat', sans-serif;
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.10em;
text-transform: uppercase;
color: var(--t-ink-muted);
margin-bottom: 8px;
}
.t146-page .stat .src {
font-size: 0.78rem;
color: var(--t-ink-muted);
text-align: left;
font-style: italic;
}
/* ----- chart wrapper ----- */
.t146-page .chart-wrap {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
padding: 32px 36px;
border-radius: 2px;
margin: 32px 0;
}
.t146-page .chart-title {
font-family: 'Montserrat', sans-serif;
font-size: 0.84rem;
font-weight: 600;
letter-spacing: 0.10em;
text-transform: uppercase;
color: var(--t-hunter);
margin-bottom: 18px;
}
.t146-page .chart-caption {
font-size: 0.85rem;
color: var(--t-ink-muted);
margin-top: 12px;
}
/* ----- heatmap ----- */
.t146-page .heatmap-wrap { overflow-x: auto; margin: 32px -8px; padding: 8px; }
.t146-page table.heatmap {
border-collapse: collapse;
font-family: 'Montserrat', sans-serif;
font-size: 0.80rem;
width: 100%;
min-width: 900px;
}
.t146-page table.heatmap th,
.t146-page table.heatmap td {
border: 1px solid var(--t-cream-line);
padding: 8px 6px;
text-align: center;
vertical-align: middle;
}
.t146-page table.heatmap th {
background: var(--t-cream-soft);
font-weight: 600;
color: var(--t-hunter);
letter-spacing: 0.02em;
}
.t146-page table.heatmap th.row-label {
text-align: left;
padding-left: 14px;
font-weight: 500;
background: var(--t-cream);
width: 220px;
min-width: 220px;
}
.t146-page table.heatmap td.s1 { background: var(--t-stage1); }
.t146-page table.heatmap td.s2 { background: var(--t-stage2); }
.t146-page table.heatmap td.s3 { background: var(--t-stage3); color: var(--t-cream); }
.t146-page table.heatmap td.s4 { background: var(--t-stage4); color: var(--t-cream); }
.t146-page table.heatmap td.s5 { background: var(--t-stage5); color: var(--t-cream); }
.t146-page table.heatmap td.na { background: var(--t-na); color: var(--t-ink-muted); font-style: italic; }
.t146-page .heatmap-legend {
display: flex;
gap: 24px;
align-items: center;
flex-wrap: wrap;
margin-top: 18px;
font-family: 'Montserrat', sans-serif;
font-size: 0.78rem;
color: var(--t-ink-muted);
}
.t146-page .heatmap-legend .sw {
width: 18px;
height: 18px;
display: inline-block;
margin-right: 6px;
vertical-align: middle;
border: 1px solid var(--t-cream-line);
}
/* ----- findings grid ----- */
.t146-page .findings {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px 48px;
margin: 40px 0;
}
.t146-page .finding {
display: grid;
grid-template-columns: 48px 1fr;
gap: 18px;
}
.t146-page .finding .num {
font-family: 'Montserrat', sans-serif;
font-weight: 200;
font-size: 2.2rem;
color: var(--t-sage-mid);
line-height: 1;
margin-top: 4px;
}
.t146-page .finding h4 { font-size: 1.05rem; margin-bottom: 6px; }
.t146-page .finding p {
font-size: 0.93rem;
color: var(--t-ink-muted);
margin: 0;
text-align: left;
}
/* ----- failure modes table ----- */
.t146-page .fm-table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-family: 'Inter', sans-serif;
font-size: 0.92rem;
}
.t146-page .fm-table th,
.t146-page .fm-table td {
border-bottom: 1px solid var(--t-cream-line);
padding: 14px 10px;
text-align: left;
vertical-align: top;
}
.t146-page .fm-table th {
background: var(--t-cream-soft);
color: var(--t-hunter);
font-family: 'Montserrat', sans-serif;
font-size: 0.80rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.t146-page .fm-table td.num {
font-family: 'Montserrat', sans-serif;
font-weight: 200;
color: var(--t-sage-mid);
font-size: 1.3rem;
width: 60px;
}
.t146-page .fm-table td.name { font-weight: 500; color: var(--t-hunter); width: 200px; }
.t146-page .fm-table td.case { color: var(--t-ink-muted); font-style: italic; font-size: 0.85rem; }
/* ----- source apparatus ----- */
.t146-page .source-apparatus {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
padding: 36px 40px;
border-radius: 2px;
margin: 32px 0;
}
.t146-page .src-table {
width: 100%;
border-collapse: collapse;
font-family: 'Inter', sans-serif;
font-size: 0.88rem;
}
.t146-page .src-table th,
.t146-page .src-table td {
border-bottom: 1px solid var(--t-cream-line);
padding: 12px 10px;
text-align: left;
vertical-align: top;
}
.t146-page .src-table th {
font-family: 'Montserrat', sans-serif;
font-size: 0.76rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--t-hunter);
}
.t146-page .src-table td.fig {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: var(--t-hunter);
white-space: nowrap;
}
.t146-page .src-table td.src { font-style: italic; color: var(--t-ink-muted); }
/* ----- thesis block ----- */
.t146-page .thesis-block {
background: var(--t-hunter);
color: var(--t-cream);
padding: 56px 56px;
margin: 56px 0;
border-radius: 2px;
}
.t146-page .thesis-block h3 {
color: var(--t-cream);
font-weight: 300;
font-size: 1.55rem;
margin-bottom: 18px;
max-width: 800px;
}
.t146-page .thesis-block p {
color: var(--t-sage-pale);
font-size: 1.0rem;
max-width: 880px;
margin-bottom: 16px;
}
.t146-page .thesis-block .pull {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 1.40rem;
color: var(--t-cream);
margin: 28px 0 0 0;
padding-left: 24px;
border-left: 3px solid var(--t-sage-pale);
max-width: 800px;
}
/* ----- generic CTA bar ----- */
.t146-page .cta-bar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
padding: 28px 32px;
border: 1px solid var(--t-cream-line);
background: var(--t-cream-soft);
border-radius: 2px;
margin-top: 32px;
}
.t146-page .cta-bar h4 { font-size: 1.1rem; margin: 0 0 4px 0; }
.t146-page .cta-bar p { margin: 0; font-size: 0.95rem; color: var(--t-ink-muted); }
.t146-page .cta-bar a {
background: var(--t-hunter);
color: var(--t-cream);
border: 1px solid var(--t-hunter);
padding: 12px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 0.92rem;
font-weight: 600;
letter-spacing: 0.04em;
white-space: nowrap;
border-radius: 2px;
}
.t146-page .cta-bar a:hover {
background: var(--t-hunter-deep);
border-color: var(--t-hunter-deep);
}
/* ----- footer (sub-page) ----- */
.t146-page .footer {
background: var(--t-hunter);
color: var(--t-sage-pale);
padding: 56px 48px;
margin-top: 0;
}
.t146-page .footer-inner {
max-width: 1180px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 36px;
}
.t146-page .footer h4 {
color: var(--t-cream);
font-weight: 500;
font-size: 0.92rem;
letter-spacing: 0.04em;
}
.t146-page .footer p,
.t146-page .footer a {
color: var(--t-sage-pale);
font-size: 0.86rem;
border: none;
}
.t146-page .footer a:hover { color: var(--t-cream); }
/* ============================================================
ATLAS OVERVIEW — /atlas/index.html
============================================================ */
.t146-page .chapter-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 28px;
margin: 36px 0;
}
.t146-page .chapter-card {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
padding: 24px 28px;
border-radius: 2px;
display: flex;
gap: 20px;
align-items: flex-start;
transition: border-color 120ms, transform 120ms;
}
.t146-page .chapter-card:hover {
border-color: var(--t-hunter);
transform: translateY(-1px);
}
.t146-page .chapter-num {
font-family: 'Montserrat', sans-serif;
font-weight: 200;
font-size: 2.2rem;
color: var(--t-sage-mid);
line-height: 1;
min-width: 54px;
padding-top: 2px;
}
.t146-page .chapter-body { flex: 1; }
.t146-page .chapter-body .tag {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.20em;
text-transform: uppercase;
color: var(--t-sage-mid);
margin-bottom: 8px;
}
.t146-page .chapter-body h3 {
font-size: 1.10rem;
margin-bottom: 8px;
line-height: 1.28;
}
.t146-page .chapter-body p {
font-size: 0.93rem;
color: var(--t-ink-muted);
margin: 0 0 12px 0;
text-align: left;
}
/* Read Chapter XX CTAs on the atlas overview. Same reset pattern —
clean text link, no inherited button shell, no hover bg-flip. */
.t146-page .chapter-body .cta,
.t146-page .chapter-body .cta:link,
.t146-page .chapter-body .cta:visited {
display: inline-block;
background: transparent !important;
border: none !important;
padding: 0 !important;
font-family: 'Montserrat', sans-serif;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: none !important;
color: var(--t-hunter) !important;
box-shadow: none !important;
transform: none !important;
width: auto;
transition: color 0.2s ease;
}
.t146-page .chapter-body .cta:hover,
.t146-page .chapter-body .cta:focus,
.t146-page .chapter-body .cta:active {
background: transparent !important;
border: none !important;
color: var(--t-hunter-deep) !important;
transform: none !important;
box-shadow: none !important;
}
.t146-page .meta-strip {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
padding: 24px 28px;
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
border-radius: 2px;
margin: 24px 0 0 0;
}
.t146-page .meta-strip .item .l {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.10em;
text-transform: uppercase;
color: var(--t-ink-muted);
margin-bottom: 4px;
}
.t146-page .meta-strip .item .v {
font-family: 'Montserrat', sans-serif;
font-size: 0.95rem;
font-weight: 500;
color: var(--t-hunter);
}
.t146-page .abstract-block {
background: var(--t-cream-soft);
border-left: 3px solid var(--t-hunter);
padding: 32px 40px;
margin: 32px 0;
max-width: 920px;
}
.t146-page .abstract-block h3 {
font-size: 1.0rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--t-hunter);
margin-bottom: 14px;
}
.t146-page .abstract-block p {
font-size: 0.98rem;
color: var(--t-ink);
margin-bottom: 14px;
}
/* ============================================================
CHAPTER PAGES — /atlas//index.html
============================================================ */
.t146-page .chapter-layout {
max-width: 1280px;
margin: 0 auto;
padding: 48px 48px;
display: grid;
grid-template-columns: 1fr 260px;
gap: 64px;
align-items: start;
}
.t146-page .chapter-body-col { min-width: 0; }
.t146-page .chapter-side { position: sticky; top: 84px; }
.t146-page .chapter-header { margin-bottom: 36px; }
.t146-page .chapter-header .num {
font-family: 'Montserrat', sans-serif;
font-weight: 200;
font-size: 1.0rem;
color: var(--t-sage-mid);
letter-spacing: 0.18em;
text-transform: uppercase;
margin-bottom: 8px;
}
.t146-page .chapter-header h1 {
margin-bottom: 18px;
max-width: 760px;
font-size: 2.4rem;
font-weight: 300;
}
.t146-page .chapter-nav {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
border-radius: 2px;
padding: 20px 22px;
}
.t146-page .chapter-nav .h {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--t-hunter);
margin-bottom: 14px;
}
.t146-page .chapter-nav ol {
list-style: none;
padding: 0;
margin: 0;
counter-reset: cn;
}
.t146-page .chapter-nav ol li {
counter-increment: cn;
padding: 6px 0;
font-size: 0.84rem;
border-bottom: 1px solid var(--t-cream-line);
}
.t146-page .chapter-nav ol li:last-child { border-bottom: none; }
.t146-page .chapter-nav ol li::before {
content: counter(cn, decimal-leading-zero);
font-family: 'Montserrat', sans-serif;
font-size: 0.74rem;
font-weight: 500;
color: var(--t-sage-mid);
margin-right: 10px;
}
.t146-page .chapter-nav ol li a { border: none; color: var(--t-ink); }
.t146-page .chapter-nav ol li.active { font-weight: 500; }
.t146-page .chapter-nav ol li.active a { color: var(--t-hunter); }
.t146-page .chapter-nav ol li.active::before { color: var(--t-hunter); }
.t146-page .prev-next {
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid var(--t-cream-line);
display: flex;
justify-content: space-between;
gap: 24px;
}
.t146-page .prev-next a {
border: 1px solid var(--t-cream-line);
flex: 1;
background: var(--t-cream-soft);
padding: 18px 22px;
border-radius: 2px;
display: block;
}
.t146-page .prev-next a:hover { border-color: var(--t-hunter); }
.t146-page .prev-next .nav-l,
.t146-page .prev-next .pn-l {
font-family: 'Montserrat', sans-serif;
font-size: 0.70rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--t-ink-muted);
margin-bottom: 6px;
}
.t146-page .prev-next .nav-t,
.t146-page .prev-next .pn-t {
font-size: 0.95rem;
color: var(--t-hunter);
font-weight: 500;
}
.t146-page .prev-next .right { text-align: right; }
.t146-page .page {
font-family: 'Montserrat', sans-serif;
font-size: 0.74rem;
font-weight: 500;
letter-spacing: 0.10em;
text-transform: uppercase;
color: var(--t-ink-muted);
margin-top: 32px;
padding-top: 12px;
border-top: 1px solid var(--t-cream-line);
}
.t146-page .section-label {
font-family: 'Montserrat', sans-serif;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--t-hunter);
margin: 28px 0 12px 0;
}
.t146-page .ip-label {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--t-sage-mid);
margin-bottom: 8px;
}
.t146-page .ip-note {
background: var(--t-cream-soft);
border-left: 3px solid var(--t-sage-mid);
padding: 18px 24px;
margin: 20px 0;
font-size: 0.92rem;
color: var(--t-ink-muted);
}
/* failure-mode card grid used inside chapters */
.t146-page .fm-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 32px 0;
}
.t146-page .fm-card {
background: var(--t-cream-soft);
border: 1px solid var(--t-cream-line);
padding: 24px 28px;
border-radius: 2px;
}
.t146-page .fm-card .fm-num {
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--t-sage-mid);
margin-bottom: 10px;
}
.t146-page .fm-card h3 { font-size: 1.05rem; margin-bottom: 10px; }
.t146-page .fm-card .domain {
font-family: 'Montserrat', sans-serif;
font-size: 0.76rem;
color: var(--t-hunter);
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 12px;
}
.t146-page .fm-card p { font-size: 0.92rem; margin-bottom: 14px; text-align: left; }
.t146-page .fm-card .case-block {
background: var(--t-cream);
border-top: 1px solid var(--t-cream-line);
padding-top: 12px;
margin-top: 8px;
font-size: 0.85rem;
color: var(--t-ink-muted);
}
.t146-page .fm-card .case-label {
font-family: 'Montserrat', sans-serif;
font-size: 0.70rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--t-hunter);
margin-right: 4px;
}
/* ============================================================
RESPONSIVE
============================================================ */
@media (max-width: 1080px) {
.t146-page .chapter-layout { grid-template-columns: 1fr; }
.t146-page .chapter-side { position: static; margin-top: 32px; }
.t146-page .fm-grid { grid-template-columns: 1fr; }
}
@media (max-width: 920px) {
.t146-page .cards { grid-template-columns: 1fr; }
.t146-page .stat-row { grid-template-columns: 1fr 1fr; }
.t146-page .findings { grid-template-columns: 1fr; }
.t146-page .chapter-grid { grid-template-columns: 1fr; }
.t146-page .meta-strip { grid-template-columns: 1fr 1fr; }
.t146-page .section { padding: 56px 28px; }
.t146-page .hero { padding: 60px 28px 40px 28px; }
.t146-page .cta-bar { flex-direction: column; align-items: flex-start; }
.t146-page .working-paper-block { padding: 28px 24px; }
.t146-page .request-row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
.t146-page .stat-row { grid-template-columns: 1fr; }
.t146-page .meta-strip { grid-template-columns: 1fr; }
.t146-page .breadcrumb { padding: 16px 28px 0 28px; }
}