/* Workshop and help inherit the accepted Onest / paper / peach / ink system. */
.workshop-heading{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:8px;padding:26px 0 22px}
.workshop-heading h1{font-size:clamp(34px,9vw,46px);letter-spacing:-.035em;line-height:1.04}
.workshop-heading h1 span{display:block}.workshop-heading p{font-size:15px;line-height:1.5;margin-top:14px}
.workshop-heading img{width:100%;height:162px;object-fit:contain;align-self:end}
.workshop-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 24px}
.workshop-topics button{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:10px 5px;min-height:44px;font-size:13px;font-weight:650}
.workshop-card{--card-bg:var(--white);--card-fg:var(--ink);--card-line:var(--line);--card-button:var(--deep);background:var(--card-bg);color:var(--card-fg);padding:26px 24px 8px;margin-bottom:20px;border-radius:24px 44px 24px 24px;scroll-margin-top:20px}
.workshop-card h2,.workshop-support h2{font-size:clamp(25px,7.2vw,33px);line-height:1.1;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.workshop-card>p{font-size:16px;line-height:1.5;margin-top:16px}
.workshop-stickers{--card-bg:var(--tint)}
.workshop-ideas{--card-bg:#1d3430;--card-fg:#fff7ef;--card-line:#55716b;--card-button:#ffb392}
.workshop-photo{--card-bg:#1d3430;--card-fg:#fff7ef;--card-line:#55716b;--card-button:#ffb392}
.workshop-company{--card-bg:var(--tint)}
.workshop-voice{--card-bg:#1d3430;--card-fg:#fff7ef;--card-line:#55716b;--card-button:#ffb392}
.workshop-feature-art{display:block;width:min(100%,270px);height:286px;object-fit:contain;margin:18px auto 4px}
.workshop-card .workshop-example-note{font-size:13px;line-height:1.45;margin-top:-8px}
.workshop-card-heading{display:flex;align-items:center;gap:12px}.workshop-card-heading h2{flex:1;min-width:0}.workshop-card-heading img{width:84px;height:112px;object-fit:contain;flex:none}
.workshop-card blockquote{margin:20px 0;font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}
.workshop-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:14px 0;margin-top:14px;background:none;border:0;color:var(--card-button,var(--deep));font-size:16px;line-height:1.35;font-weight:750;text-align:left;text-decoration:none}
.workshop-action .icon{width:20px;height:20px}.workshop-action>span{font-size:23px}
.workshop-action:active{transform:translateY(1px)}
.workshop-details{border-top:1px solid var(--card-line);margin-top:12px}
.workshop-details summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;font-size:14px;font-weight:650;cursor:pointer;list-style:none}
.workshop-details summary::-webkit-details-marker{display:none}.workshop-details summary>span{font-size:24px;transition:transform .18s var(--ease)}
.workshop-details[open] summary>span{transform:rotate(45deg)}.workshop-details>div{padding:0 0 18px}
.workshop-details p{font-size:15px;line-height:1.55;margin:0 0 12px}.workshop-details p:last-child{margin:0}
.workshop-details code,.help-group code{font:inherit;font-weight:650;overflow-wrap:anywhere}
.sticker-stage{position:relative;display:grid;place-items:center;padding:62px 0 18px;margin:22px 0 12px;min-height:236px}
.sticker-stage img{width:174px;height:186px;object-fit:contain;filter:drop-shadow(0 9px 7px #713c2925);transform:rotate(-5deg)}

.sticker-speech{position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--white);color:var(--ink);border-radius:20px 20px 20px 4px;max-width:100%;width:max-content;padding:13px 18px;font-size:20px;line-height:1.2;font-weight:800;text-align:center;box-shadow:0 8px 16px -10px #713c2950}
.sticker-stage-note{position:absolute;bottom:0;right:0;font-size:12px;line-height:1.3;color:var(--deep)}
.sticker-samples{display:flex;flex-wrap:wrap;gap:6px}
.sticker-samples button{border:1px solid var(--deep);background:transparent;border-radius:22px;min-height:44px;padding:9px 12px;font-size:13px;font-weight:600}
.sticker-samples button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.example-label{font-size:12px;line-height:1.5;color:#c5d6d0;margin-top:25px}.idea-example blockquote{margin:12px 0 18px;font-size:20px}
.idea-response{display:flex;align-items:center;gap:10px;border-top:1px solid var(--card-line);padding-top:18px}
.idea-response img{width:64px;height:88px;object-fit:contain}.idea-response p{font-size:16px;line-height:1.5}
.photo-story{display:flex;flex-direction:column;gap:18px;margin:24px 0 20px}.photo-story span{display:block;font-size:12px;color:#c5d6d0;margin-bottom:8px}.photo-story strong{font-size:22px;line-height:1.3}.photo-story>.icon{color:#ffb392;transform:rotate(90deg)}
.edit-example{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:13px;font-weight:650}.edit-example span{padding:12px;background:var(--tint);border-radius:12px}.edit-example .icon{width:18px}
.comic-preview{margin:22px 0 0}.comic-preview img{width:100%;height:auto;display:block;border-radius:12px}.comic-preview figcaption{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}
.workshop-help-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:0;padding:12px 0 24px;font-size:16px;color:var(--deep);font-weight:650;text-align:left}
.help-heading{padding-bottom:12px}.help-group{margin-top:34px}.help-group>h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px}
.help-group .questions{margin:0}.help-group .questions summary{font-size:16px;line-height:1.4;padding:18px 0;min-height:60px}.help-group .questions p{font-size:15px;line-height:1.6;color:var(--ink)}
.workshop-support{margin:30px 0 16px;padding:24px;background:var(--tint);border-radius:24px 44px 24px 24px}.workshop-support p{font-size:16px;line-height:1.5;margin-top:14px}
.workshop-notice{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 18px;border-radius:16px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.4;z-index:60;box-shadow:0 8px 24px -12px #0006}
[data-theme=dark] .workshop-ideas,[data-theme=dark] .workshop-photo{--card-bg:#263c37}
.workshop-card :focus-visible{outline:3px solid var(--card-button);outline-offset:4px}
@media(max-width:360px){.workshop-heading{grid-template-columns:minmax(0,1fr) 76px}.workshop-heading img{height:132px}.workshop-card{padding:22px 18px 6px}.workshop-card-heading{gap:6px}.workshop-card-heading img{width:60px;height:88px}.sticker-speech{font-size:18px}.workshop-card-heading h2{font-size:25px}.workshop-topics button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workshop-card *{animation:none!important;transition:none!important}}

/* Short feedback, without moving the surrounding cards. */
.sticker-samples button,.workshop-action,.workshop-details summary{transition:transform 140ms var(--ease),opacity 140ms var(--ease)}
.workshop-notice{transition:opacity 180ms var(--ease),display 180ms allow-discrete;opacity:1}
.workshop-notice[hidden]{opacity:0}
@starting-style{.workshop-notice{opacity:0}}
[data-input-mode=keyboard] .workshop-notice{transition:none}

[data-input-mode=keyboard] .help-group .questions p{animation:none}