.screen-journey{display:grid;grid-template-columns:1fr;gap:30px}.screen-journey li,.screen-journey li:nth-child(n+3){grid-column:1;padding:22px}.journey-frame{display:block;cursor:default;transition:none;padding:12px;box-shadow:none}.journey-frame:hover{border-color:#c6d7e3;box-shadow:none}.journey-frame img,.screen-journey li:nth-child(n+3) .journey-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.screen-journey li:first-child .journey-frame img{max-width:620px;margin:auto}.stage-pair{font-size:13px;grid-template-columns:auto 25px 1fr;justify-content:start;gap:17px}.stage-pair strong{font-size:13px}.story-shot,.story-shot:nth-of-type(even),.chapter#workspace>.story-shot{padding:22px}.story-shot .image-wrap>img{width:100%;height:auto;max-height:none;object-fit:contain}.always-label{font-size:11px;font-weight:500;letter-spacing:.5px;color:#607f95;margin:0 0 18px;display:block}.annotated-wires+.always-label{margin-top:34px;padding-top:25px;border-top:1px solid #d5e2eb}.annotated-wires{grid-template-columns:1fr 1fr}.flow-mobile{display:none}.board-scroll:before{display:none!important}.diagram-board{overflow:visible}.trace-flow{min-width:0;width:100%;height:auto}.static-prototype{margin:0 0 30px}.always-prototype{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:0;background:white}.always-prototype>div{padding:25px;border-right:1px solid #d6e2eb;min-width:0}.always-prototype>div:last-child{border:0}.always-prototype label{display:block;font-size:12px;color:#55758a;margin-top:15px}.always-prototype .drawing-field{margin-top:8px}.prototype-matches-title{font-size:17px;color:#416780;margin:20px 0}.prototype-matches-title small{display:block;font-size:11px;color:#7392a6;margin-top:8px}.prototype-output p{font-size:12px;margin-top:18px;color:#65869d}.csv-sheet{border:1px solid #c6d8e5;border-radius:6px;background:#fbfdfe;overflow:hidden;margin-top:24px;box-shadow:0 6px 15px #355a7508;font-size:12px;color:#547790}.csv-sheet>span{display:block;padding:15px;background:#e8f0f6;font-size:14px;color:#3f6783}.csv-sheet>div{padding:12px 16px;border-top:1px solid #dce7ef}.always-recovery{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px;background:#f4f7fa;border-top:1px solid #d5e2eb}.always-recovery>div{display:flex;flex-direction:column;gap:9px;padding:18px;background:white;border:1px solid #d2e0ea;border-radius:6px}.always-recovery small{font-size:9px;letter-spacing:.6px;color:#7492a7}.always-recovery b{font-size:13px;font-weight:500;color:#4e718b}.always-recovery span{font-size:12px;color:#6d8a9e}
@media(max-width:760px){.screen-journey li,.screen-journey li:nth-child(n+3){padding:13px}.journey-frame{padding:7px}.screen-journey{gap:22px}.stage-pair,.stage-pair strong{font-size:11px;line-height:1.5}.stage-pair{grid-template-columns:1fr 20px 1fr;gap:8px}.story-shot,.story-shot:nth-of-type(even),.chapter#workspace>.story-shot{padding:12px}.annotated-wires{grid-template-columns:1fr;gap:25px}.always-label{font-size:11px;margin-bottom:15px}.always-prototype{grid-template-columns:1fr}.always-prototype>div{padding:22px;border-right:0;border-bottom:1px solid #d6e2eb}.always-recovery{grid-template-columns:1fr;padding:18px;gap:13px}.prototype-matches-title{font-size:18px}.prototype-matches-title small{display:inline;margin-left:15px}.csv-sheet{max-width:100%;margin-top:15px}.diagram-board{display:none}.flow-mobile{display:grid;gap:15px}.flow-mobile>div{border:1px solid #c5d8e6;background:#f5f9fc;padding:17px;border-radius:6px}.flow-mobile>div>b{font-size:13px;font-weight:500;color:#446c88}.flow-mobile p{font-size:12px!important;line-height:1.65;color:#68889e;margin-top:12px}.flow-mobile p strong{color:#527a95;font-weight:500}.flow-mobile .flow-mobile-start,.flow-mobile .flow-mobile-end{background:#e8f1f7;text-align:center;border-radius:30px;font-size:12px;color:#49708a}.shape-key{display:none}}