/* More readable visual artifacts, using the existing restrained GExplore palette. */
.ux-board{border-radius:12px;border-color:#d4dfe7;padding:28px;box-shadow:0 7px 25px #27476104}.reason-label{font-size:13px;letter-spacing:0;font-weight:600;color:#395b73;gap:12px}.reason-label>span{font-size:10px;background:#f0f4f7;padding:5px 9px}.picture-board .reason-label{margin-bottom:26px}.story-heading h2{font-size:35px;font-weight:400;letter-spacing:-1px}.story-number{font-size:30px;color:#8aa6b8}.quiet-persona{grid-template-columns:1.25fr 1fr;gap:24px;align-items:center}.quiet-persona .analyst-scene{width:100%;height:auto;max-width:none;border-radius:14px;background:none}.quiet-persona .analyst-scene>rect{fill:url(#analyst-bg)}.quiet-persona .analyst-scene>circle{fill:white}.quiet-persona .analyst-scene>path:first-of-type{fill:none}.quiet-persona dd{font-size:13px;line-height:1.6;color:#4e6c80}.quiet-persona dt{font-size:10px;letter-spacing:.5px}.quiet-empathy{gap:12px}.quiet-empathy>div{min-height:107px;border-radius:8px;border-left:0;border-top:2px solid #b7cddc;padding:23px 20px;background:#f1f5f8}.quiet-empathy>div:nth-child(2),.quiet-empathy>div:nth-child(3){border-left:0;border-top-color:#8eafc5;background:#eaf1f6}.quiet-empathy b{font-size:10px;letter-spacing:.6px;color:#7994a7}.quiet-empathy p{font-size:15px;line-height:1.5;color:#3e627b;margin-top:12px}.screen-journey{grid-template-columns:repeat(6,minmax(0,1fr));gap:27px 24px}.screen-journey li{grid-column:span 3;min-width:0;background:#f7f9fb;border:1px solid #d8e3eb;border-radius:11px;padding:18px}.screen-journey li:nth-child(n+3){grid-column:span 2}.journey-stage{font-size:15px;font-weight:500;color:#315873;gap:10px;margin-bottom:17px}.journey-stage b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #cbdce7;border-radius:50%;font-size:10px;background:white;color:#6e91aa}.journey-frame{position:relative;display:flex;width:100%;min-height:0;align-items:center;justify-content:center;border:1px solid #c6d7e3;border-radius:7px;background:linear-gradient(155deg,#e4edf3,#f1f5f8);padding:10px;cursor:zoom-in;box-shadow:0 8px 18px #355a7509;transition:border-color .15s,box-shadow .15s}.journey-frame img{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;filter:none}.screen-journey li:nth-child(n+3) .journey-frame img{max-height:170px}.screen-expand{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fffffff0;color:#507e9c;box-shadow:0 2px 8px #335b7620;font-size:15px}.journey-frame:hover{border-color:#91b4cc;box-shadow:0 10px 24px #355a7514}.journey-frame:focus-visible{outline:3px solid #719fbe;outline-offset:4px}.stage-pair{grid-template-columns:1fr 20px 1fr;gap:9px;margin-top:17px;font-size:12px;line-height:1.5;color:#6f8798}.stage-pair strong{font-size:12px;line-height:1.5;color:#3f6986}.stage-pair i{font-size:14px}.visual-footnote{font-size:11px!important;color:#6d8597!important;line-height:1.6!important}.story-shot,.story-shot:nth-of-type(even),.chapter#workspace>.story-shot{padding:23px;background:linear-gradient(145deg,#e7eff5,#eff4f8);border:1px solid #cbdce8;border-radius:12px;box-shadow:0 12px 30px #335b7506}.story-shot .image-title{font-size:10px;letter-spacing:1.2px;color:#65869e;margin-bottom:16px}.shot .image-wrap>img{border:1px solid #c7d8e5;border-radius:5px;box-shadow:0 10px 25px #335b7510}.story-shot .image-legend>span{font-size:13px;color:#456a84;gap:9px}.story-shot .image-legend b{width:24px;height:24px;font-size:11px;background:#d7e7f2}.story-shot figcaption p{font-size:11px;color:#6d889b}.story-shot figcaption{gap:17px;margin-top:18px}.story-shot .inspect-screen{font-size:11px;background:#ffffff9c;padding:10px 14px;border-radius:6px;margin-top:18px}.image-marker{width:24px;height:24px;font-size:11px;background:#507e9e;box-shadow:0 0 0 3px #fff}.architecture-image{border-radius:7px;border-color:#c6d9e7;overflow:visible;padding:0;background:white;box-shadow:0 10px 25px #355a750d}.architecture-image img{border-radius:6px}.zone{background:none;border:2px solid #648faa;border-radius:4px}.zone-results{border-color:#8eafc5}.zone-tools{border-color:#527d99}.zone b{width:26px;height:26px;font-size:12px;background:#527d99;box-shadow:0 0 0 4px #fff;left:10px}.zone-tools b{left:0}.architecture-screen figcaption{font-size:13px;gap:24px;margin-top:22px}.architecture-screen figcaption b{background:#dceaf3;color:#39637f;font-size:11px}.visual-task{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.task-number{font-size:11px;color:#7d9aad;margin-bottom:13px}.screen-drawing{background:white;padding:0 17px 18px;border:1px solid #bdd1df;border-radius:10px;min-height:226px;box-shadow:0 9px 20px #365d7610;overflow:hidden}.drawing-chrome{display:flex;align-items:center;gap:4px;background:#edf3f7;border-bottom:1px solid #d7e3ec;margin:0 -17px 17px;padding:10px 12px;min-height:29px}.drawing-chrome i{display:block;width:5px;height:5px;border-radius:50%;background:#b3c8d8}.drawing-chrome i:first-child{background:#90afc4}.drawing-chrome em{height:8px;width:48%;margin-left:10px;border:1px solid #d9e5ed;background:#fafcfd;border-radius:3px}.drawing-field{font-size:12px;line-height:1.4;margin:10px 0;padding:11px 8px;border-color:#ccdde8;background:#fbfdfe;border-radius:5px}.drawing-button{font-size:12px;padding:10px 17px;background:#608aa7;border-radius:5px;margin-top:3px}.drawing-count{font-size:38px;margin:15px 0 20px;letter-spacing:-1px;color:#466f8b}.drawing-count small{font-size:12px;letter-spacing:0;color:#809caf}.drawing-result{font-size:12px;padding:12px 5px;gap:7px}.drawing-result mark{border-radius:3px;padding:2px 5px}.drawing-result.chosen{background:#e2edf5;border-radius:4px;margin:7px 0;border:1px solid #c9dce9}.drawing-file{padding:15px 0;gap:14px}.drawing-file .board-glyph{width:56px;height:61px;filter:drop-shadow(0 4px 4px #7f9cb21a)}.drawing-file strong{font-size:15px;letter-spacing:.2px}.drawing-file span{font-size:12px}.visual-task li>b{font-size:14px;color:#466f8b;margin-top:19px;font-weight:500}.visual-task li:not(:last-child):after{top:128px;font-size:18px;color:#97b3c8}.service-drawing{grid-template-columns:90px repeat(3,minmax(0,1fr));gap:24px}.service-captions{font-size:12px;color:#758fa3;grid-template-rows:105px 205px 110px}.service-track{grid-template-rows:80px 28px 190px 30px 95px}.service-user{width:72px;height:72px;background:#e9f1f7;border:1px solid #c9dce9;box-shadow:inset 0 0 0 6px #f5f9fc}.service-user .board-glyph{width:33px;height:36px;color:#658eaa}.service-interface{height:180px;background:white;box-shadow:0 7px 18px #42667d0c;border-radius:8px;padding:18px;border-color:#bfd4e3}.service-interface .drawing-count{font-size:29px;margin-bottom:12px}.service-interface .drawing-result{font-size:12px;padding:8px 0}.service-backstage{font-size:12px;gap:14px;color:#557b96}.service-backstage .board-glyph{width:39px;height:42px}.service-interface .drawing-file .board-glyph{width:41px;height:45px}.lane-connector{font-size:19px;border-color:#afc8da;color:#9bb7cb}.visual-test-targets>div{background:linear-gradient(150deg,#eef4f8,#f9fbfd);border-color:#cadce9;padding:29px 18px;gap:21px;border-radius:10px}.visual-test-targets .board-glyph{width:68px;height:73px;padding:13px;background:white;border:1px solid #d9e6ef;border-radius:18px;box-shadow:0 5px 12px #315c7508}.visual-test-targets b{font-size:16px;color:#426b88}.visual-test-targets span{font-size:12px;color:#6d8ba0}.quiet-states{gap:20px}.quiet-states>div{border:1px solid #dae6ee;border-radius:8px;padding:20px}.quiet-states small{font-size:10px}.quiet-colors i{width:29px;height:29px;box-shadow:0 0 0 3px white;border:1px solid #28485b0d}.quiet-system>div{border:1px solid #dce7ef;border-radius:8px}.diagram-board{border-radius:8px;padding:22px}.trace-flow{filter:drop-shadow(0 3px 2px #496b8310)}
@media(max-width:1100px){.quiet-persona{grid-template-columns:1fr;gap:18px}.quiet-persona .analyst-scene{max-width:320px;margin:auto}.screen-journey{gap:20px}.screen-journey li{padding:14px}.stage-pair{font-size:11px;gap:6px}.stage-pair strong{font-size:11px}.visual-task{grid-template-columns:1fr 1fr;gap:28px}.visual-task li:nth-child(2):after{display:none}.screen-drawing{min-height:228px}.service-drawing{grid-template-columns:75px repeat(3,minmax(0,1fr));gap:15px}.service-interface{padding:12px}.service-interface .drawing-result{font-size:10px}}
@media(max-width:760px){.ux-board,.picture-board{padding:20px}.reason-label{font-size:13px}.reason-label>span{font-size:9px}.story-heading h2{font-size:29px}.quiet-persona{grid-template-columns:1.1fr 1fr;gap:15px}.quiet-persona dd{font-size:11px}.quiet-persona dt{font-size:9px}.quiet-empathy>div{padding:17px 14px;min-height:98px}.quiet-empathy p{font-size:13px}.quiet-empathy b{font-size:9px}.screen-journey{grid-template-columns:1fr;gap:20px}.screen-journey li,.screen-journey li:nth-child(n+3){grid-column:auto;padding:15px}.journey-stage{font-size:14px}.journey-frame img,.screen-journey li:nth-child(n+3) .journey-frame img{max-height:none}.stage-pair,.stage-pair strong{font-size:11px}.journey-frame{padding:8px}.journey-stage b{width:23px;height:23px}.screen-expand{width:25px;height:25px}.story-shot,.story-shot:nth-of-type(even),.chapter#workspace>.story-shot{padding:14px}.story-shot .image-title{font-size:9px;margin-bottom:12px}.story-shot .image-legend>span{font-size:12px}.story-shot figcaption p{font-size:10px}.story-shot .inspect-screen{font-size:10px;margin-top:14px}.image-marker{width:18px;height:18px;font-size:9px;box-shadow:0 0 0 2px white}.visual-task{gap:22px 16px}.screen-drawing{padding:0 11px 14px;min-height:193px;border-radius:7px}.drawing-chrome{margin:0 -11px 12px;padding:9px;gap:3px}.drawing-chrome em{margin-left:5px}.drawing-field{font-size:10px;padding:9px 5px;overflow-wrap:anywhere;line-height:1.5}.drawing-button{font-size:10px;padding:9px 12px}.drawing-count{font-size:29px;margin:14px 0}.drawing-count small{font-size:10px}.drawing-result{font-size:10px;padding:9px 2px;gap:3px}.drawing-result mark{padding:2px 3px}.drawing-file{gap:12px;padding:10px 0}.drawing-file .board-glyph{width:42px;height:46px}.drawing-file strong{font-size:13px}.drawing-file span{font-size:10px}.visual-task li>b{font-size:12px;margin-top:14px}.visual-task li:not(:last-child):after{width:16px;font-size:14px;top:118px}.architecture-screen figcaption{font-size:12px;gap:10px}.zone b{width:18px;height:18px;font-size:9px;left:5px;box-shadow:0 0 0 2px white}.zone-tools b{left:0}.zone{border-width:1px}.diagram-board{padding:10px}.visual-test-targets{gap:13px}.visual-test-targets>div{padding:22px 12px;gap:17px}.visual-test-targets .board-glyph{width:57px;height:61px;padding:11px;border-radius:14px}.visual-test-targets b{font-size:14px}.visual-test-targets span{font-size:11px}.quiet-states>div{padding:16px}.quiet-system>div{padding:15px}.quiet-colors i{width:25px;height:25px}.service-drawing{grid-template-columns:1fr;gap:17px}.service-captions{grid-template-columns:45px 1fr 60px;grid-template-rows:auto;gap:18px;font-size:9px;padding-bottom:5px}.service-track{grid-template-columns:45px 13px 1fr 13px 60px;grid-template-rows:145px;gap:5px;padding-bottom:17px}.service-user{width:42px;height:42px;box-shadow:inset 0 0 0 3px #f5f9fc}.service-user .board-glyph{width:24px;height:27px}.service-interface{height:126px;padding:9px}.service-interface .drawing-count{font-size:23px;margin:2px 0 8px}.service-interface .drawing-count small{font-size:9px}.service-interface .drawing-result{font-size:9px;padding:5px 0;gap:3px}.service-interface .drawing-result mark{padding:0 1px}.service-interface .drawing-file{gap:7px;padding:0}.service-interface .drawing-file .board-glyph{width:29px;height:32px}.service-interface .drawing-file strong{font-size:10px}.service-interface .drawing-file span{font-size:9px}.service-backstage{font-size:10px;gap:9px}.service-backstage .board-glyph{width:27px;height:30px}.lane-connector{font-size:15px}.visual-footnote{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.journey-frame{transition:none}}