/* 採用済みの縦型STEP・丸付きリスト。既存試作のクラスは変更しない。 */
.oyk-component,.oyk-component *{box-sizing:border-box;min-width:0;}
.oyk-component{--t11-brown:#5A3B22;--t11-ink:#4A3426;--t11-cream:#FFFAF3;--t11-pink:#F2A5AE;color:var(--t11-ink);font-family:'Zen Kaku Gothic New',sans-serif;line-height:1.9;margin:0 0 24px!important;}
/* 番号と丸は1行目の中心(13.5px)。余白をli内に含めて次の丸まで点線を伸ばす。 */
.oyk-article .oyk-component .oyk-step-list{--t11-gap:30px;--t11-dot-x:38px;--t11-text-x:54px;--t11-inset:16px;--t11-number:17px;display:block;list-style:none;counter-reset:t11-step;background:var(--t11-cream);padding:0 0 0 var(--t11-inset)!important;margin:0!important;border:0;border-radius:0;box-shadow:none;}
.oyk-article .oyk-component .oyk-step-list>li{display:block;position:relative;counter-increment:t11-step;list-style:none;margin:0!important;padding:0 0 var(--t11-gap) var(--t11-text-x)!important;border:0;border-radius:0;box-shadow:none;background:none;color:var(--t11-ink);font:400 15px/1.85 'Zen Kaku Gothic New',sans-serif;overflow:visible;overflow-wrap:anywhere;}
.oyk-article .oyk-component .oyk-step-list>li:last-of-type{padding-bottom:0!important;}
.oyk-article .oyk-component .oyk-step-list>li::before{content:counter(t11-step,decimal-leading-zero);position:absolute;z-index:2;left:0;top:0;display:block;width:calc(var(--t11-dot-x) + 5px);height:27px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;text-align:left;color:#EE7F6F;font:700 var(--t11-number)/27px 'Helvetica Neue',Arial,sans-serif;letter-spacing:.04em;background:radial-gradient(circle at var(--t11-dot-x) 13.5px,#E9A3AD 3px,rgba(233,163,173,0) 3.7px) no-repeat;}
.oyk-article .oyk-component .oyk-step-list>li::after{content:'';display:block;position:absolute;z-index:1;left:calc(var(--t11-dot-x) - 1px);top:13.5px;bottom:-13.5px;width:2px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(to bottom,#E6C9C6 0 2px,transparent 2px 6px);pointer-events:none;}
.oyk-article .oyk-component .oyk-step-list>li:last-of-type::after{display:none;}
.oyk-article .oyk-component .oyk-step-list>li strong{display:block;color:var(--t11-brown);font:700 16px/27px 'Zen Maru Gothic',sans-serif;margin:0 0 1px;}
.oyk-article .oyk-component .oyk-step-list>li br{display:none;}
/* 丸付きリスト。点線色は選択色から独立した固定値。 */
.oyk-article .oyk-component .oyk-round-card{background:var(--t11-cream);border:2.5px solid var(--t11-brown);border-radius:18px;box-shadow:5px 5px 0 var(--t11-pink);padding:6px 20px;margin:0 5px 20px 0;}
.oyk-article .oyk-component ul.oyk-round-list{--t11-dot:#D9E27A;list-style:none;padding:0;margin:0;}
.oyk-article .oyk-component ul.oyk-round-list.is-style-oyk-round-list-pink{--t11-dot:var(--t11-pink);}
.oyk-article .oyk-component ul.oyk-round-list>li{position:relative;list-style:none;padding:11px 0 11px 26px;margin:0;border:0;border-bottom:1px dashed #EADCC8;font:700 15.5px/1.8 'Zen Kaku Gothic New',sans-serif;overflow-wrap:anywhere;}
.oyk-article .oyk-component ul.oyk-round-list>li:last-of-type{border-bottom:0;}
.oyk-article .oyk-component ul.oyk-round-list>li::before{content:'';position:absolute;left:2px;top:17px;width:12px;height:12px;margin:0;padding:0;border:2px solid var(--t11-brown);border-radius:50%;box-shadow:none;background:var(--t11-dot);}
.oyk-article .oyk-component ul.oyk-round-list>li::after{content:none;}
@media(max-width:600px){
 .oyk-article .oyk-component .oyk-step-list{--t11-gap:26px;--t11-dot-x:34px;--t11-text-x:48px;--t11-inset:10px;--t11-number:16px;}
 .oyk-article .oyk-component .oyk-step-list>li{font-size:14.5px;}
 .oyk-article .oyk-component .oyk-step-list>li strong{font-size:15.5px;}
 .oyk-article .oyk-component .oyk-round-card{padding:4px 14px;}
}
@media(max-width:340px){.oyk-article .oyk-component .oyk-step-list{--t11-dot-x:31px;--t11-text-x:43px;--t11-inset:8px;--t11-number:15px;}}
/* エディターの追加ボタンは採番・最終項目判定の対象外。 */
.editor-styles-wrapper .oyk-component .wp-block{max-width:none;margin-left:0!important;margin-right:0!important;}
.editor-styles-wrapper .oyk-component .oyk-step-list{position:relative;}
.editor-styles-wrapper .oyk-component .oyk-step-list>.block-list-appender{position:absolute;left:0;bottom:-10px;}