.screen-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;list-style:none;padding:0;margin:0}.screen-journey li{min-width:0;position:relative}.journey-stage{font-size:13px;display:flex;align-items:center;gap:10px;color:#31576f;margin-bottom:15px}.journey-stage b{font-size:10px;color:#7593a6;font-weight:400}.journey-frame{background:#eef3f6;padding:12px;border:1px solid #d3dfe7;border-radius:5px;min-height:130px;display:flex;align-items:center;justify-content:center}.journey-frame img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}.stage-pair{display:grid;grid-template-columns:1fr 20px 1fr;gap:8px;align-items:center;margin-top:12px;font-size:10px;color:#698398}.stage-pair i{font-style:normal;transform:rotate(-90deg);color:#8dabbf}.stage-pair strong{font-size:10px;color:#416680;font-weight:500}.visual-footnote{font-size:10px!important;color:#7a8f9d!important;margin-top:20px;line-height:1.5!important}.architecture-image{position:relative;border:1px solid #c5d6e2;background:#eef4f8}.architecture-image img{display:block;width:100%;height:auto}.zone{position:absolute;border:2px solid #6b96b3;background:#6b96b312;pointer-events:none}.zone b,.architecture-screen figcaption b{display:inline-grid;place-items:center;width:24px;height:24px;background:#557f9b;color:white;border-radius:50%;font-size:11px;font-weight:500}.zone b{position:absolute;top:-13px;left:8px;box-shadow:0 0 0 3px white}.zone-query{left:3.5%;top:9%;width:21%;height:35%}.zone-results{left:26.5%;top:9.5%;width:71%;height:88%}.zone-tools{left:.2%;top:9%;width:3%;height:30%;border-style:dashed}.zone-tools b{left:0;top:100%}.architecture-screen figcaption{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:12px;color:#416780}.architecture-screen figcaption>span{display:flex;align-items:center;gap:8px}.board-glyph{width:42px;height:46px;color:#7599b2}.visual-task{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}.visual-task li{position:relative;min-width:0}.visual-task li:not(:last-child):after{content:'→';position:absolute;left:100%;width:25px;text-align:center;top:110px;color:#87a6bd}.task-number{display:block;font-size:10px;color:#7896ab;margin-bottom:10px}.screen-drawing{background:#f2f6f9;border:1px solid #bdcfdd;border-radius:7px;padding:15px;min-height:184px}.drawing-chrome{display:block;font-size:12px;letter-spacing:3px;color:#b4c8d7;margin-bottom:13px}.drawing-field{background:white;border:1px solid #c5d5e1;border-radius:4px;padding:9px 7px;font-size:11px;margin:8px 0;overflow-wrap:anywhere;color:#52758d}.drawing-button{display:inline-block;background:#7195ae;color:white;padding:9px 16px;border-radius:4px;font-size:11px}.drawing-count{font-size:32px;line-height:1;color:#557e99;margin:12px 0 17px}.drawing-count small{font-size:11px;color:#8aa1b2}.drawing-result{padding:10px 5px;border-bottom:1px solid #d4e1ea;font-size:11px;display:flex;justify-content:space-between;color:#58798f}.drawing-result mark{background:#f3edcf;color:#64715c;padding:1px 4px}.drawing-result.chosen{background:#dfeaf2}.drawing-file{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;color:#567b95}.drawing-file strong{font-size:13px;font-weight:500}.drawing-file span{font-size:11px;color:#829dac}.visual-task li>b{display:block;font-size:12px;font-weight:500;color:#53768e;text-align:center;margin-top:13px}.service-drawing{display:grid;grid-template-columns:85px repeat(3,minmax(0,1fr));gap:20px}.service-captions{display:grid;grid-template-rows:85px 180px 100px;align-items:center;font-size:10px;color:#8aa1b2}.service-track{display:grid;grid-template-rows:65px 25px 160px 30px 85px;align-items:center;justify-items:center;min-width:0}.service-user{display:grid;place-items:center;background:#eef4f8;width:65px;height:65px;border-radius:50%}.service-user .board-glyph{width:31px;height:34px}.lane-connector{width:100%;text-align:center;color:#a3bbcc;font-size:18px;border-top:1px dashed #bfced9;line-height:22px;padding-top:2px}.service-interface{width:100%;height:150px;border:1px solid #c7d7e3;background:#f5f8fa;border-radius:5px;padding:12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.service-interface .drawing-count{margin:2px 0 7px;font-size:25px}.service-interface .drawing-result{padding:7px 2px;font-size:10px}.service-interface .drawing-file{padding:5px}.service-backstage{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:11px;color:#6b8ba2}.service-backstage .board-glyph{width:33px;height:36px}.mini-chart{display:block;width:100%;height:auto}.visual-test-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.visual-test-targets>div{background:#f0f5f8;border:1px solid #d3e0e9;border-radius:7px;padding:25px 15px;display:flex;align-items:center;flex-direction:column;gap:20px}.visual-test-targets .board-glyph{width:58px;height:62px;padding:10px;background:white;border-radius:12px}.visual-test-targets b{font-size:14px;font-weight:500;color:#4d728b}.visual-test-targets span{font-size:11px;color:#7c95a6;text-align:center;overflow-wrap:anywhere}.picture-board{padding:24px}.picture-board .reason-label{margin-bottom:25px}
@media(max-width:950px){.screen-journey{grid-template-columns:1fr 1fr}.visual-task{grid-template-columns:1fr 1fr}.visual-task li:nth-child(2):after{display:none}.service-drawing{grid-template-columns:65px repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.picture-board{padding:18px}.screen-journey{grid-template-columns:1fr;gap:25px}.journey-frame{padding:10px;min-height:0}.journey-frame img{max-height:none}.stage-pair{font-size:11px;grid-template-columns:1fr 20px 1fr}.stage-pair strong{font-size:11px}.journey-stage{font-size:12px;margin-bottom:11px}.architecture-screen figcaption{gap:10px;flex-direction:column;align-items:flex-start;font-size:11px}.zone b{width:17px;height:17px;font-size:8px;top:-9px;box-shadow:0 0 0 2px white}.zone-tools b{top:100%}.zone{border-width:1px}.visual-task{gap:22px 17px}.visual-task li:not(:last-child):after{width:17px;font-size:13px;top:110px}.screen-drawing{padding:10px;min-height:170px}.drawing-field{font-size:9px;padding:8px 4px}.drawing-result{font-size:9px;padding:9px 3px;gap:4px}.drawing-button{font-size:10px;padding:8px 13px}.drawing-count{font-size:27px}.drawing-count small{font-size:10px}.drawing-file{padding:7px 0}.drawing-file strong{font-size:12px}.visual-task li>b{font-size:11px}.service-drawing{grid-template-columns:1fr;gap:17px}.service-captions{display:none}.service-track{grid-template-columns:45px 13px 1fr 13px 60px;grid-template-rows:125px;gap:5px;border-bottom:1px solid #d5e0e9;padding-bottom:15px}.service-user{width:40px;height:40px}.service-user .board-glyph{width:25px;height:28px}.lane-connector{border-top:0;font-size:15px;transform:rotate(-90deg)}.service-interface{height:110px;padding:8px}.service-interface .drawing-count{font-size:21px;margin:0 0 5px}.service-interface .drawing-count small{font-size:8px}.service-interface .drawing-result{font-size:8px;gap:3px;padding:5px 0}.service-interface .drawing-result mark{padding:0 2px}.service-interface .drawing-file{padding:0;gap:5px}.service-interface .drawing-file .board-glyph{width:26px;height:30px}.service-interface .drawing-file strong{font-size:9px}.service-interface .drawing-file span{font-size:8px}.service-backstage{font-size:9px;text-align:center;gap:7px}.service-backstage .board-glyph{width:27px;height:30px}.visual-test-targets{grid-template-columns:1fr 1fr;gap:12px}.visual-test-targets>div{padding:20px 10px;gap:15px}.visual-test-targets span{font-size:10px}.visual-test-targets b{font-size:13px}.visual-footnote{font-size:9px!important;margin-top:15px}.picture-board .reason-label{margin-bottom:20px}}

@media(max-width:600px){.service-captions{display:grid;grid-template-columns:45px 1fr 60px;grid-template-rows:auto;gap:18px;font-size:8px;text-align:center;padding:0 0 5px}.service-track{border-bottom-style:dashed}}