/* Small portrait screens show each original in turn, keeping full, readable examples. */
#journey.j-compact .j-explainer {
  top: 0;
  transform: translateX(-50%);
}
#journey.j-compact .j-explainer h1 {
  font-size: 27px;
}
#journey.j-compact .j-source-grid {
  top: var(--explanation-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
#journey.j-compact .j-source {
  flex: 1;
  align-self: center;
}
#journey.j-compact .j-source-extra {
  display: block;
}
#journey.j-compact .j-source-email .j-mail-meta {
  display: flex;
}
#journey.j-compact .j-source-photo img {
  height: 170px;
}
#journey.j-compact .j-source-content {
  padding: 12px;
  font-size: 13px;
}

#journey.j-compact .j-space-bar {
}
#journey.j-compact .j-space-bar small {
  display: none;
}
#journey.j-compact .j-library-toolbar {
}
#journey.j-compact .j-reader {
}
#journey.j-compact .j-reader .prose {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-compact .j-reader .citation {
  display: none;
}
#journey.j-compact[data-scene="agent"] .j-reader {
  display: none;
}
#journey.j-compact .j-agent {
}
#journey.j-compact .j-agent-response p {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-compact.j-replied .j-prompt {
  padding: 0;
  background: transparent;
}
#journey.j-compact .j-insight {
}
#journey.j-compact[data-scene="suggest"] .j-evidence .prose,
#journey.j-compact[data-scene="draft"] .j-evidence .prose {
  display: none;
}
#journey.j-compact .j-insight-result {
  gap: 8px;
  padding-top: 10px;
}
#journey.j-compact .j-confirmation {
  gap: 10px;
}
#journey.j-compact .j-confirmation > p {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-compact .j-device-status {
  padding-top: 8px;
}
#journey.j-compact .j-pending-action {
  padding-top: 8px;
}
#journey.j-compact .j-pending-action small {
  display: none;
}

