.hero-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;display:none}.hero-card.has-cover .hero-cover-image{display:block}.hero-card.has-cover::before{opacity:1;mask-image:none;background:linear-gradient(90deg,rgba(4,25,14,.82),rgba(4,25,14,.62));z-index:-1}.hero-card.has-cover .hero-copy>p{color:#fff}.hero-card.has-cover .progress-orbit{filter:drop-shadow(0 2px 8px #0009)}.cover-open{position:absolute;top:10px;right:12px;z-index:2;border:1px solid #ffffff70;border-radius:20px;padding:7px 12px;min-height:36px;background:#153c2ce6;color:#fff;font:inherit;font-size:12px;cursor:pointer}.hero-card{padding-top:max(54px,5vw)}
.cover-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink)}.cover-dialog::backdrop{background:#03120bbd}.cover-dialog h2{font-size:24px}.cover-dialog p{line-height:1.5;color:var(--muted)}.cover-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.cover-dialog-header button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px;min-height:42px}.cover-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;aspect-ratio:2.2;background:linear-gradient(120deg,#103b27,#286348);display:grid;align-items:center;padding:20px;box-sizing:border-box;color:white}.cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cover-preview img[hidden]{display:none}.cover-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04190ed1,#04190e9e);z-index:-1}.cover-preview strong{font-size:24px;max-width:65%}.cover-position{display:grid;gap:12px;margin:20px 0}.cover-position label{display:grid;gap:6px;font-size:14px}.cover-position input{width:100%;min-height:32px;accent-color:var(--brand)}.cover-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.cover-dialog :focus-visible,.cover-open:focus-visible{outline:3px solid #dfbc64;outline-offset:3px}@media(max-width:600px){.hero-card{padding-top:58px}.cover-dialog{padding:18px}.cover-preview strong{font-size:20px}.cover-editor-actions>*{flex:1 1 auto}}@media print{.cover-open,.cover-dialog,.hero-cover-image{display:none!important}}