.html-workshop{margin-block:56px;color:var(--ink);font-size:16px;line-height:1.8;overflow-wrap:anywhere}.html-workshop h2,.html-workshop section{scroll-margin-top:85px}.html-workshop>section{margin-block:38px}.html-workshop h2{margin:16px 0;font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-.035em}.html-workshop h3{margin:26px 0 12px;font-size:21px;line-height:1.4}.html-workshop h4{margin:24px 0 10px;font-size:16px}.html-workshop p{margin-block:14px}.html-workshop ol,.html-workshop ul{padding-left:24px}.html-workshop li{margin-block:10px;padding-left:4px}.workshop-intro{padding:26px;border:1px solid #c5d1b0;border-top:4px solid #536524;background:#f0f5e8}.workshop-kicker{color:#526027;font-size:11px;font-weight:800;letter-spacing:.07em}.workshop-intro nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.workshop-intro nav a{padding:6px 12px;border:1px solid #a7b292;font-size:13px;font-weight:700;background:#fff}.workshop-panel{padding:24px;border:1px solid var(--line);background:#fff}.workshop-lab{border-left:4px solid #536524}.html-workshop .workshop-note{color:#52615b;font-size:14px}.html-workshop details{margin-block:14px;border:1px solid #c5cec7;background:#fff}.html-workshop summary{padding:16px 18px;font-size:15px;font-weight:700;cursor:pointer}.html-workshop details>div,.html-workshop details>p{margin:0;padding:0 18px 18px}.html-workshop a:focus-visible,.html-workshop summary:focus-visible{outline:3px solid #477345;outline-offset:4px}.html-workshop .tutorial-code-block{max-width:100%;overflow-x:auto;overflow-wrap:normal}.html-workshop .tutorial-playground{margin-block:0 24px}.workshop-reference{padding-top:16px;border-top:1px solid var(--line);font-size:14px}.workshop-reference a{text-decoration:underline;text-underline-offset:3px}@media (max-width:600px){.workshop-intro,.workshop-panel{padding:18px}.html-workshop{font-size:15px}.html-workshop h3{font-size:19px}}