.story-workshop{color:#2d514c;min-width:0;font-family:'DM Sans',Arial,sans-serif;scroll-margin-top:162px}
.story-workshop p{line-height:1.8;margin:0 0 16px;color:#365952;font-size:16px;overflow-wrap:anywhere}
.story-workshop h3{font:700 clamp(23px,2.6vw,32px)/1.3 'DM Sans',Arial,sans-serif;color:#294c47;margin:0 0 16px;overflow-wrap:anywhere}
.story-workshop>header{max-width:850px;margin-bottom:24px}.story-workshop>header .section-kicker{color:#526d51;font-size:12px;letter-spacing:.08em;margin-bottom:10px}
.story-workshop-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.story-workshop-current-card{display:grid;justify-items:center;padding:16px;border:1px solid #ccdbcd;border-radius:20px;background:#fffcf2;min-width:0;text-align:center}
.story-workshop-current-card>span{font-size:12px;font-weight:700;color:#607454}.story-workshop-current-card>svg{width:100%;max-width:240px;height:160px}.story-workshop-current-card>b{font-size:23px;line-height:1.4;overflow-wrap:anywhere}
.story-workshop-picker{padding:20px 24px;border:1px solid #cbd9c8;border-radius:18px;background:#eff4e9;margin:22px 0 30px}
.story-workshop-picker summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700;line-height:1.6;font-size:16px}
.story-workshop-choice-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}
.story-workshop-choice-groups fieldset{border:0;padding:0;margin:0;min-width:0}.story-workshop-choice-groups legend{font-weight:700;font-size:16px;padding:0;margin-bottom:12px}
.story-workshop-choice-groups fieldset>div{display:grid;gap:10px}
.story-workshop-choice-groups label{display:flex;align-items:center;gap:8px;border:1px solid #c4d5c5;background:#fffdf5;border-radius:14px;padding:8px 10px;cursor:pointer;min-width:0;min-height:68px}
.story-workshop-choice-groups label:has(:checked){background:#e2edda;border-color:#658d68;box-shadow:inset 0 0 0 1px #658d68}
.story-workshop-choice-groups label>svg{width:68px;height:55px;flex-shrink:0}.story-workshop-choice-groups label>span{display:flex;align-items:center;gap:8px;min-width:0}.story-workshop-choice-groups b{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.story-workshop input[type=radio]{width:18px;height:18px;accent-color:#477954;flex-shrink:0;margin:0}
.story-workshop-presets{display:flex;flex-wrap:wrap;gap:10px}.story-workshop-presets button{font-size:13px;line-height:1.6;min-height:46px;height:auto;white-space:normal;text-align:left;justify-content:center}
.story-workshop-writing{margin:30px 0}.story-workshop-title-label{display:block;font-size:15px;font-weight:700;line-height:1.6;margin:22px 0 9px}
.story-workshop #storyWorkshopName,.story-workshop textarea{box-sizing:border-box;display:block;width:100%;border:1px solid #a9bfac;border-radius:12px;background:#fffefa;padding:13px 15px;color:#294c47;font:400 17px/1.7 'DM Sans',Arial,sans-serif;max-width:100%}
.story-workshop #storyWorkshopName{min-height:50px}.story-workshop textarea{resize:vertical;min-height:160px}.story-workshop :is(input,textarea)::placeholder{color:#627361;opacity:1}
.story-workshop-turns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
.story-workshop-turns>div{min-width:0;padding:20px;border:1px solid #d3decf;border-radius:18px;background:#fffdf5}.story-workshop-turns label{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;line-height:1.5;margin-bottom:12px}.story-workshop-turns label>span{border-radius:50%;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#e5ecdb;font-size:12px}
.story-workshop-turns p{font-size:14px;min-height:77px;line-height:1.8}.story-workshop-parent{margin:28px 0;padding:24px 28px;background:#edf3e8;border-left:4px solid #90ab7a;border-radius:0 18px 18px 0}.story-workshop-parent h3{font-size:21px}.story-workshop-parent p{font-size:15px}.story-workshop-parent a{color:#305e44;font-size:14px;font-weight:700;line-height:1.7;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:8px}
.story-workshop-reader{margin:30px 0;padding:28px;border:1px solid #d6c9a9;border-radius:20px;background:#fff9e9;scroll-margin-top:162px}.story-workshop-reader-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.story-workshop-reader h3{font-size:23px;flex:1}.story-workshop-reader-heading button{min-height:46px;font-size:13px;line-height:1.5;white-space:normal;text-align:center;max-width:230px;height:auto;padding:12px 16px}.story-workshop-reader-heading button[aria-pressed=true]{background:#e0ead5;border-color:#72916a}.story-workshop-reader h4{font:700 clamp(24px,3vw,34px)/1.4 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere;margin:0 0 15px;color:#294c47}.story-workshop-reader .story-workshop-wordline{font-size:14px;color:#5b704e;margin:0 0 24px}
.story-workshop-reader .story-workshop-paragraph{font-size:21px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;margin:0 0 24px}.story-workshop-reader.is-large .story-workshop-paragraph{font-size:clamp(25px,3vw,32px);line-height:1.9}.story-workshop-reader .story-workshop-empty{color:#52664e;font-size:17px}
.story-workshop-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.story-workshop-actions button{min-height:46px;white-space:normal;height:auto;line-height:1.6;text-align:center;justify-content:center;font-size:14px}.story-workshop-actions button:disabled{opacity:.55;cursor:not-allowed}.story-workshop .story-workshop-status{padding:14px 0;margin:8px 0;color:#47623f;font-size:14px;min-height:48px}.story-workshop .story-workshop-privacy{font-size:13px;line-height:1.8;color:#586b51;border-top:1px solid #d4dfcd;padding-top:18px}
.story-workshop-confirm{border:1px solid #cfbd94;border-radius:16px;padding:22px;background:#fff4d6;margin:15px 0 25px}.story-workshop-confirm[hidden]{display:none}.story-workshop-confirm>div{display:flex;flex-wrap:wrap;gap:12px}.story-workshop-confirm button{min-height:46px;font-size:14px;line-height:1.6;white-space:normal;height:auto}.story-workshop :is(input,textarea,button,a,summary):focus-visible,.story-workshop :is(h3,h4)[tabindex="-1"]:focus-visible{outline:3px solid #83aa76;outline-offset:4px}.story-workshop-choice-groups label:focus-within{outline:3px solid #83aa76;outline-offset:3px}
@media(max-width:1000px){.story-workshop-turns{grid-template-columns:1fr}.story-workshop-turns p{min-height:0}.story-workshop textarea{min-height:130px}.story-workshop-choice-groups{grid-template-columns:1fr}.story-workshop-choice-groups fieldset>div{grid-template-columns:repeat(3,minmax(0,1fr))}.story-workshop-choice-groups label{display:grid;justify-items:center;padding:12px 6px}.story-workshop-choice-groups label>svg{width:100%;max-width:110px;height:75px}}
@media(max-width:700px){.play-lab:has(.story-workshop){padding:24px 14px}.story-workshop-current{gap:8px}.story-workshop-current-card{padding:12px 6px;border-radius:15px}.story-workshop-current-card>svg{height:100px}.story-workshop-current-card>b{font-size:17px}.story-workshop-current-card>span{font-size:11px}.story-workshop-picker{padding:16px 13px}.story-workshop-reader{scroll-margin-top:150px;padding:22px 18px}.story-workshop-reader-heading{display:block}.story-workshop-reader-heading button{max-width:100%;margin-top:4px}.story-workshop-parent{padding:21px 17px}.story-workshop-presets{display:grid}.story-workshop-turns>div{padding:18px 14px}.story-workshop-choice-groups label>span{gap:5px}.story-workshop-choice-groups b{font-size:12px}.story-workshop-actions{display:grid;align-items:stretch}.story-workshop-confirm{padding:18px 14px}.story-workshop-confirm>div{display:grid}.story-workshop-reader .story-workshop-paragraph{font-size:20px}.story-workshop-reader.is-large .story-workshop-paragraph{font-size:27px}}
@media(max-width:350px){.story-workshop-current-card>svg{height:78px}.story-workshop-current-card>b{font-size:15px}.story-workshop-current-card>span{font-size:10px}.story-workshop-choice-groups label>span{flex-direction:column}.story-workshop-choice-groups label>svg{height:62px}.story-workshop-reader.is-large .story-workshop-paragraph{font-size:25px}}