header nav{gap:14px;flex-wrap:wrap}header{flex-wrap:wrap;gap:16px}.editorial-page{background:#f6f8fa}.editorial-page .section{max-width:1200px;margin:auto}.editorial-page h1{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.12;letter-spacing:-1px;max-width:950px}.editorial-page p,.editorial-page li{font-size:17px;line-height:1.8}.editorial-page h2{font-size:28px;line-height:1.3;margin-top:35px}.editorial-page a{color:#244963;text-underline-offset:4px}.note-article{max-width:900px!important}.note-tags{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.note-tags span{padding:10px 14px;border:1px solid #bbcad4;background:#fff;font-size:14px}.scope-box{padding:24px;border-left:4px solid #73914c;background:#eef3e8;margin:24px 0}.career-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;background:#142633;color:#fff;padding-top:35px!important;padding-bottom:35px!important}.career-proof strong{font-size:20px;color:#c1df91}.career-proof p{font-size:16px;line-height:1.6}.project-body h2{font-size:24px!important;line-height:1.3}.project-read{display:inline-block;color:#244963;font-weight:600;margin-top:20px;text-underline-offset:5px}.practice-links{display:flex;gap:20px;flex-wrap:wrap;border:1px solid #bbcbd5;padding:24px;margin:25px 0 35px}.practice-links a{color:#244963}.practice-links span{font-size:14px;color:#526b7a;flex-basis:100%}.performance-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#142633;color:#fff;padding:24px;border-radius:4px;margin:25px 0}.performance-overview img{margin:0!important;border:0!important}.performance-overview p{color:#e2edf4!important}.performance-overview strong{color:#c1df91;font-size:23px}.note-article .byline{color:#506575;font-size:14px}.prose img{height:auto;max-width:100%}.editorial-page .learning-grid h2{font-size:23px;margin-top:0}
@media(max-width:800px){.career-proof,.performance-overview{grid-template-columns:1fr}.career-proof{gap:20px}header nav{display:flex!important}header nav a,header nav summary{font-size:14px}.editorial-page h1{font-size:2.3rem}.practice-links{flex-direction:column}}

/* Completed case studies: readable engineering narrative and responsive figures. */
.case-complete{max-width:1100px!important}.case-complete .lead{max-width:850px}.case-result{display:flex;align-items:center;gap:22px;background:#142633;color:#fff;padding:24px 28px;margin:30px 0}.case-result strong{font-size:32px;color:#c1df91}.case-result span{font-size:17px}.case-toc{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #c7d2db;border-bottom:1px solid #c7d2db;padding:22px 0;margin:32px 0}.case-toc a{font-size:15px;line-height:1.5}.case-section{padding:30px 0;scroll-margin-top:140px;border-bottom:1px solid #d8e0e5}.case-kicker{color:#557344;font-size:12px;letter-spacing:2px;font-weight:700}.case-section h2{margin-top:14px}.case-equation{background:#e8eff4;border-left:4px solid #397699;padding:22px 26px;margin:24px 0;font:16px/2 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.case-table-wrap{overflow-x:auto;margin:25px 0}.case-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}.case-table th,.case-table td{padding:15px 18px;border:1px solid #c7d2db;text-align:left;vertical-align:top}.case-table thead{background:#142633;color:#fff}.case-table tbody th{width:27%;background:#edf2f5}.case-figure{margin:32px 0}.case-figure img{width:100%;height:auto;display:block;border-radius:3px}.case-figure figcaption{font-size:14px;line-height:1.6;color:#546b7a;margin-top:12px}.case-complete .scope-box p{font-size:15px;margin-bottom:0}.case-complete li{margin-bottom:12px}@media(max-width:650px){.case-toc{grid-template-columns:1fr}.case-result{align-items:flex-start;flex-direction:column;gap:6px}.case-equation{font-size:14px;padding:16px}.case-table th,.case-table td{padding:10px}.case-table tbody th{width:32%}}