/* Landscape keeps the narrative beside a pair of originals, then the workspace. */
#journey.j-landscape {
  padding: 8px 20px;
  gap: 8px;
}
#journey.j-landscape .j-explainer {
  left: 16%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  gap: 8px;
}
#journey.j-landscape .j-explainer h1 {
  font-size: 24px;
}
#journey.j-landscape .j-explainer > p:last-of-type {
  font-size: 12px;
  line-height: 1.4;
}
#journey.j-landscape .j-eyebrow {
  display: none;
}
#journey.j-landscape .j-time {
  font-size: 10px;
  gap: 6px;
}
#journey.j-landscape .j-time span {
  padding-left: 6px;
}
#journey.j-landscape .j-source-grid {
  left: 36%;
  display: flex;
  align-items: center;
  gap: 10px;
}
#journey.j-landscape .j-source {
  width: calc(50% - 5px);
  transform: none;
  align-self: center;
}
#journey.j-landscape .j-source:not([data-current="true"]) {
  display: none;
}
#journey.j-landscape .j-source-content {
  padding: 8px;
  font-size: 11px;
  gap: 5px;
}
#journey.j-landscape .j-source h2 {
  font-size: 12px;
}
#journey.j-landscape .j-source-extra,
#journey.j-landscape .j-mail-meta,
#journey.j-landscape .j-chat-head {
  display: none;
}
#journey.j-landscape .j-source-photo img {
  height: 116px;
}
#journey.j-landscape .j-bubble {
  padding: 5px;
}
#journey.j-landscape .j-pdf-brand {
  font-size: 11px;
}
#journey.j-landscape .j-pdf-brand span {
  font-size: 7px;
}
#journey.j-landscape .j-quote-line {
  font-size: 11px;
}
#journey.j-landscape .j-product {
  gap: 6px;
  padding: 8px;
}
#journey.j-landscape .j-product p {
  font-size: 11px;
}
#journey.j-landscape .j-appliance {
  width: 40px;
  height: 70px;
}
#journey.j-landscape .j-product-detail {
  display: none;
}
#journey.j-landscape .j-device,
#journey.j-landscape[data-chapter="4"] .j-device {
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
#journey.j-landscape .j-space-bar {
}
#journey.j-landscape .j-space-bar small,
#journey.j-landscape .j-space-icon {
  display: none;
}
#journey.j-landscape .j-space-bar strong {
  font-size: 13px;
}
#journey.j-landscape .j-library-toolbar {
}
#journey.j-landscape .j-library-toolbar small {
  display: none;
}
#journey.j-landscape .j-library-body {
  grid-template-columns: minmax(0, 1fr);
}
#journey.j-landscape:is([data-scene="compose"], [data-scene="read"]) .j-library-body {
  grid-template-rows: auto minmax(0, 1fr);
}
#journey.j-landscape .j-reader {
}
#journey.j-landscape .j-reader .prose {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-landscape .citation {
  display: none;
}
#journey.j-landscape[data-scene="agent"] .j-reader {
  display: none;
}
#journey.j-landscape[data-scene="agent"] .j-library-body {
  display: block;
}
#journey.j-landscape .j-agent {
  border: 0;
}
#journey.j-landscape .j-agent header {
  font-size: 12px;
}
#journey.j-landscape .j-prompt {
  padding: 0;
  font-size: 12px;
  background: transparent;
}
#journey.j-landscape .j-agent-response p {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-landscape .j-agent-reading {
  font-size: 10px;
}
#journey.j-landscape .j-insight {
}
#journey.j-landscape .j-evidence {
  gap: 8px;
}
#journey.j-landscape .j-evidence article {
  padding: 8px;
}
#journey.j-landscape .j-evidence article > span {
  font-size: 12px;
}
#journey.j-landscape .j-evidence .prose {
  font-size: 11px;
  line-height: 1.45;
}
#journey.j-landscape:is([data-scene="suggest"], [data-scene="draft"]) .j-evidence {
  display: none;
}
#journey.j-landscape .j-insight-result,
#journey.j-landscape .j-confirmation {
  border: 0;
  padding: 0;
  gap: 8px;
}
#journey.j-landscape .j-insight-result h2,
#journey.j-landscape .j-confirmation h2 {
  font-size: 22px;
}
#journey.j-landscape .j-insight-result > p,
#journey.j-landscape .j-confirmation > p {
  font-size: 12px;
  line-height: 1.5;
}
#journey.j-landscape .j-device-status {
  padding: 5px 16px 0;
}
#journey.j-landscape .j-pending-action {
  padding-top: 6px;
  margin-top: 8px;
}
#journey.j-landscape .j-pending-action small {
  display: none;
}
#journey.j-landscape .j-home-indicator {
  margin-block: 4px;
}
#journey.j-landscape .j-footer {
  min-height: 38px;
  padding-top: 5px;
}
#journey.j-landscape #j-chapters fluent-button {
  padding-inline: 8px;
  font-size: 11px;
}
#journey.j-landscape #j-open {
  display: none;
}
#journey:is(.j-compact, .j-landscape)[data-scene="notice"] .j-insight-result {
  display: none;
}
#journey.j-landscape[data-chapter="4"] .j-reader {
}
#journey.j-landscape[data-chapter="4"] .j-reader .prose {
  font-size: 11px;
  line-height: 1.4;
}
#journey.j-landscape[data-chapter="4"] .j-pending-action {
  margin-top: 0;
  padding-top: 4px;
}
#journey.j-landscape[data-chapter="4"] .j-device-status {
  display: none;
}

@media (max-width: 720px) {
}

#journey:is(.j-compact, .j-landscape) .j-device {
  --j-inset: var(--spacingHorizontalM);
  --j-block: var(--spacingVerticalXS);
  --j-stack: var(--spacingVerticalS);
}
#journey.j-compact .j-document-heading h2 {
  font-size: 22px;
  line-height: 28px;
}
#journey.j-landscape .j-document-heading h2 {
  font-size: 21px;
  line-height: 26px;
}
#journey.j-landscape .j-document-heading .eyebrow {
  display: none;
}
#journey.j-landscape .j-shelves {
  flex-direction: row;
  border-right: 0;
  padding: 2px;
  gap: 2px;
}
#journey.j-landscape .j-shelf {
  flex: 1;
}
#journey.j-landscape .j-shelf .collection-open {
  padding: 4px 8px;
}
#journey.j-landscape .j-shelf .row-title strong {
  font-size: 11px;
  line-height: 16px;
}
#journey.j-landscape .j-shelf .row-meta {
  display: none;
}
#journey.j-landscape:is([data-scene="library"], [data-scene="search"], [data-scene="results"])
  .j-shelves {
  flex-direction: column;
  padding: 4px;
}
#journey.j-landscape:is([data-scene="library"], [data-scene="search"], [data-scene="results"])
  .j-shelf {
  flex: none;
}
#journey.j-landscape:is([data-scene="library"], [data-scene="search"], [data-scene="results"])
  .j-shelf
  .row-title
  strong {
  font-size: 14px;
  line-height: 20px;
}
#journey:is(.j-compact, .j-landscape) .j-shelf .row-summary {
  font-size: 11px;
  line-height: 16px;
}
#journey.j-landscape .j-shelf .row-summary {
  -webkit-line-clamp: 1;
}