/* Deck-only split between product reasoning and the UI being discussed. */
.review-layout { display:grid; grid-template-columns:minmax(270px,.85fr) minmax(0,2.3fr); gap:36px; align-items:start; }
.review-notes { display:block; min-width:0; padding:8px 0; font-family:var(--font-display); }
.review-label { color:var(--gold); text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:700; margin:28px 0 10px; }
.review-label:first-child { margin-top:0; }
.review-notes h2 { display:block; font-size:clamp(23px,2.1vw,30px); line-height:1.23; letter-spacing:-.025em; margin-bottom:18px; }
.review-notes p,.review-notes .nx-intent,.review-notes .lede { display:block; font:400 14px/1.65 var(--font-display); color:var(--gray); margin:0 0 14px; }
.review-guidelines p { color:var(--gray-mid); font-size:13px; }
.review-frame { min-width:0; margin:0; border:1px solid var(--gray-700); border-radius:var(--radius-lg); overflow:hidden; background:var(--black-mid); }
.review-frame figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:12px 18px; font:500 11px var(--font-display); border-bottom:1px solid var(--gray-700); color:var(--gray-mid); }
.review-frame figcaption strong { color:var(--white); font-size:12px; }
.review-scroll { height:max(420px,calc(100vh - 235px)); overflow:auto; scrollbar-gutter:stable; scrollbar-color:var(--gold) var(--black); container-type:inline-size; overscroll-behavior:contain; }
.review-scroll:focus-visible { outline:2px solid var(--gold); outline-offset:-3px; }
.review-scroll-hint { padding:10px 18px; color:var(--gold); border-top:1px solid var(--gray-700); font:500 10px var(--font-display); }
.review-frame .nx-app,.review-frame .rp-app { border:0; border-radius:0; overflow:visible; }
.review-frame .nx-body { padding:24px; }
.review-frame .nx-heading h3,.review-frame .rp-body h3 { font-size:28px; }
.review-frame .nx-top { gap:14px; padding:16px 24px; flex-wrap:wrap; }
.review-frame .nx-top > span { display:none; }
.review-frame .nx-policy { display:none; }
#rp-decisions .review-frame .mf-top { display:none; }
.review-frame .rp-body { max-height:none; min-height:0; overflow:visible; }
.review-frame .rp-scroll { display:none; }
.review-frame .rp-app .mf-top { gap:12px; flex-wrap:wrap; padding:16px 24px; }
.review-frame .rp-app nav a { padding:6px 9px; font-size:11px; }
.review-frame .rp-profile-link { font-size:11px; }
.review-earlier-rationale summary { color:var(--gold); font:600 12px var(--font-display); cursor:pointer; margin:18px 0 12px; }
.review-earlier-rationale h3 { font:600 16px/1.4 var(--font-display); color:var(--white); margin-bottom:10px; }
.review-earlier-rationale a { color:var(--gold); font-size:12px; }
.review-earlier-rationale:focus-visible { outline:2px solid var(--gold); }
/* The preview responds to its frame width, not the presentation window width. */
@container (max-width:1050px) {
  .nx-cohort-offer { grid-template-columns:1fr; }
  .nx-offer-side { border-left:0; border-top:1px solid var(--border); padding:18px 0 0; }
  .nx-week-grid { grid-template-columns:1fr 1.2fr; gap:24px; }
  .nx-week-grid > .nx-rail { grid-column:1/-1; flex-direction:row; }
  .nx-week-grid > .nx-rail > section { flex:1; }
  .nx-loop-track { grid-template-columns:1fr 1fr; gap:24px; }
  .nx-loop-track article:nth-child(3) { border:0; padding-left:0; }
  .nx-mode-paths { grid-template-columns:1fr; }
  .nx-loop-image { min-height:110px; }
  .nx-rotation-grid { grid-template-columns:1.2fr 1fr; gap:22px; }
  .nx-roster { grid-template-columns:1fr; }
  .nx-roster button { flex-direction:row; flex-wrap:wrap; padding:16px; }
  .nx-roster .nx-face { width:56px; height:56px; }
  .nx-roster button > span:last-child { width:100%; }
  .nx-ask-world { grid-template-columns:180px 1fr; gap:22px; }
  .nx-ask-main { padding-left:24px; }
  .nx-meeting-room,.nx-protection-grid,.nx-balance-grid { gap:24px; }
  .nx-meeting-portrait .nx-face { width:130px; height:130px; }
  .nx-reflection-layout { grid-template-columns:200px 1fr; gap:24px; }
  .nx-reflection-person .nx-face { width:150px; height:150px; }
  .rp-dashboard { grid-template-columns:1fr; }
  .rp-rail { display:grid; grid-template-columns:1fr 1fr; }
  .rp-cohort-top { flex-direction:column; align-items:flex-start; }
  .rp-cohort-bottom { flex-wrap:wrap; }
  .rp-contribution-grid { grid-template-columns:1fr; }
  .rp-discovery-grid { grid-template-columns:1fr 1fr; }
  .rp-browse-card { grid-column:1/-1; min-height:200px; }
  .rp-request-layout { grid-template-columns:1fr 1fr; }
  .rp-request-layout > .rp-seat-panel { grid-column:1/-1; }
}
@container (max-width:800px) {
  .nx-home-grid { grid-template-columns:1fr; }
  .nx-home-grid > .nx-rail { display:grid; grid-template-columns:1fr 1fr; }
  .nx-section-head { flex-wrap:wrap; }
  .nx-action-row { flex-wrap:wrap; }
  .nx-rhythm { flex-wrap:wrap; }
  .nx-protected { flex-wrap:wrap; }
  .nx-complement > .nx-person { flex-wrap:wrap; }
  .rp-trust-map { grid-template-columns:1fr; }
  .rp-trust-bridge > svg { transform:rotate(90deg); }
  .rp-grid { grid-template-columns:1fr; }
}
@container (max-width:600px) {
  .nx-two,.nx-week-grid,.nx-rotation-grid,.nx-meeting-room,.nx-reflection-layout,.nx-protection-grid,.nx-balance-grid,.nx-ask-world,.nx-network-partners,.nx-loop-track { grid-template-columns:1fr; }
  .nx-home-grid > .nx-rail { grid-template-columns:1fr; }
  .nx-week-grid > .nx-rail { flex-direction:column; }
  .nx-top nav { width:100%; }
  .nx-top nav a { font-size:11px; padding:7px 9px; }
  .nx-ask-main { border-left:0; border-top:1px solid var(--border); padding:24px 0 0; }
  .nx-steps { grid-template-columns:1fr; }
  .nx-steps li { display:flex; align-items:center; gap:12px; }
  .nx-steps span { margin:0; }
  .nx-loop-track article { padding:0 0 22px; border-left:0; border-bottom:1px solid var(--border); }
  .nx-pulse { flex-wrap:wrap; }
  .nx-signal p { font-size:19px; }
  .rp-card-grid,.rp-rail,.rp-discovery-grid,.rp-balanced,.rp-request-layout,.rp-ask-strip { grid-template-columns:1fr; }
  .rp-client-path { grid-template-columns:1fr; gap:16px; }
  .rp-balanced > div + div { border-left:0; border-top:1px solid var(--border); padding:18px 0 0; }
  .rp-request-value { padding:24px 0; border:0; border-top:1px solid var(--border); }
  .rp-next-action,.rp-room-summary,.rp-relationship-hero { flex-direction:column; align-items:flex-start; }
}
@media(max-width:850px) {
  .review-layout { grid-template-columns:1fr; gap:18px; }
  .review-notes h2 { font-size:25px; }
  .review-label { margin-top:20px; }
  .review-scroll { height:65vh; min-height:380px; }
  .review-frame figcaption { padding:12px; }
}
@media print {
  .review-layout { display:block; }
  .review-scroll { height:auto; overflow:visible; }
  .review-frame { overflow:visible; }
  .review-scroll-hint { display:none; }
}
