.page-home .section:first-of-type {
    padding-top: 3rem;
}

.page-post,
.page-generic {
    padding-bottom: var(--space-8);
}

.page-tag .section-hero-simple,
.page-author .section-hero-simple {
    padding-bottom: var(--space-4);
}

.experiment-card .card-body,
.product-card .card-body {
    min-height: 100%;
}

.page-playbook {
    --playbook-panel: color-mix(in srgb, var(--color-surface) 74%, var(--color-paper));
    --playbook-panel-strong: color-mix(in srgb, var(--color-paper) 82%, var(--color-ink) 18%);
    --playbook-panel-soft: color-mix(in srgb, var(--color-paper) 90%, var(--color-surface) 10%);
    --playbook-hero-bg:
        radial-gradient(circle at top right, color-mix(in srgb, var(--color-highlight) 22%, transparent), transparent 34%),
        radial-gradient(circle at left center, color-mix(in srgb, var(--color-accent) 24%, transparent), transparent 38%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-ink) 94%, var(--color-accent) 6%) 0%, color-mix(in srgb, var(--color-ink) 86%, var(--color-highlight) 14%) 100%);
    --playbook-hero-text: #f6f1e9;
    --playbook-hero-muted: rgba(246, 241, 233, 0.74);
    --playbook-gold: color-mix(in srgb, var(--color-highlight) 55%, #d5aa55 45%);
    --playbook-positive: color-mix(in srgb, var(--color-accent) 72%, #3a7a58 28%);
    --playbook-alert: color-mix(in srgb, #ba5a3a 70%, var(--color-accent) 30%);
    --playbook-calm: color-mix(in srgb, var(--color-highlight) 70%, var(--color-accent) 30%);
    --playbook-warm: color-mix(in srgb, #9d6c1d 70%, var(--color-highlight) 30%);
    --playbook-neutral: color-mix(in srgb, var(--color-muted) 70%, var(--color-ink) 30%);
    --playbook-vivid: color-mix(in srgb, #6556a6 70%, var(--color-highlight) 30%);
    padding-bottom: var(--space-8);
}

.playbook-container {
    width: min(100% - 2rem, 920px);
    margin: 0 auto;
}

.page-playbook .playbook-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(4.5rem, 8vw, 7rem) 0 clamp(2.5rem, 5vw, 4rem);
    background: var(--playbook-hero-bg);
    color: var(--playbook-hero-text);
    border-bottom: 1px solid color-mix(in srgb, var(--playbook-hero-text) 12%, transparent);
}

.page-playbook .playbook-hero::before {
    position: absolute;
    inset: 0;
    content: "OS";
    display: grid;
    place-items: center;
    font-family: var(--font-display);
    font-size: clamp(11rem, 28vw, 22rem);
    font-weight: 400;
    letter-spacing: -0.08em;
    color: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.page-playbook .playbook-hero-inner,
.page-playbook .playbook-hero-grid {
    position: relative;
    z-index: 1;
}

.page-playbook .playbook-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.85fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: end;
}

.page-playbook .playbook-kicker,
.page-playbook .playbook-banner-label,
.page-playbook .playbook-statement-label {
    margin-bottom: var(--space-4);
    font-family: var(--font-mono);
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.page-playbook .playbook-kicker,
.page-playbook .playbook-banner-label {
    color: var(--playbook-gold);
}

.page-playbook .playbook-hero h1 {
    max-width: 10ch;
    margin-bottom: var(--space-4);
    color: var(--playbook-hero-text);
}

.page-playbook .playbook-doctrine {
    max-width: 34rem;
    margin-bottom: var(--space-5);
    color: var(--playbook-hero-muted);
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    line-height: 1.6;
}

.page-playbook .button-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.page-playbook .playbook-hero-aside {
    padding: var(--space-6);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    backdrop-filter: blur(10px);
}

.page-playbook .playbook-statement-label {
    color: var(--playbook-hero-muted);
}

.page-playbook .playbook-statement {
    margin-bottom: var(--space-5);
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    line-height: 1.35;
}

.page-playbook .playbook-hero-marks {
    display: grid;
    gap: var(--space-4);
}

.page-playbook .playbook-hero-mark {
    padding-top: var(--space-3);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.page-playbook .playbook-hero-mark-label {
    display: block;
    margin-bottom: var(--space-1);
    color: var(--playbook-hero-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .playbook-jumpbar-shell {
    position: sticky;
    top: 4.6rem;
    z-index: 20;
    padding: var(--space-3) 0;
    backdrop-filter: blur(12px);
    background: color-mix(in srgb, var(--color-paper) 84%, transparent);
    border-bottom: 1px solid var(--color-border);
}



.page-playbook .playbook-jumpbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.page-playbook .playbook-jumpbar a,
.page-playbook .playbook-tag {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.28rem 0.72rem;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--playbook-panel) 82%, transparent);
    color: var(--color-ink);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.page-playbook .playbook-jumpbar a:hover {
    border-color: color-mix(in srgb, var(--color-accent) 45%, var(--color-border));
    color: var(--color-accent);
}

.page-playbook .playbook-shell {
    display: grid;
}

.page-playbook .playbook-band,
.page-playbook .playbook-section,
.page-playbook .playbook-banner,
.page-playbook .playbook-close {
    padding: clamp(3rem, 6vw, 4.5rem) 0;
}

.page-playbook .playbook-band-mantra,
.page-playbook .playbook-section-surface {
    background: linear-gradient(180deg, color-mix(in srgb, var(--playbook-panel) 88%, transparent), color-mix(in srgb, var(--playbook-panel-soft) 92%, transparent));
}

.page-playbook .playbook-section,
.page-playbook .playbook-banner,
.page-playbook .playbook-close {
    border-bottom: 1px solid var(--color-border);
}

.page-playbook .section-label,
.page-playbook .card-label,
.page-playbook .goal-category,
.page-playbook .rule-title,
.page-playbook .bucket-name,
.page-playbook .field-label,
.page-playbook .score-title,
.page-playbook .summary-label,
.page-playbook .protocol-label,
.page-playbook .question-label,
.page-playbook .mvd-label,
.page-playbook .rule-stack-label,
.page-playbook .protocol-step-label,
.page-playbook .playbook-summary-head {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.page-playbook .section-label {
    margin-bottom: var(--space-2);
    color: var(--color-muted);
}

.page-playbook .section-number {
    margin-bottom: calc(var(--space-4) * -0.15);
    color: color-mix(in srgb, var(--color-border) 85%, transparent);
    font-family: var(--font-display);
    font-size: clamp(3.5rem, 10vw, 5.8rem);
    line-height: 0.95;
}

.page-playbook .section-number-letter {
    letter-spacing: -0.08em;
}

.page-playbook h2 {
    margin-bottom: var(--space-4);
}

.page-playbook h3 {
    margin-top: var(--space-5);
    margin-bottom: var(--space-3);
    font-family: var(--font-mono);
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--color-muted);
}

.page-playbook h3:first-child {
    margin-top: 0;
}

.page-playbook h4 {
    margin-bottom: var(--space-2);
    font-size: clamp(1.3rem, 2vw, 1.55rem);
}

.page-playbook p,
.page-playbook ul,
.page-playbook ol {
    color: color-mix(in srgb, var(--color-ink) 88%, transparent);
}

.page-playbook .mantra {
    padding: var(--space-5) var(--space-6);
    border-left: 3px solid var(--color-accent);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: color-mix(in srgb, var(--playbook-panel) 92%, transparent);
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    line-height: 1.7;
}

.page-playbook .mantra-center {
    border-left-color: var(--playbook-gold);
    text-align: center;
}

.page-playbook .mantra-compact {
    margin-top: var(--space-2);
    font-size: 1.05rem;
}

.page-playbook .two-col,
.page-playbook .three-col,
.page-playbook .bucket-grid,
.page-playbook .goal-body,
.page-playbook .integrity-grid {
    display: grid;
    gap: var(--space-5);
}

.page-playbook .two-col,
.page-playbook .goal-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.5rem;
}

.page-playbook .three-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-playbook .bucket-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-playbook .compact-grid {
    gap: var(--space-3);
}

.page-playbook .clean,
.page-playbook .check,
.page-playbook .cross,
.page-playbook .summary-list {
    padding-left: 0;
    list-style: none;
}

.page-playbook .clean li,
.page-playbook .check li,
.page-playbook .cross li,
.page-playbook .summary-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: var(--space-2);
}

.page-playbook .clean li::before,
.page-playbook .check li::before,
.page-playbook .cross li::before,
.page-playbook .summary-list li::before {
    position: absolute;
    left: 0;
}

.page-playbook .clean li::before,
.page-playbook .summary-list li::before {
    content: "-";
    color: var(--color-muted);
}

.page-playbook .check li::before {
    content: "+";
    color: var(--playbook-positive);
}

.page-playbook .cross li::before {
    content: "x";
    color: var(--playbook-alert);
}

.page-playbook .rule-block,
.page-playbook .log-block,
.page-playbook .playbook-summary {
    padding: var(--space-5) var(--space-6);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 94%, var(--color-accent) 6%), color-mix(in srgb, var(--color-ink) 90%, var(--color-highlight) 10%));
    color: var(--playbook-hero-text);
}

.page-playbook .rule-block {
    margin-top: var(--space-6);
}

.page-playbook .rule-block,
.page-playbook .log-block {
    font-family: var(--font-mono);
    font-size: 0.82rem;
    line-height: 1.9;
}

.page-playbook .rule-block p,
.page-playbook .log-block p {
    color: inherit;
}

.page-playbook .rule-block .rule-title,
.page-playbook .log-block .rule-title,
.page-playbook .playbook-summary-head {
    display: block;
    margin-bottom: var(--space-3);
    color: var(--playbook-gold);
}

.page-playbook .rule-footnote {
    display: inline-block;
    margin-top: var(--space-3);
    color: rgba(246, 241, 233, 0.62);
    font-size: 0.72rem;
}

.page-playbook .vocab-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: var(--space-5);
    border: 1px solid var(--color-border);
    background: var(--color-border);
}

.page-playbook .vocab-item {
    padding: var(--space-5);
    background: color-mix(in srgb, var(--color-paper) 94%, transparent);
}

.page-playbook .vocab-term {
    margin-bottom: var(--space-2);
    color: var(--color-accent);
    font-family: var(--font-mono);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .goal-card,
.page-playbook .bucket-card,
.page-playbook .sheet-block,
.page-playbook .playbook-card,
.page-playbook .rule-stack,
.page-playbook .question-stack,
.page-playbook .comparison-table,
.page-playbook .protocol-stack,
.page-playbook .decision-tree,
.page-playbook .mvd-list {
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--playbook-panel-soft) 94%, transparent);
}

