.case-study{padding-top:40px;padding-bottom:95px}.case-back{display:inline-block;color:#2b7d40!important;font-size:13px;padding:6px 9px;margin-left:-9px;border-radius:7px}.case-back:hover{background:#e3ecd6}.case-badges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.case-header h1{font:600 44px/1.2 'Source Code Pro',monospace;letter-spacing:-1px;margin:0 0 20px;overflow-wrap:anywhere}.case-summary{font:20px/1.65 'Source Serif 4',serif;max-width:780px;margin:0 0 26px;color:#3e4d3b!important}.case-metadata{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:24px;border-block:1px solid #d9dfbf;padding:18px 0;margin:0}.case-metadata dt{font:10px 'Source Code Pro';letter-spacing:1px;color:#707967;margin-bottom:7px}.case-metadata dd{margin:0;font-size:13px;line-height:1.6}.case-metadata a{color:#2b7d40;display:inline-block;padding:3px 5px;margin-left:-5px;margin-right:10px;border-radius:5px}.case-metadata a:hover{background:#e3ecd6}.case-cover{height:400px;overflow:hidden;border-radius:15px;background:#f1f4ce;margin:32px 0 48px}.case-cover img{display:block;width:100%;height:100%;object-fit:cover}.case-cover-placeholder{height:100%;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#8a9667;font:12px 'Source Code Pro';padding:30px;text-align:center}.case-cover-placeholder>span:first-child{font-size:45px}.case-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:40px;align-items:start}.case-toc,.case-aside{position:sticky;top:24px}.case-toc .eyebrow{display:block;margin-bottom:13px}.case-toc a{display:block;border-left:2px solid #e0e5cd;padding:6px 10px;color:#707967;font-size:13px;border-radius:0 5px 5px 0;line-height:1.5;overflow-wrap:anywhere}.case-toc a:hover,.case-toc a[aria-current]{border-color:#2b7d40;background:#edf2df;color:#245f33}.case-content{min-width:0;scroll-margin-top:25px}.case-content h1,.case-content h2,.case-content h3,.case-content h4{font-family:'Source Code Pro';font-weight:600;line-height:1.4;margin:30px 0 15px;scroll-margin-top:25px;overflow-wrap:anywhere}.case-content h1,.case-content h2{font-size:24px}.case-content h3{font-size:20px}.case-content #case-body>:first-child{margin-top:0}.case-content p,.case-content li{font:17px/1.85 'Source Serif 4',serif;color:#40503d}.case-content p{margin:0 0 20px}.case-content ul,.case-content ol{padding-left:24px;margin-bottom:20px}.case-content a{color:#2b7d40;background:#edf2df;border-radius:3px;padding:0 3px}.case-content a:hover{background:#dbe8c5}.case-content blockquote{border-left:3px solid #c5dc5b;margin:25px 0;padding:3px 0 3px 20px;font-style:italic}.case-content img{max-width:100%;height:auto;border-radius:9px}.case-content pre{padding:18px;border-radius:9px;background:#edf1e3;overflow:auto;font:13px/1.7 'Source Code Pro'}.case-content code{font-family:'Source Code Pro';font-size:.85em}.case-content table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font-size:14px;margin-bottom:20px}.case-content th,.case-content td{padding:10px;border:1px solid #d9dfbf}.case-panel{background:#fff;border:1px solid #d5ddbf;padding:17px;border-radius:10px;margin-bottom:14px}.case-panel h2{font:10px 'Source Code Pro';letter-spacing:1px;margin:0 0 13px;color:#707967}.case-panel p{font-size:13px;margin:0}.case-panel .works-tech{margin:0}.case-panel .works-tech a{font:10px 'Source Code Pro';background:#eff2e3;color:#5b654d;padding:4px 7px;border-radius:3px}.case-panel .works-tech a:hover{background:#dbe8c5;color:#245f33}.case-document{display:block;font-size:12px;line-height:1.6;padding:7px;border-radius:5px;overflow-wrap:anywhere}.case-document:hover{background:#edf2df}.case-help{background:#fff7eb;border-color:#edcc9c}.case-help h2{display:flex;align-items:center;gap:8px;color:#423d30;font-size:11px;letter-spacing:0}.case-help h2 img{width:24px;height:30px;object-fit:contain}.case-help .outline{display:block;width:100%;white-space:normal;text-align:left;border-color:#edcc9c;font-weight:400;font-size:12px;padding:8px 10px;margin-top:8px}.case-help .outline:hover{background:#2b4431;border-color:#2b4431;color:#fff}.case-related{margin-top:65px}.case-related>h2{font:600 22px 'Source Code Pro';margin:0 0 20px}.case-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-related a{display:block;position:relative;padding:20px 35px 20px 20px;border:1px solid #d5ddbf;background:#fff;border-radius:10px;transition:transform .2s ease,background-color .2s ease}.case-related a:hover{background:#edf2df;transform:translateY(-3px)}.case-related .eyebrow{font-size:9px;color:#52734f}.case-related h3{font:17px 'Source Serif 4';margin:10px 0 0}.case-related-arrow{position:absolute;right:15px;top:20px;color:#52734f}
@media(max-width:1100px){.case-layout{grid-template-columns:135px minmax(0,1fr) 220px;gap:24px}}@media(max-width:900px){.case-layout{grid-template-columns:minmax(0,1fr) 230px}.case-toc{position:static;grid-column:1/-1}.case-toc>div{display:flex;flex-wrap:wrap;gap:8px}.case-toc a{border:1px solid #d9dfbf;border-radius:6px}.case-cover{height:320px}.case-metadata{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.case-study{padding-top:25px;padding-bottom:55px}.case-header h1{font-size:32px}.case-summary{font-size:18px}.case-cover{height:240px;margin:25px 0 30px}.case-layout{grid-template-columns:1fr;gap:28px}.case-aside{position:static;display:grid;gap:12px;grid-template-columns:1fr}.case-panel{margin:0}.case-related>div{grid-template-columns:1fr}.case-content p,.case-content li{font-size:16px}.case-related{margin-top:40px}.case-metadata{gap:18px}}
@media(prefers-reduced-motion:reduce){.case-related a{transition:none}.case-related a:hover{transform:none}}