.project-role{font-size:13px;color:#566885;border-left:3px solid #a3bce9;padding-left:12px;margin:18px 0}.project-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;counter-reset:step;list-style:none;padding:0;margin:22px 0}.project-flow li{background:#edf3fd;padding:12px;border-radius:4px;font-size:13px;counter-increment:step}.project-flow li:before{content:'0' counter(step);display:block;color:#3164c7;font-size:12px;font-weight:700;margin-bottom:5px}.decision-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px;margin:20px 0}.decision-table th,.decision-table td{padding:13px 15px;vertical-align:top;text-align:left;border:1px solid var(--line);overflow-wrap:anywhere}.decision-table thead{background:#f2f6fd}.decision-table th:first-child{width:20%}.case-section-title{font-size:17px;margin:26px 0 10px}.project-reflection{background:#f5f8fd;padding:20px 23px;border-radius:4px;margin:24px 0}.project-reflection h4{margin:0 0 8px;font-size:15px}.project-reflection p{font-size:14px;color:#58657a;margin:0}.project-reflection p+p{margin-top:14px}.project-evidence{font-size:12px;color:#68758a;border-top:1px solid var(--line);padding-top:15px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.screen-grid figure{margin:0;min-width:0}.screen-grid figure:last-child{grid-column:1/-1}.screen-grid img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px;background:white}.screen-grid figcaption{font-size:13px;color:#66758e;margin-top:10px;line-height:1.8}.screen-grid figcaption b{display:block;color:var(--navy);font-size:15px;margin-bottom:5px}.screen-disclaimer{font-size:13px;color:#63738a}.code-comparison.single{grid-template-columns:1fr}.code-comparison.single pre{font-size:14px}.case-details .case-grid{padding-bottom:0}.portfolio-intro{font-size:15px;color:#566885;border-left:3px solid var(--blue);padding-left:16px;margin:0 0 28px}.review-notes{font-size:14px;color:#566885}.table-wrap{overflow:auto}.screen-link{display:block}.screen-link:focus-visible{outline:3px solid var(--blue)}@media(max-width:650px){.project-flow{grid-template-columns:1fr 1fr}.decision-table{font-size:12px}.decision-table th,.decision-table td{padding:10px 8px}.decision-table th:first-child{width:23%}.screen-grid{grid-template-columns:1fr}.screen-grid figure:last-child{grid-column:auto}.project-reflection{padding:17px}.code-comparison.single pre{font-size:12px}.case-section-title{font-size:16px}}
.related-work{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.related-work h4{font-size:16px;margin:0 0 10px}.related-work p{font-size:14px;color:#566885;line-height:1.9}