.wgcm .cm-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:16px 0}
.wgcm .cm-project-card{display:block;color:var(--cm-ink);text-decoration:none;border:1px solid var(--cm-line);border-radius:18px;background:var(--surface,#fff);padding:18px;box-shadow:0 6px 20px rgba(12,53,67,.06)}
.wgcm :is([data-project],[data-template],[data-launch]) label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:650;min-width:0}
.wgcm :is([data-project],[data-template],[data-launch]) :is(input,select,textarea){width:100%;padding:10px 12px;border:1px solid var(--cm-line);border-radius:10px;background:var(--surface,#fff);color:var(--cm-ink)}
.wgcm :is([data-project],[data-template],[data-launch]) textarea{min-height:86px;resize:vertical}
.wgcm .cm-project-template-preview{padding:14px 18px;border:1px solid var(--cm-line);border-radius:14px;background:var(--surface2,#f4f8f8);margin:14px 0}
.wgcm .cm-project-template-preview ol{padding-left:22px;line-height:1.7}
.wgcm .cm-project-card:hover,.wgcm .cm-project-card:focus-visible{border-color:var(--cm-blue);box-shadow:0 6px 20px rgba(12,83,100,.15)}
.wgcm .cm-project-card h2{margin:10px 0 8px}.wgcm .cm-project-card p{margin:7px 0}.wgcm .cm-project-card small{color:var(--cm-muted)}
.wgcm .cm-project-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:18px;padding:21px;border:1px solid var(--cm-line);border-radius:20px;background:linear-gradient(130deg,var(--surface,#fff),var(--surface2,#eef6f5));margin:14px 0 20px}
.wgcm .cm-project-hero h2{font-size:clamp(19px,3vw,25px);margin:8px 0}.wgcm .cm-project-hero p{overflow-wrap:anywhere;margin:5px 0}
.wgcm .cm-project-step{padding:17px;border:1px solid var(--cm-line);border-radius:14px;background:var(--surface2,#f4f8f8);margin:12px 0}
.wgcm .cm-project-step-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wgcm .cm-project-step-head h2{margin:0}.wgcm .cm-project-offset{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,160px) minmax(150px,1fr);gap:12px;align-items:end}
.wgcm .cm-project-offset p{color:var(--cm-blue);font-weight:700;margin:0 0 8px}
.wgcm .cm-project-timeline{border-left:3px solid var(--cm-line);margin-left:8px;padding-left:18px}
.wgcm .cm-project-item{position:relative;display:flex;justify-content:space-between;align-items:start;gap:12px;padding:13px 0;border-bottom:1px solid var(--cm-line)}
.wgcm .cm-project-item:before{content:"";position:absolute;left:-26px;top:21px;width:12px;height:12px;border-radius:50%;background:var(--cm-blue);border:2px solid var(--surface,#fff)}
.wgcm .cm-project-item p{margin:4px 0;overflow-wrap:anywhere}.wgcm .cm-project-item strong{font-size:16px}
.wgcm .cm-project-edit{margin-top:18px}.wgcm .cm-project-edit summary{cursor:pointer;font-weight:700}
html[data-theme=dark] .wgcm .cm-project-card,html[data-theme=dark] .wgcm .cm-project-hero{background:var(--surface,#102735);color:var(--ink,#e5f4f5)}
html[data-theme=dark] .wgcm .cm-project-step{background:var(--surface2,#153242)}
@media(max-width:700px){.wgcm .cm-project-hero{grid-template-columns:1fr}.wgcm .cm-project-offset{grid-template-columns:1fr 1fr}.wgcm .cm-project-offset p{grid-column:1/-1}.wgcm .cm-project-item{flex-direction:column}.wgcm .cm-project-item .cm-secondary{width:100%;text-align:center}}

.cm-project-step [hidden]{display:none!important}


.cm-step-qr{width:100px;flex-shrink:0;text-align:center}.cm-step-qr svg{width:100px;height:100px}.cm-step-qr small{display:block}.cm-project-item:focus{outline:3px solid var(--accent,#42785c);outline-offset:4px}.cm-template-diff{padding:12px 0;border-bottom:1px solid var(--border,#ccc)}