.example-intro h1{max-width:950px;font-size:clamp(2.4rem,4.6vw,4rem)}
.example-intro>.container>.text-link{margin-bottom:26px}.example-intro .eyebrow{margin-bottom:18px}.example-download-note{font-size:13px;margin-top:18px}.example-layout{display:grid;grid-template-columns:190px minmax(0,820px);gap:70px;align-items:start;padding-bottom:80px}.example-outline{position:sticky;top:24px}.example-outline nav{display:grid;gap:8px;border-top:2px solid var(--accent);padding-top:18px}.example-outline a{font-size:13px;padding:7px 0;color:#c9d5e2}.example-outline a:hover{color:var(--accent)}.example-section{margin-bottom:56px;scroll-margin-top:30px}.example-section h2{font-size:clamp(1.7rem,2.4vw,2.35rem);line-height:1.2;margin-bottom:23px;max-width:740px}.example-section p{font-size:16px;line-height:1.8;margin:16px 0}.example-section a:not(.button):not(.text-link){color:#ffbc8a;text-decoration:underline;text-underline-offset:3px}.example-results{border-collapse:collapse;width:100%;margin-top:28px;text-align:left;font-size:14px}.example-results caption{text-align:left;color:#bdcbdc;font-size:12px;padding-bottom:12px}.example-results th,.example-results td{padding:15px 18px;border:1px solid #496078;vertical-align:top}.example-results thead th{background:#24415c;font-size:12px;color:#fff}.example-results tbody th{font-weight:500;width:48%;background:#162f48}.example-results td{color:#ffbc8a}.example-flow{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.example-flow li{border-top:2px solid #e99d64;padding-top:15px}.example-flow strong,.example-flow span{display:block}.example-flow strong{font-size:15px}.example-flow span{font-size:13px;color:#c0cede;margin-top:8px;line-height:1.7}.example-steps{padding:0 0 0 25px}.example-steps li{padding-left:14px;margin:30px 0}.example-steps li::marker{color:#ffbc8a;font-weight:600}.example-steps h3{font-size:20px;line-height:1.3}.example-steps p{font-size:15px;margin-top:12px}.example-section ul{padding-left:22px;color:#c5d2e0;font-size:15px;line-height:1.8}.example-section li+li{margin-top:12px}.example-files{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px!important;overflow-wrap:anywhere}.example-access{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.example-access div{padding:18px 0;border-top:1px solid #496078}.example-access dt{font-size:14px;font-weight:650;color:#ffbc8a}.example-access dd{margin:8px 0 0;font-size:13px;line-height:1.8;color:#c0cede}.example-section pre{max-width:100%;overflow:auto;background:#0a192a;border:1px solid #496078;border-radius:5px;padding:22px;color:#e1eaf4;font-size:12px;line-height:1.9}.example-draft{border:1px dashed #e99d64;background:#20364b;border-radius:6px;padding:18px 22px;margin-top:25px;max-width:880px;color:#ffbc8a;font-size:14px}.example-draft p{font-size:14px;margin-top:8px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.example-card{display:flex;flex-direction:column;border:1px solid #496078;border-radius:8px;background:#17314a;padding:32px;min-height:270px}.example-card h2{font-size:28px;line-height:1.22;margin:20px 0 16px}.example-card p{font-size:15px;line-height:1.8}.example-card-evidence{display:flex;justify-content:space-between;gap:15px;color:#ffbc8a;font-size:13px;padding-top:25px;margin-top:auto}.example-card:hover{border-color:#ffbc8a;background:#203b54}.example-card--flagship{border-color:#dd975f}.example-spaced{margin-top:22px}
@media(max-width:1000px){.example-layout{grid-template-columns:150px minmax(0,1fr);gap:35px}.example-grid{gap:20px}.example-card{padding:26px}}
@media(max-width:700px){.example-layout{display:block}.example-outline{position:static;margin-bottom:40px}.example-outline nav{grid-template-columns:1fr 1fr;gap:6px 15px}.example-grid,.example-access{grid-template-columns:1fr}.example-flow{gap:20px}.example-card{min-height:230px}.example-card h2{font-size:27px}.example-section{margin-bottom:42px}.example-results th,.example-results td{padding:12px 10px;font-size:12px;overflow-wrap:anywhere}.example-section p{font-size:15px}.example-section pre{padding:15px;font-size:10px}.example-steps{padding-left:20px}.example-steps li{padding-left:8px}.example-intro h1{font-size:2.55rem}}
@media print{.example-outline,.example-intro .inline-actions{display:none}.example-layout{display:block}.example-results th,.example-results td{color:#142b39;background:white}.example-section p,.example-section li,.example-flow span,.example-access dd{color:#4c5b68}.example-section{break-inside:avoid}}
.example-proof-line{color:var(--accent);font-size:16px;font-weight:650;margin:24px 0}.example-buyer-stages{list-style:none;counter-reset:stage;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.example-buyer-stages li{counter-increment:stage;border-top:2px solid var(--accent);padding-top:20px}.example-buyer-stages li::before{content:counter(stage,decimal-leading-zero);color:var(--accent);font-size:13px}.example-buyer-stages h3{font-size:20px;margin:12px 0}.example-buyer-stages p{font-size:15px;line-height:1.7}.example-capture{margin:30px 0}.example-capture img{width:100%;border:1px solid #496078;border-radius:6px}.example-capture figcaption{font-size:12px;line-height:1.7;color:#bacadc;margin-top:12px}.example-technical{margin:48px 0 60px;border:1px solid #496078;border-radius:6px;padding:22px;scroll-margin-top:25px}.example-technical summary{cursor:pointer;font-size:16px;font-weight:600;color:#ffbc8a}.example-technical>div{padding-top:24px}.example-technical h3{font-size:20px;margin:32px 0 18px}.example-technical p,.example-technical li{font-size:14px;line-height:1.8;color:#c5d2e0}.example-technical a{color:#ffbc8a;text-decoration:underline}.example-technical pre{overflow:auto;background:#091b2b;padding:18px;font-size:12px;line-height:1.8}.example-technical h4{font-size:17px}.example-technical ul{padding-left:22px}@media(max-width:700px){.example-buyer-stages{grid-template-columns:1fr}.example-technical{padding:18px}.example-technical pre{font-size:10px}}
.conversation-record>p{line-height:1.8;margin-bottom:30px}.conversation-message{border-top:2px solid var(--accent);padding:28px 0;margin-top:28px}.conversation-message h2{font-size:22px;margin-bottom:18px}.conversation-record pre{font:14px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#10263b;padding:22px;border-radius:5px;color:#dbe5ef}.conversation-tool{border:1px solid #496078;border-radius:5px;padding:18px;margin:16px 0}.conversation-tool summary{cursor:pointer;color:#ffbc8a;font-weight:600}.conversation-tool h3{font-size:16px;margin:20px 0 12px}.conversation-record a{color:#ffbc8a;text-decoration:underline}@media(max-width:700px){.conversation-record pre{font-size:11px;padding:14px}}
.bundle-worked-example{padding:44px 0;border-top:1px solid #39536e}.bundle-worked-example h3{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.2}.bundle-downloads{font-size:13px;line-height:1.9;margin-top:22px}.bundle-downloads a{color:#ffbc8a;text-decoration:underline;text-underline-offset:3px}.bundle-format-table tbody th{width:30%}.bundle-format-note{font-size:15px;line-height:1.8;margin-top:22px}

.example-journey{scroll-margin-top:90px}.workflow-figure{margin:0 0 32px}.workflow-svg{width:100%;height:auto;display:block}.workflow-svg--mobile{display:none}.workflow-figure figcaption{font-size:14px;line-height:1.7;color:#c0cede}.workflow-detail{list-style:none;counter-reset:workflow;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.workflow-detail li{counter-increment:workflow;border-top:1px solid #496078;padding-top:18px}.workflow-detail li::before{content:counter(workflow,decimal-leading-zero);color:#ffbc8a;font-size:13px}.workflow-detail h3{font-size:20px;margin:12px 0}.workflow-detail p{font-size:15px;line-height:1.8}.workflow-scope{font-size:13px;line-height:1.8;margin-top:28px;max-width:90ch;color:#b8c7d8}.recorded-stages{border-top:1px solid #496078;border-bottom:1px solid #496078;margin:0 0 48px;padding:20px 0;scroll-margin-top:90px}.recorded-stages summary{cursor:pointer;font-size:17px;color:#ffbc8a;font-weight:600;line-height:1.6}.recorded-stages .example-buyer-stages{margin-top:24px}.recorded-stages>p{font-size:15px;line-height:1.8}@media(max-width:900px){.workflow-svg--wide{display:none}.workflow-svg--mobile{display:block;max-width:420px;margin:0 auto 24px}.workflow-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workflow-detail{grid-template-columns:1fr}}