.feature-story, .feature-guide-section { border-top: 2px solid var(--cf-ink); }
.feature-story { scroll-margin-top: 6rem; }
.feature-story-waitlists, .feature-story-public-folders { background: var(--cf-surface); }
.feature-story .feature-plan, .feature-guide .feature-plan { color: var(--cf-muted); font-weight: 600; }
.home-ink-brass .feature-link, .feature-guide .feature-link {
  color: var(--cf-ink); text-decoration: underline; text-decoration-color: var(--brass);
  text-decoration-thickness: 2px; text-underline-offset: .25em;
}
.feature-link:hover { text-decoration-color: var(--cf-ink); }
.feature-link:focus-visible, .feature-questions summary:focus-visible { outline: 3px solid var(--cf-ink); outline-offset: 4px; }
.feature-figure { max-width: 520px; margin-inline: auto; padding-right: 5px; }
.feature-preview { overflow: hidden; border: 2px solid var(--cf-ink); border-radius: 12px; background: var(--cf-surface); box-shadow: 5px 5px 0 var(--cf-ink); }
.feature-preview-header { display: grid; gap: .4rem; padding: 1.25rem; background: var(--cf-ink); color: var(--cf-surface); }
.feature-preview-header > .fs-label { opacity: .75; letter-spacing: .04em; }
.feature-preview-body { padding: 1.25rem; }
.feature-preview-note { padding: .75rem 1rem; border-left: 3px solid var(--brass); background: var(--cf-page); }
.feature-mini-label { color: var(--cf-muted); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.feature-step-number { display: grid; place-items: center; width: 2rem; height: 2rem; flex: 0 0 2rem; border: 1px solid var(--cf-ink); border-radius: 6px; background: var(--cf-brass-soft); font-weight: 800; }
.feature-timeline { display: grid; gap: 1.25rem; margin-bottom: 1.5rem; }
.feature-timeline > div { display: flex; align-items: flex-start; gap: .75rem; }
.feature-timeline strong { display: block; margin-bottom: .25rem; }
.feature-ai-input, .feature-ai-draft { padding: 1rem; border: 1px solid var(--cf-border); border-radius: 8px; }
.feature-ai-input { background: var(--cf-page); }
.feature-ai-arrow { text-align: center; font-size: 1.5rem; padding-block: .25rem; color: var(--cf-muted); }
.feature-demo-row { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding-block: .6rem; font-size: .875rem; border-top: 1px solid var(--cf-border); }
.feature-demo-row > span { flex-shrink: 0; }
.feature-folder-entry { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .85rem; margin-bottom: .75rem; border: 1px solid var(--cf-border); border-radius: 8px; }
.feature-folder-entry > div { display: grid; gap: .25rem; min-width: 0; }
.feature-demo-action { flex-shrink: 0; padding: .35rem .5rem; border-radius: 6px; background: var(--brass); color: var(--cf-ink); }
.feature-reminder-details { padding: 1rem; background: var(--cf-page); border: 1px solid var(--cf-border); border-radius: 8px; }
.feature-email-action { display: table; margin: 1.25rem auto; padding: .65rem 1rem; border-radius: 6px; background: var(--brass); color: var(--cf-ink); text-align: center; }
.feature-guide .marketing-eyebrow { justify-content: flex-start; }
.feature-guide-title { font-size: clamp(2.25rem, 4vw, 3.5rem); }
.feature-breadcrumbs { display: flex; flex-wrap: wrap; gap: .35rem .6rem; color: var(--cf-muted); }
.feature-breadcrumbs li + li::before { content: "/"; margin-right: .6rem; color: var(--cf-muted); }
.feature-setup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.feature-setup li { display: flex; align-items: flex-start; gap: .75rem; }
.feature-tip { padding: 1rem 1.25rem; border-left: 3px solid var(--brass); background: var(--cf-surface); }
.feature-questions details { padding: 1rem 0; border-bottom: 1px solid var(--cf-border); }
.feature-questions details:first-child { padding-top: 0; }
.feature-questions summary { cursor: pointer; font-weight: 600; }
.feature-questions details p { color: var(--cf-muted); margin: 1rem 0 0; }
.feature-guide .cf-marketing-footer { border-top: 2px solid var(--cf-ink) !important; }
.home-search-questions { border-top: 2px solid var(--cf-ink); background: var(--cf-surface); scroll-margin-top: 6rem; }
.home-search-answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 2rem; }
.home-search-answers article { min-width: 0; padding-top: 1rem; border-top: 1px solid var(--cf-border); }
@media (min-width: 992px) {
  .feature-story-ai-drafting .feature-story-copy, .feature-story-reminders .feature-story-copy { order: 2; }
}
@media (max-width: 767.98px) {
  .feature-setup { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .home-search-answers { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
@media (max-width: 575.98px) {
  .feature-figure { padding-right: 3px; }
  .feature-preview { box-shadow: 3px 3px 0 var(--cf-ink); }
  .feature-preview-header, .feature-preview-body { padding: 1rem; }
  .feature-folder-entry { align-items: flex-start; flex-direction: column; }
  .feature-guide .cf-marketing-footer { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom)) !important; }
}

.home-folders { border-top: 2px solid var(--cf-ink); background: var(--cf-surface); }
.home-folders-intro { max-width: 760px; }
.home-folders-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.home-folder-story { min-width: 0; display: flex; flex-direction: column; padding: 1.5rem; border: 2px solid var(--cf-ink); border-radius: 10px; background: var(--cf-page); scroll-margin-top: 6rem; }
.home-ink-brass .home-folder-story { box-shadow: 3px 3px 0 var(--cf-ink); }
.home-folder-story .feature-plan { color: var(--cf-muted); font-weight: 600; }
.home-folder-story .feature-figure { width: 100%; }
.home-folders-note { padding-top: 1rem; border-top: 1px solid var(--cf-border); }
@media (max-width: 991.98px) { .home-folders-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 575.98px) { .home-folder-story { padding: 1rem; } .home-folder-story .feature-demo-row { align-items: flex-start; flex-direction: column; gap: .25rem; } }
