/* Homepage research module. Scoped styles; layout follows the content column. */
.research-map {
  --ink: #343e47; --muted: #616d77; --soft: #f4eee8; --line: #e6dfd8;
  --accent: #b34f18; --blue: #3c6285; --red: #a65d57; --purple: #716987; --teal: #4e7879;
  container: research / inline-size; width: 100%; min-width: 0; margin: 20px 0 24px; padding: 0;
  color: var(--ink); font-family: inherit; font-size: 15px; line-height: 1.55;
}
.research-map, .research-map *, .research-map *::before, .research-map *::after { box-sizing: border-box; }
.research-map h2, .research-map h3, .research-map h4, .research-map h5 { padding: 0; border: 0; font-family: inherit; }
.research-map p { font-size: inherit; }
.research-map [hidden] { display: none !important; }
.research-map button, .research-map a { -webkit-tap-highlight-color: transparent; }
.research-map button { font: inherit; cursor: pointer; }
.research-map a { color: inherit; text-decoration: none; }
.research-map a:hover { color: var(--accent); text-decoration: none; }
.research-map :focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 3px; }
.research-map p, .research-map h2, .research-map h3, .research-map h4, .research-map h5 { margin: 0; }
.research-map svg { display: block; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.research-map h2 { font: 400 34px/1.16 Georgia, serif; letter-spacing: -1px; }
.research-map .perspective-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.research-map .perspective-tab { position: relative; border: 0; background: transparent; padding: 12px 14px; display: flex; align-items: center; gap: 11px; color: var(--muted); text-align: left; font-weight: 500; transition: color .2s, background .2s; }
.research-map .perspective-tab::after { content: ""; position: absolute; bottom: -1px; height: 2px; background: var(--accent); left: 0; right: 0; transform: scaleX(0); transition: transform .25s; }
.research-map .perspective-tab[aria-selected="true"] { background: #fff0e2; color: var(--accent); }
.research-map .perspective-tab[aria-selected="true"]::after { transform: scaleX(1); }
.research-map .perspective-tab:hover { color: var(--accent); background: #fff8f1; }
.research-map .tab-number { font-size: 11px; font-variant-numeric: tabular-nums; opacity: .7; }
.research-map .perspective-tab svg { width: 17px; height: 17px; margin-left: auto; opacity: .4; }
.research-map .perspective-tab[aria-selected="true"] svg { opacity: 1; }
.research-map .perspective-panel { padding-top: 20px; animation: research-panel-in .3s ease both; }
.research-map .panel-heading { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 16px; }
.research-map .eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: 10px; color: var(--muted); margin-bottom: 5px; }
.research-map h3 { font: 400 23px/1.25 Georgia, serif; letter-spacing: -.3px; font-size: 23px; }
.research-map .quiet-note { color: var(--muted); font-size: 11px; padding-bottom: 3px; flex-shrink: 0; }
.research-map .area-primary { display: grid; grid-template-columns: .9fr 1.25fr 1.25fr; padding: 18px; gap: 16px; border: 1px solid #edd9c7; border-radius: 12px; background: #fff7ee; }
.research-map .area-intro { padding: 1px 10px 1px 1px; }
.research-map .focus-label { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.research-map .focus-label > span { width: 5px; height: 5px; background: var(--accent); border-radius: 50%; }
.research-map .area-icon { width: 36px; height: 36px; color: var(--accent); margin: 10px 0; }
.research-map .area-intro h4 { font: 400 21px/1.25 Georgia, serif; letter-spacing: -.3px; font-size: 21px; }
.research-map .area-intro > p { color: var(--muted); font-size: 14px; line-height: 1.55; margin-top: 9px; }
.research-map .focus-work { display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e2dc; border-radius: 8px; padding: 12px 14px 14px; }
.research-map .mini-visual { min-height: 0; display: block; position: relative; padding-bottom: 22px; color: #62809d; margin: 0 0 8px; }
.research-map .mini-visual img { display: block; width: 100%; height: auto; max-width: 240px; margin: 0 auto; }
.research-map .context-motion-toggle { position: absolute; right: 0; bottom: 0; border: 0; padding: 2px 6px; min-height: 24px; background: none; color: var(--muted); font-size: 10px; text-decoration: underline; text-decoration-color: #cad1d8; text-underline-offset: 3px; }
.research-map .context-motion-toggle:hover { color: var(--red); }
.research-map .mini-visual svg { width: 100%; }
.research-map .guide { opacity: .38; }
.research-map .svg-tint { fill: #fff0e2; }
.research-map .svg-white { fill: #fff; }
.research-map .signal { fill: currentColor; stroke: none; }
.research-map .perception-work .mini-visual { color: #9b7470; }
.research-map .perception-work .svg-tint { fill: #f7f0ef; }
.research-map .work-kicker { color: var(--accent); font-size: 10px; text-transform: uppercase; letter-spacing: .085em; margin-bottom: 5px; font-weight: 600; }
.research-map .focus-work h5 { font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -.2px; }
.research-map .focus-work > p:not(.work-kicker) { font-size: 14px; color: var(--muted); margin-top: 7px; line-height: 1.55; }
.research-map .work-reference { margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 500; }
.research-map .work-reference > span { display: block; }
.research-map .work-reference span span { margin-left: 4px; }
.research-map .venue { font-size: 11px; color: var(--muted); margin-top: 2px; font-weight: 400; }
.research-map .other-multimodal { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; border-top: 1px solid #edd9c7; padding-top: 10px; font-size: 12px; }
.research-map .other-work-label { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.research-map .other-multimodal a > span { color: var(--muted); font-size: 11px; margin-left: 7px; }
.research-map .other-multimodal a:hover { text-decoration: underline; text-underline-offset: 3px; }
.research-map .unlinked-work { color: var(--muted); }
.research-map .area-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.research-map .area-secondary { padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.research-map .area-title { display: flex; align-items: center; gap: 8px; }
.research-map .area-title svg { width: 23px; height: 23px; color: #75808e; }
.research-map .area-title h4 { font: 400 20px/1.25 Georgia, serif; letter-spacing: -.3px; font-size: 20px; }
.research-map .area-secondary > p { color: var(--muted); font-size: 14px; margin-top: 8px; }
.research-map .paper-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin-top: 12px; }
.research-map .paper-chips a { display: flex; flex-direction: column; font-size: 12px; line-height: 1.6; }
.research-map .paper-chips a > span { font-size: 11px; color: var(--muted); }
.research-map .paper-chips a:hover { text-decoration: underline; text-underline-offset: 3px; }
.research-map .approach-layout { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 20px; padding: 0 0 6px; }
.research-map .cycle-column { min-width: 0; }
.research-map .method-cycle { width: 100%; max-width: 360px; aspect-ratio: 1; position: relative; margin: 0 auto; }
.research-map .cycle-lines { width: 100%; height: 100%; position: absolute; inset: 0; overflow: visible; }
.research-map .outer-orbit { stroke: #e9dfd6; stroke-dasharray: 3 9; stroke-width: 1.5; stroke-linecap: butt; }
.research-map .cycle-arc { stroke-width: 3; opacity: .55; transition: opacity .3s; }
.research-map .arc-attack { color: var(--red); }
.research-map .arc-evaluate { color: var(--blue); }
.research-map .arc-understand { color: var(--purple); }
.research-map .arc-improve { color: var(--teal); }
.research-map .method-cycle[data-active="attack"] .arc-attack, .research-map .method-cycle[data-active="evaluate"] .arc-evaluate, .research-map .method-cycle[data-active="understand"] .arc-understand, .research-map .method-cycle[data-active="improve"] .arc-improve { opacity: 1; }
.research-map .orbit-dot { transform-origin: 250px 250px; animation: research-orbit 28s linear infinite; color: #c58b60; fill: currentColor; }
.research-map .cycle-center { position: absolute; inset: 35% 32%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: #f3f0e5; border: 1.5px solid #d6d3c6; border-radius: 2px; }
.research-map .cycle-center strong { font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -.6px; }
.research-map .method-node { --method-color: var(--blue); --method-tint: #e1eaf2; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 7px; border: 1.5px solid #cdd5dd; border-radius: 3px; background: var(--method-tint); color: var(--ink); width: 94px; min-height: 82px; transform: translate(-50%, -50%); transition: border-color .2s; }
.research-map .node-index { position: absolute; top: 6px; right: 7px; font-size: 9px; color: var(--method-color); }
.research-map .method-node img { width: 29px; height: 29px; image-rendering: pixelated; }
.research-map .method-node strong { font-size: 12px; font-weight: 500; min-height: 27px; display: block; padding-top: 4px; line-height: 1.2; white-space: nowrap; }
.research-map .node-improve strong { padding-top: 0; }
.research-map .node-attack { top: 16%; left: 50%; --method-color: var(--red); --method-tint: #f7e6de; }
.research-map .node-evaluate { top: 50%; left: 85%; --method-color: var(--blue); --method-tint: #e1eaf2; }
.research-map .node-understand { top: 84%; left: 50%; --method-color: var(--purple); --method-tint: #ece6f3; }
.research-map .node-improve { top: 50%; left: 15%; --method-color: var(--teal); --method-tint: #e0eee6; }
.research-map .method-node:hover { border-color: var(--method-color); }
.research-map .method-node[aria-pressed="true"] { border-color: var(--method-color); color: var(--method-color); box-shadow: none; }
.research-map .method-node[aria-pressed="true"] strong { font-weight: 600; }
.research-map .cycle-caption { margin-top: -8px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5; }
.research-map .motion-toggle { display: block; margin: 9px auto 0; background: transparent; border: 0; color: var(--muted); padding: 5px 10px; font-size: 10px; text-decoration: underline; text-decoration-color: #c9d1d9; text-underline-offset: 3px; }
.research-map .motion-toggle:hover { color: var(--accent); }
.research-map .method-cycle.is-paused .orbit-dot { animation-play-state: paused; }
.research-map .method-detail { --method-color: var(--red); background: #fff; border: 1px solid var(--line); border-radius: 3px; padding: 20px; min-height: 0; }
.research-map .method-detail[data-method="evaluate"] { --method-color: var(--blue); }
.research-map .method-detail[data-method="understand"] { --method-color: var(--purple); }
.research-map .method-detail[data-method="improve"] { --method-color: var(--teal); }
.research-map .method-eyebrow { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.research-map .method-eyebrow span { color: var(--method-color); font-weight: 600; margin-right: 6px; }
.research-map .method-detail h4 { font: 400 27px/1.2 Georgia, serif; letter-spacing: -.8px; color: var(--method-color); margin-top: 12px; font-size: 27px; }
.research-map .method-question { font-size: 15px; font-weight: 500; margin-top: 8px; }
.research-map #method-description { font-size: 14px; color: var(--muted); margin-top: 7px; max-width: 410px; }
.research-map .method-work-list { margin-top: 18px; border-top: 1px solid var(--line); }
.research-map .method-work-list > a, .research-map .method-work-list > div { display: flex; justify-content: space-between; align-items: center; gap: 13px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.research-map .method-work-list strong { display: block; font-size: 14px; font-weight: 600; }
.research-map .method-work-list small { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; max-width: 285px; }
.research-map .method-venue { text-align: right; color: var(--muted); font-size: 11px; flex-shrink: 0; white-space: pre-line; }
.research-map .method-venue b { font-weight: 400; color: var(--method-color); }
.research-map--overview { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.research-map--question { margin-top: 20px; }
.research-map .question-title { max-width: 740px; text-wrap: balance; font: 400 23px/1.3 Georgia, serif; letter-spacing: -.3px; }
.research-map .oversight-content { padding-top: 14px; }
.research-map .oversight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 14px; row-gap: 0; }
.research-map .oversight-case { --case-color: var(--blue); display: grid; grid-template-rows: subgrid; grid-row: span 7; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.research-map .case-design { --case-color: var(--red); }
.research-map .case-evidence { --case-color: var(--teal); }
.research-map .case-heading { display: flex; gap: 10px; align-items: baseline; }
.research-map .case-number { color: var(--case-color); font-size: 10px; font-variant-numeric: tabular-nums; }
.research-map .case-human-role { font-size: 12px; font-weight: 400; color: var(--case-color); line-height: 1.5; }
.research-map .case-human-role strong { font-weight: 750; }
.research-map .case-diagram { color: var(--case-color); margin: 10px auto 12px; align-self: center; max-width: 260px; width: 100%; }
.research-map .case-diagram img { width: 100%; height: auto; display: block; margin: 0; }
.research-map .case-diagram-caption { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; text-align: center; }
.research-map .case-diagram svg { width: 100%; }
.research-map .case-diagram text { font-family: inherit; font-size: 8px; fill: #64707c; stroke: none; text-anchor: middle; }
.research-map .case-diagram .svg-tint { fill: color-mix(in srgb, var(--case-color) 7%, white); }
.research-map .oversight-case .work-kicker { color: var(--muted); font-size: 9px; letter-spacing: .065em; margin-bottom: 8px; }
.research-map .oversight-case h4 { font: 400 20px/1.25 Georgia, serif; letter-spacing: -.2px; font-size: 20px; }
.research-map .oversight-case > p:not(.work-kicker) { font-size: 14px; color: var(--muted); line-height: 1.55; }
.research-map .oversight-case h4 + p { margin-top: 10px; }
.research-map .oversight-case .case-answer { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.research-map .case-answer strong { display: flex; gap: 7px; align-items: flex-start; font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 5px; }
.research-map .status-icon { width: 15px; height: 15px; flex: 0 0 15px; margin-top: 3px; stroke: none; shape-rendering: crispEdges; }
.research-map .status-cost .status-bg { fill: #f3ded7; }
.research-map .status-cost .status-mark { fill: #aa6058; }
.research-map .status-progress .status-bg { fill: #dfece1; }
.research-map .status-progress .status-mark { fill: #4c785e; }
.research-map .case-paper { margin-top: auto; padding-top: 14px; font-size: 11px; color: var(--case-color); display: flex; justify-content: space-between; align-items: center; }
.research-map .case-paper.unpublished { color: var(--muted); }
.research-map .human-principle { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; margin-top: 14px; border: 1px solid #edd9c7; border-radius: 9px; background: #fff0e2; }
.research-map .human-principle > svg { width: 28px; height: 30px; flex-shrink: 0; color: var(--accent); }
.research-map .human-principle h4 { font-size: 14px; font-weight: 600; }
.research-map .human-principle p { color: var(--muted); font-size: 14px; margin-top: 4px; max-width: 880px; line-height: 1.55; }
.research-map .human-principle p + p { margin-top: 9px; }
@keyframes research-panel-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes research-orbit { to { transform: rotate(360deg); } }
@container research (max-width: 960px) {
  .research-map h2 { font-size: 32px; }
  .research-map .area-primary { gap: 16px; padding: 18px; grid-template-columns: .8fr 1fr 1fr; }
  .research-map .area-intro h4 { font-size: 21px; font: 400 21px/1.25 Georgia, serif; letter-spacing: -.3px; }
  .research-map .focus-work { padding-inline: 15px; padding: 12px 14px 14px; }
  .research-map .focus-work h5 { font-size: 15px; }
  .research-map .quiet-note { display: none; }
  .research-map .approach-layout { gap: 20px; grid-template-columns: .95fr 1.05fr; }
  .research-map .method-node { width: 94px; min-height: 82px; padding: 7px; }
  .research-map .method-node img { width: 29px; height: 29px; }
  .research-map .method-node strong { font-size: 12px; min-height: 27px; padding-top: 4px; }
  .research-map .cycle-center strong { font-size: 20px; }
  .research-map .method-detail { padding: 20px; min-height: 0; }
  .research-map .method-work-list > a, .research-map .method-work-list > div { align-items: flex-start; padding: 11px 0; }
  .research-map .method-venue { max-width: 80px; }
  .research-map .oversight-case { padding-inline: 17px; padding: 16px; }
  .research-map .oversight-grid { column-gap: 14px; row-gap: 0; }
  .research-map .case-human-role { font-size: 12px; }
  .research-map .oversight-case h4 { font-size: 20px; font: 400 20px/1.25 Georgia, serif; letter-spacing: -.2px; }
}
@container research (max-width: 720px) {
  .research-map h2 { font-size: 32px; }
  .research-map .perspective-tab { font-size: 12px; padding: 12px 14px; gap: 7px; align-items: flex-start; }
  .research-map .tab-number { font-size: 9px; padding-top: 2px; }
  .research-map .perspective-tab svg { display: none; }
  .research-map .perspective-panel { padding-top: 20px; }
  .research-map h3 { font-size: 23px; font: 400 23px/1.25 Georgia, serif; letter-spacing: -.3px; }
  .research-map .panel-heading { margin-bottom: 16px; gap: 16px; }
  .research-map .area-primary { grid-template-columns: 1fr 1fr; padding: 18px; gap: 16px; }
  .research-map .area-intro { grid-column: 1 / -1; position: relative; padding: 0 70px 7px 0; }
  .research-map .area-intro h4 { font-size: 21px; margin-top: 9px; font: 400 21px/1.25 Georgia, serif; letter-spacing: -.3px; }
  .research-map .area-intro h4 br { display: none; }
  .research-map .area-icon { position: absolute; right: 3px; top: 10px; width: 36px; height: 36px; margin: 10px 0; }
  .research-map .area-intro > p { margin-top: 9px; font-size: 14px; line-height: 1.55; }
  .research-map .area-intro > p br { display: none; }
  .research-map .area-secondary-grid { gap: 14px; margin-top: 14px; }
  .research-map .area-secondary { padding: 16px 18px; }
  .research-map .area-title h4 { font-size: 20px; font: 400 20px/1.25 Georgia, serif; }
  .research-map .area-title svg { width: 23px; height: 23px; }
  .research-map .approach-layout { grid-template-columns: 1fr; gap: 20px; }
  .research-map .method-cycle { max-width: 360px; }
  .research-map .method-node { width: 94px; min-height: 82px; padding: 7px; }
  .research-map .method-node strong { font-size: 12px; min-height: 27px; padding-top: 4px; }
  .research-map .cycle-center strong { font-size: 20px; }
  .research-map .method-detail { min-height: 0; padding: 20px; }
  .research-map .method-venue { max-width: none; }
  .research-map .oversight-grid { grid-template-columns: 1fr; gap: 16px; column-gap: 14px; }
  .research-map .oversight-case { display: flex; flex-direction: column; padding: 16px; }
  .research-map .case-human-role { font-size: 12px; }
  .research-map .case-diagram { max-width: 260px; width: 100%; margin: 10px auto 12px; }
  .research-map .oversight-case h4 { font-size: 20px; min-height: auto; font: 400 20px/1.25 Georgia, serif; letter-spacing: -.2px; }
  .research-map .oversight-case h4 + p { min-height: auto; margin-top: 10px; }
  .research-map .oversight-case > p:not(.work-kicker) { font-size: 14px; line-height: 1.55; }
  .research-map .case-answer strong { font-size: 14px; }
  .research-map .human-principle { align-items: flex-start; padding: 14px 18px; gap: 12px; margin-top: 14px; }
}
@container research (max-width: 440px) {
  .research-map h2 { font-size: 32px; letter-spacing: -1px; }
  .research-map .perspective-tab { padding-inline: 7px; font-size: 11px; gap: 5px; padding: 12px 14px; }
  .research-map .area-primary { grid-template-columns: 1fr; padding: 18px; gap: 16px; }
  .research-map .area-intro { padding-right: 50px; }
  .research-map .area-intro h4 { font-size: 21px; font: 400 21px/1.25 Georgia, serif; letter-spacing: -.3px; }
  .research-map .area-icon { width: 36px; height: 36px; margin: 10px 0; }
  .research-map .area-intro > p { max-width: 245px; margin-top: 9px; font-size: 14px; line-height: 1.55; }
  .research-map .focus-work { padding: 12px 14px 14px; }
  .research-map .mini-visual { min-height: 0; margin-bottom: 15px; margin: 0 0 8px; padding-bottom: 22px; }
  .research-map .focus-work h5 { font-size: 16px; }
  .research-map .focus-work > p:not(.work-kicker) { font-size: 14px; margin-top: 7px; line-height: 1.55; }
  .research-map .area-secondary-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
  .research-map .paper-chips { gap: 8px 16px; margin-top: 12px; }
  .research-map .method-node { width: 94px; padding-inline: 8px; min-height: 82px; padding: 7px; }
  .research-map .method-node strong { font-size: 12px; min-height: 27px; padding-top: 4px; }
  .research-map .node-improve strong { white-space: normal; max-width: 67px; line-height: 1.25; }
  .research-map .cycle-center strong { font-size: 20px; }
  .research-map .cycle-caption { margin-top: -8px; font-size: 10px; line-height: 1.5; }
  .research-map .method-detail { padding: 20px; min-height: 0; }
  .research-map .method-detail h4 { font-size: 27px; font: 400 27px/1.2 Georgia, serif; margin-top: 12px; }
  .research-map .method-venue { max-width: 74px; }
  .research-map .human-principle > svg { width: 28px; height: 30px; }
}
@container research (min-width: 721px) and (max-width: 900px) {
  .research-map .area-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; gap: 16px; }
  .research-map .area-intro { grid-column: 1 / -1; position: relative; padding: 0 70px 5px 0; }
  .research-map .area-intro h4 { margin-top: 10px; font-size: 21px; font: 400 21px/1.25 Georgia, serif; letter-spacing: -.3px; }
  .research-map .area-intro h4 br, .research-map .area-intro > p br { display: none; }
  .research-map .area-icon { position: absolute; right: 3px; top: 1px; width: 36px; height: 36px; margin: 10px 0; }
  .research-map .area-intro > p { margin-top: 9px; font-size: 14px; line-height: 1.55; }
}
@media (prefers-reduced-motion: reduce) {
  .research-map *, .research-map *::before, .research-map *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .research-map .motion-toggle { display: none; }
}
/* Reset theme spacing on compact labels and keep narrow paper rows within the column. */
.research-map .method-work-list > a > span:first-child, .research-map .method-work-list > div > span:first-child { min-width: 0; }
.research-map .method-node img { margin: 0; width: 29px; height: 29px; }
@container research (max-width: 440px) {
  .research-map .method-work-list > a, .research-map .method-work-list > div { flex-direction: column; gap: 7px; padding: 11px 0; }
  .research-map .method-venue { max-width: none; text-align: left; }
}

/* The longer-term question bridges the two sections in the homepage prose font. */
.research-question-callout { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px solid #edd9c7; border-left: 3px solid #b34f18; border-radius: 8px; background: #fff7ee; color: #343e47; }
.research-question-callout > svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; stroke: #b34f18; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.research-question-copy { min-width: 0; }
.research-question-copy p { margin: 0; font: inherit; }
.research-question-copy ul { margin: 7px 0; padding-left: 1.25em; font: inherit; }
.research-question-copy li { margin: 0; font: inherit; }
.research-question-copy li + li { margin-top: 2px; }