.page-playbook .goal-card {
    margin-top: var(--space-5);
}

.page-playbook .goal-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--space-5);
    align-items: center;
    padding: var(--space-5);
    border-bottom: 1px solid var(--color-border);
}

.page-playbook .goal-num {
    color: color-mix(in srgb, var(--color-border) 85%, transparent);
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    line-height: 1;
}

.page-playbook .goal-meta {
    text-align: right;
}

.page-playbook .goal-value {
    color: var(--color-accent);
    font-family: var(--font-mono);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .bucket-card,
.page-playbook .playbook-card {
    box-shadow: var(--shadow-soft);
}

.page-playbook .bucket-icon,
.page-playbook .sheet-header,
.page-playbook .mvd-band,
.page-playbook .sheet-header-alt,
.page-playbook .playbook-banner-pill {
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .bucket-icon {
    padding: var(--space-5);
    color: var(--playbook-hero-text);
    font-size: 0.8rem;
}

.page-playbook .bucket-icon-closure {
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-ink) 94%, transparent), color-mix(in srgb, var(--playbook-neutral) 50%, var(--color-ink) 50%));
}

.page-playbook .bucket-icon-energy {
    background: linear-gradient(135deg, color-mix(in srgb, var(--playbook-positive) 40%, var(--color-ink) 60%), color-mix(in srgb, var(--playbook-positive) 76%, var(--color-ink) 24%));
}

