/* Scoped creation and sharing extensions. */
.gr-mode{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dbe8c7;background:#eff7df;border-radius:11px;padding:12px;margin:0 0 18px;font-size:11px;color:#3d612d}.gr-mode span{font-size:10px;color:#788a64;text-align:right}.gr-row{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;border-bottom:1px solid #e3e9dc;padding:15px 3px;text-align:left;color:#304b32}.gr-row>svg:first-child{width:23px;height:23px;flex-shrink:0;color:#719348}.gr-row>svg:last-child{width:15px;height:15px;flex-shrink:0;color:#99a68a}.gr-row span{flex:1;min-width:0}.gr-row b{display:block;font-size:14px;line-height:1.6}.gr-row small{display:block;font-size:10px;line-height:1.8;font-weight:400;color:#859477;margin-top:3px}.gr-upload{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 14px;min-height:160px;border:1px dashed #9db983;border-radius:16px;color:#648446;overflow:hidden;background:#f0f5e7;cursor:pointer}.gr-upload>svg{width:32px;height:32px}.gr-upload b{font-size:13px}.gr-upload>span{font-size:11px;max-width:100%;overflow-wrap:anywhere}.gr-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.gr-upload:focus-within{outline:2px solid #6a8e44;outline-offset:3px}.gr-upload img{max-height:210px;width:100%;object-fit:contain;border-radius:10px}.gr-task{background:#eaf0e0;border-radius:18px;padding:28px 20px;text-align:center;color:#51713b}.gr-task svg{width:38px;height:38px;margin-bottom:8px}.gr-task h3{font-size:18px;line-height:1.5}.gr-task p{font-size:12px;line-height:1.7;color:#7f8f70}.gr-steps{font-size:13px;line-height:2.2;color:#6e815b;padding-left:22px}.gr-preview{padding:10px;background:#efe9d8;border-radius:9px;font-size:10px;color:#857247;line-height:1.7}.gr-caption{font-size:14px;line-height:1.8;color:#3f5934;white-space:pre-wrap;overflow-wrap:anywhere}.pi-field textarea{display:block;width:100%;min-height:96px;border:1px solid #dbe3d0;border-radius:10px;background:white;color:#243d2b;padding:12px;margin-top:8px;font-size:14px;box-sizing:border-box;resize:vertical;font-family:inherit}.gr-hero{background:linear-gradient(140deg,#16372b,#45643c);border-radius:20px;color:#fffde9;padding:25px 22px;margin:12px 0 20px}.gr-hero>small{font-size:10px;letter-spacing:1px;color:#d1e6b6}.gr-hero h2{font-size:29px;line-height:1.4;letter-spacing:-1px;margin:16px 0}.gr-hero p{font-size:12px;color:#d0dec5;line-height:1.9}.gr-hero .pi-btn{background:#d2ef88;color:#284c2c;border:0;margin-bottom:0}.gr-details{margin:20px 0;padding:15px;background:#eff3e8;border-radius:12px;color:#6f825c;font-size:12px;line-height:1.9}.gr-details summary{cursor:pointer;min-height:28px;color:#3f5f31}.gr-details a{color:#527d31;text-decoration:underline}.gr-next{border-top:1px solid #dce5d1;margin-top:20px;padding-top:13px}.gr-next h3{font-size:15px;color:#3a552e}.gr-community{display:flex;align-items:center;gap:12px;background:#eaf3d9;border:1px solid #dce9c6;border-radius:14px;padding:15px;width:100%;text-align:left;color:#466932;margin:10px 0 17px}.gr-community>svg{width:23px;height:23px;flex-shrink:0}.gr-community span{flex:1}.gr-community b{display:block;font-size:14px}.gr-community small{display:block;font-size:10px;color:#7e966a;margin-top:7px}.gr-post-cover{display:block;width:100%;text-align:left;padding:0}.gr-post-cover .pi-poster{border-radius:12px;box-shadow:none}.c-note-card .gr-post-cover .pi-poster.compact{aspect-ratio:2/3}.c-note-card .gr-post-cover .pi-poster-top,.c-note-card .gr-post-cover .pi-poster-bottom{left:10px;right:10px;text-align:left}.c-note-card .gr-post-cover .pi-poster-top>span{font-size:6px;letter-spacing:0}.c-note-card .gr-post-cover .pi-poster-top>b{font-size:20px}.c-note-card .gr-post-cover .pi-poster-bottom>small{font-size:6px}.c-note-card .gr-post-cover .pi-poster-bottom strong{font-size:25px}.gr-local{display:block;font-size:9px;padding:6px 10px 12px;color:#889779;line-height:1.5}.gr-work>p{overflow-wrap:anywhere}.pi-content .pi-poster-top,.pi-content .pi-poster-bottom{pointer-events:none}@media(max-width:340px){.gr-mode{gap:6px;font-size:10px}.gr-hero h2{font-size:25px}.gr-row b{font-size:13px}}