/* お役立ち記事：標準ブロック部品。記事ルート内限定。 */
.oyk-article{--oyk-cream:#FFFAF3;--oyk-paper:#FFFDF8;--oyk-brown:#5A3B22;--oyk-ink:#4A3426;--oyk-pink:#F2A5AE;--oyk-coral:#EE7F6F;--oyk-accent:#EE7F6F;--oyk-green:#7F9226;--oyk-line:#EADCC8;box-sizing:border-box;width:100%;max-width:960px;margin:0 auto!important;background:var(--oyk-cream);color:var(--oyk-ink);font-family:'Zen Kaku Gothic New','Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere;}
.oyk-article *{box-sizing:border-box;min-width:0;}
.oyk-article p,.oyk-article li{font-family:'Zen Kaku Gothic New','Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;line-height:1.9;color:var(--oyk-ink);}
.oyk-article p{margin:0 0 1em;}
.oyk-article strong{font-weight:700;color:inherit;}
.oyk-article .oyk-hero{display:grid;grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:auto auto auto;column-gap:20px;row-gap:4px;align-items:center;background:#FFF0F1;border-bottom:2px solid var(--oyk-pink);padding:18px 28px 16px;margin:0!important;}
.oyk-article .oyk-label{grid-column:1;grid-row:1;margin:0;font:700 11px/1.5 'Helvetica Neue',Arial,sans-serif;letter-spacing:.12em;color:var(--oyk-green);}
.oyk-article h1.oyk-title{grid-column:1;grid-row:2;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--oyk-brown);font:700 34px/1.35 'Zen Maru Gothic','Hiragino Maru Gothic ProN','Hiragino Sans',sans-serif;letter-spacing:.02em;}
.oyk-article .oyk-subtitle{grid-column:1;grid-row:3;margin:0;color:var(--oyk-accent);font:700 16px/1.6 'Zen Maru Gothic','Hiragino Sans',sans-serif;}
.oyk-article .oyk-hero-image{grid-column:2;grid-row:1 / 4;align-self:center;justify-self:center;width:104px;max-width:100%;margin:0!important;}
.oyk-article .oyk-hero-image img{display:block;width:100%;height:auto;margin:0;}
.oyk-article .oyk-body{width:100%;max-width:760px;margin:0 auto!important;padding:24px 24px 48px;}
.oyk-article .oyk-toc{background:var(--oyk-paper);border:2px solid var(--oyk-brown);border-radius:16px;padding:14px 18px;margin:0 0 26px!important;}
.oyk-article .oyk-toc-label{font:700 12px/1.5 'Helvetica Neue',Arial,sans-serif;letter-spacing:.14em;color:var(--oyk-green);margin:0 0 6px;}
.oyk-article .oyk-toc-help{font-size:14px;line-height:1.7;margin:0 0 8px;}
.oyk-article ol.oyk-toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;list-style:none;counter-reset:oyk-toc;margin:0;padding:0;}
.oyk-article .oyk-toc-list li{counter-increment:oyk-toc;margin:0;padding:0;list-style:none;}
.oyk-article .oyk-toc-list li:before{content:none;}
.oyk-article .oyk-toc-list a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 2px;border-bottom:1px dashed var(--oyk-line);color:var(--oyk-ink)!important;text-decoration:none!important;font-size:15px;line-height:1.5;font-weight:700;}
.oyk-article .oyk-toc-list a:before{content:counter(oyk-toc);flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--oyk-accent);color:#fff;font:700 13px/1 Arial,sans-serif;}
.oyk-article a:focus-visible{outline:3px solid var(--oyk-brown);outline-offset:3px;}
.oyk-article h2.oyk-h2{display:flex;gap:10px;align-items:flex-start;clear:both;margin:40px 0 14px;padding:0 0 8px;border:0;border-bottom:2px dashed var(--oyk-pink);border-radius:0;background:none;box-shadow:none;color:var(--oyk-brown);font:700 22px/1.5 'Zen Maru Gothic','Hiragino Sans',sans-serif;scroll-margin-top:110px;}
.oyk-article h1.oyk-title:before,.oyk-article h1.oyk-title:after,.oyk-article h2.oyk-h2:after{content:none!important;}
.oyk-article h2.oyk-h2:before{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin:0;border:0;border-radius:50%;background:var(--oyk-accent);color:#fff;font:700 17px/1 Arial,sans-serif;}
@media(max-width:767px){.oyk-article .oyk-hero{grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:auto auto auto;column-gap:10px;row-gap:6px;padding:14px 16px 12px;}.oyk-article .oyk-label{grid-column:1 / -1;grid-row:1;font-size:10px;letter-spacing:.08em;}.oyk-article h1.oyk-title{grid-column:1 / -1;grid-row:2;font-size:27px;}.oyk-article .oyk-subtitle{grid-column:1;grid-row:3;font-size:14.5px;line-height:1.6;}.oyk-article .oyk-hero-image{grid-column:2;grid-row:3;width:78px;}.oyk-article .oyk-body{padding:18px 16px 36px;}.oyk-article ol.oyk-toc-list{grid-template-columns:minmax(0,1fr);}.oyk-article .oyk-toc{padding:12px 14px;}.oyk-article h2.oyk-h2{font-size:19px;scroll-margin-top:90px;}.oyk-article h2.oyk-h2:before{flex-basis:30px;width:30px;height:30px;font-size:16px;}}
@media(max-width:340px){.oyk-article .oyk-hero{grid-template-columns:minmax(0,1fr) 64px;}.oyk-article .oyk-hero-image{width:60px;}.oyk-article h1.oyk-title{font-size:25px;}}
.oyk-article .oyk-hero>.wp-block-group__inner-container{display:contents;}
.oyk-article .oyk-hero figure.wp-block-image{grid-column:2;grid-row:1 / 4;align-self:center;justify-self:center;width:104px;max-width:100%;margin:0!important;}
.oyk-article .oyk-hero figure.wp-block-image img{display:block;width:100%;height:auto;margin:0;}
@media(max-width:767px){.oyk-article .oyk-hero figure.wp-block-image{grid-column:2;grid-row:3;width:78px;}}
@media(max-width:340px){.oyk-article .oyk-hero figure.wp-block-image{width:60px;}}
.oyk-article{--oyk-pink-light:#FFF0F1;--oyk-line:#F2A5AE;}
.oyk-article .oyk-hero{background:var(--oyk-pink-light);padding-left:64px;padding-right:64px;align-items:start;}
.oyk-article .oyk-hero .oyk-subtitle{align-self:start;}
@media(min-width:768px) and (max-width:1024px){.oyk-article .oyk-hero{padding-left:36px;padding-right:36px;}}
@media(max-width:767px){
.oyk-article .oyk-hero{padding:14px 18px 12px;grid-template-columns:minmax(0,1fr) 78px;row-gap:4px;}
.oyk-article .oyk-hero .oyk-subtitle{grid-column:1;grid-row:3;align-self:start;margin:0;line-height:1.6;}
.oyk-article .oyk-hero figure.wp-block-image{grid-column:2;grid-row:3;align-self:start;width:78px;margin:0!important;}
}
@media(max-width:340px){.oyk-article .oyk-hero{padding-left:16px;padding-right:16px;grid-template-columns:minmax(0,1fr) 70px;}.oyk-article .oyk-hero figure.wp-block-image{width:70px;}}
.oyk-article{--oyk-card-line:#EADCC8;--oyk-lime:#D9E27A;--oyk-sky:#A9D3E2;--oyk-sky-light:#E6F3F8;--oyk-end-pink:#FFE3E5;}
.oyk-article h2.oyk-h2{line-height:1.4;align-items:center;}
.oyk-article .oyk-bubble{background:#fff;border:2px solid var(--oyk-brown);border-radius:18px;padding:14px 18px;margin:0 0 22px;font-weight:700;}
.oyk-article .oyk-note{background:var(--oyk-sky-light);border-left:6px solid var(--oyk-sky);border-radius:0 12px 12px 0;padding:10px 16px;font-size:14px;margin:0 0 1em;}
.oyk-article .oyk-key{background:var(--oyk-lime);border:2.5px solid var(--oyk-brown);border-radius:16px;padding:14px 18px;font-weight:700;margin:0 0 1em;}
.oyk-article .oyk-end{background:var(--oyk-end-pink);border:2.5px solid var(--oyk-brown);border-radius:20px;padding:18px 22px;margin:34px 0 0!important;font-weight:700;}
.oyk-article .oyk-end p{margin:0;}
.oyk-article .oyk-card{background:var(--oyk-paper);border:2.5px solid var(--oyk-brown);border-radius:18px;box-shadow:5px 5px 0 var(--oyk-pink);padding:14px 20px;margin:0 0 20px!important;width:100%;max-width:100%;}
.oyk-article ul.oyk-checklist{list-style:none;margin:0;padding:0;}
.oyk-article ul.oyk-checklist>li{position:relative;list-style:none;margin:0;padding:7px 0 7px 36px;border-bottom:1px dashed var(--oyk-card-line);}
.oyk-article ul.oyk-checklist>li:last-child{border-bottom:0;}
.oyk-article ul.oyk-checklist>li:before{content:"";position:absolute;left:2px;top:12px;width:20px;height:20px;border:2.5px solid var(--oyk-coral);border-radius:6px;background:#fff;}
@media(max-width:600px){.oyk-article h2.oyk-h2{font-size:19px;}.oyk-article .oyk-card{padding:10px 14px;}}
.oyk-article .oyk-media{display:grid;grid-template-columns:minmax(0,1fr) var(--oyk-illustration-width,190px);gap:16px;align-items:end;margin:0 0 20px!important;}
.oyk-article .oyk-media>.wp-block-group__inner-container{display:contents;}
.oyk-article .oyk-media--small{--oyk-illustration-width:150px;}
.oyk-article .oyk-media--standard{--oyk-illustration-width:190px;}
.oyk-article .oyk-media--compact{--oyk-illustration-width:170px;align-items:center;}
.oyk-article .oyk-media--large{--oyk-illustration-width:200px;}
.oyk-article .oyk-media .oyk-card{margin:0!important;}
.oyk-article .oyk-media .oyk-media-copy{margin:0;}
.oyk-article .oyk-media-copy p:last-child{margin-bottom:0;}
.oyk-article figure.oyk-body-image{width:var(--oyk-illustration-width,190px);max-width:100%;margin:0!important;justify-self:center;}
.oyk-article figure.oyk-body-image img{display:block;width:100%;max-width:100%;height:auto;margin:0;}
@media(max-width:600px){
.oyk-article .oyk-media{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;}
.oyk-article .oyk-media--small{--oyk-illustration-width:150px;}
.oyk-article .oyk-media--standard{--oyk-illustration-width:180px;}
.oyk-article .oyk-media--compact{--oyk-illustration-width:150px;}
.oyk-article .oyk-media--large{--oyk-illustration-width:210px;}
}
.oyk-article p.oyk-supervisor{margin:24px 0 10px;padding:12px 18px;background:#fff;border:2px solid var(--oyk-card-line);border-radius:14px;font-size:14px;line-height:1.8;}
.oyk-article .oyk-supervisor-label{display:block;font-size:12px;color:#8a7262;}
.oyk-article .oyk-supervisor strong{font-size:15px;}
.oyk-article p.oyk-reference{margin:0;font-size:12.5px;color:#7a6455;line-height:1.8;padding:0 0 32px;overflow-wrap:anywhere;}
.oyk-article .oyk-reference strong{display:block;}
@media(max-width:600px){
.oyk-article :is(.oyk-bubble,.oyk-card,.oyk-note,.oyk-key,.oyk-end){margin-top:20px!important;margin-bottom:20px!important;}
.oyk-article .oyk-media:has(.oyk-card){margin-top:20px!important;margin-bottom:20px!important;}
.oyk-article .oyk-media .oyk-card{margin-top:0!important;margin-bottom:0!important;}
.oyk-article p.oyk-reference{font-size:14px;}
}

/* セクション順に自動採番。番号なし見出しは別クラスを使用。 */
.oyk-article .oyk-body{counter-reset:oyk-section;}
.oyk-article .oyk-section--numbered{counter-increment:oyk-section;}
.oyk-article .oyk-section--numbered>h2.oyk-h2:before,
.oyk-article .oyk-section--numbered>.wp-block-group__inner-container>h2.oyk-h2:before{content:counter(oyk-section);}
.oyk-article .oyk-section{margin:0;}
.oyk-article>.wp-block-group__inner-container{width:100%;}

/* 第7段階：番号なし見出しだけは装飾番号を生成しない。 */
.oyk-article h2.oyk-h2--plain:before{content:none!important;}

/* 複製用の部品グループ内でも、GENSENの最終段落指定に消されず元の外余白を維持する。 */
.oyk-article .oyk-part p.oyk-bubble{margin-bottom:22px;}
.oyk-article .oyk-part p.oyk-note,.oyk-article .oyk-part p.oyk-key{margin-bottom:1em;}
@media(min-width:601px){.oyk-article .oyk-part:has(p.oyk-end){margin-bottom:22px!important;}}

/* 通常本文のみ：GENSENのp下余白2.4em・行高2.4を限定上書き。
   専用パーツ内部と、装飾用段落そのものは変更しない。 */
.oyk-article .oyk-body p:not(:where(
 .oyk-hero p,.oyk-toc p,.oyk-part p,.oyk-white-box p,
 .oyk-card p,.oyk-note p,.oyk-key p,.oyk-end p,
 .oyk-media p,.oyk-component p,.oyk-p9-card p,.oyk-p9-directory p,
 .oyk-p10-part p,.oyk-t11-part p,.oyk-supervisor p,.oyk-reference p
)):not(.oyk-bubble,.oyk-note,.oyk-key,.oyk-end,.oyk-label,.oyk-subtitle,.oyk-card-label,.is-style-oyk-label-peach,.is-style-oyk-label-lime,.is-style-oyk-label-sky,.is-style-oyk-label-pink){
 margin:0 0 14px!important;
 line-height:1.8!important;
}

/* 共通記事のリスト文章は1.6。項目のmargin/padding/gapは維持。 */
.oyk-article li,
.oyk-article.oyk-article .oyk-body li p,
.oyk-article li :is(p,a,strong,em){line-height:1.6!important;}
/* 1行目の中央へ合わせる。チェック枠20px・丸12pxの大きさは維持。 */
.oyk-article ul.oyk-checklist>li::before{top:calc(7px + .8em - 10px)!important;}
.oyk-article .oyk-component ul.oyk-round-list>li::before,
.oyk-article .oyk-t11-part ul.oyk-t11-round>li::before{top:calc(11px + .8em - 6px)!important;}
/* 縦型STEP：見出し16px×1.6を基準に番号・丸・連続点線を揃える。 */
.oyk-article :is(.oyk-step-list,.oyk-t11-timeline){--oyk-step-first-line:25.6px;--oyk-step-dot-y:12.8px;}
.oyk-article :is(.oyk-step-list,.oyk-t11-timeline)>li::before{
 height:var(--oyk-step-first-line)!important;line-height:var(--oyk-step-first-line)!important;
 background-image:radial-gradient(circle at var(--t11-dot-x) var(--oyk-step-dot-y),#E9A3AD 3px,rgba(233,163,173,0) 3.7px)!important;
}
.oyk-article :is(.oyk-step-list,.oyk-t11-timeline)>li::after{top:var(--oyk-step-dot-y)!important;bottom:calc(-1 * var(--oyk-step-dot-y))!important;}
@media(max-width:600px){.oyk-article :is(.oyk-step-list,.oyk-t11-timeline){--oyk-step-first-line:24.8px;--oyk-step-dot-y:12.4px;}}

/* 2026-10-20: 標準の本文＋イラスト。画像削除・未設定時だけ空の画像列を畳む。 */
.oyk-article .oyk-media--standard:not(:has(figure img[src])){
 grid-template-columns:minmax(0,1fr);
}

/* 目次一覧の下にある補足案内だけに余白を追加。 */
.oyk-article .oyk-toc-list + .oyk-toc-help{margin-top:8px!important;}

.oyk-article h3.oyk-green-heading{font:700 14px/1.6 'Zen Maru Gothic','Hiragino Maru Gothic ProN',sans-serif;color:var(--oyk-green,#7F9226);margin:0 0 8px!important;padding:0;border:0;background:none;box-shadow:none;}
.oyk-article h3.oyk-green-heading::before,.oyk-article h3.oyk-green-heading::after{content:none!important;}

/* 2026-10-21：記事ルート内の本文行間。見出し扱い・操作部・ラベルは維持。 */
.oyk-article.oyk-article .oyk-body p:not(:where(
 .oyk-hero p,.oyk-toc p,.oyk-credits p,.oyk-supervisor-card p,
 .wp-block-buttons p,.oyk-p9-chip p,.oyk-p9-info-label p,
 .oyk-p10-voice-label-box p,.oyk-p10-voice-who-box p,
 .oyk-emergency-alert-heading p,.oyk-emergency-copy p,
 .oyk-p10-alert-heading p,.oyk-p10-emergency-call p
)):not(:where(.oyk-label,.oyk-subtitle,.oyk-toc-label,.oyk-toc-help,.oyk-card-label,
 .oyk-p9-chip,.oyk-p9-info-label,.oyk-p10-voice-label,.oyk-p10-voice-who,
 .is-style-oyk-label-peach,.is-style-oyk-label-lime,.is-style-oyk-label-sky,.is-style-oyk-label-pink)){
 line-height:1.6!important;
}
/* 本文と画像を実幅で配分。画像ブロックの標準「幅」を優先する。 */
.oyk-article .oyk-media--standard{display:flex;align-items:center;gap:16px;}
.oyk-article .oyk-media--standard .oyk-media-copy{flex:1 1 0%;min-width:0;}
.oyk-article .oyk-media--standard figure.oyk-body-image{flex:0 1 auto;max-width:42%;}
.oyk-article .oyk-media--standard figure.oyk-body-image:has(img[style*="width:"]){width:fit-content;}
.oyk-article .oyk-media--standard figure.oyk-body-image img{max-width:100%;height:auto;}
.oyk-article :is(.oyk-media-copy,.oyk-p10-media-copy)>.oyk-component{width:100%;max-width:none;margin:0!important;}
.oyk-article :is(.oyk-media-copy,.oyk-p10-media-copy)>.oyk-component .oyk-round-card{margin-bottom:0;}
.oyk-article :is(.oyk-media-copy,.oyk-p10-media-copy)>.oyk-component+p{margin-top:12px!important;}
/* 選択した声カードの親グループだけを2列化。既存の単独カードは維持。 */
.oyk-article .is-style-oyk-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin-bottom:24px;}
.oyk-article .is-style-oyk-voice-grid>:is(.wp-block-group__inner-container,.block-editor-inner-blocks),
.oyk-article .is-style-oyk-voice-grid>.block-editor-inner-blocks>.block-editor-block-list__layout{display:contents;}
.oyk-article .is-style-oyk-voice-grid>.oyk-p10-part.oyk-p10-part,
.oyk-article .is-style-oyk-voice-grid>.wp-block-group__inner-container>.oyk-p10-part.oyk-p10-part{width:auto;margin:0!important;}
.oyk-article .is-style-oyk-voice-grid .oyk-p10-voice{margin-bottom:0!important;}
@media(max-width:767px){
 .oyk-article .oyk-media--standard{flex-direction:column;align-items:stretch;}
 .oyk-article .oyk-media--standard .oyk-media-copy{flex:auto;width:100%;}
 .oyk-article .oyk-media--standard figure.oyk-body-image{max-width:100%;align-self:center;}
 .oyk-article .is-style-oyk-voice-grid{grid-template-columns:minmax(0,1fr);}
}