.page-playbook .bucket-icon-identity {
    background: linear-gradient(135deg, color-mix(in srgb, var(--playbook-vivid) 34%, var(--color-ink) 66%), color-mix(in srgb, var(--playbook-vivid) 78%, var(--color-ink) 22%));
}

.page-playbook .bucket-icon-optional {
    background: linear-gradient(135deg, color-mix(in srgb, var(--playbook-warm) 34%, var(--color-ink) 66%), color-mix(in srgb, var(--playbook-warm) 78%, var(--color-ink) 22%));
}

.page-playbook .bucket-body,
.page-playbook .playbook-card,
.page-playbook .sheet-body {
    padding: var(--space-5);
}

.page-playbook .bucket-test,
.page-playbook .sheet-note,
.page-playbook .integrity-note,
.page-playbook .day-type-win,
.page-playbook .score-subtitle,
.page-playbook .playbook-banner-copy,
.page-playbook .playbook-close-note {
    color: var(--color-muted);
}

.page-playbook .bucket-test,
.page-playbook .sheet-note,
.page-playbook .integrity-note {
    font-style: italic;
}

.page-playbook .decision-tree {
    margin-top: var(--space-5);
}

.page-playbook .dt-step,
.page-playbook .comparison-table,
.page-playbook .score-band,
.page-playbook .rule-stack-item,
.page-playbook .question-item,
.page-playbook .protocol-step,
.page-playbook .mvd-item,
.page-playbook .sheet-mini-log {
    border-bottom: 1px solid var(--color-border);
}

