/* One hero, two feature photos and three interludes. Keep existing content widths. */
#start .workspace-gallery { max-width: none; }
.workspace-interlude { padding-block: 32px; }
.workspace-view { min-width: 0; }
.workspace-photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.workspace-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.workspace-view[data-shot="nodes"] .workspace-photo img { filter: brightness(1.2); }
.workspace-gallery figcaption { display: block; margin-top: 12px; font-size: 10px; line-height: 1.6; }
.workspace-gallery figcaption .section-slash { margin-inline: 4px; }
@media(max-width:600px) {
  .workspace-interlude { padding-block: 20px; }
  .workspace-gallery figcaption { font-size: 10px; margin-top: 10px; }
}
.theme-feature { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; padding: 46px 0; border-bottom: 1px solid var(--line); }
.theme-feature h3 { margin: 18px 0; font-size: clamp(30px, 2.8vw, 40px); line-height: 1.15; }
.theme-feature p:not(.overline) { max-width: 42ch; font-size: 17px; }
.theme-options { margin: 0; align-self: center; font-size: 15px; }
.theme-options > div { display: grid; grid-template-columns: 108px 1fr; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #292929; }
.theme-options > div:first-child { padding-top: 0; }
.theme-options > div:last-child { border: 0; padding-bottom: 0; }
.theme-options dt { display: grid; grid-template-columns: minmax(0, 1fr) 24px; align-items: center; column-gap: 6px; color: var(--ink); font: 11px/1.8 Mono, monospace; }
.theme-options dt .section-slash { justify-self: center; line-height: 1; }
.theme-options dd { color: #bbb; margin: 0; line-height: 1.6; }
.feature-details #macos { grid-column: 1 / -1; }
/* Shared pages.css owns purple separators; section numbers stay neutral. */
.index, .feature-number { color: var(--muted); }
.bus-pair > b { color: #B58AFF; }
.notes-kicker { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.notes-kicker .overline { margin: 0; }
.notes-avatar { display: block; flex: 0 0 64px; }
.notes-mark { display: block; width: 64px; height: 64px; flex: 0 0 64px; object-fit: cover; border: 1px solid var(--line); border-radius: 50%; }
.dev-note-footer { display: contents; }
@media (min-width: 851px) {
  .community .community-grid { grid-template-columns: minmax(300px, .85fr) minmax(0, 1.65fr); gap: clamp(40px, 5vw, 80px); }
  .community .dev-notes { max-width: none; }
  .community .dev-note p { max-width: none; }
  .dev-note-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 24px; }
  .community .dev-note-footer .dev-note-signature { margin: 0; }
  .community .dev-note-footer .pill { margin: 0; justify-self: end; }
  .community h2 { font-size: clamp(40px, 3.5vw, 60px); }
  .notes-avatar { flex-basis: 128px; }
  .notes-mark { width: 128px; height: 128px; object-fit: contain; background: #000; border: 2px solid #737373; }
}
@media(max-width:600px) {
  .theme-feature { grid-template-columns: 1fr; gap: 28px; padding: 32px 0; }
  .theme-feature h3 { margin: 15px 0; }
  .theme-options > div { grid-template-columns: 100px 1fr; gap: 12px; }
}