.playbooks-aurora {
    background:
        radial-gradient(circle at 12% 18%, rgba(14, 165, 233, 0.16), transparent 26%),
        radial-gradient(circle at 82% 20%, rgba(239, 13, 51, 0.16), transparent 24%),
        linear-gradient(180deg, #050505 0%, #081017 48%, #050505 100%);
}

.playbooks-hero-copy {
    max-width: 47rem;
}

.playbooks-hero-title {
    max-width: 10.8ch;
    font-size: clamp(3.9rem, 7vw, 5.95rem);
    text-wrap: balance;
}

.playbooks-focus-panel,
.playbook-shell,
.playbooks-method-panel,
.playbooks-method-card,
.playbooks-route-card,
.cta-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
    backdrop-filter: blur(18px);
}

.playbooks-focus-panel,
.playbooks-method-panel,
.playbook-shell {
    position: relative;
    overflow: hidden;
}

.playbook-shell {
    scroll-margin-top: 8rem;
}

.playbooks-focus-panel::after,
.playbooks-method-panel::after,
.playbook-shell::after {
    content: "";
    position: absolute;
    inset: auto -12% -24% auto;
    width: 16rem;
    height: 16rem;
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(239, 13, 51, 0.16), transparent 68%);
    filter: blur(18px);
    pointer-events: none;
}

.playbooks-focus-panel > *,
.playbooks-method-panel > *,
.playbook-shell > * {
    position: relative;
    z-index: 1;
}

.playbooks-panel-title {
    font-size: clamp(2rem, 3.4vw, 2.7rem);
    line-height: 1.02;
    text-wrap: balance;
}

.signal-card,
.playbook-detail-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
    backdrop-filter: blur(16px);
}

.signal-card {
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.signal-card:hover,
.playbooks-route-card:hover,
.playbooks-method-card:hover {
    transform: translateY(-6px);
    border-color: rgba(239, 13, 51, 0.24);
    box-shadow: 0 30px 80px -36px rgba(0, 0, 0, 0.82);
}

.playbooks-route-card,
.playbooks-method-card,
.cta-card {
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.playbook-detail-card ul {
    padding-left: 1.1rem;
}

.playbook-detail-card li::marker {
    color: #ef0d33;
}

.playbook-link-row {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.9);
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.playbook-link-row:hover,
.playbook-link-row:focus-visible {
    transform: translateX(4px);
    border-color: rgba(239, 13, 51, 0.28);
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 1279px) {
    .playbooks-hero-title {
        max-width: 11.4ch;
        font-size: clamp(3.6rem, 6.4vw, 5.25rem);
    }
}

@media (max-width: 1023px) {
    .playbooks-hero-copy {
        max-width: none;
    }

    .playbooks-hero-title {
        max-width: none;
        font-size: clamp(3.15rem, 10.5vw, 5rem);
    }
}

@media (max-width: 767px) {
    .playbooks-route-card,
    .playbooks-method-card,
    .playbook-shell,
    .playbooks-focus-panel,
    .playbooks-method-panel {
        box-shadow: 0 24px 64px -40px rgba(0, 0, 0, 0.85);
    }
}