.off-court-site{font-family:"IBM Plex Sans",Arial,sans-serif}
.off-court{max-width:1160px;padding-top:clamp(56px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.off-court__hero{max-width:960px;padding-bottom:clamp(40px,5vw,64px)}
.off-court__hero h1{margin:0 0 24px;font:500 clamp(48px,6.5vw,80px)/1.02 "EB Garamond",Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.off-court__hero>p{max-width:34ch;margin:0;color:#e2c396;font:400 clamp(25px,3vw,34px)/1.28 "EB Garamond",Georgia,serif;text-wrap:pretty}
.off-court__hub{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(48px,7vw,100px);border-top:1px solid rgba(247,242,230,.3);padding-top:48px}
.off-court__welcome p{max-width:36ch;font:400 23px/1.5 "EB Garamond",Georgia,serif;margin:0 0 24px;color:#dfd8ca}
.off-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;border-bottom:1px solid #e2c396;text-decoration:none;font:500 15px/1.4 "IBM Plex Sans",Arial,sans-serif}
.off-action:hover{text-decoration:underline}.off-action span{color:#e2c396}
.off-guide-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:24px;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid rgba(247,242,230,.2)}
.off-guide-link:last-child{margin:0}.off-guide-link__number{color:#e2c396;font:400 17px/1.5 "EB Garamond",Georgia,serif;padding-top:8px}
.off-guide-link h2{font:500 32px/1.15 "EB Garamond",Georgia,serif;margin:0 0 12px}
.off-guide-link h2 a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;text-decoration:none}.off-guide-link h2 a:hover{text-decoration:underline}
.off-guide-link h2 a span{font:400 21px/1 Arial,sans-serif;color:#e2c396}.off-guide-link p{max-width:48ch;color:#d9d1c5;margin:0;font:400 17px/1.55 "IBM Plex Sans",Arial,sans-serif}
.off-court__stories{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:80px;padding:40px 0 0;border-top:1px solid rgba(247,242,230,.3)}
.off-court__stories h2{font:500 32px/1.15 "EB Garamond",Georgia,serif;margin:0 0 12px}.off-court__stories p{max-width:48ch;color:#d9d1c5;font-size:16px;margin:0}
.off-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin:0 0 32px}
.off-guide__layout{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:clamp(48px,7vw,96px);border-top:1px solid rgba(247,242,230,.3);padding-top:48px}
.off-contents{align-self:start;position:sticky;top:32px;font:400 14px/1.45 "IBM Plex Sans",Arial,sans-serif}.off-contents p{color:#e2c396;margin:0 0 16px}.off-contents a{display:block;min-height:44px;padding:10px 0;text-decoration:underline;text-decoration-color:rgba(247,242,230,.4)}
.off-guide__prose{min-width:0;max-width:66ch;font:400 21px/1.6 "EB Garamond",Georgia,serif;color:#e6dfd2}.off-guide__prose p{margin:0 0 24px}.off-guide__intro{font-size:25px;line-height:1.45;color:#f7f2e6}
.off-section{margin-top:48px;scroll-margin-top:24px}.off-section h2{font:500 32px/1.15 "EB Garamond",Georgia,serif;color:#f7f2e6;margin:0 0 20px;text-wrap:balance}
.off-guide__prose .off-guide__closing{margin-top:48px;padding-top:28px;border-top:1px solid rgba(247,242,230,.3);color:#e2c396;font-style:italic}
.off-guide__next{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:64px;padding-top:32px;border-top:1px solid rgba(247,242,230,.3)}.off-guide__next p{font-size:14px;color:#c7c0b4;margin:0 0 8px}.off-guide__next>div>a{display:inline-flex;align-items:center;gap:32px;min-height:44px;font:500 28px/1.2 "EB Garamond",Georgia,serif}.off-guide__next>div>a span{color:#e2c396}
.off-prompt{margin:28px 0}.off-prompt label{display:block;font:500 14px/1.45 "IBM Plex Sans",Arial,sans-serif;margin-bottom:12px;color:#f7f2e6}.off-prompt textarea{display:block;width:100%;min-height:420px;resize:vertical;border:1px solid #e2c396;border-radius:2px;padding:24px;background:#f7f2e6;color:#171a19;font:400 16px/1.55 "IBM Plex Sans",Arial,sans-serif}
.off-prompt__controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}.off-prompt button{cursor:pointer;min-height:48px;padding:12px 24px;background:#f7f2e6;color:#171a19;border:1px solid #f7f2e6;border-radius:2px;font:500 15px/1.4 "IBM Plex Sans",Arial,sans-serif}.off-prompt button:hover{background:#e2c396;border-color:#e2c396}.off-prompt__controls p{font:400 14px/1.45 "IBM Plex Sans",Arial,sans-serif;margin:0;color:#e2c396}.off-prompt button:focus-visible,.off-prompt textarea:focus-visible{outline:3px solid #42b6a6;outline-offset:5px}
.off-court-site .public-footer{font-family:"IBM Plex Sans",Arial,sans-serif}.off-court-site .public-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.off-court__hub,.off-guide__layout{grid-template-columns:1fr;gap:40px}.off-contents{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.off-contents p{grid-column:1/-1}.off-court__welcome p{max-width:52ch}.off-guide__prose{font-size:20px}.off-guide__intro{font-size:23px}.off-guide-link h2{font-size:29px}.off-court__stories,.off-guide__next{align-items:start;flex-direction:column;gap:24px}.off-court__stories{margin-top:56px}.off-guide__layout{padding-top:28px}.off-section{margin-top:40px}.off-prompt textarea{padding:16px;min-height:560px}}
@media(max-width:420px){.off-contents{grid-template-columns:1fr}.off-guide-link{grid-template-columns:24px minmax(0,1fr);gap:12px}.off-court__hero h1{font-size:44px}.off-section h2{font-size:29px}}
.off-kit{display:grid;gap:12px;margin:28px 0;font:500 16px/1.5 "IBM Plex Sans",Arial,sans-serif}.off-kit>a{display:block;padding:18px 20px;border:1px solid rgba(247,242,230,.4);text-decoration:none;min-height:72px}.off-kit>a:hover{text-decoration:underline;border-color:#e2c396}.off-kit>a.off-kit__primary{border-color:#e2c396;background:rgba(226,195,150,.08)}.off-kit span{display:block;margin-top:5px;font-size:13px;font-weight:400;color:#d9d1c5}.off-deck{border-top:1px solid rgba(247,242,230,.3);border-bottom:1px solid rgba(247,242,230,.3);padding:12px 0;margin:24px 0}.off-deck summary{cursor:pointer;padding:10px 0;min-height:44px;color:#e2c396;font:500 16px/1.5 "IBM Plex Sans",Arial,sans-serif}.off-deck figure{margin:16px 0}.off-deck img{display:block;width:100%;height:auto}.off-deck figcaption{margin-top:12px;font:400 14px/1.5 "IBM Plex Sans",Arial,sans-serif;color:#d9d1c5}.off-card-list{padding-left:32px;columns:2;font:400 16px/1.7 "IBM Plex Sans",Arial,sans-serif}.off-card-list li{break-inside:avoid;padding:7px 0}.off-kit a:focus-visible,.off-deck summary:focus-visible{outline:3px solid #42b6a6;outline-offset:5px}@media(max-width:540px){.off-card-list{columns:1}}

.off-prompt__text{margin-top:20px}.off-prompt__text summary{cursor:pointer;min-height:44px;padding:10px 0;color:#e2c396;font:500 16px/1.5 "IBM Plex Sans",Arial,sans-serif}.off-prompt__text label{margin-top:16px}.off-prompt__text summary:focus-visible{outline:3px solid #42b6a6;outline-offset:5px}
.off-guide-link__secondary{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:12px;font:500 14px/1.4 "IBM Plex Sans",Arial,sans-serif;color:#e2c396}.off-faq{border-bottom:1px solid rgba(247,242,230,.3);padding:12px 0}.off-faq summary{cursor:pointer;padding:12px 0;min-height:44px;color:#f7f2e6;font:500 21px/1.4 "EB Garamond",Georgia,serif}.off-faq>div{padding-top:12px}.off-faq>div p:last-child{margin-bottom:16px}.off-faq summary:focus-visible{outline:3px solid #42b6a6;outline-offset:4px}.off-email-state{border-top:1px solid #e2c396;border-bottom:1px solid #e2c396;padding:24px 0;margin:24px 0}.off-email-state .off-email-state__label{color:#e2c396;font:500 15px/1.5 "IBM Plex Sans",Arial,sans-serif;margin-bottom:14px}.off-email-state p:last-child{margin-bottom:0}
