/* Generated blog covers — sizes scale with the cover's own width (cqw) */
.cover{position:relative;overflow:hidden;aspect-ratio:16/10;container-type:inline-size;width:100%;isolation:isolate}
.cover-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cover-gen{--c-bg:#16A34A;--c-fg:#fff;--c-line:rgba(255,255,255,.22);--c-acc:#fff;--c-acc-fg:#13212C;
  background:var(--c-bg);color:var(--c-fg);display:block;text-align:left;font-family:"Bricolage Grotesque",system-ui,sans-serif}
.cover-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:7.5cqw 8cqw 6.5cqw}
.cover-green{--c-bg:#16A34A;--c-fg:#fff;--c-line:rgba(255,255,255,.22);--c-acc:#fff;--c-acc-fg:#13212C}
.cover-deep{--c-bg:#13212C;--c-fg:#fff;--c-line:rgba(74,222,128,.22);--c-acc:#16A34A;--c-acc-fg:#fff}
.cover-lime{--c-bg:#E6F4EC;--c-fg:#13212C;--c-line:rgba(22,163,74,.22);--c-acc:#16A34A;--c-acc-fg:#fff}
.cover-mint{--c-bg:#F6F8F7;--c-fg:#13212C;--c-line:rgba(19,33,44,.12);--c-acc:#13212C;--c-acc-fg:#fff}
.cover-pink{--c-bg:#FDECEF;--c-fg:#13212C;--c-line:rgba(19,33,44,.12);--c-acc:#16A34A;--c-acc-fg:#fff}
.cover-sky{--c-bg:#E5F0FA;--c-fg:#13212C;--c-line:rgba(19,33,44,.12);--c-acc:#16A34A;--c-acc-fg:#fff}
.cover-sand{--c-bg:#F4F1EA;--c-fg:#13212C;--c-line:rgba(19,33,44,.12);--c-acc:#16A34A;--c-acc-fg:#fff}

/* line work */
.cover-lines{position:absolute;inset:0;z-index:-1;
  background:repeating-linear-gradient(135deg,var(--c-line) 0 1px,transparent 1px 2.6cqw);
  -webkit-mask:linear-gradient(100deg,transparent 38%,#000 78%);mask:linear-gradient(100deg,transparent 38%,#000 78%)}
.cover-rings{position:absolute;right:-22cqw;bottom:-22cqw;width:62cqw;height:62cqw;border-radius:50%;z-index:-1;
  background:repeating-radial-gradient(circle,transparent 0 3.4cqw,var(--c-line) 3.4cqw calc(3.4cqw + 1.5px))}
.cover-frame{position:absolute;inset:3.2cqw;border:1.5px solid var(--c-line);border-radius:2.6cqw;pointer-events:none;z-index:-1}
.cover-frame:before,.cover-frame:after{content:"";position:absolute;width:5cqw;height:5cqw;border:2px solid var(--c-acc)}
.cover-frame:before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-top-left-radius:2.6cqw}
.cover-frame:after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-bottom-right-radius:2.6cqw}
.cover-wm{position:absolute;right:-6cqw;top:14cqw;width:62cqw;height:34cqw;background:no-repeat center/contain;opacity:.11;transform:rotate(-9deg);z-index:-1;pointer-events:none}

/* text */
.cover-tag{display:inline-block;background:var(--c-acc);color:var(--c-acc-fg);font-weight:700;font-size:2.7cqw;line-height:1.2;padding:1.1cqw 2.4cqw;border-radius:99px;margin:0}
.cover-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:3cqw 0 auto;max-width:84cqw;
  font-family:"Boldonse","Arial Black",sans-serif;font-weight:400;letter-spacing:-.02em;line-height:1.36;font-size:6.4cqw;color:var(--c-fg)}
.cover-title:after{content:"";display:block}
.fit-l .cover-title{font-size:7.6cqw}
.fit-m .cover-title{font-size:6cqw}
.fit-s .cover-title{font-size:5cqw}
.fit-xs .cover-title{font-size:4.3cqw}
.cover-foot{display:flex;align-items:center;gap:2.2cqw;margin-top:3cqw;padding-top:2.6cqw;border-top:1.5px solid var(--c-line);font-weight:700;font-size:2.5cqw;letter-spacing:.02em;opacity:.95}
.cover-foot img{height:7.5cqw;width:auto;display:block}

/* single-post banner is wider */
.cover-hero{aspect-ratio:16/8}
.cover-hero .cover-in{padding:6cqw 7cqw 5cqw}
.cover-hero .cover-title{font-size:5.2cqw;max-width:78cqw;-webkit-line-clamp:3}
.cover-hero.fit-l .cover-title{font-size:6cqw}
.cover-hero.fit-xs .cover-title{font-size:4.2cqw}
.cover-hero .cover-tag{font-size:2cqw}
.cover-hero .cover-foot{font-size:1.9cqw}
.cover-hero .cover-foot img{height:6cqw}
.cover-hero .cover-wm{top:10cqw;width:52cqw;height:28cqw}