.pdc-playbook-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3.5rem); align-items: start; padding-top: 1.25rem; }
.pdc-playbook-copy { min-width: 0; }
.pdc-playbook-copy > h3 { margin-top: 2rem; }
.pdc-lifecycle { padding: clamp(1rem, 2vw, 1.75rem); border: 1px solid #e4ddea; border-radius: 1.25rem; background: #f6f3f8; }
.pdc-lifecycle h3 { color: #522d80; margin: 0 0 .35rem; font-family: trade-gothic-next-condensed, sans-serif; font-size: 1.8rem; }
.pdc-lifecycle-intro { color: #514b58; font-size: .95rem; margin-bottom: 1.5rem; }
.pdc-lifecycle-list { position: relative; }
.pdc-phase { position: relative; border: 1px solid #e2dbe8; border-radius: .8rem; background: #fff; margin: 0 0 .65rem; }
.pdc-phase:last-of-type { margin-bottom: 0; }
.pdc-phase[open] { border-color: #f56600; box-shadow: 0 4px 20px #2e1a470a; }
.pdc-phase > summary { display: flex; align-items: center; gap: .9rem; cursor: pointer; list-style: none; padding: 1rem; color: #2e1a47; font-weight: 700; line-height: 1.25; min-height: 4.25rem; }
.pdc-phase > summary::-webkit-details-marker { display: none; }
.pdc-phase > summary:focus-visible { outline: 3px solid #522d80; outline-offset: 4px; border-radius: .7rem; }
.pdc-phase-number { flex: 0 0 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 50%; background: #eee7f5; color: #522d80; font-size: .83rem; font-variant-numeric: tabular-nums; }
.pdc-phase[open] .pdc-phase-number { background: #522d80; color: #fff; }
.pdc-phase-chevron { margin-left: auto; flex: 0 0 1rem; width: 1rem; height: 1rem; position: relative; }
.pdc-phase-chevron::before, .pdc-phase-chevron::after { content: ''; position: absolute; width: .65rem; height: 2px; background: currentColor; top: 50%; left: 15%; }
.pdc-phase-chevron::after { transform: rotate(90deg); }
.pdc-phase[open] .pdc-phase-chevron::after { transform: none; }
.pdc-phase-copy { padding: 0 1.25rem 1.1rem 4.15rem; font-size: 1rem; line-height: 1.6; }
.pdc-phase-copy p { margin: 0; }
.pdc-phase-marker { position: absolute; width: 2.8rem; height: 2.8rem; border: 2px solid #f56600; border-radius: 50%; pointer-events: none; z-index: 1; }
@media (max-width: 991px) { .pdc-playbook-layout { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: no-preference) { .pdc-phase { transition: border-color 180ms ease-out, box-shadow 180ms ease-out; } }
@media print {
    .pdc-playbook-layout { display: block; }
    .pdc-lifecycle { background: transparent; margin-top: 1.5rem; }
    .pdc-phase { break-inside: avoid; box-shadow: none; }
    .pdc-phase-marker, .pdc-phase-chevron { display: none; }
}