.join-experience{padding:30px;background:#fffdf7;border:1px solid #dce5d4;border-radius:20px}.join-top{display:flex;gap:20px;align-items:center}.join-top>img{width:80px;height:110px;object-fit:contain}.join-top h3{font-size:32px;line-height:1.25;margin:10px 0}.join-count{font-size:12px;color:#70816a;margin:8px 0}.join-progress{display:flex;gap:8px;margin:22px 0 28px}.join-progress span{flex:1;padding:11px;background:#f2f4eb;border-radius:10px;text-align:center;font-size:13px;color:#67805c}.join-progress [aria-current=step]{background:#285b46;color:#fff}.join-prompt{max-width:780px;font-size:18px;line-height:1.8}.join-options{display:grid;gap:10px;margin:20px 0}.join-options button{background:#f3f6eb;border:1px solid #d2ddc6;border-radius:13px;padding:17px 20px;text-align:right;line-height:1.7;font-size:16px;color:#285b46}.join-options button[aria-pressed=true]{background:#285b46;color:#fff;border-color:#285b46}.join-options button:focus-visible,.join-actions button:focus-visible{outline:3px solid #c7904e;outline-offset:3px}.join-feedback{font-size:16px;line-height:1.85;color:#285b46;min-height:38px;padding:0 5px;max-width:830px}.join-feedback:not(:empty){background:#fff2dc;padding:17px;border-radius:12px}.join-parent{padding:15px 0;border-top:1px solid #e0e5d8;line-height:1.8}.join-parent summary{cursor:pointer;font-size:14px;font-weight:bold}.join-parent p{font-size:14px;color:#526d50}.join-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.join-actions button{padding:13px 22px;border-radius:12px}.join-next{background:#285b46;color:#fff}.join-back{background:transparent;border:1px solid #c6d4ba;color:#285b46}.join-back:disabled{opacity:.35}.join-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.join-facts article{background:#f3f6eb;border-radius:13px;padding:20px}.join-facts h4{font-size:20px;margin:0 0 10px}.join-facts p{font-size:15px;line-height:1.8;margin:0}.join-note{display:block;line-height:1.8;font-size:11px;color:#74816c;margin-top:23px}.join-top h3:focus{outline:none}@media(max-width:700px){.join-experience{padding:21px}.join-top{gap:10px;align-items:flex-start}.join-top>img{width:58px;height:85px}.join-top h3{font-size:25px}.join-prompt{font-size:16px}.join-progress{gap:5px}.join-progress span{font-size:10px;padding:9px 5px}.join-options button{font-size:14px;padding:14px}.join-facts{grid-template-columns:1fr}.join-feedback{font-size:14px}.join-actions{flex-wrap:wrap}.join-actions button{font-size:13px;padding:13px 16px}}