.tum-case .case-head{max-width:920px;margin-top:54px}.project-mark{display:flex;align-items:center;gap:14px;margin-bottom:30px}.project-mark>img{width:56px;height:56px;border-radius:12px}.project-mark .case-kicker{margin:0 0 5px}.review-label{font-size:10px;color:var(--quiet);margin:0}.case-intro{max-width:760px;margin-top:28px}.case-intro p{font-size:18px;line-height:1.8;color:var(--secondary);margin:0 0 18px}.case-chapters{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:42px 0 0}.case-chapters a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;font-size:12px}.case-chapters a:hover{text-decoration:underline}.case-chapter{scroll-margin-top:30px;padding-bottom:15px}.tum-case .case-section{margin:62px 0 34px}.tum-case .case-section p{font-size:17px;line-height:1.8}.tum-case .case-figure{margin:28px 0 30px}.screen-link{display:block;border-radius:10px;border:1px solid var(--line);overflow:hidden;background:white;text-decoration:none}.screen-link img{display:block;width:100%;height:auto;border-radius:0}.screen-link:focus-visible{outline-offset:5px}.newsletter-sample .screen-link{padding:26px 0}.tum-case .case-figure figcaption{max-width:800px;font-size:11px;line-height:1.8}.screen-detail{margin:24px 0;font-size:13px}.screen-detail summary{font-size:12px;font-weight:600;cursor:pointer;min-height:44px;line-height:1.7;padding:12px 0;list-style-position:inside}.screen-detail summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.screen-detail .case-figure{margin-top:14px}.project-link{font-size:13px;margin:22px 0 42px}.project-link a{display:inline-flex;align-items:center;gap:9px;min-height:44px}.guide-count{display:flex;align-items:baseline;gap:12px 20px;flex-wrap:wrap;margin:0 0 24px;font-size:14px}.guide-count b{font-weight:650}.guide-count span{font-size:11px;color:var(--secondary)}.guide-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-flow figure{margin:0}.guide-flow img{width:100%;height:auto;display:block}.guide-flow figcaption{font-size:12px;font-weight:600;line-height:1.7;margin:12px 0 0}.flow-caption{font-size:11px;line-height:1.8;color:var(--secondary);margin:16px 0 0;max-width:720px}.closing-chapter{border-top:1px solid var(--line);margin-top:15px}.tum-case .case-footer{margin-top:45px}.tum-case .case-footer-actions{gap:10px}.tum-case .case-footer .pill-link{padding:14px 17px;font-size:12px}
@media(max-width:700px){.guide-flow{gap:13px}.case-chapters{gap:6px 20px}.case-intro p{font-size:16px}.tum-case .case-section{column-gap:30px}}
@media(max-width:600px){.tum-case .case-head{margin:34px 0}.project-mark{margin-bottom:24px}.project-mark>img{width:48px;height:48px;border-radius:10px}.tum-case .case-head h1{font-size:43px;letter-spacing:-2px}.tum-case .case-lede{font-size:23px}.case-intro{margin-top:23px}.case-intro p{font-size:15px;line-height:1.85}.tum-case .case-meta{gap:18px 20px}.tum-case .case-meta>div{min-width:0}.tum-case .case-meta dd{font-size:11px}.tum-case .case-meta>div:last-child{max-width:210px}.tum-case .case-actions{gap:10px}.tum-case .pill-link{font-size:12px;padding:15px 17px}.case-chapters{margin-top:26px;gap:0;justify-content:space-between;padding:7px 0}.case-chapters a{font-size:10px;min-height:44px}.tum-case .case-section{margin:44px 0 26px;display:block}.tum-case .case-section h2{font-size:27px;max-width:340px}.tum-case .case-section p{font-size:15px;line-height:1.85}.tum-case .case-figure{margin:24px 0}.tum-case .case-figure figcaption{margin:11px 0 0;font-size:10px}.newsletter-sample .screen-link{padding:14px 0}.guide-flow{display:block}.guide-flow figure{margin:0 0 24px}.guide-flow figcaption{font-size:12px;margin-top:10px}.guide-count{display:block;font-size:13px}.guide-count span{display:block;font-size:10px;margin-top:6px}.flow-caption{font-size:10px}.project-link{margin-bottom:28px}.case-chapter{scroll-margin-top:22px}.tum-case .case-footer-actions{gap:9px}.tum-case .case-footer .pill-link{padding:14px 15px;font-size:11px}}