#contribution-dialog{width:min(720px,calc(100% - 32px));max-height:90dvh;padding:30px;background:#fffaf6;border:1px solid #eee1d5;border-radius:28px;overflow-y:auto}#contribution-dialog::backdrop{background:#32160370;backdrop-filter:blur(3px)}#contribution-dialog h2{font-size:32px;line-height:1.15}#contribution-dialog .dialog-heading{align-items:flex-start;gap:20px;margin-bottom:16px}#contribution-dialog .dialog-close{flex-shrink:0;font-size:26px;width:40px;height:40px;background:#fff;border:1px solid #eee1d5;border-radius:50%}.contribution-intro{color:#76695f;font-size:15px;line-height:1.6;margin-bottom:24px}.contribution-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.contribution-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#4d2308}.contribution-wide{grid-column:1/-1}.contribution-fields input:not([type=checkbox]),.contribution-fields select,.contribution-fields textarea{width:100%;border:1px solid #dfd5cc;border-radius:12px;padding:12px;background:#fff;color:#321603;min-height:46px;letter-spacing:normal;line-height:1.5}.contribution-fields textarea{resize:vertical}.field-optional,.field-help{font-size:12px;color:#81756b;font-weight:400}.field-help{line-height:1.5}.contribution-fields .contribution-permission{flex-direction:row;align-items:flex-start;line-height:1.6;font-size:13px}.contribution-permission input{width:18px;height:18px;flex-shrink:0;margin:2px 4px 0 0;accent-color:#147b54}.contribution-trap{position:absolute!important;left:-9999px;opacity:0}.contribution-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #eadfd6}.contribution-actions>span{font-size:12px;color:#81756b;max-width:230px;line-height:1.5}.contribution-actions button{white-space:nowrap}.contribution-actions button:disabled{opacity:.6;cursor:wait}.contribution-feedback{font-size:14px;line-height:1.5;color:#ad3c19;margin:18px 0}.contribution-preview{background:#f4ede6;border:1px solid #e7dbd0;border-radius:14px;padding:12px;text-align:center}.contribution-preview img{display:block;width:100%;max-height:260px;object-fit:contain}.community-image-button{display:block;position:relative;width:100%;padding:18px;border:1px solid #ebe2d9;border-radius:24px;background:#f8f2ec;overflow:hidden}.community-image-button img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}.community-zoom{position:absolute;bottom:10px;right:10px;padding:6px 10px;font-size:12px;border:1px solid #e4d6c8;border-radius:20px;background:#fffaf4ed;color:#65503e}.lesson-sections .community-credit{display:block;font-size:11px;line-height:1.6;color:#897d72;margin-top:10px}.community-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.community-example>.example-heading .company-label{font-size:14px}.community-example{scroll-margin-top:110px}@media(max-width:600px){#contribution-dialog{padding:24px 20px;border-radius:22px}#contribution-dialog h2{font-size:28px}.contribution-fields{grid-template-columns:1fr;gap:16px}.contribution-wide{grid-column:1}.contribution-actions{flex-direction:column-reverse;align-items:stretch;gap:12px}.contribution-actions>span{max-width:none;text-align:center}.community-image-button{padding:10px;border-radius:18px}.contribution-intro{font-size:14px}}.contribution-fields input,.contribution-fields select,.contribution-fields textarea{font:inherit}.reader-bottom-controls{width:min(714px,calc(100% - 40px))}.reader-contribute{position:relative;display:grid;place-items:center;width:61px;height:61px;min-width:44px;min-height:44px;flex-shrink:0;padding:0;border:1px solid #ede1d3;border-radius:50%;background:#fff;color:#4d2308}.reader-contribute>svg{display:block;opacity:.65}.reader-contribute:hover,.reader-contribute:focus-visible{background:#f3f7ee}.reader-contribute:focus-visible{outline:2px solid #b8d5c3;outline-offset:4px}.reader-contribute-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;width:max-content;max-width:220px;padding:8px 12px;border:1px solid #eadfd5;border-radius:10px;background:#fff;color:#6f6258;font-size:12px;line-height:1.5;box-shadow:0 4px 12px #4d23080a;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.reader-contribute:hover .reader-contribute-tooltip,.reader-contribute:focus-visible .reader-contribute-tooltip{opacity:1;visibility:visible;transform:none}@media(max-width:760px){.reader-bottom-controls{width:calc(100% - 24px);gap:8px}.reader-contribute{width:54px;height:54px}}@media(max-width:520px){.reader-contribute{width:46px;height:46px}.reader-contribute>svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.reader-contribute-tooltip{transition:none}}#contribution-dialog.is-success{padding:0;background:#fcf0e1;border:8px solid #fffaf5;box-shadow:0 24px 80px #4d230822;width:min(680px,calc(100% - 32px));overflow-x:hidden}#contribution-dialog.is-success .dialog-heading{position:absolute;right:14px;top:14px;margin:0;z-index:2}#contribution-dialog.is-success .dialog-heading>div{display:none}#contribution-dialog.is-success .dialog-close{background:#fff8edcc;border-color:#eadccc80}.contribution-success{position:relative;text-align:center;isolation:isolate}.contribution-success-copy{position:relative;z-index:1;padding:40px 40px 0}.contribution-received{font-size:11px!important;letter-spacing:.14em;font-weight:600;color:#a0663c!important;margin:0 0 14px!important}#contribution-dialog .contribution-success h2{font-size:36px;line-height:1.12;letter-spacing:-.035em;color:#4d2308;font-weight:600;outline:none;margin:0}.contribution-success-copy>p:not(.contribution-received){font-size:16px;line-height:1.55;color:#94745e;margin:18px auto 22px;max-width:470px}.contribution-success-copy strong{font-weight:500;color:#75513a}.contribution-success-copy button{font-size:15px;min-height:46px;padding:12px 24px}.contribution-success-art{position:relative;height:255px;margin-top:20px;overflow:hidden}.contribution-success-art>img{position:absolute;z-index:1;width:350px;max-width:none;height:auto;left:50%;top:0;transform:translate(-50%)}.contribution-success-wave{position:absolute;width:115%;height:160px;left:-8%;bottom:-75px;background:linear-gradient(120deg,#ffb17c,#ff773c 62%,#fa8d60);border-radius:50% 65% 0 0;transform:rotate(8deg)}@media(max-width:520px){#contribution-dialog.is-success{border-width:6px;border-radius:24px;max-height:92dvh}.contribution-success-copy{padding:48px 20px 0}#contribution-dialog .contribution-success h2{font-size:30px}.contribution-success-copy>p:not(.contribution-received){font-size:15px;margin:16px auto 20px}.contribution-success-art{height:225px;margin-top:18px}.contribution-success-art>img{width:310px}}.contribution-optional{border-top:1px solid #eadfd6;border-bottom:1px solid #eadfd6;padding:14px 0}.contribution-optional summary{cursor:pointer;font-size:14px;color:#6c503c;line-height:1.5}.contribution-optional summary span{color:#968475;font-size:12px}.contribution-optional-fields{display:grid;gap:14px;padding-top:16px}.contribution-upload input::file-selector-button{font:inherit;border:0;border-radius:7px;padding:7px 10px;margin-right:10px;color:#6c503c;background:#f8eee3;cursor:pointer}#contribution-dialog:not(.is-success){width:min(640px,calc(100% - 32px))}.contribution-fields{gap:16px}.contribution-feedback:empty{margin:12px 0}@media(max-width:520px){#contribution-dialog:not(.is-success){padding:22px}.contribution-intro{margin-bottom:18px}.contribution-actions{gap:12px}.contribution-actions>span{font-size:11px}}#contribution-dialog:not(.is-success){padding:24px}#contribution-dialog:not(.is-success) .dialog-heading .eyebrow{display:none}#contribution-dialog:not(.is-success) h2{font-size:28px}#contribution-dialog:not(.is-success) .dialog-heading{margin-bottom:10px}#contribution-dialog .contribution-intro{margin-bottom:18px;font-size:14px;line-height:1.5}#contribution-dialog .contribution-fields{gap:14px}.contribution-upload input[type=file]{padding:8px}