.j-flow, .j-home {
  width: min(100% - 3rem, 76rem);
  margin-inline: auto;
  padding-block: clamp(1.2rem, 4vw, 3rem);
}
.j-flow-request {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(1rem, 4vw, 3rem);
  align-items: start;
}
.j-flow > *, .j-card-grid > * { min-width: 0; }
.j-details {
  background: color-mix(in srgb, var(--d-soft) 67%, var(--d-bg));
  border-top: 2px solid var(--d-accent);
  padding: clamp(1rem, 2.8vw, 1.8rem);
}
.j-details h2, .j-home h2 { font-size: clamp(1.35rem, 3vw, 2.15rem); }
.j-details article { margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--d-line); }
.j-details h3, .j-card h3 { font-size: clamp(1.05rem, 2vw, 1.5rem); overflow-wrap: anywhere; }
.j-details article p, .j-card > p:not(.j-meta) { margin-top: .35rem; color: var(--d-muted); }
.j-links { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; }
.j-links:not(:empty) { margin-top: 1.05rem; }
.j-request { scroll-margin-top: 1rem; }
.j-request .d-form { max-width: 100%; }
.j-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: .85rem;
}
.j-home { border-top: 1px solid var(--d-line); }
.j-home h2 { margin-bottom: .9rem; }
.j-card {
  background: color-mix(in srgb, var(--d-bg) 68%, var(--d-soft));
  border: 1px solid var(--d-line);
  padding: clamp(.9rem, 2vw, 1.4rem);
  display: flex;
  flex-direction: column;
  align-items: start;
}
.j-card a { margin-top: auto; padding-top: .7rem; }
.j-card .j-meta { color: var(--d-muted); font-size: .8rem; font-weight: 700; margin-bottom: .45rem; }
.j-card-set [data-demo-filter-status] { margin-block: .4rem .8rem; }
.j-search { max-width: 31rem; }
.j-opener-note { font-size: .86rem; color: var(--d-muted); max-width: 58ch; margin: .65rem 0 0; }

[data-demo-slug="riverbend-academy"][data-page-slug="home"] .hs-photo .d-art img { object-position: 50% 29%; }
[data-demo-slug="career-switch-lab"] .hs-workbench-tools { align-content: start; }
[data-demo-slug="career-switch-lab"] .hs-workbench-arrangement > .hs-workbench-tools { align-self: start; }
[data-demo-slug="porchlight-realty"][data-page-slug="properties"] .j-flow { padding-top: .75rem; }
[data-demo-slug="porchlight-realty"][data-page-slug="properties"] .d-inner-hero { padding-block: 1.35rem; }
[data-demo-slug="porchlight-realty"][data-page-slug="properties"] .d-inner-hero .d-art { display: none; }
[data-demo-slug="paper-kite-early-learning"][data-page-slug="book-a-tour"] .d-inner-hero { padding-block: 1.2rem; }
[data-demo-slug="open-bench"] .hs-showroom-options article,
[data-demo-slug="true-grade"] .hs-showroom-options article,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article { grid-template-columns: auto minmax(0, 1fr); }
[data-demo-slug="open-bench"] .hs-showroom-options article > a,
[data-demo-slug="true-grade"] .hs-showroom-options article > a,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article > a { grid-column: 2; justify-self: start; }
[data-demo-slug="stonebridge-library"] .h-campus-outline,
[data-demo-slug="loosewheel"] .h-trail-experiences { display: none; }
[data-demo-slug="town-commons"] .hs-directory-body > nav,
[data-demo-slug="porchlight-realty"] .hs-directory-body > nav,
[data-demo-slug="south-passage"] .hs-directory-body > nav { display: none; }
[data-demo-slug="town-commons"] .hs-directory-body,
[data-demo-slug="porchlight-realty"] .hs-directory-body,
[data-demo-slug="south-passage"] .hs-directory-body { grid-template-columns: minmax(0, 1fr); }
[data-demo-slug="town-commons"] .hs-directory-body .hs-photo,
[data-demo-slug="porchlight-realty"] .hs-directory-body .hs-photo,
[data-demo-slug="south-passage"] .hs-directory-body .hs-photo { grid-area: auto; --hs-ratio: 2.4; }
[data-demo-slug="fresh-slate"] .h-estate-close .h-wrap { justify-content: start; gap: 1.1rem; padding-inline-end: 5rem; }
[data-demo-slug="reefline-dive"][data-page-slug="book-a-dive"] .j-flow :is(input, select, textarea) { border-color: color-mix(in srgb, var(--d-bg) 43%, var(--d-text)); }
[data-demo-slug="reefline-dive"][data-page-slug="book-a-dive"] .j-flow :is(input, select, textarea):focus-visible { outline: 2px solid var(--d-accent); outline-offset: 2px; }
[data-demo-slug="reefline-dive"][data-page-slug="book-a-dive"] .j-flow input[type=date] { color-scheme: dark; }

