.sc-phases .sc-scope-note { font-size:14px; line-height:1.8; color:var(--gray-500); }
.sc-phase { margin-top:36px; padding-top:var(--space-32); border-top:1px solid var(--gray-200); }
.sc-detail .sc-phase h3 { margin:10px 0 14px; font-size:24px; }
.sc-phase>p:not(.cr-eyebrow) { font-size:15px; color:var(--gray-500); line-height:1.8; }
.sc-phase ol { margin:var(--space-24) 0; padding-left:30px; list-style:decimal-leading-zero; }
.sc-phase li { padding:0 0 var(--space-20) var(--space-8); }
.sc-phase li:last-child { padding-bottom:0; }
.sc-phase li::marker { color:var(--action-primary); font-size:13px; font-weight:600; }
.sc-phase li strong { display:block; font-size:16px; font-weight:600; }
.sc-phase li small { display:block; margin:3px 0 7px; font-size:10px; letter-spacing:.04em; color:var(--gray-500); overflow-wrap:anywhere; }
.sc-phase li p { font-size:14px; color:var(--gray-500); line-height:1.8; }
.sc-phase dl { display:grid; grid-template-columns:80px minmax(0,1fr); gap:var(--space-12); background:var(--gray-100); padding:var(--space-20); font-size:14px; line-height:1.8; }
.sc-phase dt { font-weight:600; color:#5427af; }
.sc-phase dd { margin:0; }
.sc-workshop-agenda { margin-top:var(--space-24); }
.sc-workshop-step { padding:var(--space-20) 0; border-top:1px solid var(--gray-200); }
.sc-workshop-heading { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-16); }
.sc-workshop-heading h4 { margin:0; font-size:17px; font-weight:600; line-height:1.5; }
.sc-workshop-heading>span { flex-shrink:0; padding:2px 9px; border-radius:var(--radius-small); background:var(--gray-100); color:#5427af; font-size:12px; white-space:nowrap; }
.sc-workshop-step>small { display:block; margin-top:5px; font-size:11px; color:var(--gray-500); }
.sc-workshop-step>p { margin:var(--space-8) 0 0; font-size:14px; line-height:1.7; color:var(--gray-500); }
.sc-workshop-break { display:flex; justify-content:space-between; gap:var(--space-16); padding:9px var(--space-12); margin:0 0 var(--space-12); background:var(--gray-100); color:var(--gray-500); font-size:12px; }
.sc-workshop-result { margin-top:28px; padding:22px; background:var(--gray-100); border-left:3px solid var(--action-primary); }
.sc-workshop-result>span { font-size:12px; color:#5427af; font-weight:600; }
.sc-workshop-result h4 { margin:10px 0; font-size:18px; line-height:1.5; word-break:keep-all; }
.sc-workshop-result p { margin:0; font-size:14px; line-height:1.7; color:var(--gray-500); }
.sc-workshop-result small { display:block; margin-top:var(--space-12); font-size:12px; line-height:1.6; color:var(--gray-500); }
@media(max-width:760px) {
  .sc-detail .sc-phase h3 { font-size:22px; }
  .sc-phase dl { grid-template-columns:1fr; gap:var(--space-4); padding:18px; }
  .sc-phase dd+dt { margin-top:10px; }
}

/* Preparation follows the introduction without another colored card. */
.sc-detail .sc-preparation { margin-top:28px; padding:var(--space-20) 0 0; border-top:1px solid var(--gray-200); }
.sc-detail .sc-preparation h2 { margin:0 0 var(--space-16); font-size:13px; font-weight:600; line-height:1.5; color:var(--gray-500); }
.sc-detail .sc-preparation ul { margin:0; padding:0; list-style:none; display:grid; gap:var(--space-12); }
.sc-detail .sc-preparation li { display:grid; grid-template-columns:112px minmax(0,1fr); gap:var(--space-16); font-size:14px; line-height:1.65; word-break:keep-all; }
.sc-detail .sc-preparation li strong { font-weight:600; color:var(--gray-700); }
.sc-detail .sc-preparation li span { color:var(--gray-500); }
.sc-detail .sc-preparation p { margin:var(--space-16) 0 0; font-size:12px; line-height:1.7; color:var(--gray-500); }
@media(max-width:600px) {
  .sc-detail .sc-preparation { margin-top:var(--space-24); padding-top:18px; }
  .sc-detail .sc-preparation li { grid-template-columns:96px minmax(0,1fr); gap:var(--space-12); }
}

/* Page-specific hierarchy and disclosure controls. */
.sc-ai-design .sc-hero { align-items:start; }
.sc-ai-design .sc-poster-photo { margin-top:var(--space-48); }
.sc-ai-design .sc-hero-copy .sc-intro { max-width:54ch; }
.sc-ai-design .sc-learning-note { margin-top:var(--space-20); padding-left:var(--space-16); border-left:2px solid var(--gray-200); }
.sc-ai-design .sc-practice-scope { margin-top:18px; }
.sc-ai-design .sc-preparation li { grid-template-columns:112px minmax(0,1fr); }
.sc-ai-design .sc-preparation li span b { font-weight:600; color:var(--gray-700); }
.sc-ai-design .sc-workshop-result { padding:var(--space-24) 0; background:transparent; border-left:0; border-block:1px solid var(--gray-200); }
.sc-ai-design .sc-workshop-result h4 { margin:0 0 14px; font-size:18px; }
.sc-ai-design .sc-workshop-result ul { margin:0 0 var(--space-16); padding-left:var(--space-20); list-style:disc; }
.sc-ai-design .sc-workshop-result li { padding:0 0 6px; font-size:15px; line-height:1.7; color:var(--gray-700); }
.sc-ai-design .sc-workshop-result li::marker { color:var(--gray-500); }
.sc-ai-design .sc-method-details { margin-top:var(--space-32); border-block:1px solid var(--gray-200); }
.sc-ai-design .sc-method-details>summary { display:flex; justify-content:space-between; align-items:center; gap:var(--space-20); padding:var(--space-20) 0; font-size:16px; font-weight:600; line-height:1.6; cursor:pointer; list-style:none; }
.sc-ai-design .sc-method-details>summary::-webkit-details-marker { display:none; }
.sc-ai-design .sc-method-details>summary::after,.sc-ai-design .sc-faq summary::after { content:'+'; flex-shrink:0; font-size:20px; font-weight:400; color:var(--gray-500); }
.sc-ai-design .sc-method-details[open]>summary::after,.sc-ai-design .sc-faq details[open]>summary::after { content:'−'; }
.sc-ai-design .sc-method-content { padding-bottom:28px; }
.sc-ai-design .sc-method-content>.sc-phase:first-child { margin-top:0; }
.sc-ai-design .sc-phase dl { background:var(--gray-50); border:1px solid var(--gray-200); }
.sc-ai-design .sc-faq summary { display:flex; justify-content:space-between; align-items:center; gap:var(--space-20); padding:var(--space-4) 0; list-style:none; }
.sc-ai-design .sc-faq summary::-webkit-details-marker { display:none; }
.sc-ai-design summary:focus-visible { outline:2px solid var(--action-primary); outline-offset:5px; }
.sc-ai-design .sc-takeaway { padding:var(--space-24); border-left:0; border:1px solid var(--gray-200); background:var(--gray-50); }
.sc-ai-design .sc-takeaway p { font-size:18px; }
.sc-ai-design .sc-takeaway .sc-scope-note { font-size:14px; }
.sc-ai-design .sc-hero-copy .sc-text-link { margin-top:var(--space-24); }
@media(max-width:760px) {
  .sc-ai-design .sc-poster-photo { margin-top:0; }
  .sc-ai-design .sc-hero-copy .sc-intro { line-height:1.8; }
  .sc-ai-design .sc-method-details>summary { font-size:15px; gap:var(--space-12); }
  .sc-ai-design .sc-takeaway { padding:var(--space-20); }
}
@media(max-width:600px) {
  .sc-ai-design .sc-preparation li { grid-template-columns:96px minmax(0,1fr); }
}
/* Shared curriculum disclosures add paragraph padding; keep this page compact. */
.sc-ai-design .sc-method-content p,.sc-ai-design .sc-faq details p { padding:0; }
.sc-ai-design .sc-workshop-result { border-bottom:0; }

/* Dark surface marks the optional method reference. */
.sc-ai-design .sc-method-details { padding:0 var(--space-24); background:var(--gray-800); border:1px solid var(--gray-800); border-radius:var(--radius-card); color:var(--gray-100); }
.sc-ai-design .sc-method-details>summary { color:var(--gray-100); }
.sc-ai-design .sc-method-details>summary::after { color:var(--gray-300); }
.sc-ai-design .sc-method-details[open]>summary { border-bottom:1px solid var(--gray-600); }
.sc-ai-design .sc-method-content { padding-top:var(--space-24); }
.sc-ai-design .sc-method-content .sc-phase { border-color:var(--gray-600); }
.sc-ai-design .sc-method-content>.sc-phase:first-child { padding-top:0; border-top:0; }
.sc-ai-design .sc-method-content .sc-phase :is(h3,li strong) { color:var(--gray-100); }
.sc-ai-design .sc-method-content .sc-phase :is(p,li p,dd) { color:var(--gray-300); }
.sc-ai-design .sc-method-content .sc-phase :is(.cr-eyebrow,li small) { color:var(--gray-400); }
.sc-ai-design .sc-method-content .sc-phase li::marker { color:#c8b4f0; }
.sc-ai-design .sc-method-content .sc-phase dl { background:var(--gray-700); border-color:var(--gray-600); }
.sc-ai-design .sc-method-content .sc-phase dt { color:#d7c6f6; }
.sc-ai-design .sc-method-details>summary:focus-visible { outline-color:#d7c6f6; outline-offset:3px; }
@media(max-width:600px) { .sc-ai-design .sc-method-details { padding-inline:18px; border-radius:var(--radius-control); } }