.page-playbook .dt-step:last-child,
.page-playbook .score-band:last-child,
.page-playbook .rule-stack-item:last-child,
.page-playbook .question-item:last-child,
.page-playbook .protocol-step:last-child,
.page-playbook .mvd-item:last-child {
    border-bottom: 0;
}

.page-playbook .dt-step {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) 10rem;
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-4) var(--space-5);
}

.page-playbook .dt-step-emphasis {
    background: color-mix(in srgb, var(--playbook-panel) 88%, var(--playbook-panel-soft) 12%);
}

.page-playbook .dt-num {
    color: color-mix(in srgb, var(--color-border) 85%, transparent);
    font-family: var(--font-display);
    font-size: 2rem;
    text-align: center;
}

.page-playbook .dt-answer {
    text-align: right;
    color: var(--color-accent);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .day-type {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    gap: 0 var(--space-5);
    margin-bottom: var(--space-5);
}

.page-playbook .day-type-bar {
    border-radius: 999px;
}

.page-playbook .dt-peak {
    background: var(--playbook-alert);
}

.page-playbook .dt-exec {
    background: var(--playbook-warm);
}

.page-playbook .dt-recovery {
    background: var(--playbook-calm);
}

.page-playbook .dt-zero {
    background: var(--playbook-neutral);
}

.page-playbook .dt-light {
    background: var(--playbook-positive);
}

.page-playbook .dt-creative {
    background: var(--playbook-vivid);
}

.page-playbook .dt-full {
    background: var(--color-ink);
}

.page-playbook .day-type-header {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: center;
    margin-bottom: var(--space-2);
}

.page-playbook .day-type-name {
    font-family: var(--font-display);
    font-size: 1.35rem;
}

.page-playbook .day-type-freq {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .day-type-compact {
    margin-bottom: var(--space-3);
}

.page-playbook .sheet-header {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 92%, var(--color-accent) 8%), color-mix(in srgb, var(--color-ink) 88%, var(--color-highlight) 12%));
    color: var(--playbook-hero-text);
    font-size: 0.74rem;
}