@media (min-width: 56.01rem) {
  [data-demo-slug="thesis-room"] .hs-guide .hs-wrap,
  [data-demo-slug="trailbird-vans"] .hs-guide .hs-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  [data-demo-slug="trailbird-vans"] .hs-guide .hs-wrap { padding-inline-end: 2.5rem; }
  [data-demo-slug="avenue-rambles"] .hs-pathway-lead { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
  [data-demo-slug="avenue-rambles"] .hs-pathway-lead h1 { max-width: 16ch; }
}

@media (max-width: 56rem) {
  .j-flow, .j-home { width: calc(100% - 2rem); }
  .j-flow-request { grid-template-columns: minmax(0, 1fr); }
  [data-demo-slug="langwell"] .hs-screen-nav ul,
  [data-demo-slug="fresh-slate"] .hs-screen-nav ul,
  [data-demo-slug="switchback-trails"] .hs-screen-nav ul { grid-template-columns: minmax(0, 1fr); gap: 0; }
  [data-demo-slug="langwell"] .hs-screen-nav li,
  [data-demo-slug="fresh-slate"] .hs-screen-nav li,
  [data-demo-slug="switchback-trails"] .hs-screen-nav li { padding: .55rem .2rem; border-right: 0; border-bottom: 1px solid var(--d-line); }
  [data-demo-slug="langwell"] .hs-screen-nav li a,
  [data-demo-slug="fresh-slate"] .hs-screen-nav li a,
  [data-demo-slug="switchback-trails"] .hs-screen-nav li a { overflow-wrap: normal; }
  [data-demo-slug="notesmith"] .hs-masthead-grid,
  [data-demo-slug="open-water-charters"] .hs-masthead-grid { display: flex; flex-direction: column; align-items: stretch; }
  [data-demo-slug="notesmith"] .hs-masthead-note,
  [data-demo-slug="open-water-charters"] .hs-masthead-note { display: contents; }
  [data-demo-slug="notesmith"] .hs-masthead-grid .hs-description,
  [data-demo-slug="open-water-charters"] .hs-masthead-grid .hs-description { order: -3; }
  [data-demo-slug="notesmith"] .hs-masthead-grid .h-actions,
  [data-demo-slug="open-water-charters"] .hs-masthead-grid .h-actions { order: -2; }
  [data-demo-slug="notesmith"] .hs-masthead-grid .hs-photo,
  [data-demo-slug="open-water-charters"] .hs-masthead-grid .hs-photo { order: -1; }
  [data-demo-slug="brightwire-electric"] .hs-story .hs-wrap,
  [data-demo-slug="loosewheel"] .hs-story .hs-wrap { display: flex; flex-direction: column; }
  [data-demo-slug="brightwire-electric"] .hs-story-grid,
  [data-demo-slug="loosewheel"] .hs-story-grid { order: -1; margin-bottom: 1rem; }
  [data-demo-slug="open-bench"] .hs-showroom-body,
  [data-demo-slug="true-grade"] .hs-showroom-body,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-body { display: flex; flex-direction: column; }
  [data-demo-slug="open-bench"] .hs-showroom-options,
  [data-demo-slug="true-grade"] .hs-showroom-options,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options { display: flex; flex-direction: column; }
  [data-demo-slug="open-bench"] .hs-showroom-options .h-actions,
  [data-demo-slug="true-grade"] .hs-showroom-options .h-actions,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options .h-actions { order: -1; margin: .15rem 0 .8rem; }
  [data-demo-slug="open-bench"] .hs-showroom-options,
  [data-demo-slug="true-grade"] .hs-showroom-options,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options { order: -1; }
  [data-demo-slug="hearthstone-builds"] .hs-briefing-body,
  [data-demo-slug="level-next"] .hs-briefing-body { display: flex; flex-direction: column; }
  [data-demo-slug="hearthstone-builds"] .hs-briefing-actions,
  [data-demo-slug="level-next"] .hs-briefing-actions { order: -2; }
  [data-demo-slug="hearthstone-builds"] .hs-briefing-body .hs-photo,
  [data-demo-slug="level-next"] .hs-briefing-body .hs-photo { order: -1; width: 100%; }
  [data-demo-slug="blue-valve-plumbing"] .hs-workbench-arrangement,
  [data-demo-slug="lensway-safaris"] .hs-workbench-arrangement { grid-template-areas: "title" "detail" "photo"; }
  [data-demo-slug="blue-valve-plumbing"] .hs-workbench-tools,
  [data-demo-slug="lensway-safaris"] .hs-workbench-tools { display: flex; flex-direction: column; }
  [data-demo-slug="blue-valve-plumbing"] .hs-workbench-tools .h-actions,
  [data-demo-slug="lensway-safaris"] .hs-workbench-tools .h-actions { order: -1; margin: 0 0 .7rem; }
  [data-demo-slug="trailbird-vans"] .hs-guide-copy { display: flex; flex-direction: column; }
  [data-demo-slug="trailbird-vans"] .hs-guide-copy .h-actions { order: 1; }
  [data-demo-slug="trailbird-vans"] .hs-guide-copy nav { order: 2; }
}

[data-demo-slug="open-bench"] .hs-showroom-options article > div,
[data-demo-slug="true-grade"] .hs-showroom-options article > div,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article > div { display: contents; }
[data-demo-slug="open-bench"] .hs-showroom-options article h2,
[data-demo-slug="true-grade"] .hs-showroom-options article h2,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article h2 { display: none; }
[data-demo-slug="open-bench"] .hs-showroom-options article > a,
[data-demo-slug="true-grade"] .hs-showroom-options article > a,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article > a { grid-row: 1; font-size: .95rem; }
[data-demo-slug="open-bench"] .hs-showroom-options article p,
[data-demo-slug="true-grade"] .hs-showroom-options article p,
[data-demo-slug="nightjar-observatory"] .hs-showroom-options article p { grid-area: 2 / 2; }
[data-demo-slug="town-commons"] .hs-directory-body .d-art,
[data-demo-slug="porchlight-realty"] .hs-directory-body .d-art,
[data-demo-slug="south-passage"] .hs-directory-body .d-art { max-height: 18rem; }
[data-demo-slug="true-grade"] .d-chrome-header .d-wordmark { white-space: nowrap; }
[data-demo-slug="lensway-safaris"] .hs-audit-lead { margin-top: .25rem; }

@media (max-width: 47rem) {
  [data-demo-slug="thesis-room"] .d-chrome-header .d-chrome-inner .d-head-cell-M { order: 2; }
}

@media (max-width: 56rem) {
  [data-demo-slug="open-bench"] .hs-showroom-body > .hs-photo,
  [data-demo-slug="true-grade"] .hs-showroom-body > .hs-photo,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-body > .hs-photo,
  [data-demo-slug="open-bench"] .hs-showroom-options,
  [data-demo-slug="true-grade"] .hs-showroom-options,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options {
    width: 100%;
    min-width: 0;
    align-self: stretch;
  }
}
.j-details > .d-button { margin-top: .9rem; }

.j-request .d-form, .j-request .d-field { grid-template-columns: minmax(0, 1fr); }
.j-request :is(.d-form, .d-form-fields, .d-field, input, select, textarea) { min-width: 0; }
.j-request :is(input, select, textarea, button) { max-width: 100%; }
.j-request button { white-space: normal; text-align: start; overflow-wrap: anywhere; }
@media (max-width: 47rem) {
  .j-request .d-form-fields { grid-template-columns: minmax(0, 1fr); }
}

.i-design .i-editorial-grid:has(> .i-article:only-child > .j-flow) { grid-template-columns: minmax(0, 1fr); }
.i-design .i-article:only-child:has(> .j-flow) { max-width: none; }
.i-article:has(> .j-flow) { container-type: inline-size; }
@container (max-width: 39rem) {
  .j-flow-request { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 56rem) {
  [data-demo-slug="open-bench"] .hs-showroom-options,
  [data-demo-slug="true-grade"] .hs-showroom-options,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options { display: contents; }
  [data-demo-slug="open-bench"] .hs-showroom-body > .hs-photo,
  [data-demo-slug="true-grade"] .hs-showroom-body > .hs-photo,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-body > .hs-photo { order: 1; }
  [data-demo-slug="open-bench"] .hs-showroom-options article,
  [data-demo-slug="true-grade"] .hs-showroom-options article,
  [data-demo-slug="nightjar-observatory"] .hs-showroom-options article { order: 2; }
  [data-demo-slug="fresh-slate"] .h-estate-close .h-wrap { padding-inline-end: 0; }
}