/* 실제 히어로 위에서만 사용하는 공통 편집 도구. 공개 제목·예약카드 스타일은 유지한다. */
.sjhero-tools[hidden],.sjhero-add[hidden],.sjhero-tools [hidden],.sjhero-copy-hint[hidden] { display:none !important; }
.sjhero-tools { position:relative; z-index:8; display:flex; flex-wrap:wrap; align-items:center; align-self:flex-start; gap:8px; width:fit-content; max-width:100%; margin:0 0 24px; padding:12px 14px; border-radius:7px; color:#fff; background:rgba(20,23,29,.82); box-shadow:0 8px 24px #0002; font:500 13px/1.5 Pretendard,system-ui,sans-serif; text-shadow:none; }
.sjhero-tools strong { font-weight:700; }
.sjhero-recommend { color:#d0d3d9; font-size:12px; }
.sjhero-button,.sjhero-list-link { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:6px 10px; border:0; border-radius:5px; color:#fff; background:#ffffff26; font:600 13px/1.5 Pretendard,system-ui,sans-serif; cursor:pointer; white-space:nowrap; text-decoration:none; }
.sjhero-button:hover,.sjhero-list-link:hover { color:#fff; background:#ffffff38; }
.sjhero-tools .sjhero-configure { border:1px solid #ffffff80; background:#ffffff36; }
.sjhero-save { background:var(--brand,#0080e0); }
.sjhero-save:hover { background:var(--brand,#0080e0); filter:brightness(1.08); }
.sjhero-button:disabled { opacity:.4; cursor:default; }
.sjhero-button:focus-visible,.sjhero-list-link:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.sjhero-colors { display:flex; align-items:center; gap:6px; }
.sjhero-color { width:25px; height:25px; min-height:25px; padding:0; border:2px solid transparent; border-radius:50%; }
.sjhero-color[aria-pressed="true"] { border-color:#fff; box-shadow:0 0 0 1px #ffffff55; }
.sjhero-tools .sjhero-status { flex-basis:100%; margin:0; color:#dfe9f5; font-size:12px; font-weight:500; line-height:1.5; }
.sjhero-tools .sjhero-status.is-error { color:#ffd4cb; }
.sjhero-list-link.is-recovery { outline:1px solid #fff; outline-offset:2px; }
.sjhero-copy-hint { position:absolute; left:0; right:0; bottom:calc(100% + 8px); padding:7px 10px; border-radius:6px; color:#fff; background:#263246; font:500 12px/1.45 Pretendard,system-ui,sans-serif; white-space:normal; text-align:center; pointer-events:none; }
.sjhero-editable { display:inline; color:inherit; font:inherit; line-height:inherit; white-space:pre-line; cursor:text; outline:1px dashed #ffffff90; outline-offset:3px; border-radius:3px; }
.sjhero-editable,.sjhero-editable * { caret-color:#fff; }
.sjhero-editable:focus { outline:2px solid #fff; }
.sjhero-editable[contenteditable="false"] { cursor:default; }
.sjhero-editable[data-hero-empty="true"] { display:inline-block; min-width:2ch; min-height:1em; }
.sjhero-editable[data-hero-empty="true"]::before { content:attr(data-placeholder); color:#ffffffb3; font-size:.6em; font-weight:500; }
.sjhero-add { color:#263246; background:#fff; box-shadow:0 4px 12px #0002; }
.sjhero-add:hover { color:#263246; background:#f4f7fc; }
.sjhero-editing .sjhero-add { scroll-margin-top:96px; scroll-margin-bottom:120px; }
.hero-wrap .sjhero-eyebrow[hidden],.hero-wrap .sjhero-sub[hidden],.hero-wrap .sjhero-pager[hidden] { display:none !important; }
.hero-wrap .sjhero-eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; color:#fff; font-size:13px; }
.hero-wrap [data-hero-dot] { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; }
.hero-wrap .sjhero-sub { margin:16px 0; max-width:600px; color:#ffffffe0; font-size:18px; line-height:1.55; }
.hero-wrap .sjhero-pager { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding:8px 0 18px; }
.hero-wrap .hero-dots { display:flex; align-items:center; gap:8px; }
.hero-wrap .hero-dot { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#ffffff80; cursor:pointer; }
.hero-wrap .hero-dot.is-active { width:28px; border-radius:5px; background:#fff; }
.hero-wrap .sjhero-counter { color:#ffffffe0; font-size:13px; font-weight:600; }
.hero-wrap .sjhero-arrow { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:1px solid #ffffff55; border-radius:50%; color:#fff; background:#0002; cursor:pointer; }
.hero-wrap .sjhero-arrow:disabled { opacity:.4; cursor:default; }
@media(max-width:720px) { .sjhero-tools { gap:7px; margin-bottom:18px; padding:10px; font-size:12px; } .sjhero-recommend { flex-basis:100%; font-size:11px; } .sjhero-button,.sjhero-list-link { min-height:36px; font-size:12px; } .sjhero-color { width:32px; height:32px; min-height:32px; } .sjhero-editable { outline-offset:2px; } .hero-wrap .sjhero-sub { font-size:15px; } .sjhero-editing .hero-pager,.sjhero-editing .sjhero-pager { padding-bottom:110px; } }
@media(max-width:360px) {
  /* 좁은 SJ 편집 화면은 추가 버튼을 배너 이동 도구와 같은 줄에 둔다. */
  .hero-wrap.sjhero-editing .sjhero-pager { column-gap:4px; row-gap:8px; }
  .hero-wrap.sjhero-editing .sjhero-arrow { width:32px; height:32px; flex:none; }
  .hero-wrap.sjhero-editing .hero-dots { max-width:64px; gap:6px; overflow-x:auto; scrollbar-width:none; }
  .hero-wrap.sjhero-editing .hero-dots::-webkit-scrollbar { display:none; }
  .hero-wrap.sjhero-editing .sjhero-counter { flex:none; }
  .hero-wrap.sjhero-editing .sjhero-add { flex:none; padding-inline:8px; }
}

/* 배너 버튼 설정(히어로 어두운 도구막대). 종류·문구 한 줄 → 연결 대상 → 색상 스와치 순서로 접어 둔다.
   관리자 목록(workspace.css)과 같은 구조·규칙이며 --bb-* 색 토큰만 다르다. 관리자 화면은 이 파일을 불러오지 않는다. */
.sjhero-button-fields { --bb-ink:#fff; --bb-muted:#c5cede; --bb-field-bg:#fff; --bb-field-ink:#172033; --bb-field-line:#ffffff4d; --bb-surface:#ffffff12; --bb-surface-line:#ffffff33; --bb-list-line:transparent; --bb-focus:#fff; --bb-accent:var(--brand,#0080e0); --bb-error:#ffd4cb; max-width:min(100%,680px); margin:4px max(0px,calc(100% - 680px)) 0 0; padding:12px 0 2px; border-top:1px solid #ffffff26; }
.sjhero-cta[hidden] { display:none !important; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) { flex-basis:100%; display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%; min-width:0; box-sizing:border-box; scroll-margin-block:100px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls)[hidden],:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) [hidden] { display:none !important; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) > .sjhero-button-hint { flex:1 1 100%; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) > .sjbanner-button-controls { flex:1 1 100%; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-field { display:flex; flex-direction:column; gap:4px; flex:1 1 100%; min-width:0; margin:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=type],.sjbanner-field:has(> [data-banner-button-field=type])) { flex:0 0 118px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=label],.sjbanner-field:has(> [data-banner-button-field=label])) { flex:1 1 130px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=href],.sjbanner-field:has(> [data-banner-button-field=href])) { flex:1 1 200px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=newTab],.sjbanner-field:has(> [data-banner-button-field=newTab])) { flex:0 0 auto; flex-direction:row-reverse; justify-content:flex-end; align-items:center; gap:6px; min-height:36px; }
@media(min-width:641px) { :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=newTab],.sjbanner-field:has(> [data-banner-button-field=newTab])) { margin-top:21px; } }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-field > label,:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-color-pair > label,:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-field > .fradmin-label { display:block; margin:0; color:var(--bb-ink); font:600 12px/1.4 Pretendard,system-ui,sans-serif; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=newTab],.sjbanner-field:has(> [data-banner-button-field=newTab])) > label { font-weight:500; font-size:13px; cursor:pointer; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) small,:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjhero-button-hint { display:block; margin:0; color:var(--bb-muted); font-size:11.5px; line-height:1.45; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input:not([type=checkbox]):not([type=color]),select) { display:block; width:100%; min-width:0; height:36px; min-height:36px; margin:0; padding:0 10px; border:1px solid var(--bb-field-line); border-radius:6px; color:var(--bb-field-ink); background-color:var(--bb-field-bg); font:500 13px/1.3 Pretendard,system-ui,sans-serif; box-sizing:border-box; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) select { padding-right:6px; cursor:pointer; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input:not([type=checkbox]):not([type=color]),select):focus { border-color:var(--bb-accent); outline:2px solid var(--bb-focus); outline-offset:1px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=checkbox] { flex:none; width:18px; height:18px; min-height:0; margin:0; accent-color:var(--bb-accent); cursor:pointer; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=checkbox]:focus-visible { outline:2px solid var(--bb-focus); outline-offset:2px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input,select,button):disabled { opacity:.5; cursor:not-allowed; }
/* 게시글 연결: 선택된 제목 + 찾기 버튼 한 줄, 검색은 그 아래 접이식 영역. */
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-picker { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 8px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-picker > * { grid-column:1/-1; min-width:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-picker > .sjbanner-post-selected:not(:has(button)) { grid-column:1; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-picker > button { grid-column:2; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected { display:flex; align-items:center; gap:8px; min-width:0; min-height:36px; padding:0 4px 0 10px; border:1px dashed var(--bb-field-line); border-radius:6px; color:var(--bb-ink); background:var(--bb-surface); font:600 13px/1.35 Pretendard,system-ui,sans-serif; box-sizing:border-box; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected:not(:has(button)) { padding-right:10px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected > :not(button),:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected:not(:has(*)) { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected:is(.is-empty,[data-empty=true]) { color:var(--bb-muted); font-weight:500; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected:not(.is-empty):not([data-empty=true]) { border-style:solid; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(.sjbanner-post-picker,.sjbanner-post-search) button { display:inline-flex; align-items:center; justify-content:center; gap:4px; flex:none; min-height:36px; margin:0; padding:0 12px; border:1px solid transparent; border-radius:6px; color:#fff; background:var(--bb-accent); font:600 13px/1.2 Pretendard,system-ui,sans-serif; white-space:nowrap; cursor:pointer; box-sizing:border-box; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected button { min-height:30px; padding:0 10px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(.sjbanner-post-picker,.sjbanner-post-search) button:hover:not(:disabled) { filter:brightness(1.08); }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(.sjbanner-post-picker,.sjbanner-post-search,.sjbanner-button-colors,.sjbanner-post-manual) :is(button,summary):focus-visible { outline:2px solid var(--bb-focus); outline-offset:2px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search { display:grid; gap:8px; min-width:0; padding:10px; border:1px solid var(--bb-surface-line); border-radius:8px; background:var(--bb-surface); box-sizing:border-box; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search form { display:grid; grid-template-columns:minmax(96px,max-content) minmax(0,1fr) auto; gap:6px; min-width:0; margin:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-results { display:grid; gap:0; max-height:220px; margin:0; padding:2px; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--bb-list-line); border-radius:6px; background:#fff; list-style:none; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-results:empty { display:none; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-results li { margin:0; padding:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-results button { display:grid; justify-content:stretch; gap:1px; width:100%; min-height:40px; padding:7px 10px; border:0; border-radius:4px; color:#172033; background:transparent; font-weight:500; line-height:1.4; text-align:left; white-space:normal; overflow-wrap:anywhere; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-results button:hover:not(:disabled) { filter:none; background:#f1f5fb; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-results button :is(small,span + span) { color:#64748b; font-size:11.5px; font-weight:500; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-results button:is([aria-pressed=true],[aria-selected=true],[aria-current=true],.is-selected) { color:var(--brand,#315de5); background:color-mix(in srgb,var(--brand,#315de5) 10%,#fff); box-shadow:inset 3px 0 0 var(--brand,#315de5); font-weight:700; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-results button:focus-visible { outline:2px solid var(--brand,#315de5); outline-offset:-2px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-pages { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; color:var(--bb-ink); font-size:12px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-pages:empty { display:none; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-pages button { min-width:36px; padding:0 8px; border-color:var(--bb-surface-line); color:var(--bb-ink); background:transparent; font-weight:600; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search .sjbanner-post-pages button:is([aria-current],[aria-pressed=true],.is-current) { border-color:var(--bb-accent); color:#fff; background:var(--bb-accent); }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) [role=status] { margin:0; color:var(--bb-muted); font-size:12px; line-height:1.45; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) [role=status]:empty { display:none; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) [role=status]:is(.is-error,[data-tone=error]) { color:var(--bb-error); }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual { min-width:0; color:var(--bb-muted); font-size:12px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual > summary { display:inline-flex; align-items:center; gap:4px; min-height:32px; color:var(--bb-muted); font-weight:600; list-style:none; cursor:pointer; text-decoration:underline; text-decoration-color:color-mix(in srgb,currentColor 45%,transparent); text-underline-offset:3px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual > summary::-webkit-details-marker { display:none; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual > summary::before { content:""; width:0; height:0; border-block:4px solid transparent; border-left:5px solid currentColor; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual[open] > summary::before { transform:rotate(90deg); }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual > :not(summary) { margin-top:4px; }
/* 색상 2개: 작은 스와치를 한 줄에. */
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-button-colors { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; flex:1 1 100%; min-width:0; margin:0; padding:0; border:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(.sjbanner-color-pair,.sjbanner-field:has(> input[type=color])) { display:inline-flex; flex-direction:row; align-items:center; gap:8px; flex:0 0 auto; width:auto; min-width:0; margin:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color] { flex:none; width:36px; height:36px; min-height:0; margin:0; padding:3px; border:1px solid var(--bb-field-line); border-radius:8px; background:var(--bb-field-bg); cursor:pointer; box-sizing:border-box; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color]::-webkit-color-swatch-wrapper { padding:0; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color]::-webkit-color-swatch { border:1px solid #0000001f; border-radius:5px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color]::-moz-color-swatch { border:1px solid #0000001f; border-radius:5px; }
:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color]:focus-visible { outline:2px solid var(--bb-focus); outline-offset:2px; }
@media(max-width:640px) {
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input:not([type=checkbox]):not([type=color]),select) { font-size:16px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=type],.sjbanner-field:has(> [data-banner-button-field=type])) { flex-basis:112px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is([data-banner-button-row=label],.sjbanner-field:has(> [data-banner-button-field=label])) { flex-basis:80px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search form { grid-template-columns:minmax(0,1fr) auto; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-search form > select { grid-column:1/-1; }
}
@media(pointer:coarse) {
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input:not([type=checkbox]):not([type=color]),select),:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(.sjbanner-post-picker,.sjbanner-post-search) button,:is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color] { min-height:40px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) :is(input:not([type=checkbox]):not([type=color]),select) { height:40px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) input[type=color] { width:40px; height:40px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-selected button { min-height:34px; }
  :is(.sjhero-button-fields,.sjhero-tools .sjbanner-button-controls) .sjbanner-post-manual > summary { min-height:40px; }
}
.sjhero-cta { display:inline-flex; align-items:center; justify-content:center; min-height:42px; max-width:100%; padding:10px 20px; border-radius:7px; font:700 15px/1.5 Pretendard,system-ui,sans-serif; text-align:center; text-decoration:none; overflow-wrap:anywhere; box-sizing:border-box; box-shadow:0 4px 12px #0002; }
.sjhero-cta:hover { filter:brightness(.95); }
.sjhero-cta:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.sjhero-post-modal { width:min(900px,calc(100% - 32px)); max-height:85dvh; margin:auto; padding:0; border:0; border-radius:16px; color:#172033; background:#fff; box-shadow:0 24px 80px #0005; }
.sjhero-post-modal::backdrop { background:#11182799; }
.sjhero-post-head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #e2e8f0; background:#fff; }
.sjhero-post-head h2 { margin:0; font-size:22px; font-weight:700; }
.sjhero-post-head button { min-width:40px; min-height:40px; border:0; border-radius:6px; color:#172033; background:#f1f5f9; font-size:28px; cursor:pointer; }
.sjhero-post-body { padding:24px; line-height:1.7; }
.sjhero-post-body figure.image { width:fit-content; }
.sjhero-post-body figure.image.image-style-align-left { margin-left:0; }
.sjhero-post-body figure.image.image-style-align-right { margin-right:0; }
.sjhero-post-body img { max-width:100%; height:auto; }
@media(max-width:600px) { .sjhero-post-head,.sjhero-post-body { padding:16px; } }