.wf-figure,.wf-scenarios{--wf-ink:#283242;--wf-rule:#b9bbb7;--wf-paper:#f2f2ed;--wf-haze:#91a7b5;--wf-clay:#ac7362;color:var(--wf-ink);margin:0;min-width:0}
.wf-figure *,.wf-scenarios *{box-sizing:border-box}
.wf-figure-title{font-size:clamp(22px,2.3vw,32px);font-weight:500;line-height:1.22;letter-spacing:-.025em;margin:0 0 34px}
.wf-engagement-field{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:45px;padding:24px 0 95px;isolation:isolate}
.wf-engagement-field::before{content:"";position:absolute;z-index:-1;left:2%;right:0;bottom:22px;height:100px;background:#91a7b529;clip-path:polygon(0 70%,100% 0,100% 95%,0 100%)}
.wf-engagement-field::after{content:"";position:absolute;z-index:-1;left:2%;right:10%;bottom:24px;height:68px;background:#ac736227;clip-path:polygon(0 0,100% 72%,100% 100%,0 34%)}
.wf-rhythm-group{padding:0 0 0 18px;border-left:3px solid #283242;min-width:0;position:relative}
.wf-rhythm-group::before{content:"";position:absolute;left:-3px;right:38%;top:-16px;border-top:3px solid #283242}
.wf-rhythm-group h3{font-size:15px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0 0 30px}
.wf-rhythm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:20px}
.wf-rhythm-steps li{padding:0 0 24px;margin:0;position:relative;min-width:0}
.wf-rhythm-steps li+li::before{content:"";position:absolute;left:-10px;top:3px;bottom:0;border-left:1px solid #28324255}
.wf-rhythm-steps h4{font-size:clamp(17px,1.65vw,21px);line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0 0 17px}
.wf-rhythm-steps p{font-size:14px;line-height:1.5;margin:0;letter-spacing:0}
.wf-rhythm-steps .wf-timing{font-size:12px;line-height:1.45;margin-top:24px;padding-top:12px;border-top:1px solid #28324288;max-width:160px}
.wf-return-note{margin:18px 0 0;font-size:12px;line-height:1.5;display:flex;gap:9px;align-items:baseline}
.wf-return-note>span{font-size:24px;line-height:1}
.wf-foundation-line{position:absolute;bottom:32px;left:2%;right:0;display:flex;height:2px}
.wf-foundation-line span:nth-child(1){background:#283242;width:42%}.wf-foundation-line span:nth-child(2){background:#91a7b5;width:32%}.wf-foundation-line span:nth-child(3){background:#ac7362;flex:1}
.wf-figure-note{font-size:15px;line-height:1.55;max-width:700px;margin:0}
.wf-scenario-intro{font-size:17px;line-height:1.6;max-width:740px;margin:-16px 0 35px}
.wf-tabs{display:flex;gap:36px;border-bottom:1px solid var(--wf-rule);margin:0 0 40px}
.wf-tabs button{font:inherit;color:inherit;font-size:16px;background:none;border:0;border-radius:0;padding:13px 0 17px;cursor:pointer;position:relative;min-height:48px}
.wf-tabs button:focus-visible,.wf-panel:focus-visible,.wf-detail summary:focus-visible,.wf-diagram-scroll:focus-visible,.wf-full-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.wf-panel[hidden]{display:none!important}
.wf-scenario-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:0 0 45px;align-items:start}
.wf-scenario-heading h3{font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0;max-width:440px}
.wf-scenario-heading p{font-size:17px;line-height:1.6;margin:0;max-width:510px}
.wf-action-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:26px;position:relative}
.wf-action-flow::before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--wf-rule)}
.wf-action-flow li{margin:0;position:relative;padding:22px 14px 24px 0;min-width:0;border-bottom:1px solid var(--wf-rule)}
.wf-action-flow li+li::before{content:"→";position:absolute;left:-23px;top:-15px;display:block;font-size:22px;line-height:28px;background:var(--wf-paper);padding:0 3px}
.wf-action-flow .wf-human-step{border-top:3px solid #ac7362;padding-top:19px}
.wf-action-flow .wf-learning-step{border-top:3px solid #91a7b5;padding-top:19px}
.wf-step-label{display:block;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em;margin-bottom:23px}
.wf-action-flow h4{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.17;margin:0 0 17px}
.wf-action-flow p{font-size:15px;line-height:1.65;margin:0}
.wf-branch-note{font-size:14px;line-height:1.6;max-width:770px;padding-left:19px;border-left:2px solid #ac7362;margin:29px 0 40px}
.wf-detail{border-top:1px solid var(--wf-rule);border-bottom:1px solid var(--wf-rule);padding:0;margin:0}
.wf-detail summary{cursor:pointer;font-size:15px;line-height:1.5;padding:19px 0;display:flex;justify-content:space-between;gap:24px;list-style:none;min-height:60px}
.wf-detail summary::-webkit-details-marker{display:none}.wf-detail summary>span{font-size:23px;line-height:1}
.wf-detail[open] summary>span{transform:rotate(45deg)}
.wf-diagram-scroll{overflow:auto;margin:10px 0 24px;max-height:580px;overscroll-behavior-x:contain}
.wf-diagram-scroll img{display:block;width:100%;min-width:1200px;height:auto;max-width:none}
.wf-full-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;line-height:1.5;color:inherit;text-decoration:underline;text-underline-offset:5px;margin:0 0 14px}
.wf-record-context{font-size:13px;line-height:1.6;margin:-15px 0 35px}
.wf-record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0 45px;margin:0;padding:0;position:relative}
.wf-record::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:3px solid #283242}
.wf-record li{padding:20px 0 28px 22px;position:relative;border-top:1px solid var(--wf-rule);min-width:0;margin:0}
.wf-record li:nth-child(n+4){background:#91a7b518}
.wf-record li::before{content:"";position:absolute;left:-1px;top:-1px;width:30px;border-top:3px solid #283242}
.wf-record li:nth-child(3)::before{border-color:#ac7362}.wf-record li:nth-child(6)::before{border-color:#91a7b5}
.wf-record-label{font-size:13px;line-height:1.45;font-weight:500;display:block;margin-bottom:23px}
.wf-record p{font-size:18px;line-height:1.5;letter-spacing:-.012em;margin:0;max-width:330px}
.wf-record-return{border-top:1px dashed #28324288;margin:0;padding:23px 0 0;display:flex;align-items:baseline;gap:14px;font-size:14px;line-height:1.6}
.wf-record-return>span{font-size:24px;line-height:1}
@media(max-width:1000px){
 .wf-engagement-field{grid-template-columns:1fr;gap:52px;padding-bottom:80px}
 .wf-rhythm-group{padding-left:23px}.wf-rhythm-steps{gap:38px}.wf-rhythm-steps h4{font-size:23px;max-width:220px}.wf-rhythm-steps p{font-size:15px;max-width:220px}
 .wf-action-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 30px}.wf-action-flow li:nth-child(3)::before{content:none}
 .wf-record{gap:0 25px}.wf-record p{font-size:17px}
}
@media(max-width:620px){
 .wf-figure-title{font-size:26px;margin-bottom:29px}
 .wf-engagement-field{padding-top:17px;gap:43px;padding-bottom:62px}
 .wf-rhythm-group{padding-left:22px}.wf-rhythm-group h3{font-size:14px;margin-bottom:25px}
 .wf-rhythm-steps{grid-template-columns:1fr;gap:0}.wf-rhythm-steps li{padding:0 0 25px}.wf-rhythm-steps li+li{border-top:1px solid #28324233;padding-top:24px}.wf-rhythm-steps li+li::before{content:none}
 .wf-rhythm-steps h4{font-size:23px;margin-bottom:11px;max-width:100%}.wf-rhythm-steps p{font-size:15px;max-width:100%}.wf-rhythm-steps .wf-timing{margin-top:14px;padding-top:0;border:0;font-size:12px;max-width:100%}
 .wf-return-note{margin-top:0}.wf-figure-note{font-size:14px}
 .wf-scenario-intro{font-size:16px;margin-top:-10px;margin-bottom:25px}.wf-tabs{gap:0;justify-content:space-between;margin-bottom:30px}.wf-tabs button{font-size:14px;padding:12px 0 16px;white-space:nowrap}
 .wf-scenario-heading{display:block;margin-bottom:30px}.wf-scenario-heading h3{font-size:29px;margin-bottom:20px}.wf-scenario-heading p{font-size:16px}
 .wf-action-flow{grid-template-columns:1fr;gap:0;padding-left:22px;border-left:1px solid var(--wf-rule)}.wf-action-flow::before{content:none}.wf-action-flow li{padding:22px 0 28px;border-bottom:0;border-top:1px solid var(--wf-rule)}.wf-action-flow li+li::before{left:-31px;top:24px;content:"↓";font-size:20px}.wf-action-flow li:nth-child(3)::before{content:"↓"}
 .wf-action-flow .wf-human-step,.wf-action-flow .wf-learning-step{padding-top:19px}.wf-step-label{margin-bottom:13px;font-size:10px}.wf-action-flow h4{font-size:24px;max-width:310px;margin-bottom:13px}.wf-action-flow p{font-size:15px;line-height:1.65;max-width:370px}.wf-branch-note{margin:9px 0 30px;font-size:13px}.wf-detail summary{font-size:14px}
 .wf-record{grid-template-columns:1fr}.wf-record li{padding:20px 8px 28px 22px}.wf-record li:nth-child(n+4){background:none}.wf-record li:last-child{background:#91a7b518}.wf-record-label{font-size:12px;margin-bottom:13px}.wf-record p{font-size:19px;max-width:360px}.wf-record-context{margin-top:-9px;font-size:12px}.wf-record-return{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.wf-detail summary>span{transition:none}}