.page-playbook .sheet-header-priority {
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 82%, var(--color-ink) 18%), color-mix(in srgb, var(--color-highlight) 24%, var(--color-accent) 76%));
}

.page-playbook .sheet-header-alt {
    background: linear-gradient(90deg, color-mix(in srgb, var(--playbook-vivid) 32%, var(--color-ink) 68%), color-mix(in srgb, var(--playbook-vivid) 58%, var(--color-ink) 42%));
}

.page-playbook .sh-note {
    color: rgba(246, 241, 233, 0.62);
    font-size: 0.68rem;
}

.page-playbook .metric-row,
.page-playbook .tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.page-playbook .metric-row {
    justify-content: space-between;
}

.page-playbook .mono-blank,
.page-playbook .mono-lines,
.page-playbook .sheet-mini-log,
.page-playbook .schedule-table td {
    color: var(--color-muted);
    font-family: var(--font-mono);
}

.page-playbook .mono-lines {
    line-height: 2.2;
}

.page-playbook .schedule-table {
    width: 100%;
    border-collapse: collapse;
}

.page-playbook .schedule-table td {
    padding: 0.45rem 0;
}

.page-playbook .anti,
.page-playbook .pro {
    margin-bottom: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-size: 0.95rem;
}

.page-playbook .anti {
    border-left-color: var(--playbook-alert);
    background: color-mix(in srgb, var(--playbook-alert) 8%, var(--playbook-panel-soft) 92%);
}

.page-playbook .pro {
    border-left-color: var(--playbook-positive);
    background: color-mix(in srgb, var(--playbook-positive) 10%, var(--playbook-panel-soft) 90%);
}

.page-playbook .anti-tight {
    margin: 0;
}

.page-playbook .sheet-block-strong {
    border-color: color-mix(in srgb, var(--color-ink) 32%, var(--color-border));
}

.page-playbook .score-block + .score-block {
    margin-top: var(--space-5);
}

.page-playbook .score-title {
    margin-bottom: var(--space-2);
    color: var(--color-muted);
}

.page-playbook .score-subtitle {
    margin-bottom: var(--space-3);
    font-size: 0.92rem;
}

.page-playbook .score-band {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: var(--space-3);
    align-items: center;
    padding: 0.75rem 1rem;
}

.page-playbook .score-band-excellent .score-num {
    color: var(--playbook-positive);
}

.page-playbook .score-band-good .score-num {
    color: var(--playbook-warm);
}

.page-playbook .score-band-ok .score-num {
    color: var(--color-muted);
}

.page-playbook .score-band-bad .score-num {
    color: var(--playbook-alert);
}

.page-playbook .score-num {
    font-family: var(--font-mono);
    text-align: center;
}

.page-playbook .integrity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: var(--space-5);
    border: 1px solid var(--color-border);
    background: var(--color-border);
}

.page-playbook .ic-item {
    padding: var(--space-5);
    background: color-mix(in srgb, var(--color-paper) 94%, transparent);
}

