.experience-hero{padding-top:clamp(2rem,4.2vw,3.5rem);padding-bottom:clamp(2.2rem,4.3vw,3.6rem)}
.experience-hero .hero-deck{max-width:68ch}
.experience-hero h1{max-width:900px}
.experience-hero .hero-actions{gap:1.25rem;align-items:center}
.experience-hero .hero-actions .hero-link{font-size:.94rem;opacity:.88}
.experience-lead{max-width:1040px;margin:0 auto 3.2rem!important;padding:1.55rem 1.8rem!important;background:#f2f4f5;border-left:4px solid var(--red)}
.experience-lead h2{margin-top:0!important;border:0!important;padding:0!important;font-size:clamp(1.35rem,2vw,1.8rem)}
.experience-lead p:last-child{margin-bottom:0}
.decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 3rem}
.decision-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0!important;margin:1.25rem 0 3rem!important;counter-reset:flow}
.decision-flow li{counter-increment:flow;padding:1.25rem 1.35rem;background:#f4f5f5;border-top:3px solid var(--red);min-width:0}
.decision-flow li+li{border-left:1px solid #d9dee2}
.decision-flow .number{display:block;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.decision-flow h3{margin:.55rem 0 .4rem}
.decision-flow p:last-child{margin-bottom:0}
.decision-card{padding:1.35rem 1.3rem;background:#f4f5f5;border-top:3px solid var(--red)}
.decision-card .number{display:block;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.1em}
.decision-card h3{margin:.55rem 0 .4rem}
.decision-card p:last-child{margin-bottom:0}
.question-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0!important;margin:1.5rem 0 2rem!important;counter-reset:prompt}
.question-list li{counter-increment:prompt;position:relative;padding:1.25rem 1.1rem 1.15rem 3.2rem;background:#fff;border:1px solid #dbe0e4;min-height:7rem}
.question-list li:before{content:"0" counter(prompt);position:absolute;left:1rem;top:1.1rem;color:var(--red);font-weight:800;font-size:.75rem;letter-spacing:.08em}
.historical-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2.5rem}
.historical-example{padding:1.3rem 1.25rem 1.2rem;background:#f7f7f5;border:1px solid #e0e3e4;display:flex;flex-direction:column;min-width:0}
.historical-example .eyebrow{display:block;color:var(--red);margin:0 0 .65rem;font-size:.75rem}
.historical-example h3{margin:.15rem 0 .55rem;font-size:1.22rem}
.historical-example p{line-height:1.58}
.historical-example .source-note{margin-top:auto}
.source-note{font-size:.9rem;color:#536170!important;border-top:1px solid #d9dee2;padding-top:.7rem;margin-top:.75rem;line-height:1.5}
.experience-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 3rem}
.experience-links a{display:block;padding:1.15rem 1.2rem;background:#10264a;color:#fff!important;text-decoration:none;border-bottom:3px solid #b72c40;font-weight:700}
.experience-links a span{display:block;margin-top:.4rem;color:#e2e7ed;font-size:.88rem;font-weight:400;line-height:1.5}
.workflow-figure{margin:1.5rem 0 1.8rem;padding:1rem;background:#f5f7fa;border:1px solid #dce2e7}
.workflow-figure img{display:block;width:100%;height:auto}
.workflow-figure figcaption{margin:.7rem .2rem .1rem;color:#596777;font-size:.9rem;line-height:1.5}
.workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;list-style:none;padding:0!important;counter-reset:workflow}
.workflow-steps li{counter-increment:workflow;padding:1.2rem 1.3rem;background:#f1f3f4;border-left:3px solid var(--red)}
.workflow-steps h3{margin:0 0 .4rem}
.workflow-steps h3:before{content:"0" counter(workflow) " / ";color:var(--red);font:700 .72rem var(--sans);letter-spacing:.08em}
.experience-caveat{max-width:900px;padding:1.1rem 1.3rem;background:#eef1f3;border-left:3px solid #7e8b99;color:#34445a}
.experience-endcap{margin:2.5rem 0 0;padding:1.7rem 2rem;background:var(--night);color:#fff}
.experience-endcap h2{color:#fff!important;border:0!important;padding:0!important;margin:.1rem 0 .6rem!important}
.experience-endcap p{color:#e0e5ec!important;max-width:62ch}
.experience-endcap .have-ready{font-size:.94rem;margin-bottom:1.1rem}
.experience-endcap .button{margin-top:.15rem}
.content-experience-detail .hero-actions{margin-top:1.2rem}
.content-experience-detail .rail-cta{display:inline-block;margin-top:.8rem}
@media(min-width:761px) and (max-width:1099px){.historical-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-lead{margin-bottom:2.7rem!important}}
@media(max-width:760px){.decision-cards,.decision-flow,.question-list,.experience-links,.historical-examples,.workflow-steps{grid-template-columns:1fr}.decision-flow li+li{border-left:0;border-top:1px solid #d9dee2}.experience-hero{padding-top:2rem;padding-bottom:2.1rem}.experience-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:.7rem}.experience-lead{padding:1.3rem!important;margin-bottom:2.2rem!important}.question-list li{min-height:0}.workflow-figure{padding:.5rem}.historical-example{padding:1.15rem}.experience-endcap{padding:1.4rem}}
@media(max-width:360px){.experience-hero h1{font-size:clamp(2rem,10vw,2.55rem)}.experience-hero .wrap{padding-left:1rem;padding-right:1rem}.experience-endcap{padding:1.2rem}}
@media(prefers-color-scheme:dark){
  .experience-lead,.decision-card,.decision-flow li,.historical-example,.question-list li,.workflow-steps li,.experience-caveat{background:#17263b!important;border-color:#45536a!important}
  .experience-lead{border-left-color:#f1a2af!important}
  .decision-card .number,.decision-flow .number,.historical-example .eyebrow,.workflow-steps h3:before{color:#f1a2af!important}
  .historical-example{border-color:#45536a!important}
  .source-note{border-color:#45536a!important;color:#d0d8e2!important}
  .workflow-figure{background:#17263b;border-color:#45536a}
  .workflow-figure figcaption{color:#d0d8e2}
}
