/* The case study uses the same type and red as the publication, with room for comparisons. */
.case-workshop-page{background:#fff;color:#20201e}.case-workshop-page #content{max-width:1240px;margin:auto}.case-workshop-page .page-heading{background:#fff;border:0;padding:58px 6% 24px}.case-workshop-page .page-heading h1{font-size:clamp(36px,5.3vw,66px);line-height:1.18;letter-spacing:-.06em;max-width:960px}.case-workshop-page .page-description{max-width:680px;font-size:18px;line-height:1.8;color:#62625c}.case-workshop-page .reader-layout{display:block;max-width:none;padding:0 6% 70px}.case-workshop-page .reader-aside{display:none}.case-workshop-page .reader-body{font-size:17px;line-height:1.9}.case-workshop-page .reader-body p{margin:0 0 18px}.case-workshop-page .reader-body h2{font-size:clamp(27px,3.2vw,39px);line-height:1.32;letter-spacing:-.045em;margin:0}.case-workshop-page .reader-body h3{font-size:22px;line-height:1.45;letter-spacing:-.025em;margin:30px 0 15px}.case-workshop-page .reader-body a:focus-visible,.case-workshop-page button:focus-visible,.case-workshop-page input:focus-visible,.case-workshop-page textarea:focus-visible{outline:3px solid #c92b24;outline-offset:4px}.case-opening{max-width:690px;margin:10px 0 42px}.case-workshop-page .case-start{display:inline-flex;gap:30px;align-items:center;font-weight:700;text-decoration:none!important;border-bottom:2px solid #c92b24;padding:10px 0;color:#20201e}.case-start span{color:#c92b24}.case-jumps{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #dededb;border-bottom:1px solid #dededb;padding:20px 0;margin-bottom:72px}.case-workshop-page .case-jumps a{font-size:13px;color:#62625c;text-decoration:none!important}.case-jumps a:hover{color:#c92b24!important}.case-workshop-page .reader-body>.case-chapter{margin-bottom:84px;scroll-margin-top:25px}.case-chapter-heading{margin-bottom:30px}.case-workshop-page .case-number{color:#c92b24;font-size:13px;font-weight:700;margin-bottom:14px}.case-story{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:65px;align-items:start}.case-margin{border-left:2px solid #c92b24;padding:0 0 0 24px;font-size:14px;color:#62625c}.case-workshop-page .case-margin>p{margin:0;color:#20201e;font-weight:700}.case-margin ul{padding-left:18px!important;margin:10px 0 20px}.case-margin li{margin:4px 0!important}.case-margin strong{display:block;color:#20201e;line-height:1.7}.case-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#20201e;color:#fff;margin:32px 0 38px}.case-route>div{padding:26px 30px;position:relative}.case-route>div+div{border-left:1px solid #50504a}.case-route span{display:block;font-size:12px;color:#cfcbc7;margin-bottom:14px}.case-route strong{font-size:clamp(19px,2.1vw,25px);line-height:1.5;display:block}.case-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case-reasons>div{border-top:2px solid #c92b24;padding-top:18px}.case-reasons strong{display:block;font-size:18px;line-height:1.5;margin-bottom:12px}.case-workshop-page .case-reasons p{font-size:15px;line-height:1.85}.case-workshop-page .case-takeaway{max-width:780px;font-size:19px;margin:30px 0 16px}.case-workshop-page .case-boundary{font-size:12px;line-height:1.8;color:#62625c;margin:20px 0 0}.case-letter{background:#f4f4f2;padding:28px;font-size:15px}.case-workshop-page .case-letter>p{font-weight:700;margin-bottom:14px}.case-letter ol{margin:0;padding-left:22px!important}.case-letter li{margin:14px 0!important}.case-letter li:last-child{margin-bottom:0!important}.case-workshop-page #purchase>p{max-width:760px}.case-buying{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:30px 0}.case-buying>div{border-top:2px solid #20201e;padding-top:22px}.case-buying span{font-size:13px;color:#62625c}.case-workshop-page .case-buying h3{margin:12px 0 18px}.case-buying strong{font-size:15px}.case-work{padding-top:46px;border-top:3px solid #c92b24}.case-work>p{max-width:730px}.case-workspace{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:32px;align-items:start}.case-workshop-page button,.case-workshop-page input,.case-workshop-page textarea{font:inherit}.case-workshop-page button{cursor:pointer}.case-workshop-page button:disabled{opacity:.5;cursor:not-allowed}.case-example-control{margin-bottom:28px}.case-example-control button{border:1px solid #dededb;background:#fff;font-size:13px;padding:10px 14px;color:#20201e;text-align:left}.case-workshop-page .case-example-control p{font-size:12px;color:#62625c;line-height:1.7;margin:8px 0 0}.case-field{margin-bottom:24px}.case-field label,.case-output label{font-weight:700;display:block;font-size:16px;margin-bottom:7px}.case-workshop-page .case-field p{font-size:13px;color:#62625c;margin:0 0 10px;line-height:1.7}.case-field input,.case-field textarea,.case-output textarea{box-sizing:border-box;display:block;width:100%;min-width:0;background:#fff;border:1px solid #adada5;padding:13px 14px;border-radius:0;color:#20201e;font-size:16px;line-height:1.65;resize:vertical}.case-field input::placeholder,.case-field textarea::placeholder{color:#74746d;font-size:14px}.case-workshop-page .case-primary{background:#c92b24;color:#fff;border:0;padding:15px 20px;font-weight:700;font-size:15px;width:100%}.case-workshop-page .case-save-note{font-size:12px;line-height:1.75;color:#62625c;margin:12px 0 0}.case-output{background:#f4f4f2;padding:30px;min-width:0;position:sticky;top:24px}.case-workshop-page .case-output h3{margin:12px 0 22px;font-size:24px}.case-output [data-case-empty]>span,.case-workshop-page .case-output-label{font-size:13px;color:#c92b24;font-weight:700}.case-output [data-case-empty] p{font-size:15px}.case-output textarea{margin-bottom:22px;font-size:15px}.case-workshop-page .case-writing-tip{font-size:14px;line-height:1.8}.case-output-actions{display:flex;flex-wrap:wrap;gap:10px}.case-output-actions button{border:1px solid #20201e;background:#fff;padding:10px 12px;font-size:13px;color:#20201e}.case-workshop-page .case-output [data-case-status]{font-size:13px;margin:14px 0 0;color:#a12620}.case-feedback{border-top:1px solid #dededb;margin-top:26px;padding-top:6px}.case-workshop-page .case-feedback h3{font-size:17px;line-height:1.6;margin:18px 0 10px}.case-workshop-page .case-feedback p{font-size:13px}.case-feedback a{font-size:14px;font-weight:700;color:#20201e;display:block;margin:12px 0}.case-feedback [hidden],.case-output [hidden]{display:none!important}.case-workshop-page .case-clear{background:none;border:0;border-bottom:1px solid #888;padding:5px 0;color:#62625c;font-size:12px;margin-top:24px}.case-endnote{border-top:1px solid #dededb;padding:28px 0 0}.case-workshop-page .case-endnote p{font-size:14px;margin-bottom:8px}.case-endnote a{font-size:14px}@media(max-width:850px){.case-story{gap:30px}.case-route>div{padding:23px 20px}.case-reasons{gap:22px}.case-workspace{gap:24px}.case-output{padding:22px}}@media(max-width:640px){.case-workshop-page .page-heading{padding:32px 6% 16px}.case-workshop-page .page-heading h1{font-size:36px;line-height:1.26}.case-workshop-page .page-description{font-size:15px;line-height:1.85;margin-top:22px}.case-workshop-page .reader-body{font-size:16px;line-height:1.85}.case-opening{margin:6px 0 28px}.case-jumps{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:20px 0;margin-bottom:48px}.case-story,.case-reasons,.case-buying,.case-workspace{grid-template-columns:1fr;gap:24px}.case-chapter-heading{margin-bottom:24px}.case-workshop-page .reader-body>.case-chapter{margin-bottom:55px}.case-route{grid-template-columns:1fr;margin:26px 0}.case-route>div{display:grid;grid-template-columns:108px 1fr;align-items:start;gap:12px;padding:20px}.case-route>div+div{border-left:0;border-top:1px solid #50504a}.case-route span{margin:3px 0 0;line-height:1.6}.case-route strong{font-size:20px}.case-route br{display:none}.case-reasons>div{padding-top:16px}.case-workshop-page .case-reasons p{margin-bottom:0}.case-workshop-page .case-takeaway{font-size:17px}.case-buying{gap:30px}.case-work{padding-top:34px}.case-workspace{gap:28px}.case-output{position:static;padding:22px;scroll-margin-top:24px}.case-output h3{font-size:22px!important}.case-workshop-page .case-start{font-size:14px;gap:16px}.case-margin{font-size:14px}.case-workshop-page .case-output [data-case-result] label{font-size:15px}}@media(max-width:360px){.case-workshop-page .page-heading h1{font-size:32px}.case-route>div{grid-template-columns:86px 1fr;padding:18px}.case-output{padding:18px}}
.case-workshop-page>.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}