/* ワークショップは、問い・対話・行動の読み順を余白と罫線で示す。 */
.workshop-hero{background:var(--surface);padding-block:clamp(48px,5.5vw,80px) clamp(56px,6vw,88px);border-block:var(--border)}
.workshop-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(40px,5.8vw,88px)}
.workshop-hero-copy{min-width:0}
.workshop-hero h1{font-size:clamp(2.8rem,4.8vw,4.75rem);line-height:1.4}
.workshop-hero .eyebrow{font-size:var(--text-small);letter-spacing:.025em}
.workshop-hero .lead{margin-top:var(--space-6);max-width:38em;font-size:var(--text-lead);line-height:2}
.workshop-hero-context{margin-top:var(--space-5);max-width:40em;font-size:var(--text-small);line-height:1.9}
.workshop-hero .actions{gap:var(--space-4) var(--space-5)}
.workshop-hero .button{gap:var(--space-5);padding-inline:24px}
.workshop-consult-note{margin-top:var(--space-4);max-width:42em;font-size:var(--text-small)}

/* 本物の研修写真の代わりに、社員の経験が行動になる過程を見せる。 */
.workshop-map{background:var(--paper);padding:clamp(28px,3.3vw,48px) clamp(24px,3vw,40px);border:var(--border);border-top:3px solid var(--brand-green)}
.workshop-map figcaption{font-size:var(--text-small);font-weight:700;color:var(--heading)}
.workshop-map ol{list-style:none;padding:0;margin:var(--space-6) 0 0}
.workshop-map li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-5)}
.workshop-map li:first-child{padding-top:0}
.workshop-map li+li{border-top:var(--border)}
.workshop-map li+li::before{content:'↓';position:absolute;top:-15px;left:34px;line-height:28px;width:26px;text-align:center;color:var(--action);background:var(--paper)}
.workshop-map strong{display:block;font-size:clamp(1.2rem,1.6vw,1.6rem);color:var(--heading)}
.workshop-map li p{margin-top:var(--space-2);font-size:var(--text-small);line-height:1.9}
.workshop-map li .number{padding-top:5px}
.workshop-map-end{padding-top:var(--space-4);border-top:var(--border);font-size:var(--text-small);color:var(--ink);text-align:right}

.workshop-needs-list{list-style:none;padding:0;margin:0;border-top:var(--border)}
.workshop-needs-list li{border-bottom:var(--border)}
.workshop-needs-list a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:44px;padding-block:22px;text-decoration:none;line-height:1.9}
.workshop-needs-list a:hover{background:var(--surface)}
.workshop-needs-list a>span[aria-hidden]{flex:none;color:var(--action)}
.workshop-needs .stack>p:last-child{font-size:var(--text-small);max-width:28em}
.workshop-approach{background:var(--surface)}
.workshop-approach-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7);margin-top:var(--space-7)}
.workshop-approach-list article{border-top:2px solid var(--brand-green);padding-top:var(--space-5)}
.workshop-approach-list h3{margin-block:var(--space-3) var(--space-4);font-size:1.25rem;line-height:1.6}
.workshop-approach-list p{line-height:2}
.workshop-section-intro{max-width:44em;margin-top:var(--space-5)}

/* テーマごとに「問い」と成果物を対応させ、選択タブに内容を隠さない。 */
.workshop-theme-list{margin-top:var(--space-7);border-top:var(--border)}
.workshop-theme{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(32px,6vw,88px);padding-block:var(--space-7);border-bottom:var(--border);scroll-margin-top:32px}
.workshop-theme-heading{position:sticky;top:32px;align-self:start;display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-4)}
.workshop-theme-heading .number{padding-top:9px}
.workshop-theme-heading h3{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.5}
.workshop-theme-copy{min-width:0}
.workshop-theme-copy>p+p{margin-top:var(--space-5)}
.workshop-question{font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:700;color:var(--heading);line-height:1.8}
.workshop-question>span{display:block;font-size:var(--text-small);font-weight:400;margin-bottom:var(--space-3);color:var(--ink)}
.workshop-output{background:var(--surface);border-left:2px solid var(--brand-green);margin:var(--space-5) 0 0;padding:var(--space-4) var(--space-5)}
.workshop-output dt{font-size:var(--text-small);font-weight:700;color:var(--heading)}
.workshop-output dd{margin:var(--space-2) 0 0}
.workshop-theme-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5)}
.workshop-consult-link{display:inline-flex;align-items:center;gap:var(--space-5);min-height:44px;max-width:100%;color:var(--action);font-size:var(--text-small);text-decoration:none;font-weight:700}
.workshop-consult-link:hover{text-decoration:underline}

.workshop-practice{background:var(--surface)}
.workshop-practice-list{border-top:var(--border);margin-top:var(--space-7)}
.workshop-practice-row{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(32px,5.5vw,80px);padding-block:var(--space-7);border-bottom:var(--border);scroll-margin-top:32px}
.workshop-practice-theme{color:var(--heading);font-size:var(--text-small);font-weight:700;padding-top:6px}
.workshop-practice-theme::before{content:'';display:block;width:28px;height:2px;background:var(--brand-green);margin-bottom:var(--space-4)}
.workshop-practice-row h3{font-size:clamp(1.4rem,2vw,1.875rem);line-height:1.6}
.workshop-practice-row h3+p{margin-top:var(--space-5);max-width:43em;line-height:2}
.workshop-practice-row .text-link{margin-top:var(--space-5)}

