.bora-community {
 background:var(--bcom-bg);padding:var(--bcom-top) 20px var(--bcom-bottom);
 &, & * {box-sizing:border-box;}
 & .bora-community__inner {width:100%;max-width:var(--narrow-page-width);margin-inline:auto;}
 & .bora-community__canvas {position:relative;container-type:inline-size;color:var(--bcom-color);}
 & .bora-community__art {display:block;width:100%;height:auto;}
 & .bora-community__content {position:absolute;left:var(--bcom-left);top:var(--bcom-top-position);width:var(--bcom-width);overflow-wrap:anywhere;
  & h2 {font-family:var(--font-heading--family,inherit);font-size:var(--bcom-heading);line-height:1.02;font-weight:750;letter-spacing:-.02em;color:inherit;margin:0;}
 }
 & .bora-community__description {margin-top:1cqw;padding:.4cqw 0 .4cqw 1cqw;border-left:.2cqw solid var(--bcom-accent);font-size:var(--bcom-description);line-height:1.3;font-weight:600;
  & p {margin:0;}
  & p + p {margin-top:.5cqw;}
  & a {color:inherit;text-decoration:underline;}
 }
 & .bora-community__button {position:absolute;right:var(--bcom-button-right);bottom:var(--bcom-button-bottom);width:var(--bcom-button-width);min-height:5.5cqw;display:flex;align-items:center;justify-content:space-between;gap:1.8cqw;padding:1cqw 3cqw;border-radius:100px;background:var(--bcom-button-bg);color:var(--bcom-button-color);font-size:var(--bcom-button-font);line-height:1.15;font-weight:700;text-decoration:none;
  & svg {display:block;width:2.6cqw;height:2.6cqw;flex-shrink:0;}
  &:hover {background:var(--bcom-button-hover);}
  &:focus-visible {outline:2px solid currentColor;outline-offset:3px;}
 }
 & .bora-community__placeholder {position:relative;aspect-ratio:1557/675;background:#0d62ab;border-radius:3cqw;overflow:hidden;
  & svg {width:100%;height:100%;opacity:.2;}
  & > span {position:absolute;left:3%;top:4%;color:white;font-size:1.5cqw;}
 }
 & .bora-community__editor-note {font-size:14px;}
 @media(max-width:749px){
  padding:var(--bcom-top-mobile) 20px var(--bcom-bottom-mobile);
  & a.bora-community__button::after {content:'';position:absolute;inset:50% 0 auto;height:max(44px,100%);transform:translateY(-50%);}
 }
}