.oje,.oje *{box-sizing:border-box}
.oje{background:var(--oje-background);color:#2B3F32;padding-top:28px;font-family:var(--font-body-family)}
.oje-block{position:relative;padding-inline:min(var(--oje-pad),7vw);margin-bottom:var(--oje-gap);text-align:var(--oje-align);color:var(--oje-color)}
.oje-wrap{position:relative;max-width:var(--oje-max);margin:0 auto}
.oje-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oje-radius);min-height:120px;aspect-ratio:var(--oje-aspect);background:#e7e7dd}
.oje-image{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:var(--oje-fit);object-position:var(--oje-fx) var(--oje-fy);transform:scale(var(--oje-zoom));filter:none;opacity:1}
.oje-photo--natural{aspect-ratio:auto;min-height:0}
.oje-photo--natural .oje-image{position:relative;height:auto}
.oje h1,.oje h2{font-family:var(--font-heading-family);font-size:var(--oje-title,30px);font-weight:600;line-height:1.45;margin:0 0 16px;letter-spacing:0;color:inherit}
.oje-copy{font-size:var(--oje-body,16px);line-height:1.85;overflow-wrap:break-word;color:inherit}
.oje-text{color:var(--oje-color);text-align:var(--oje-align)}
.oje-outside{position:relative;padding:26px 0;background:var(--oje-text-bg);border-radius:var(--oje-radius)}
.oje-inside{position:absolute;left:var(--oje-x);top:var(--oje-y);transform:translate(calc(-1 * var(--oje-x)),calc(-1 * var(--oje-y)));width:var(--oje-text-width);max-width:calc(100% - 32px);padding:20px;z-index:1;text-shadow:var(--oje-shadow)}
.oje-meta{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.8;margin:10px 0 15px}
.oje-share{position:absolute;bottom:24px;z-index:2}
.oje-share--left{left:24px}.oje-share--right{right:24px}
.oje-share .share-button__button{min-height:44px;padding:0 17px;font-size:13px;color:var(--oje-share-color);background:var(--oje-share-bg);border:1px solid var(--oje-share-color);border-radius:var(--oje-share-radius)}
.oje-share .share-button__fallback{top:auto;bottom:calc(100% + 10px);right:auto;left:0;max-width:calc(100vw - 60px)}
.oje .article-template__comment-wrapper{background:var(--oje-comment-bg);color:var(--oje-comment-color);padding:42px 24px;margin-top:0}
.oje .article-template__comment-wrapper>.page-width{max-width:730px;padding:0;margin:auto}
.oje .article-template__comment-wrapper h2{font-size:26px;margin-bottom:24px}
.oje .article-template__comment-fields{gap:22px}
.oje .article-template__comment-fields>*{margin-bottom:22px}
.oje .field{background:var(--oje-field-bg);border-radius:var(--oje-field-radius)}
.oje .field::before,.oje .field::after{border-radius:var(--oje-field-radius);box-shadow:none;border:1px solid var(--oje-field-border)}
.oje .field__input{background:var(--oje-field-bg);color:var(--oje-comment-color);border-radius:var(--oje-field-radius);font-size:15px}
.oje .field__label{color:var(--oje-comment-color)}
.oje-submit{text-align:var(--oje-button-align)}
.oje-submit .button{background:var(--oje-button-bg);color:var(--oje-button-color);border:1px solid var(--oje-button-bg);border-radius:var(--oje-button-radius);min-height:48px;padding:14px 28px}
.oje-submit .button::before,.oje-submit .button::after{display:none}
.oje-submit--full .button{width:100%}
.oje-submit--outline .button{background:transparent;color:var(--oje-button-bg)}
.oje-submit--small .button{padding:10px 20px}.oje-submit--large .button{padding:18px 36px}
.oje .article-template__comment-warning{font-size:11px;line-height:1.8;margin:20px 0 25px}
@media(max-width:749px){.oje{padding-top:20px}.oje h1,.oje h2{font-size:min(var(--oje-title,30px),32px);margin-bottom:12px}.oje-copy{font-size:min(var(--oje-body,16px),16px)}.oje-outside{padding:22px 0}.oje-inside{padding:12px;max-width:calc(100% - 20px)}.oje-meta{font-size:11px;gap:7px}.oje-share{bottom:20px}.oje-share--left{left:20px}.oje-share--right{right:20px}.oje .article-template__comment-wrapper{padding:32px 24px}.oje .article-template__comment-fields{display:block}.oje .article-template__comment-fields>*{margin-bottom:22px}}