/* Phase 1 only: livrables within the existing timeline, not a new section. */
.deliverable-level-label { color:#ffaba0; display:block; margin-bottom:6px; letter-spacing:.1em; line-height:1.6; }
.deliverable-duo .step-deliverable-text { gap:0; min-width:0; }
.deliverable-level + .deliverable-level { border-top:1px solid #ffffff24; padding-top:17px; margin-top:17px; }
.deliverable-level strong { display:block; }
.deliverable-level .step-deliverable-desc { margin:5px 0 0; line-height:1.65; }
.deliverable-format-note { color:#bdbdcd; font-size:.75rem; line-height:1.65; margin:16px 0 0; }
.deliverable-examples-cta { max-width:1000px; margin:28px auto 0; padding:22px 0 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:22px; }
.deliverable-examples-cta p { margin:0; font-size:.94rem; font-weight:600; color:var(--ink); }
.deliverable-examples-cta p span { display:block; color:var(--slate-700); font-weight:400; font-size:.85rem; margin-top:4px; }
.deliverable-examples-cta .btn { flex-shrink:0; }
/* Native dialog handles top layer, background inertness and Escape. */
.examples-dialog { padding:0; border:1px solid var(--line); border-radius:16px; background:var(--paper); color:var(--ink); width:min(520px,calc(100% - 32px)); max-width:520px; max-height:calc(100dvh - 32px); overflow:auto; box-shadow:0 28px 80px #17173040; }
.examples-dialog:not([open]) { display:none; }
.examples-dialog::backdrop { background:rgba(17,17,36,.66); backdrop-filter:blur(3px); }
.examples-dialog-content { padding:36px; }
.examples-dialog-close { position:absolute; right:12px; top:12px; width:40px; height:40px; display:grid; place-items:center; border:0; background:var(--paper-2); border-radius:50%; color:var(--ink); font-size:1.2rem; }
.examples-dialog-close:hover { background:var(--line); }
.examples-eyebrow { text-transform:uppercase; font-size:.67rem; font-weight:600; letter-spacing:.12em; color:var(--accent-deep); margin:0 30px 14px 0; }
.examples-dialog h2 { font-size:1.6rem; line-height:1.25; margin:0 0 14px; padding-right:12px; text-wrap:balance; }
.examples-dialog-lead { font-size:.9rem; line-height:1.65; margin-bottom:20px; }
.examples-included { padding:14px 16px; margin:0 0 22px; border:1px solid var(--line); border-radius:8px; background:var(--paper-2); display:grid; gap:8px; }
.examples-included li { font-size:.82rem; line-height:1.5; }
.examples-included span { font-size:.68rem; font-weight:600; color:var(--accent-deep); margin-right:10px; }
.examples-form label { display:block; margin-bottom:5px; color:var(--ink); font-size:.8rem; }
.examples-field { margin-bottom:15px; }
.examples-form input { display:block; width:100%; border:1px solid #d6d5d2; border-radius:7px; padding:11px 12px; background:white; color:var(--ink); font:inherit; font-size:16px; }
.examples-form input[aria-invalid="true"] { border-color:#ac2020; }
.examples-form .field-error { margin-top:5px; }
.examples-required, .examples-privacy { font-size:.73rem; line-height:1.6; color:var(--slate-700); }
.examples-required { margin-bottom:12px; }
.examples-privacy { margin:14px 0 0; }
.examples-success { padding:24px 0 6px; }
.examples-success .livrable-success-icon { margin-left:0; }
.examples-success p { font-size:.95rem; line-height:1.75; }
#examples-success-email { overflow-wrap:anywhere; }
@media(max-width:700px) {
 .deliverable-examples-cta { flex-direction:column; align-items:stretch; gap:16px; }
 .deliverable-examples-cta .btn { width:100%; }
 .examples-dialog-content { padding:30px 22px 24px; }
 .examples-dialog h2 { font-size:1.4rem; }
 .deliverable-format-note { font-size:.78rem; }
}