.page-playbook .ic-check {
    margin-bottom: var(--space-2);
    color: var(--playbook-positive);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-playbook .table-shell {
    overflow-x: auto;
}

.page-playbook .eis-table {
    width: 100%;
    border-collapse: collapse;
}

.page-playbook .eis-table th,
.page-playbook .eis-table td {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

.page-playbook .eis-table th {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-playbook .eis-old {
    color: var(--color-muted);
    text-decoration: line-through;
    font-size: 0.92rem;
}

.page-playbook .eis-new {
    font-weight: 600;
}

.page-playbook .playbook-card {
    padding: var(--space-5);
}

.page-playbook .card-accent-alert {
    border-top: 3px solid var(--playbook-alert);
}

.page-playbook .card-accent-positive {
    border-top: 3px solid var(--playbook-positive);
}

.page-playbook .card-accent-calm {
    border-top: 3px solid var(--playbook-calm);
}

.page-playbook .card-accent-warm {
    border-top: 3px solid var(--playbook-warm);
}

.page-playbook .card-accent-neutral {
    border-top: 3px solid var(--playbook-neutral);
}

.page-playbook .playbook-banner {
    text-align: center;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-ink) 96%, transparent), color-mix(in srgb, var(--color-ink) 88%, var(--color-highlight) 12%));
    color: var(--playbook-hero-text);
}

.page-playbook .playbook-banner-title {
    margin-bottom: var(--space-4);
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5vw, 4.25rem);
    line-height: 1.08;
}

.page-playbook .playbook-banner-title em {
    color: var(--playbook-gold);
    font-style: italic;
}

.page-playbook .playbook-banner-copy {
    max-width: 34rem;
    margin: 0 auto var(--space-5);
    font-family: var(--font-display);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    line-height: 1.7;
    color: var(--playbook-hero-muted);
}

.page-playbook .playbook-banner-pill {
    display: inline-flex;
    padding: 0.6rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-accent) 58%, transparent);
    border-radius: 999px;
    color: var(--color-accent);
    background: color-mix(in srgb, var(--color-paper) 12%, transparent);
    font-size: 0.74rem;
}

.page-playbook .mvd-item {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-4) var(--space-5);
}

.page-playbook .mvd-item:nth-child(1) {
    background: color-mix(in srgb, var(--playbook-positive) 16%, var(--color-ink) 84%);
}

.page-playbook .mvd-item:nth-child(2) {
    background: color-mix(in srgb, var(--playbook-positive) 12%, var(--color-ink) 88%);
}

.page-playbook .mvd-item:nth-child(3) {
    background: color-mix(in srgb, var(--playbook-positive) 10%, var(--color-ink) 90%);
}

.page-playbook .mvd-num {
    color: color-mix(in srgb, var(--playbook-positive) 72%, #f4f8f1 28%);
    font-family: var(--font-display);
    font-size: 2rem;
    text-align: center;
}

.page-playbook .mvd-list .mvd-copy,
.page-playbook .mvd-list .mvd-label {
    color: #e9efe8;
}

.page-playbook .mvd-label {
    margin-bottom: var(--space-1);
}

.page-playbook .mvd-band {
    padding: 0.85rem 1rem;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    background: color-mix(in srgb, var(--color-ink) 94%, var(--color-highlight) 6%);
    color: var(--playbook-gold);
    font-size: 0.74rem;
    text-align: center;
}

.page-playbook .rule-stack-item,
.page-playbook .question-item,
.page-playbook .protocol-step {
    padding: var(--space-4) var(--space-5);
}

.page-playbook .rule-stack-label,
.page-playbook .protocol-step-label,
.page-playbook .protocol-label-alert {
    color: var(--playbook-alert);
}

.page-playbook .protocol-label-positive,
.page-playbook .ic-check,
.page-playbook .summary-label {
    color: var(--playbook-positive);
}

.page-playbook .question-label {
    display: block;
    margin-bottom: var(--space-1);
    color: var(--color-muted);
}

.page-playbook .comparison-table {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--space-4);
}

.page-playbook .comparison-table-head,
.page-playbook .comparison-cell {
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--color-border);
}

