.workshop-head{border-bottom:1px solid #c2c9bc}
.workshop-meta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
.workshop-meta span{display:block;border:1px solid #aeb9a6;padding:9px 13px;font-size:12px;letter-spacing:.06em}
.workshop-story,.choice-map,.interview-layout,.direction-board,.value-story,.experiment-hero,.evidence-layout,.ai-grid,.economics-hero,.capacity-story,.decision-canvas,.workshop-symptoms{margin-top:42px;margin-bottom:54px}
.split-story,.choice-map,.interview-layout,.evidence-layout,.ai-grid,.capacity-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,7vw,100px);align-items:start}
.workshop-story h2,.choice-map h2,.interview-layout h2,.direction-board h2,.experiment-hero h2,.economics-hero h2,.capacity-story h2,.decision-canvas h2,.workshop-symptoms h2{font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.035em;margin:10px 0 22px}
.workshop-story aside,.choice-card,.interview-script,.ai-checklist{background:#e5ebdf;padding:28px;border-left:3px solid #ee705e}
.choice-card>span{display:block;font-size:12px;letter-spacing:.12em;margin-bottom:24px}
.choice-card>strong{display:block;font-size:clamp(23px,3vw,34px);line-height:1.4}
.workshop-steps{background:#252d28;color:#f8f7f3;padding-top:44px;padding-bottom:44px}
.workshop-steps h2{color:#f8f7f3}
.workshop-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-left:22px}
.workshop-steps li{padding:16px 8px;border-top:1px solid #91a18a}
body:has(.workshop-head) .callout{background:#f4d8ce;color:#252d28;border-left:3px solid #ee705e;padding:18px 22px}
.symptom-grid,.board-columns,.canvas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#aeb9a6;margin-top:28px}
.symptom-grid article,.board-columns>div,.canvas-grid>div{background:#f8f7f3;padding:25px;min-height:110px}
.interview-script ol{margin:0;padding-left:22px}
.value-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:28px}
.value-before,.value-after{padding:clamp(22px,3vw,36px)}
.value-before{background:#e8e3d7}.value-after{background:#dfe9dc}
.value-before>span,.value-after>span{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:20px}
.value-story h2{font-size:clamp(30px,4vw,48px);line-height:1.12;max-width:900px}
.value-comparison h3{font-size:clamp(23px,2.5vw,30px);line-height:1.2;margin:0 0 20px}
.value-comparison blockquote{margin:0 0 20px;padding:0;border:0;font-size:20px;line-height:1.5}
.value-check{border-left:3px solid #ee705e;padding:4px 0 4px 22px;margin-top:28px;max-width:850px}
.experiment-hero{background:#e8ede4;padding-top:clamp(28px,6vw,70px);padding-bottom:clamp(28px,6vw,70px)}
.experiment-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px}
.experiment-line span{padding:18px;background:#fffdf8;border-top:2px solid #ee705e}
.evidence-layout aside{background:#252d28;color:#f8f7f3;padding:30px}
.evidence-layout aside h3{margin-top:0;color:inherit}
.ai-checklist{background:#e7dfd4;border-left-color:#687a60}
.scenario-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.scenario-row div{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fffdf8;border-bottom:3px solid #ee705e}
.scenario-row span{font-size:14px}
.capacity-quote{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);line-height:1.2;background:#252d28;color:#f8f7f3;padding:35px}
.canvas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-grid>div{min-height:130px}
.workshop-action{margin-top:50px;padding-top:38px;padding-bottom:38px;background:#e8ede4}
.workshop-related{padding-top:28px;padding-bottom:70px;border-top:1px solid #c2c9bc}
.workshop-related ul{columns:2;padding-left:20px}
.workshop-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);padding-top:clamp(28px,5vw,62px);padding-bottom:clamp(28px,5vw,62px);border-top:2px solid #252d28;border-bottom:1px solid #b9c4b2;margin-top:52px;margin-bottom:24px}
.workshop-case h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 20px}
.question-stack{display:flex;flex-direction:column;gap:10px}
.question-stack div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid #b9c4b2}
.question-stack span{color:#ee705e;font-size:12px;letter-spacing:.12em}
.question-stack p{margin:0;font-size:18px;line-height:1.4}
@media(max-width:850px){.workshop-steps ol,.canvas-grid,.experiment-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.split-story,.choice-map,.interview-layout,.evidence-layout,.ai-grid,.capacity-story,.value-comparison,.workshop-case{grid-template-columns:1fr;gap:26px}.workshop-related ul{columns:1}.symptom-grid,.board-columns,.scenario-row{grid-template-columns:1fr}}
@media(max-width:480px){.workshop-steps ol,.canvas-grid,.experiment-line{grid-template-columns:1fr}}
.workshop-timeline{padding-top:60px;padding-bottom:52px}
.timeline-heading{max-width:780px;margin-bottom:36px}
.timeline-heading h2{font-size:clamp(32px,4.5vw,56px);line-height:1.1;margin:14px 0 22px}
.timeline-list{list-style:none;margin:0;padding:0}
.timeline-step{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;margin:0;padding:28px 24px;border-top:1px solid #b9c4b2}
.timeline-time{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.4}
.timeline-time span{display:block;font-size:11px;font-weight:400;margin-top:6px;color:#596356}
.timeline-content{border-left:2px solid #b9c4b2;padding-left:28px}
.timeline-content h3{font-size:clamp(23px,2.5vw,30px);line-height:1.2;margin:0 0 14px}
.timeline-content p{margin:0 0 12px;max-width:820px}
.timeline-content p:last-child{margin-bottom:0}
.timeline-pair{background:#e5ebdf;border-top:3px solid #ee705e}
.timeline-pair .timeline-content{border-left-color:#ee705e}
.timeline-detail{font-size:14px;line-height:1.65;padding-top:12px;border-top:1px solid #b9c4b2}
.timeline-principle{margin-top:28px;padding:clamp(24px,4vw,44px);background:#252d28;color:#f8f7f3}
.timeline-principle h3{color:#f4b09d;margin-top:0;font-size:28px}
.timeline-principle p{max-width:900px}
.timeline-principle .small{color:#dce3d7}
@media(max-width:700px){.timeline-step{grid-template-columns:1fr;gap:18px;padding:24px 18px}.timeline-time span{display:inline;margin-left:12px}.timeline-content{padding-left:18px}.workshop-timeline{padding-top:36px}}