:root {
  /* ==============================
     기본 치수
  ============================== */
  --cut: 20px;                       /* 육각형 컷 길이 */
  --border: 3px;                     /* 테두리 두께 */
  --inner-cut: calc(var(--cut) - var(--border));

  /* ==============================
     배경 패턴
  ============================== */
  --bg-pattern:
    linear-gradient(#ffffff20 2px, transparent 2px) 0 0 / 3px 5px;
 --bg-border-color:
    linear-gradient(180deg, #BAEDE6, #4C70AE);

  /* ==============================
     육각형 클리핑 경로
  ============================== */
  --cut-clip-path:
      polygon(
	  calc(var(--cut)) 0%,
	  calc(100% - var(--cut)) 0%,
	  100% 50%,
	  calc(100% - var(--cut)) 100%,
	  calc(var(--cut)) 100%, 
	  0% 50%
    );
  --cut-clip-path-crop:
      polygon(
	  calc(var(--cut)) 0%,
	  100% 0%,
	  100% 100%,
	  calc(var(--cut)) 100%, 
	  0% 50%
    );
  --cut-clip-path-6:
    polygon(
      calc(var(--cut)) 0%,
      100% 0%,
      100% calc(100% - var(--cut)),
      calc(100% - var(--cut)) 100%,
      0% 100%,
      0% calc(var(--cut))
    );
  --cut-clip-path-8:
    polygon(
      calc(var(--cut)) 0%,
      calc(100% - var(--cut)) 0%,
      100% calc(var(--cut)),
      100% calc(100% - var(--cut)),
	  calc(100% - var(--cut)) 100%,
	  calc(var(--cut)) 100%, 
	  0% calc(100% - var(--cut)),
      0% calc(var(--cut))
    );
}



/* ======================================
   기본 요소
====================================== */
:is(.wp-block-post-content :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]),
.wp-block-post-content figure,
.story-bub-box1,
.story-bub-outside) {
  position: relative;
}

/* 텍스트 스타일 한정 */
:is(.wp-block-post-content :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]),
.story-bub-box1,
.story-bub-outside) {
  display: inline-block;
  text-indent: 0;
  font-family: 'GowunDodum-Regular', sans-serif;
}
.wp-block-post-content :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) {
  padding: 20px;
  font-weight: bold;
}
/* 대사, h3 통합 설정 */
:is(.wp-block-post-content :is(h3,.custom-style-h3),
.story-bub-outside,
.story-bub-box1.another)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
/* 대사, h3 통합 테두리 */
:is(.wp-block-post-content :is(h3,.custom-style-h3),
.story-bub-outside,
.story-bub-box1.another)::after {
  content: "";
  position: absolute;
  inset: calc(var(--border) * -1);
  background: var(--bg-border-color);
  z-index: -2;
}
.story-bub-outside {
  background: none;
  min-width: 4em;
  color: #eee;
  text-shadow: 2px 2px #000;
  padding: 10px 20% 10px 20px;
  filter: none !important;
  z-index: 5;
}
.story-bub-outside::before {
  background: #13438D;
  clip-path: var(--cut-clip-path-crop);
  -webkit-mask-image: linear-gradient(110deg, black 50%, transparent 85% 90%);
  mask-image: linear-gradient(110deg, black 50%, transparent 85% 90%);
}
.story-bub-outside::after {
  clip-path: var(--cut-clip-path-crop);
  -webkit-mask-image: linear-gradient(110deg, black 50%, transparent 85% 90%);
  mask-image: linear-gradient(110deg, black 50%, transparent 85% 90%);
}
.wp-block-post-content :is(h3,.custom-style-h3),
.story-bub-box1,
.story-bub-box1:is(.another,.main-chara) {
	z-index: 2;
  color: #eee;
}
.story-bub-box1:not(.another) {
  background: var(--bg-pattern),#05102C;
  margin-top: -10px;
  padding: 25px 15px;
  border-radius: 15px;
}
.story-bub-box1.another {
  display: block;
  text-align: center;
  background: none;
}
.story-bub-box1.another::before {
  background: #000;
  clip-path: var(--cut-clip-path-6);
}
.story-bub-box1.another::after {
  display: block !important;
  clip-path: var(--cut-clip-path-6);
}

.wp-block-post-content :is(h3,.custom-style-h3)::before {
  background: #090911;
  clip-path: var(--cut-clip-path)
	
}
.wp-block-post-content :is(h3,.custom-style-h3)::after {
  clip-path: var(--cut-clip-path)
}

.wp-block-post-content :is(h1,h2,.custom-style-h1,.custom-style-h2) {
	display: block;
	padding: 30px 20px 15px 20px;
	font-family: 'RIDIBatang', sans-serif !important;
	color: #eee;
	text-shadow: 0 0 5px black;
}
.wp-block-post-content :is(h1,h2,.custom-style-h1,.custom-style-h2)::before,
.wp-block-post-content :is(h1,h2,.custom-style-h1,.custom-style-h2)::after {
  content: "";
  inset: 0;
  position: absolute;
}
.wp-block-post-content :is(h1,h2,.custom-style-h1,.custom-style-h2)::before {
	z-index: -2;
}
.wp-block-post-content :is(h1,h2,.custom-style-h1,.custom-style-h2)::after{
	z-index: -1;
}
.wp-block-post-content :is(h1,.custom-style-h1)::before {
	background: linear-gradient(90deg, #247890, #1E4D7B, #465479);
	mask-image: linear-gradient(180deg,transparent,black 25%);
  -webkit-mask-image: linear-gradient(180deg,transparent,black 25%);
}
.wp-block-post-content :is(h1,.custom-style-h1)::after {
	background: linear-gradient(0deg, #ffffff 2px,#52ABD3 2px,transparent 10px);
	mask-image: linear-gradient(90deg,transparent,black 25% 75%,transparent);
  -webkit-mask-image: linear-gradient(90deg,transparent,black 25% 75%,transparent);
}
.wp-block-post-content :is(h2,.custom-style-h2){
    font-style: italic;
}
.wp-block-post-content :is(h2,.custom-style-h2)::before {
	background: linear-gradient(0deg, #3F6081, #1D7E91 5% 40%, transparent 80%);
	mask-image: linear-gradient(90deg,transparent,black 5% 30%,transparent 80%);
  -webkit-mask-image: linear-gradient(90deg,transparent,black 5% 30%,transparent 80%);
}
.wp-block-post-content :is(h2,.custom-style-h2)::after {
	background: linear-gradient(0deg, #ffffff 2px,#52ABD3 2px, #286A8C 10px, transparent 30px);
	mask-image: linear-gradient(90deg,transparent,black 5% 30%,transparent 80%);
  -webkit-mask-image: linear-gradient(90deg,transparent,black 5% 30%,transparent 80%);
}

.wp-block-post-content :is(h4,.custom-style-h4) {
	font-size: var(--wp--preset--font-size--xx-large);
	text-align: center;
	text-shadow: 0 3px 2px #3B63C5;
	filter: drop-shadow(0 0 10px #6387E7);
    color: #fff;
}

.wp-block-post-content figure>* {
	overflow: hidden;
	border-radius: 15px;
}

.twitter-style > :is(p, div,li,figure)::before {
	background: url("https://chottolatte.mycafe24.com/wp-content/uploads/icon-and-imoji/2-yal.webp") no-repeat center / cover
}