/* Creator's longer story uses Forest's shared palette and type. */
.creator-project .creator-contents {
  max-width:1120px; margin:0 auto; padding:20px 0;
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 28px;
  border-top:1px solid var(--fok-border); font-size:13px;
}
.creator-contents > span { color:var(--fok-muted); margin-right:auto; }
.creator-contents a { display:inline-block; padding:8px 0; }
.creator-project section[id] { scroll-margin-top:24px; }
.creator-project .feature-section-heading > p:last-child {
  font-size:16px; color:var(--fok-text); margin:0;
}
.creator-project .creator-section-inner { max-width:1120px; margin:0 auto; }
.creator-project .creator-section-heading {
  display:grid; grid-template-columns:1fr 1.25fr; gap:80px; align-items:start;
}
.creator-section-heading .project-name { margin:0 0 16px; }
.creator-section-heading p:not(.project-name) { color:var(--fok-text); font-size:16px; margin:0 0 18px; }
.creator-section-heading h2 { margin-bottom:24px; }
.creator-project .creator-seedlings {
  background:var(--fok-mint-soft); padding:65px 40px;
  border-block:1px solid var(--fok-border);
}
.creator-project .creator-seedling-types {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px;
  margin:30px 0 0;
}
.creator-seedling-types > div { border-top:3px solid var(--fok-mint); padding-top:22px; }
.creator-seedling-types > div:nth-child(2) { border-color:var(--fok-leaf); }
.creator-seedling-types > div:nth-child(3) { border-color:var(--fok-sky); }
.creator-seedling-types dt { font-size:16px; font-weight:500; }
.creator-seedling-types dd { margin:10px 0 0; font-size:14px; color:var(--fok-text); }
.creator-project .creator-example,.creator-project .creator-building { padding:75px 0; }
.creator-project .creator-booking-flow {
  list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 44px; padding:12px 0 0; margin:20px 0 0;
}
.creator-booking-flow li { display:flex; gap:22px; padding:28px 0; border-top:1px solid var(--fok-border); }
.creator-booking-flow li > span {
  font-family:var(--fok-display); color:var(--fok-green); font-size:32px;
  line-height:1; flex:0 0 42px;
}
.creator-booking-flow h3,.creator-build-steps h3 { font-size:22px; margin:0 0 12px; }
.creator-booking-flow p,.creator-build-steps p { font-size:14px; color:var(--fok-text); margin:0; }
.creator-project .creator-build-steps {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px;
  list-style:none; padding:0; margin:32px 0 0; counter-reset:build-step;
}
.creator-build-steps li { border-top:1px solid var(--fok-border); padding-top:24px; counter-increment:build-step; }
.creator-build-steps li::before {
  content:counter(build-step) "."; display:block; font-family:var(--fok-display);
  font-size:27px; color:var(--fok-blue); margin-bottom:16px;
}
.creator-project .creator-questions { border-top:1px solid var(--fok-border); padding:60px 0 10px; }
.creator-faq-list { min-width:0; }
.creator-faq-list details { border-bottom:1px solid var(--fok-border); }
.creator-faq-list details:first-child { border-top:1px solid var(--fok-border); }
.creator-faq-list summary { padding:21px 0; cursor:pointer; color:var(--fok-ink); font-size:16px; font-weight:500; }
.creator-faq-list summary::marker { color:var(--fok-blue); }
.creator-faq-list summary:focus-visible { outline:3px solid var(--fok-focus); outline-offset:5px; }
.creator-faq-list details[open] { padding-bottom:6px; }
.creator-faq-list details > p { font-size:14px; padding-left:18px; }

@media(max-width:1180px) {
  .creator-project .creator-contents,.creator-project > main > .creator-section-inner { margin-inline:30px; }
  .creator-project .creator-section-heading { gap:45px; }
}
@media(max-width:760px) {
  .creator-project .creator-contents { margin-inline:24px; gap:2px 22px; padding:18px 0; }
  .creator-contents > span { width:100%; margin-bottom:4px; }
  .creator-project > main > .creator-section-inner { margin-inline:24px; }
  .creator-project .creator-section-heading { grid-template-columns:1fr; gap:8px; }
  .creator-project .creator-seedlings { padding:45px 24px; }
  .creator-project .creator-seedling-types { grid-template-columns:1fr; gap:26px; margin-top:20px; }
  .creator-project .creator-example,.creator-project .creator-building { padding:45px 0; }
  .creator-project .creator-booking-flow { grid-template-columns:1fr; gap:0; margin-top:12px; }
  .creator-booking-flow li { gap:15px; padding:24px 0; }
  .creator-booking-flow li > span { flex-basis:33px; font-size:28px; }
  .creator-project .creator-build-steps { grid-template-columns:1fr; gap:26px; margin-top:20px; }
  .creator-project .creator-questions { padding-top:45px; }
  .creator-faq-list summary { min-height:44px; padding:20px 0; }
}