/* Product evidence stays blue/white. UX work uses ink, paper and diagram notation. */
.artifact-key{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-top:16px;padding-bottom:20px}.artifact-key>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#5c6d79}.artifact-key .key-process{padding:0;border:0;border-radius:0;background:none}.artifact-key i{display:block;width:25px;height:20px;border-radius:3px}.artifact-key .key-source i{background:#e9f2f8;border:1px solid #afc8da;box-shadow:inset 0 5px #d3e5f1}.artifact-key .key-process i{background-color:#f5f2e9;background-image:radial-gradient(#a5a399 1px,transparent 1px);background-size:5px 5px;border:1px dashed #9a988e}.artifact-key small{font-size:10px;color:#88959d}.chapter .process-artifact{--artifact-ink:#595b54;--artifact-line:#ccc9bc;background:#faf8f1;border:1px solid #d9d5c8;border-radius:3px;box-shadow:3px 4px 0 #b4b19d0c;padding:24px;position:relative}.chapter .process-artifact>h3.reason-label{font:500 15px/1.4 "Segoe UI",Arial,sans-serif;color:#5c6056;padding-bottom:13px;border-bottom:1px dashed #cdc9ba;letter-spacing:0;margin-bottom:23px}.chapter .process-artifact .reason-label>span{background:#eeebdf;color:#858477;border-color:#dedbcc;border-radius:2px;font-size:9px}.chapter#research .reason-pair>.process-artifact{background:#faf8f1;border:1px solid #d9d5c8;border-top:0;border-radius:2px;box-shadow:3px 4px 0 #b4b19d0c}.chapter#research #journey.process-artifact{background:#f7f5ec;border:1px solid #d9d5c8;padding:21px;border-radius:2px;margin-top:22px}.process-artifact .quiet-persona .analyst-scene{filter:grayscale(.95);background:#f0eee5;border-radius:2px;border:1px solid #dedacc}.process-artifact .quiet-persona dt{color:#959383;font-size:9px;letter-spacing:1px}.process-artifact .quiet-persona dd{color:#65685c}.chapter#research .process-artifact .quiet-empathy{background:none;gap:15px}.chapter#research .process-artifact .quiet-empathy>div{background:#f2e9bd;border:0;border-radius:0;padding:20px 17px;box-shadow:2px 4px 0 #aaa58015;transform:rotate(-1deg);position:relative}.chapter#research .process-artifact .quiet-empathy>div:before{content:'';position:absolute;top:-5px;left:35%;width:30%;height:10px;background:#e1dfc9a8}.chapter#research .process-artifact .quiet-empathy>div:nth-child(2),.chapter#research .process-artifact .quiet-empathy>div:nth-child(3){background:#ece8d3;transform:rotate(1deg)}.process-artifact .quiet-empathy b{color:#9b926e;font-size:9px;letter-spacing:1px}.process-artifact .quiet-empathy p{color:#64634e;font-size:14px}.process-artifact .compact-journey li{border-color:#b8b5a5}.process-artifact .compact-journey li:before{background:#aaa68d;border-color:#faf8f1}.process-artifact .compact-journey b{color:#666857}.process-artifact .compact-journey span{color:#95927f}.chapter#structure #sitemap.process-artifact{background:#faf8f1;border:1px solid #d9d5c8;padding:24px;box-shadow:none;border-radius:3px}.chapter#structure .process-artifact .sitemap-board{background-color:#f7f5ed;background-image:radial-gradient(#c9c5b6 1px,transparent 1px);background-size:14px 14px;border:0;border-radius:0;padding:20px}.chapter#structure .process-artifact .tree-home{background:#ebe8da;color:#686857;border:1px solid #aaa997;border-radius:2px;box-shadow:none;font-family:Consolas,monospace;font-size:13px}.process-artifact .tree-home:after,.process-artifact .page-tree,.process-artifact .page-tree>li>b:before,.process-artifact .page-tree ul{border-color:#b5b19d}.chapter#structure .process-artifact .page-tree>li>b{background:#fffef8;border:1px solid #b8b5a4;color:#626652;border-radius:1px;font:12px Consolas,monospace}.chapter#structure .process-artifact .page-tree ul li{background:#faf8ef;color:#858471;font-size:11px}.process-artifact .page-tree ul li:before{border-color:#b9b5a3}.chapter#search .compact-design-row{background:#f4f1e8;border-color:#d6d0be;border-radius:3px}.chapter#search #task-flow.process-artifact,.chapter#search #wireframe.process-artifact{background:#faf8f1;border:0;border-radius:0;box-shadow:none}.chapter#search #task-flow.process-artifact{border-right:1px dashed #d0cab6}.chapter#search .process-artifact .compact-task li{background:#fffdf5;border:1px solid #b7b49f;border-radius:1px;box-shadow:none;color:#6b6b56;font-family:Consolas,monospace;font-size:12px}.process-artifact .compact-task li:before,.process-artifact .compact-task li:after{color:#aaa48a}.process-artifact .skeleton-screen{border:1px solid #9e9e90;background:#fffef9;border-radius:0;box-shadow:none;font-family:Consolas,monospace}.process-artifact .skeleton-screen .screen-chrome{background:#eeece1;border-bottom:1px solid #bdbbac;color:#999583}.process-artifact .skeleton-screen .window-dots{display:none}.process-artifact .skeleton-screen .screen-heading{font-family:Consolas,monospace;color:#707264;font-size:18px}.process-artifact .skeleton-screen .screen-criteria{background:none;border:1px dashed #bab7a4;color:#999581;border-radius:0}.process-artifact .skeleton-screen .screen-gene-head,.process-artifact .skeleton-screen .screen-export-line{color:#98947f}.process-artifact .skeleton-screen .screen-gene-row{border-color:#dbd7c6}.process-artifact .skeleton-screen .skeleton-line{background:#d9d6c8;border-radius:0}.process-artifact .skeleton-screen .screen-checkbox{border-color:#aaa893;border-radius:0;background:none}.process-artifact .skeleton-screen .screen-export{border-color:#bab7a3;background:#f5f2e8;color:#9d967d;border-radius:0}.process-artifact .design-pin{border:1px solid #c6c0aa;background:#faf7ec;color:#9f9679;border-radius:2px}.process-artifact .screen-study figcaption{color:#96917a;font-family:Consolas,monospace;font-size:10px}.chapter#results #user-flow.process-artifact{background-color:#faf8f1;background-image:radial-gradient(#d5d0bf 1px,transparent 1px);background-size:15px 15px;border:1px solid #d8d2bf;padding:24px;border-radius:3px}.process-artifact .compact-flow-origin{background:#eeead9;border:1px solid #b8b197;color:#7a735a;font-family:Consolas,monospace;border-radius:22px}.process-artifact .compact-flow-origin:after,.process-artifact .compact-flow-branches,.process-artifact .compact-flow-branches>div:before{border-color:#c1bba4}.chapter#results .process-artifact .compact-flow-branches>div{background:#fffdf6;border:1px solid #c2bba3;border-radius:2px}.process-artifact .flow-diamond{background:#f2ecd3!important;border-color:#beb395!important;color:#998b65}.process-artifact .compact-flow-branches b{font-family:Consolas,monospace;color:#77725f;font-size:12px}.process-artifact .compact-flow-branches p{color:#969079;font-size:11px}.chapter#workspace #blueprint.process-artifact{background:#faf8f1;border-color:#d8d1bf;border-radius:3px}.process-artifact .service-user{background:#f0eddf;border:1px solid #bdb69f;border-radius:2px;box-shadow:none}.process-artifact .board-glyph{color:#948c70}.process-artifact .service-node{width:100%;height:100px;display:grid;place-items:center;position:relative;border:1px solid #b8b097;background:#fffdf5;box-shadow:3px 3px 0 #ddd7c4;color:#898064;font:14px Consolas,monospace}.process-artifact .service-node:before{content:'';position:absolute;left:7px;top:0;height:100%;border-left:1px solid #d1c8b0}.process-artifact .service-captions,.process-artifact .service-backstage,.process-artifact .visual-footnote{color:#92886e!important}.process-artifact .lane-connector{border-color:#b9af95;color:#a99d7f}.process-artifact .service-track{grid-template-rows:65px 25px 110px 25px 80px}.process-artifact .service-captions{grid-template-rows:90px 130px 85px}.chapter#validate #design-system.process-artifact{background:#faf8f1;border:1px solid #d8d2bf;padding:22px;border-radius:3px}.process-artifact .quiet-system>div{background:#f0ede1;border:0;border-radius:1px}.process-artifact .spec-label{font-family:Consolas,monospace;color:#9a927b}.process-artifact .quiet-type strong{color:#737663}.process-artifact .quiet-type>span:last-child,.process-artifact .quiet-spacing>span:last-child,.process-artifact .quiet-colors>div{color:#938e78}.process-artifact .quiet-spacing i{background:#bfb79e}.process-artifact .quiet-colors i{border-radius:1px;box-shadow:none}.chapter#validate #testing.process-artifact{background:#faf8f1;border:1px solid #d8d2bf;padding:22px;border-radius:3px}.chapter#validate .process-artifact .visual-test-targets>div{background:#fffdf7;border:1px dashed #c5bca2;border-radius:1px;box-shadow:none}.chapter#validate .process-artifact .visual-test-targets .board-glyph{background:none;border:0;border-radius:0;box-shadow:none;color:#9a8e6c}.process-artifact .visual-test-targets b{font-family:Consolas,monospace;font-size:13px;color:#7b745f}.process-artifact .visual-test-targets span{color:#99917a;font-size:11px}.chapter#validate .process-artifact .study-strip{background:#efeada;border-radius:1px}.process-artifact .study-strip b{color:#8e805d}.process-artifact .study-strip span{color:#998e74}
/* Real UI evidence remains clean, blue, and photographic. */
.chapter#results #ia{background:white;border-color:#b9d4e7;border-left-color:#6695b5}.annotation-label{font-size:9px;background:#eaf4fb;color:#6c93ae;border:1px solid #d3e6f3;border-radius:4px;padding:5px 8px}.architecture-image .zone{border-style:dashed;border-color:#b7a377;background:none}.architecture-image .zone b{background:#ac9870;color:white;border-radius:2px}.architecture-screen figcaption b{background:#f0e9d8;color:#998365;border-color:#ded2b7}.chapter#validate #prototype .screen-studies{background:#e8f2f9;border:1px solid #b8d6ea;border-radius:10px}.chapter#validate #prototype .resolved-screen{background:white;box-shadow:0 7px 18px #426d8610;border-color:#b4d1e5}.chapter#validate #prototype .reason-label>span{background:#e8f3fb;color:#6b94b2;border:1px solid #cbe1f1}
@media(max-width:760px){.artifact-key{gap:16px;padding-bottom:22px}.artifact-key>span{font-size:11px}.artifact-key small{width:100%;font-size:10px}.chapter .process-artifact,.chapter#research .reason-pair>.process-artifact,.chapter#structure #sitemap.process-artifact,.chapter#results #user-flow.process-artifact,.chapter#workspace #blueprint.process-artifact,.chapter#validate #design-system.process-artifact,.chapter#validate #testing.process-artifact{padding:19px}.chapter .process-artifact>h3.reason-label{font-size:14px;margin-bottom:19px;padding-bottom:12px}.chapter#research .process-artifact .quiet-empathy{gap:12px}.chapter#research .process-artifact .quiet-empathy>div{padding:17px 12px}.process-artifact .quiet-empathy p{font-size:12px}.chapter#research #journey.process-artifact{padding:19px}.process-artifact .compact-journey li{border-color:#c5bea5}.chapter#structure .process-artifact .sitemap-board{padding:15px 9px}.chapter#search #task-flow.process-artifact{border-right:0;border-bottom:1px dashed #d0cab6}.process-artifact .service-track{grid-template-rows:115px}.process-artifact .service-captions{grid-template-rows:auto}.process-artifact .service-node{height:82px;font-size:12px}.process-artifact .service-node:before{left:5px}.process-artifact .service-backstage{font-size:9px}.process-artifact .compact-flow-branches b{font-size:12px}.annotation-label{font-size:8px}.architecture-image .zone b{font-size:9px}.chapter#validate .process-artifact .visual-test-targets>div{padding:17px 10px}}