.page-playbook .comparison-table-head {
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 92%, var(--color-accent) 8%), color-mix(in srgb, var(--color-ink) 88%, var(--color-highlight) 12%));
    color: var(--playbook-hero-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-playbook .comparison-table-head:nth-child(2),
.page-playbook .comparison-cell:nth-child(even) {
    border-left: 1px solid var(--color-border);
}

.page-playbook .comparison-cell-strong {
    font-weight: 600;
}

.page-playbook .big-question {
    margin-bottom: var(--space-4);
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-style: italic;
    text-align: center;
}

.page-playbook .tag-row-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-playbook .playbook-tag-positive {
    background: color-mix(in srgb, var(--playbook-positive) 12%, var(--playbook-panel-soft) 88%);
    color: var(--playbook-positive);
}

.page-playbook .playbook-tag-alert {
    background: color-mix(in srgb, var(--playbook-alert) 10%, var(--playbook-panel-soft) 90%);
    color: var(--playbook-alert);
}

.page-playbook .playbook-tag-calm {
    background: color-mix(in srgb, var(--playbook-calm) 10%, var(--playbook-panel-soft) 90%);
    color: color-mix(in srgb, var(--playbook-calm) 70%, var(--color-ink) 30%);
}

.page-playbook .playbook-tag-fill {
    justify-content: center;
    min-height: 2.6rem;
}

.page-playbook .sheet-mini-log {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--playbook-panel) 88%, transparent);
    line-height: 2;
}

.page-playbook .playbook-summary {
    margin-top: var(--space-6);
}

.page-playbook .playbook-summary .summary-label {
    margin-bottom: var(--space-3);
    color: var(--playbook-gold);
}

.page-playbook .playbook-summary .summary-list li::before {
    color: var(--playbook-gold);
}

.page-playbook .playbook-summary-quote {
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(246, 241, 233, 0.68);
    font-family: var(--font-display);
    font-size: 1.28rem;
    font-style: italic;
    text-align: center;
}

.page-playbook .playbook-close {
    text-align: center;
}

.page-playbook .playbook-close-creed {
    max-width: 40rem;
    margin: 0 auto var(--space-3);
    font-family: var(--font-display);
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    line-height: 1.6;
}

.page-playbook .playbook-close-note {
    margin-bottom: 0;
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-style: italic;
}

.page-playbook .thin {
    margin: var(--space-3) 0;
    border: 0;
    border-top: 1px solid var(--color-border);
}

@media (max-width: 960px) {
    .page-playbook .playbook-hero-grid,
    .page-playbook .two-col,
    .page-playbook .three-col,
    .page-playbook .bucket-grid,
    .page-playbook .goal-body {
        grid-template-columns: 1fr;
    }

    .page-playbook .goal-header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .page-playbook .goal-meta {
        grid-column: 1 / -1;
        text-align: left;
    }

    .page-playbook .dt-step {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .page-playbook .dt-answer {
        text-align: left;
    }

    .page-playbook .comparison-table {
        grid-template-columns: 1fr;
    }

    .page-playbook .comparison-table-head:nth-child(2),
    .page-playbook .comparison-cell:nth-child(even) {
        border-left: 0;
    }
}

@media (max-width: 720px) {
    .page-playbook .playbook-jumpbar-shell {
        top: 4rem;
    }

    .page-playbook .playbook-hero-aside,
    .page-playbook .rule-block,
    .page-playbook .log-block,
    .page-playbook .playbook-summary,
    .page-playbook .sheet-body,
    .page-playbook .sheet-header,
    .page-playbook .bucket-body,
    .page-playbook .playbook-card,
    .page-playbook .goal-header {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .page-playbook .vocab-grid,
    .page-playbook .integrity-grid,
    .page-playbook .tag-row-split {
        grid-template-columns: 1fr;
    }

    .page-playbook .dt-step,
    .page-playbook .mvd-item {
        grid-template-columns: 1fr;
    }

    .page-playbook .dt-num,
    .page-playbook .mvd-num {
        text-align: left;
    }

    .page-playbook .metric-row {
        flex-direction: column;
        align-items: flex-start;
    }
}