/* Fluid adaptation of the Parking frame, retaining original screen proportions. */
.parking-root{display:flex;flex-direction:column;align-items:center;gap:72px}
.parking-root [data-node-id]{max-width:100%}
.parking-root main{display:flex;flex-direction:column;gap:72px;width:calc(100% - 96px)}
.parking-root .case-header{width:calc(100% - 96px);margin:0 48px;padding:56px 0 24px;flex-shrink:0}
.parking-root .case-header .brand,.parking-root .case-header .resume{font-weight:700}
.parking-root .case-footer{width:calc(100% - 96px);margin:0 48px;border-top:1px solid var(--rule);flex-shrink:0}
.parking-root [data-layout="metadata"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,430px)}
.parking-root [data-layout="metadata"]>div{width:100%;min-width:0;align-self:stretch}
.parking-root [data-layout="two-columns"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.parking-root [data-layout="two-columns"]>div{width:100%;min-width:0}
.parking-root [data-layout="research-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.parking-root [data-layout="research-grid"]>div{width:100%;min-width:0;align-self:stretch}
.parking-root [data-layout="hypotheses"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.parking-root [data-layout="hypotheses"]>div{width:100%;min-width:0;align-self:stretch}
.parking-root [data-layout="reflection-row"]{display:grid;grid-template-columns:218px minmax(0,1fr);width:100%;gap:18px}
.parking-root [data-layout="reflection-row"]>p{width:100%;min-width:0}
.parking-root .bubble-pending{opacity:.25;transform:translateY(8px)}
.parking-root [data-case-bubble]{width:fit-content;max-width:100%}
.parking-root [data-case-bubble]>p{width:auto;max-width:100%}
@media(max-width:1460px){
  .parking-root [data-layout="two-columns"] [data-node-id]{width:100%}
  .parking-root [data-layout="two-columns"] [data-name="Core parking flows"],.parking-root [data-layout="two-columns"] [data-name="Information hierarchy"],.parking-root [data-layout="two-columns"] [data-name="Interactive flow"]{height:auto;min-height:190px}
  .parking-root [data-layout="research-grid"] [data-node-id],.parking-root [data-layout="hypotheses"] [data-node-id]{width:100%}
  .parking-root [data-layout="research-grid"] h3,.parking-root [data-layout="hypotheses"] p{height:auto}
}
@media(max-width:1300px){
  .parking-root{padding-inline:16px}
  .parking-root [data-layout="metadata"]{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,35%)}
  .parking-root [data-layout="metadata"] p{white-space:normal}
}
@media(max-width:1100px){
  .parking-root [data-layout="gallery-phones"]{height:auto;padding:32px 24px;gap:20px}
  .parking-root [data-layout="phone-screen"]{flex:0 1 237.195px;min-width:0;height:auto}
  .parking-root [data-node-id="279:8916"]{flex-basis:221.225px}
  .parking-root [data-layout="research-grid"]{grid-template-columns:1fr;gap:24px}
  .parking-root [data-layout="research-grid"] [data-node-id="272:292"]{height:auto}
  .parking-root [data-node-id="272:295"]{flex:none;min-height:0}
}
@media(max-width:1000px){
  .parking-root{padding-inline:0}
  .parking-root main{width:calc(100% - 80px)}
  .parking-root .case-header,.parking-root .case-footer{width:calc(100% - 80px);margin-inline:40px}
  .parking-root [data-layout="metadata"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parking-root [data-layout="metadata"]>div{border-right:0}
  .parking-root [data-layout="metadata"]>div:nth-child(odd){border-right:1px solid var(--rule)}
  .parking-root [data-layout="hypotheses"]{grid-template-columns:1fr}
  .parking-root [data-layout="hypotheses"]>div{border-right:0;border-bottom:0;padding:24px 0}
  .parking-root [data-node-id="279:8856"]{padding:0}
  .parking-root [data-node-id="279:8855"],.parking-root [data-node-id="272:305"]{flex:none;min-height:0}
}
@media(max-width:760px){
  .parking-root{gap:40px;padding-top:0}
  .parking-root main{width:calc(100% - 48px);gap:56px}
  .parking-root .case-header,.parking-root .case-footer{width:calc(100% - 48px);margin-inline:24px}
  .parking-root .case-header{padding-top:30px;padding-bottom:18px}
  .parking-root [data-node-id]{min-width:0;white-space:normal}
  .parking-root h1{font-size:34px;line-height:42px}
  .parking-root h2{font-size:28px;line-height:38px}
  .parking-root [data-layout="two-columns"],.parking-root [data-layout="reflection-row"]{grid-template-columns:1fr;gap:24px}
  .parking-root [data-layout="gallery-phones"]{flex-direction:column;padding:28px 24px;gap:24px}
  .parking-root [data-layout="phone-screen"]{flex:none;width:237.195px;max-width:100%}
  .parking-root [data-node-id="279:8916"]{flex:none;width:221.225px}
  .parking-root [data-layout="reflection-row"]{gap:12px}
  .parking-root [data-layout="metadata"]>div{padding-inline:12px}
  .parking-root [data-node-id="272:273"]{padding:24px}
  .parking-root [data-node-id="272:274"]{font-size:24px;line-height:34px}
  .parking-root [data-node-id="266:342"]{padding:8px 24px}
}
@media(prefers-reduced-motion:reduce){.parking-root .bubble-pending{transform:none}}