.workshop-process-list{list-style:none;padding:0;margin:var(--space-7) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-8)}
.workshop-process-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}
.workshop-process-list .number{padding-top:4px}
.workshop-process-list h3{font-size:1.25rem;line-height:1.6}
.workshop-process-list p{margin-top:var(--space-3);line-height:2}
.workshop-process-note{margin-block:var(--space-7) var(--space-4);max-width:46em;font-size:var(--text-small)}
.workshop-process .text-link{color:var(--paper)}
.workshop-process .text-link:hover{color:var(--paper);border-bottom-width:2px}

.workshop-advisor-layout{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(40px,8vw,120px);max-width:960px;align-items:center}
.workshop-advisor figure{max-width:280px}
.workshop-advisor figcaption{margin-top:var(--space-3);font-size:var(--text-small);color:var(--heading)}
.workshop-advisor .stack>p:not(.eyebrow){max-width:38em}
.workshop-faq{background:var(--surface)}
.workshop-faq-list{border-top:var(--border);margin-top:var(--space-7)}
.workshop-faq-list details{border-bottom:var(--border);padding-block:var(--space-4)}
.workshop-faq-list summary{font-size:1.0625rem;line-height:1.9;padding-block:var(--space-2)}
.workshop-faq-list details>p{margin-top:var(--space-3);padding-bottom:var(--space-3)}
.workshop-contact .narrow{margin-inline:0;max-width:800px}
.workshop-contact h2{font-size:clamp(1.875rem,3vw,2.875rem);line-height:1.6}

@media(max-width:999px){
  .workshop-hero-layout{grid-template-columns:1fr;gap:var(--space-7)}
  .workshop-hero .lead,.workshop-hero-context,.workshop-consult-note{max-width:45em}
  .workshop-map{max-width:780px}
  .workshop-map ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
  .workshop-map li{display:block;padding-block:0}
  .workshop-map li+li{border-top:0;border-left:var(--border);padding-left:var(--space-5)}
  .workshop-map li+li::before{content:'→';left:-13px;top:calc(50% - 14px)}
  .workshop-map .number{display:block;margin-bottom:var(--space-3)}
  .workshop-map strong{font-size:1.25rem}
  .workshop-map-end{margin-top:var(--space-5)}
  .workshop-approach-list{gap:var(--space-6)}
  .workshop-theme{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-6)}
  .workshop-theme-heading{position:static}
}
@media(max-width:899px){
  .workshop-wide-break{display:none}
  .workshop-needs .stack>p:last-child{max-width:38em}
  .workshop-approach-list{grid-template-columns:1fr;gap:var(--space-6)}
  .workshop-approach-list article{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--space-4)}
  .workshop-approach-list .number{grid-row:1/3;padding-top:5px}
  .workshop-approach-list h3{margin-top:0}
  .workshop-approach-list p{grid-column:2;max-width:43em}
  .workshop-theme,.workshop-practice-row{grid-template-columns:1fr;gap:var(--space-5)}
  .workshop-practice-theme::before{display:inline-block;vertical-align:middle;margin:0 var(--space-3) 0 0}
  .workshop-advisor-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--space-6)}
}
@media(max-width:599px){
  .workshop-hero{padding-block:40px 48px}
  .workshop-hero h1{font-size:clamp(2.4rem,10.5vw,3.25rem)}
  .workshop-hero .eyebrow{font-size:.8125rem;line-height:1.8;gap:var(--space-2)}
  .workshop-hero .eyebrow::before{width:20px}
  .workshop-hero .lead{font-size:1.0625rem;margin-top:var(--space-5);line-height:1.9}
  .workshop-hero .button,.workshop-contact .button{width:100%;gap:var(--space-4);padding-inline:18px;font-size:var(--text-small)}
  .workshop-map{padding:var(--space-5)}
  .workshop-map ol{display:block;margin-top:var(--space-5)}
  .workshop-map li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-5)}
  .workshop-map li:first-child{padding-top:0}
  .workshop-map li+li{border-left:0;border-top:var(--border);padding-left:0}
  .workshop-map li+li::before{content:'↓';left:29px;top:-15px}
  .workshop-map .number{margin-bottom:0}
  .workshop-map-end{margin-top:0}
  .workshop-needs-list a{gap:var(--space-4);padding-block:var(--space-5)}
  .workshop-theme,.workshop-practice-row{padding-block:var(--space-6)}
  .workshop-theme-heading{grid-template-columns:26px minmax(0,1fr);gap:var(--space-3)}
  .workshop-theme-heading h3{font-size:1.5rem}
  .workshop-theme-heading .number{padding-top:6px}
  .workshop-question{font-size:1.125rem;line-height:1.9}
  .workshop-output{padding:var(--space-4) var(--space-5)}
  .workshop-practice-row h3{font-size:1.5rem}
  .workshop-process-list{grid-template-columns:1fr;gap:var(--space-6)}
  .workshop-process-list li{grid-template-columns:26px minmax(0,1fr);gap:var(--space-3)}
  .workshop-process-list h3{font-size:1.1875rem}
  .workshop-advisor-layout{grid-template-columns:1fr;gap:var(--space-6)}
  .workshop-advisor figure{width:180px}
  .workshop-advisor .stack{grid-row:1}
  .workshop-faq-list summary{font-size:1rem}
  .workshop-contact h2 br{display:none}
}