/* =====================================================================
   30 Components — 再利用部品
   目次：pain カード／一覧カード／カード・ボタン共通トーン／比較表（.sx .cmp）／
         EF ブロックスタイル（ef-card・kicker・アイコン・STEP）／ロゴマーキー／
         セクション内の一覧／eDiscovery 系（ef-lead・ef-subhead・ef-flow5・ef-note）／
         ボタン運用ルール／ホバー整理／体験モジュール（.efx）／プラン帯／YouTube（ef-yt）
   ===================================================================== */

/* お困りごと・課題：painカード（見出し無しカラム内・ボタンを含まないカラムの段落）
/* --------------------------------------------------------------- */
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)) > p {
	position: relative;
	background: #fff;
	border: 1px solid var(--ef-line-soft);
	border-inline-start: 3px solid var(--ef-gold);
	padding: 1.15rem 1.35rem 1.15rem 3rem;
	margin: 0 0 1rem;
	line-height: 1.75;
	box-shadow: 0 1px 2px rgba(16,24,40,.05);
}
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)) > p:last-child { margin-bottom: 0; }
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)) > p::before {
	content: "!";
	position: absolute;
	left: 1rem;
	top: 1.15rem;
	width: 1.25rem;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ef-gold);
	color: #fff;
	border-radius: 50%;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1;
}

/* ---- 一覧カード（投稿テンプレートのグリッド：導入事例・コラム・活用例・セミナー） ---- */

/* 一覧（投稿テンプレ グリッド）をカード化：TOPと統一 */
.wp-block-post-template.is-layout-grid > li {
	position: relative; background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 1px 3px rgba(27,42,74,.05), 0 8px 24px rgba(27,42,74,.06);
	transition: transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease;
}
.wp-block-post-template.is-layout-grid > li .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.wp-block-post-template.is-layout-grid > li > .wp-block-post-featured-image { margin: 0; }
.wp-block-post-template.is-layout-grid > li > *:not(.wp-block-post-featured-image) { padding-left: 1.1rem; padding-right: 1.1rem; }
.wp-block-post-template.is-layout-grid > li > .wp-block-post-featured-image + * { padding-top: 1rem; }
.wp-block-post-template.is-layout-grid > li > *:last-child { padding-bottom: 1.2rem; }

/* 日付＋カテゴリ（1行・チップ）共通 */
.kl-meta-row { display: flex; flex-wrap: nowrap; align-items: center; gap: .6rem; }
.kl-meta-row .wp-block-post-date { margin: 0; color: var(--ef-muted); font-size: .8rem; white-space: nowrap; }
.kl-cat-label { margin: 0; line-height: 1; }
.kl-cat-label a { display: inline-block; background: rgba(27,42,74,.08); color: var(--ef-brand-navy); font-size: .72rem; padding: .18rem .6rem; border-radius: 999px; text-decoration: none; white-space: nowrap; }

/* セミナー：TOP のアーカイブへのリンク */
.kl-archive-link { margin-top: 1rem; }
.kl-archive-link a { color: var(--ef-brand-navy); font-weight: 600; }

/* ---- カード・ボタン共通トーン（角6px・細罫・軽い影・字間） ---- */
/* カード全般：角丸を抑え、細ボーダー＋軽い影で端正に */
.wp-block-post-template.is-layout-grid > li,
.entry-content .wp-block-column:has(> :is(h2,h3,h4).wp-block-heading:first-child){
	border-radius: var(--ef-radius) !important;
	border: 1px solid var(--ef-border) !important;
	box-shadow: var(--ef-shadow) !important;
}
/* 一覧カードのホバーは控えめに */
.wp-block-post-template.is-layout-grid > li:hover{
	transform: translateY(-3px);
	box-shadow: var(--ef-shadow-hover) !important;
}

/* 小要素の角も統一 */
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)) > p{ border-radius: var(--ef-radius); }
.entry-content .wp-block-quote{ border-radius: 0 var(--ef-radius) var(--ef-radius) 0; }

/* 見出し：字間を広げ、重厚感を */
.entry-content h2.wp-block-heading{ letter-spacing: .04em; }
.entry-content :is(h1,h3).wp-block-heading{ letter-spacing: .02em; }
/* ネイビー帯見出し（詳細・会社概要）の角も締める */
body.single-column .entry-content h2.wp-block-heading,
body.single-seminar .entry-content h2.wp-block-heading{ border-radius: var(--ef-radius); letter-spacing: .03em; }

/* ボタン統一：形・字間・余白＋主＝ネイビー塗り／副＝アウトライン */
.wp-block-button .wp-block-button__link{
	border-radius: var(--ef-radius);
	font-weight: 700;
	letter-spacing: .02em;
	padding: .85rem 1.9rem;
	transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link{
	background: var(--ef-brand-navy); color: #fff; border: 1px solid var(--ef-brand-navy);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
	background: #233457; border-color: #233457; box-shadow: var(--ef-shadow-hover);
}
.wp-block-button.is-style-outline .wp-block-button__link{
	background: transparent; color: var(--ef-brand-navy); border: 1px solid var(--ef-brand-navy);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
	background: var(--ef-brand-navy); color: #fff;
}

/* ---- 比較表（.sx > table.cmp）：TOP／EASY Forensics「既存ツールとの関係」。.sx は旧テストページ由来のラッパー名（本文HTMLで使用中のため維持）  */
.sx{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN',system-ui,sans-serif;color:var(--ef-ink);line-height:1.8;-webkit-font-smoothing:antialiased}
.sx *{box-sizing:border-box}
/* table */
.sx .cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--ef-white);border:1px solid var(--ef-line);border-radius:var(--ef-radius);overflow:hidden;font-size:14.5px}
.sx .cmp th,.sx .cmp td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--ef-line)}
.sx .cmp thead th{background:var(--ef-tint);font-weight:700;font-size:14px;color:var(--ef-ink)}
.sx .cmp thead th.own{background:var(--ef-navy);color:#fff}
.sx .cmp tbody td.own{background:rgba(2,132,199,.07);font-weight:700;color:var(--ef-navy)}
.sx .cmp tbody th{text-align:left;font-weight:700;background:var(--ef-tint);color:var(--ef-ink)}
.sx .cmp tbody tr:last-child td,.sx .cmp tbody tr:last-child th{border-bottom:none}
/* responsive */
@media(max-width:860px){
.sx .cmp{font-size:13px}
.sx .cmp th,.sx .cmp td{padding:11px 8px}
}

/* ---- EF ブロックスタイル（is-style-ef-card／is-style-ef-kicker／ef-ico／ef-step-pill／ef-tags） ---- */
.wp-block-group.is-style-ef-card{border:1px solid var(--ef-line);border-radius:6px;padding:24px;background:#fff;transition:.2s;height:100%}
.is-style-ef-kicker{display:flex;align-items:center;gap:10px;color:var(--ef-cyan);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.is-style-ef-kicker.has-text-align-center{justify-content:center}
.is-style-ef-kicker::before{content:"";width:26px;height:3px;background:var(--ef-cyan);display:inline-block;flex:none}
.ef-section h2.wp-block-heading::before{display:none}
.ef-ico{display:inline-flex;width:44px;height:44px;border-radius:8px;background:var(--ef-cyan-100);align-items:center;justify-content:center;margin-bottom:14px}
.ef-ico svg{width:24px;height:24px;stroke:var(--ef-cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ef-step-pill{display:inline-block;background:var(--ef-cyan);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.ef-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ef-tag{font-size:13px;font-weight:700;border:1px solid rgba(56,189,248,.5);color:var(--ef-cyan-light);padding:6px 14px;border-radius:999px}

/* ---- ロゴマーキー（kl-mq：inc/logo-cpt.php のショートコードが出力） ---- */
.kl-mq{overflow:hidden;position:relative;width:100%}
.kl-mq__t{display:flex;gap:3.5rem;width:max-content;align-items:center;padding:0 1.75rem;animation:klmq var(--kl-mqdur,55s) linear infinite}
.kl-mq:hover .kl-mq__t{animation-play-state:paused}
.kl-mq img{height:60px;width:auto;object-fit:contain;flex:0 0 auto;display:block}
.kl-mq a{flex:0 0 auto;display:block}
@keyframes klmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- セクション内の一覧（ef-section 内のクエリループ・最新投稿・セミナー） ---- */
.ef-section .wp-block-post-template{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.ef-section .wp-block-post-template>li{border:1px solid var(--ef-line);border-radius:6px;padding:24px;background:#fff;transition:.2s}
.ef-section .wp-block-post-template>li:hover{border-color:var(--ef-cyan);box-shadow:0 4px 16px -2px rgba(10,25,47,.08),0 2px 4px -2px rgba(10,25,47,.05);transform:translateY(-2px)}
.ef-section .wp-block-latest-posts__list{list-style:none;margin:0 auto;padding:0;max-width:820px;display:block}
.ef-section .wp-block-latest-posts__list>li{border:0;border-bottom:1px solid var(--ef-line);border-radius:0;padding:14px 4px;background:transparent;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ef-section .wp-block-latest-posts__post-date{order:-1;margin:0;color:var(--ef-cyan);font-weight:700;font-size:14px;white-space:nowrap;flex:none}
.ef-section .wp-block-latest-posts__post-title{margin:0;flex:1 1 auto}
.ef-proof .wp-block-column{border:1px solid var(--ef-line);border-radius:6px;padding:24px;background:#fff}

/* ===== 縦積みカード列（例：forensic「このような場面でご相談ください」）を全カード等高に ===== */
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)):has(> p + p){display:grid;grid-auto-rows:1fr;row-gap:16px}
.entry-content .wp-block-columns:not(:has(.wp-block-heading)) .wp-block-column:not(:has(.wp-block-buttons)):has(> p + p) > p{margin-block:0 !important}

/* ===== eDiscovery：対応内容／進め方／注記 ===== */
.entry-content p.ef-lead{max-width:1080px;margin-inline:auto !important;text-align:center;line-height:1.9}
.entry-content h3.ef-subhead{text-align:center;font-size:20px;line-height:1.5;margin-block-start:56px !important;margin-block-end:24px !important}
.entry-content h3.ef-subhead::after{content:"";display:block;width:32px;height:3px;background:var(--ef-cyan-500);border-radius:2px;margin:10px auto 0}
.entry-content ol.ef-flow5{list-style:none;counter-reset:efstep;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0 !important;margin-inline:0}
.entry-content ol.ef-flow5 > li{counter-increment:efstep;position:relative;margin:0 !important;padding:56px 8px 0 !important;text-align:center;font-weight:700;font-size:15px;line-height:1.6;color:var(--ef-navy)}
.entry-content ol.ef-flow5 > li::marker{content:none}
.entry-content ol.ef-flow5 > li::before{content:counter(efstep,decimal-leading-zero);position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:var(--ef-cyan);color:#fff;font:700 14px/40px Arial,Helvetica,sans-serif;text-align:center;z-index:1}
.entry-content ol.ef-flow5 > li:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(50% + 26px);width:calc(100% - 52px + 16px);height:2px;background:var(--ef-cyan-200)}
.entry-content p.ef-note{max-width:760px;margin-inline:auto !important;margin-block-start:40px !important;background:#fff;border:1px solid var(--ef-line);border-left:3px solid var(--ef-cyan-500);border-radius:6px;padding:14px 18px;font-size:14px;line-height:1.8;color:var(--ef-slate-600)}
@media(max-width:781px){
 .entry-content ol.ef-flow5{grid-template-columns:1fr;gap:12px}
 .entry-content ol.ef-flow5 > li{text-align:left;padding:8px 0 8px 56px !important;min-height:40px}
 .entry-content ol.ef-flow5 > li::before{left:0;top:0;transform:none}
 .entry-content ol.ef-flow5 > li:not(:last-child)::after{left:19px;top:44px;width:2px;height:calc(100% - 32px)}
}
body .wp-block-button > a.wp-block-button__link{transition:background-color .2s,border-color .2s,color .2s}
/* ---- ボタン運用ルール（リンク先URLで見た目が自動で決まる） ----
   1. フォームへの導線 … 塗り
      ・資料ダウンロード（/contact/document*）→ オレンジ
      ・お問い合わせ（/contact/・/contact/professional/・/contact/partner/）→ 水色
      ・緊急インシデント相談（/contact/emergency/ または .ef-btn-urgent）→ 赤
   2. フォームを含まないページ移動 … 枠線（暗い背景の上では白枠）
   ブロック側のインライン色指定に勝たせるため !important を使用している */
/* 1-a 資料ダウンロード：オレンジ */
body .wp-block-button > a.wp-block-button__link:is([href*="/contact/document"]){background:var(--ef-amber) !important;color:#fff !important;border:1.5px solid var(--ef-amber) !important}
body .wp-block-button > a.wp-block-button__link:is([href*="/contact/document"]):hover{background:var(--ef-amber-700) !important;border-color:var(--ef-amber-700) !important}
/* 1-b お問い合わせ（汎用・士業・パートナー）：水色 */
body .wp-block-button > a.wp-block-button__link:is([href$="/contact/"],[href*="/contact/professional/"],[href*="/contact/partner/"]){background:var(--ef-cyan) !important;color:#fff !important;border:1.5px solid var(--ef-cyan) !important}
body .wp-block-button > a.wp-block-button__link:is([href$="/contact/"],[href*="/contact/professional/"],[href*="/contact/partner/"]):hover{background:var(--ef-cyan-700) !important;border-color:var(--ef-cyan-700) !important}
/* 1-c 緊急インシデント相談：赤（例外） */
body .wp-block-button.ef-btn-urgent > a.wp-block-button__link,body .wp-block-button > a.wp-block-button__link[href*="/contact/emergency/"]{background:var(--ef-red) !important;color:#fff !important;border:1.5px solid var(--ef-red) !important}
body .wp-block-button.ef-btn-urgent > a.wp-block-button__link:hover,body .wp-block-button > a.wp-block-button__link[href*="/contact/emergency/"]:hover{background:var(--ef-red-700) !important;border-color:var(--ef-red-700) !important}
/* 2 ページ移動：枠線 */
body .wp-block-button:not(.ef-btn-urgent) > a.wp-block-button__link:not([href*="/contact/"]){background:transparent !important;color:var(--ef-brand-navy) !important;border:1.5px solid currentColor !important}
body .wp-block-button:not(.ef-btn-urgent) > a.wp-block-button__link:not([href*="/contact/"]):hover{background:rgba(27,42,74,.06) !important}
body :is(.has-ef-navy-background-color,.has-primary-background-color,.is-dark,.wp-block-cover) .wp-block-button:not(.ef-btn-urgent) > a.wp-block-button__link:not([href*="/contact/"]){color:#fff !important}
body :is(.has-ef-navy-background-color,.has-primary-background-color,.is-dark,.wp-block-cover) .wp-block-button:not(.ef-btn-urgent) > a.wp-block-button__link:not([href*="/contact/"]):hover{background:rgba(255,255,255,.1) !important}

/* ---- ホバー整理：クリックできない要素は反応させない／一覧カードは全面クリック ---- */
/* リンクのないカード：ホバー演出を無効化 */
.wp-block-group.is-style-ef-card:hover{border-color:var(--ef-line);box-shadow:none;transform:none}
.entry-content .ef-svc-grid .ef-svc-card:hover{border-color:var(--ef-line) !important;box-shadow:none;transform:none}
/* 一覧カード（コラム・活用例・導入事例・セミナー）：カード全体をクリック可能に（タイトルのリンクを全面に広げる） */
.wp-block-post-template > li{position:relative}
.wp-block-post-template > li .wp-block-post-title a::after{content:"";position:absolute;inset:0;z-index:1}
.wp-block-post-template > li .wp-block-post-terms a{position:relative;z-index:2}

/* ===================================================================== */
/* 体験モジュール（.efx）：①コピーと保全の違い ②ケースで見る              */
/* JSなしでも初期状態（コピー結果・労務ケース・痕跡1件目）が読める作り        */
/* ===================================================================== */
.efx{display:grid;gap:24px;color:var(--ef-brand-navy);font-size:16px;line-height:1.8}
.efx *{box-sizing:border-box}
.efx p{margin:0}
.efx button{font:inherit}
.efx button:focus-visible{outline:3px solid var(--ef-amber);outline-offset:2px}
/* 切り替えボタン */
.efx-seg{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.efx-seg button{font-weight:700;font-size:15px;line-height:1.5;padding:12px 20px;border-radius:6px;border:1.5px solid var(--ef-brand-navy);background:#fff;color:var(--ef-brand-navy);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.efx-seg button:hover{background:#EEF2F7}
.efx-seg button[aria-pressed="true"]{background:var(--ef-brand-navy);color:#fff}
.efx-seg button.is-copy[aria-pressed="true"]{background:var(--ef-red);border-color:var(--ef-red)}
.efx-seg button.is-ef[aria-pressed="true"]{background:var(--ef-cyan);border-color:var(--ef-cyan)}
/* ① 比較 */
.efx-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch}
.efx-panel{background:#fff;border:1px solid var(--ef-line);border-radius:8px;padding:22px;display:grid;gap:14px;align-content:start;min-width:0}
.efx-panel-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.efx-panel-h p{font-weight:700;color:var(--ef-brand-navy)}
.efx-tag{font-size:12px;font-weight:700;line-height:1.6;padding:3px 10px;border-radius:999px;background:var(--ef-tint);color:var(--ef-slate-500);border:1px solid var(--ef-line)}
.efx-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ef-tint);border-radius:6px;font-weight:700;font-size:14px;min-width:0}
.efx-file svg{flex:none}
.efx-file span{overflow-wrap:anywhere}
.efx-props{margin:0;display:grid}
.efx-props > div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--ef-line);align-items:baseline}
.efx-props dt{color:var(--ef-slate-500);font-size:13px;line-height:1.6}
.efx-props dt small{font-size:11px}
.efx-props dd{margin:0;font-size:14px;line-height:1.6;font-family:var(--ef-font-num);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.efx-props dd small{display:block;font-family:inherit;font-size:12px;margin-top:2px}
.efx-arrow{display:grid;place-items:center;align-content:center;color:var(--ef-slate-500);font-size:13px;line-height:1.5;text-align:center;gap:6px}
.efx-arrow svg{width:40px;height:40px}
.efx .v-bad{color:var(--ef-red);font-weight:700}
.efx .v-good{font-weight:700}
.efx .chg{animation:efx-flash .9s ease}
@keyframes efx-flash{0%{background:rgba(217,119,6,.35)}100%{background:transparent}}
.efx-verdict{display:block;padding:14px 16px;border-radius:6px;font-size:14px;line-height:1.7}
.efx-verdict.bad{background:var(--ef-red-50);color:#7F1D1D}
.efx-verdict b{display:block;font-size:15px}
.efx-case{display:grid;gap:22px}
.efx-case-title{font-weight:700;color:var(--ef-brand-navy);font-size:18px}
.efx.is-ready .efx-case-title{display:none}
.efx-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.efx-story > div{background:#fff;border:1px solid var(--ef-line);border-radius:8px;padding:16px 18px;min-width:0}
.efx-story p{font-size:14px;color:var(--ef-slate-600)}
.efx-story p:first-child{font-size:12px;font-weight:700;color:var(--ef-cyan);letter-spacing:.08em;margin-bottom:4px}
.efx-board{background:#fff;border:1px solid var(--ef-line);border-radius:8px;padding:22px;display:grid;gap:18px;min-width:0}
.efx-board-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.efx-board-h p{font-weight:700;color:var(--ef-brand-navy)}
.efx-sample{font-size:12px;color:var(--ef-slate-500)}
.efx-tl-scroll{overflow-x:auto}
.efx-tl{min-width:620px;display:grid;gap:12px}
.efx-lane,.efx-axis,.efx-gapnote{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;align-items:center}
.efx-lane{transition:opacity .25s}
.efx-lane.off{opacity:.15}
.efx-lane-label{font-size:13px;font-weight:700}
.efx-track{position:relative;height:30px;background:var(--ef-tint);border-radius:4px}
.efx-bar{position:absolute;top:5px;bottom:5px;border-radius:3px}
.efx-bar.att{background:var(--ef-brand-navy)}
.efx-bar.pc{background:var(--ef-cyan)}
.efx-bar.late{background:var(--ef-amber)}
.efx-ticks{position:relative;height:18px;font-family:var(--ef-font-num);font-size:12px;line-height:1.5;color:var(--ef-slate-500)}
.efx-ticks span{position:absolute;transform:translateX(-50%)}
.efx-gapwrap{position:relative;height:44px}
.efx-gapbox{position:absolute;top:0;height:100%;border:2px dashed var(--ef-amber);border-radius:4px;display:grid;place-items:center;font-size:13px;line-height:1.4;font-weight:700;color:var(--ef-amber-700);background:rgba(217,119,6,.06);text-align:center;transition:opacity .25s}
.efx-gapbox.off{opacity:0}
.efx-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ef-slate-600)}
.efx-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.efx-events{display:grid;gap:20px;align-items:start}
.efx-ev-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.efx-ev-list li{margin:0;padding:0}
.efx-ev-list li::before{content:none}
.efx-ev-list button{width:100%;text-align:left;display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--ef-line);border-radius:6px;background:#fff;cursor:pointer;color:var(--ef-brand-navy);line-height:1.6}
.efx-ev-list button:hover{border-color:var(--ef-cyan)}
.efx-ev-list button[aria-current="true"]{border-color:var(--ef-cyan);box-shadow:inset 4px 0 0 var(--ef-cyan);background:var(--ef-cyan-50)}
.efx-ev-time{font-family:var(--ef-font-num);font-size:13px;color:var(--ef-slate-500);font-variant-numeric:tabular-nums}
.efx-ev-title{font-size:14px;font-weight:700}
.efx-lv{display:inline-block;font-size:11px;font-weight:700;line-height:1.6;padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:1px}
.efx-lv.warn{background:var(--ef-red-50);color:var(--ef-red)}
.efx-lv.caution{background:#FEF3C7;color:var(--ef-amber-700)}
.efx-ev-detail{border-radius:8px;padding:20px;display:grid;gap:10px;min-width:0}
.efx-ev-detail p{font-size:14px;color:var(--ef-slate-600)}
.efx-ev-detail .d-k{font-size:12px;font-weight:700;color:var(--ef-cyan);letter-spacing:.08em}
.efx-ev-detail .d-h{font-weight:700;color:var(--ef-brand-navy);font-size:16px}
.efx-ev-nav{display:none;gap:10px;flex-wrap:wrap}
.efx.is-ready .efx-ev-nav{display:flex}
.efx-ev-nav button{font-size:14px;font-weight:700;line-height:1.5;padding:8px 16px;border-radius:6px;border:1.5px solid var(--ef-brand-navy);background:#fff;color:var(--ef-brand-navy);cursor:pointer}
.efx-ev-nav button:disabled{opacity:.35;cursor:default}
/* 薄水色の帯の上ではパネルを白のまま、白の帯の上では淡色に */
.has-white-background-color .efx-story > div,.has-white-background-color .efx-board,.has-white-background-color .efx-panel{background:#fff}
@media(max-width:760px){
 .efx-compare,.efx-story,.efx-events{grid-template-columns:minmax(0,1fr)}
 .efx-arrow{transform:rotate(90deg)}
 .efx-props > div{grid-template-columns:7.5em minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.efx *{animation:none !important;transition:none !important}}

/* ---- プラン帯（ef-planband：TOP SOLUTION内。金額は出さない） ---- */
.entry-content .ef-planband{max-width:1000px;margin-inline:auto !important;margin-block-start:40px !important;background:#fff;border:1px solid var(--ef-cyan-200);border-radius:8px;padding:22px 24px;display:grid;gap:14px}
.entry-content .ef-planband__main{list-style:none;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.entry-content .ef-planband__main li{margin:0 !important;padding:0 0 0 14px !important;border-left:3px solid var(--ef-cyan);display:grid;gap:2px}
.entry-content .ef-planband__main li::before{content:none !important}
.entry-content .ef-planband__main b{font-size:16px;line-height:1.5;color:var(--ef-navy)}
.entry-content .ef-planband__main span{font-size:13px;line-height:1.6;color:var(--ef-slate-500)}
.entry-content .ef-planband__sub{margin:0 !important;padding-top:12px;border-top:1px solid var(--ef-line);font-size:13px;line-height:1.8;color:var(--ef-slate-600);text-align:center}
.entry-content .ef-planband + .wp-block-buttons{margin-block-start:28px !important}
@media(max-width:781px){.entry-content .ef-planband__main{grid-template-columns:minmax(0,1fr)}.entry-content .ef-planband__sub{text-align:left}}
/* ケース切替ボタン（ボタン形式のスイッチ）：選択中＝紺 */
.efx-switch{margin-bottom:4px}
.efx-switch button{display:grid;gap:2px;text-align:center;min-width:240px}
.efx-switch button small{font-size:12px;font-weight:500;opacity:.8}
.efx-board .efx-seg button{border-width:1px;border-color:var(--ef-slate-300)}
/* hidden属性を優先（.efx-case の display:grid が hidden を上書きして全ケースが表示される不具合の修正） */
.efx [hidden]{display:none !important}

/* 体験モジュール：状態の色（保全＝水色／コピー＝赤）・表示切替・内部不正の説明 */
/* ① 色の対応：保全＝水色、コピー＝赤 で、ボタン・結果パネル・判定を統一 */
.efx .v-good{color:var(--ef-cyan-700)}
.efx-verdict.good{background:var(--ef-cyan-100);color:var(--ef-cyan-800)}
.efx-copy:has([data-mode="ef"][aria-pressed="true"]) .efx-compare > .efx-panel:last-child{border:2px solid var(--ef-cyan);box-shadow:0 0 0 4px rgba(2,132,199,.10)}
.efx-copy:has([data-mode="copy"][aria-pressed="true"]) .efx-compare > .efx-panel:last-child{border:2px solid var(--ef-red);box-shadow:0 0 0 4px rgba(220,38,38,.08)}
.efx-copy:has([data-mode="ef"][aria-pressed="true"]) [data-slot="tag"]{background:var(--ef-cyan);border-color:var(--ef-cyan);color:#fff}
.efx-copy:has([data-mode="copy"][aria-pressed="true"]) [data-slot="tag"]{background:var(--ef-red);border-color:var(--ef-red);color:#fff}
.efx-copy:has([data-mode="ef"][aria-pressed="true"]) .efx-arrow{color:var(--ef-cyan)}
.efx-copy:has([data-mode="copy"][aria-pressed="true"]) .efx-arrow{color:var(--ef-red)}

/* ② 労務：表示切替を気づきやすく（ラベル付きの区切りボタン＝セグメント） */
.efx-board .efx-seg{justify-content:flex-start;align-items:center;gap:0;flex-wrap:wrap}
.efx-board .efx-seg::before{content:"表示を切り替え";font-size:13px;font-weight:700;color:var(--ef-navy);margin-right:12px;display:inline-flex;align-items:center;gap:6px}
.efx-board .efx-seg button{font-size:14px;font-weight:700;padding:9px 16px;border-radius:0;border:1.5px solid var(--ef-cyan);color:var(--ef-cyan);background:#fff;margin-left:-1.5px}
.efx-board .efx-seg button:first-of-type{border-radius:6px 0 0 6px;margin-left:0}
.efx-board .efx-seg button:last-of-type{border-radius:0 6px 6px 0}
.efx-board .efx-seg button:hover{background:var(--ef-cyan-50)}
.efx-board .efx-seg button[aria-pressed="true"]{background:var(--ef-cyan);color:#fff;border-color:var(--ef-cyan);position:relative;z-index:1}
@media(max-width:560px){.efx-board .efx-seg::before{width:100%;margin:0 0 8px}.efx-board .efx-seg button{flex:1 1 0;padding:9px 8px;font-size:13px}}

/* ② 内部不正：右側＝「EASY Forensicsで分かること」と明示 */
.efx-events{grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr)}
.efx-ev-arrow{align-self:center;color:var(--ef-cyan)}
.efx-ev-arrow svg{width:32px;height:32px;display:block}
.efx-col-label{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ef-slate-500);margin-bottom:8px !important}
.efx-ev-col{min-width:0}
.efx-ev-detail{background:var(--ef-cyan-50);border:1.5px solid var(--ef-cyan-200);border-top:4px solid var(--ef-cyan)}
.efx-ev-badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;background:var(--ef-cyan);color:#fff;font-size:13px;font-weight:700;line-height:1.5;padding:4px 12px;border-radius:999px}
@media(max-width:760px){.efx-events{grid-template-columns:minmax(0,1fr)}.efx-ev-arrow{transform:rotate(90deg);justify-self:center}}
.efx-ev-detail .efx-ev-badge{color:#fff}

/* ---- YouTube クリック読み込み（ef-yt：inc/ef-youtube-lite.php が出力） ---- */
.ef-yt{margin:0 auto}
.ef-yt__media{position:relative;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.ef-yt__btn{position:absolute;inset:0;display:block;cursor:pointer}
.ef-yt__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}
.ef-yt__play{position:absolute;left:50%;top:50%;width:76px;height:54px;transform:translate(-50%,-50%);background:rgba(15,23,42,.82);border-radius:14px;transition:background .2s}
.ef-yt__play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.ef-yt__btn:hover .ef-yt__play,.ef-yt__btn:focus-visible .ef-yt__play{background:#FF0000}
.ef-yt__btn:hover .ef-yt__thumb{opacity:.9}
.ef-yt__btn:focus-visible{outline:3px solid var(--ef-cyan-light);outline-offset:-3px}
.ef-yt__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:560px){.ef-yt__play{width:60px;height:42px;border-radius:11px}.ef-yt__play::before{border-width:10px 0 10px 16px}}
/* STEPカード：STEPラベル直後の見出しの上余白を詰める */
.is-style-ef-card > .ef-step-pill + h3{margin-block-start:14px !important}

/* ===== セミナー告知カード（[ef_seminars] ／ inc/ef-seminar.php） ===== */
.ef-sem-list{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px auto 0;max-width:1160px}
/* 開催日を過ぎたカード・空になった一覧を JS で隠すため（hidden 属性を display 指定より優先。2026-10-19） */
.ef-sem-list[hidden],.ef-sem-list [hidden],.ef-sem-empty[hidden]{display:none !important}
.ef-sem-list--top:not(.is-single){grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.ef-sem-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ef-line);border-radius:var(--ef-radius);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.ef-sem-card:not(.is-nolink):hover{border-color:var(--ef-cyan);box-shadow:var(--ef-shadow-hover);transform:translateY(-2px)}
.ef-sem-card__thumb{aspect-ratio:16/9;background:var(--ef-tint);overflow:hidden}
.ef-sem-card__thumb a{display:block;height:100%}
.ef-sem-card__thumb.is-noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ef-navy),var(--ef-navy-2));position:relative}
.ef-sem-card__thumb.is-noimg span{color:var(--ef-cyan-light);font-family:var(--ef-font-num);font-weight:700;font-size:13px;letter-spacing:.24em}
.ef-sem-card__img{display:block;width:100%;height:100%;object-fit:cover}
.ef-sem-card__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px;gap:10px}
.ef-sem-card__body > *{margin:0 !important}
.ef-sem-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.4}
.ef-sem-card__badge{display:inline-block;background:var(--ef-cyan);color:#fff;font-weight:700;font-size:12px;letter-spacing:.06em;padding:4px 10px;border-radius:999px}
.ef-sem-list--past .ef-sem-card__badge{background:var(--ef-slate-500)}
.ef-sem-card__date{color:var(--ef-cyan-700);font-weight:700;font-family:var(--ef-font-num)}
.ef-sem-list--past .ef-sem-card__date{color:var(--ef-slate-600)}
.ef-sem-card__title{font-size:17px;line-height:1.55;font-weight:700}
.ef-sem-card__title a{color:var(--ef-brand-navy);text-decoration:none}
.ef-sem-card:not(.is-nolink):hover .ef-sem-card__title a{color:var(--ef-cyan)}
.ef-sem-card__note{font-size:14px;color:var(--ef-slate-600);line-height:1.6}
.ef-sem-card__excerpt{font-size:14px;color:var(--ef-slate-600);line-height:1.8}
.ef-sem-card__cta{margin-top:auto !important;padding-top:6px}
.ef-sem-card__btn{display:inline-flex;align-items:center;gap:6px;background:var(--ef-cyan);color:#fff !important;font-weight:700;font-size:14px;padding:10px 20px;border-radius:var(--ef-radius);text-decoration:none;transition:background .2s}
.ef-sem-card__btn::after{content:"";width:10px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") center/contain no-repeat}
.ef-sem-card__btn:hover{background:var(--ef-cyan-700)}
.ef-sem-card .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/* TOP で1件だけのとき：横長カード */
.ef-sem-list.is-single{grid-template-columns:1fr;max-width:880px}
@media (min-width:700px){
	.ef-sem-list.is-single .ef-sem-card{flex-direction:row}
	.ef-sem-list.is-single .ef-sem-card__thumb{flex:0 0 42%;aspect-ratio:auto;min-height:220px;position:relative}
	.ef-sem-list.is-single .ef-sem-card__img{position:absolute;inset:0}
	.ef-sem-list.is-single .ef-sem-card__body{padding:28px 30px}
	.ef-sem-list.is-single .ef-sem-card__title{font-size:20px}
}
/* /seminar/ 開催予定：本文（告知文）を全文表示する横長カード（layout="list"） */
.ef-sem-list--list{grid-template-columns:1fr !important;max-width:1000px}
.ef-sem-card.is-full .ef-sem-card__title{font-size:21px;line-height:1.5}
.ef-sem-card__content{font-size:15px;line-height:1.9;color:var(--ef-slate-600)}
.ef-sem-card__content > *{margin:0 0 1em !important}
.ef-sem-card__content > *:last-child{margin-bottom:0 !important}
.ef-sem-card__content h2,.ef-sem-card__content h3,.ef-sem-card__content h4{font-size:16px;line-height:1.5;color:var(--ef-brand-navy);margin:1.4em 0 .5em !important;padding:0;border:0;background:none}
.ef-sem-card__content h2::before,.ef-sem-card__content h3::before{content:none}
.ef-sem-card__content ul,.ef-sem-card__content ol{padding-left:1.4em}
.ef-sem-card__content img{max-width:100%;height:auto}
.ef-sem-card__content a{color:var(--ef-cyan)}
@media (min-width:800px){
	.ef-sem-card.is-full{flex-direction:row;align-items:flex-start}
	.ef-sem-card.is-full .ef-sem-card__thumb{flex:0 0 36%;margin:24px 0 24px 24px;border-radius:var(--ef-radius)}
	.ef-sem-card.is-full .ef-sem-card__body{padding:26px 30px 28px}
}
.ef-sem-card.is-full:not(.is-nolink):hover{transform:none}
.ef-sem-empty{text-align:center;color:var(--ef-slate-600);background:var(--ef-tint);border:1px dashed var(--ef-slate-300);border-radius:var(--ef-radius);padding:28px 20px;margin:32px auto 0 !important;max-width:760px}
.ef-sem-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:40px}
.ef-sem-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--ef-line);border-radius:var(--ef-radius);color:var(--ef-ink);text-decoration:none;font-family:var(--ef-font-num);font-size:14px}
.ef-sem-pager .page-numbers.current{background:var(--ef-navy);border-color:var(--ef-navy);color:#fff}
.ef-sem-pager a.page-numbers:hover{border-color:var(--ef-cyan);color:var(--ef-cyan)}
@media (max-width:960px){.ef-sem-list:not(.is-single){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ef-sem-list:not(.is-single){grid-template-columns:1fr}}

/* ===== 3ステップの紙芝居アニメーション（TOP「SOLUTION」）：CSSのみ・スクリプトなし。タイミングは --cyc（1周12秒）を3等分 ===== */
.ef-flowanim{--cyc:12s;max-width:1160px;margin:32px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.ef-flowanim__panel{position:relative;background:#fff;border:1px solid var(--ef-line);border-top:4px solid var(--ef-line);border-radius:var(--ef-radius);padding:20px 20px 22px;animation:efa-active var(--cyc) infinite}
.ef-flowanim__panel:nth-child(2){animation-delay:calc(var(--cyc) / -3 * 2)}
.ef-flowanim__panel:nth-child(3){animation-delay:calc(var(--cyc) / -3)}
@keyframes efa-active{0%,31%{border-top-color:var(--ef-cyan);box-shadow:0 10px 24px -8px rgba(2,132,199,.28);transform:translateY(-3px)}34%,100%{border-top-color:var(--ef-line);box-shadow:none;transform:none}}
.ef-flowanim__panel:not(:last-child)::after{content:"";position:absolute;right:-21px;top:118px;width:14px;height:14px;border-top:3px solid var(--ef-cyan);border-right:3px solid var(--ef-cyan);transform:rotate(45deg)}
.ef-flowanim__pill{display:inline-block;background:var(--ef-navy);color:#fff;font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;padding:6px 10px;border-radius:999px}
.ef-flowanim__stage{margin:14px 0 12px;background:var(--ef-cyan-50);border-radius:var(--ef-radius);aspect-ratio:3/2;overflow:hidden}
.ef-flowanim__stage svg{display:block;width:100%;height:100%}
.ef-flowanim__title{font-size:19px;line-height:1.45;margin:0 0 6px;color:#1B2A4A}
.ef-flowanim__text{font-size:14px;line-height:1.8;color:var(--ef-slate-600);margin:0}
.ef-flowanim__subs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.ef-flowanim__subs li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.6;background:#F8FAFC;border:1px solid var(--ef-line);border-radius:6px;padding:8px 10px}
.ef-flowanim__subs b{flex:0 0 auto;font:700 12px/1.6 Arial,sans-serif;color:var(--ef-cyan)}
.ef-flowanim__subs .is-ok b{color:var(--ef-green)}
.ef-flowanim__subs .is-alert b{color:var(--ef-amber)}

/* ---- 共通：PCの画面 ---- */
.efa-screen-off{animation:efa-screen var(--cyc) infinite}
@keyframes efa-screen{0%,10%{opacity:1}14%,96%{opacity:0}100%{opacity:1}}
/* STEP1：USBが挿さる → 画面が点く → メニューが出る */
.efa-usb{animation:efa-usb var(--cyc) infinite;transform-box:fill-box}
@keyframes efa-usb{0%,2%{transform:translateX(46px)}10%,96%{transform:translateX(0)}100%{transform:translateX(46px)}}
.efa-menu{animation:efa-menu var(--cyc) infinite}
@keyframes efa-menu{0%,15%{opacity:0}20%,96%{opacity:1}100%{opacity:0}}
.efa-spark{animation:efa-spark var(--cyc) infinite;transform-origin:206px 120px}
@keyframes efa-spark{0%,9%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(1)}16%,100%{opacity:0;transform:scale(1.3)}}

/* STEP2：カーソル → 「解析」クリック → 進捗バー → レポートが出る（タイミングはパネル2の活性帯 33〜66% に合わせる） */
.efa-cursor{animation:efa-cursor var(--cyc) infinite;transform-box:fill-box}
@keyframes efa-cursor{0%,33%{transform:translate(60px,40px);opacity:0}36%{opacity:1}40%{transform:translate(0,0)}42%{transform:translate(0,0) scale(.85)}44%,58%{transform:translate(0,0);opacity:1}62%,100%{opacity:0}}
.efa-btn-press{animation:efa-press var(--cyc) infinite}
@keyframes efa-press{0%,41%{fill:#0284C7}42%,46%{fill:#075985}48%,100%{fill:#0284C7}}
.efa-bar{animation:efa-bar var(--cyc) infinite;transform-box:fill-box;transform-origin:left center}
@keyframes efa-bar{0%,44%{transform:scaleX(0)}56%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.efa-bar-wrap{animation:efa-barwrap var(--cyc) infinite}
@keyframes efa-barwrap{0%,43%{opacity:0}44%,96%{opacity:1}100%{opacity:0}}
.efa-report2{animation:efa-report2 var(--cyc) infinite;transform-box:fill-box}
@keyframes efa-report2{0%,57%{transform:translate(0,60px);opacity:0}63%,96%{transform:translate(0,0);opacity:1}100%{opacity:0}}
.efa-sub2-1{animation:efa-fadein-a var(--cyc) infinite}
.efa-sub2-2{animation:efa-fadein-b var(--cyc) infinite}
@keyframes efa-fadein-a{0%,40%{opacity:.35}44%,96%{opacity:1}100%{opacity:.35}}
@keyframes efa-fadein-b{0%,58%{opacity:.35}62%,96%{opacity:1}100%{opacity:.35}}

/* STEP3：レポートを確認（虫眼鏡）→ 3-1 問題なし／3-2 疑いあり→保全 */
.efa-lens{animation:efa-lens var(--cyc) infinite;transform-box:fill-box}
@keyframes efa-lens{0%,66%{transform:translate(0,0)}72%{transform:translate(30px,12px)}78%{transform:translate(8px,30px)}84%,100%{transform:translate(30px,30px)}}
.efa-ok{animation:efa-ok var(--cyc) infinite}
@keyframes efa-ok{0%,74%{opacity:0}78%,98%{opacity:1}100%{opacity:0}}
.efa-alert{animation:efa-alert var(--cyc) infinite}
@keyframes efa-alert{0%,82%{opacity:0}86%,98%{opacity:1}100%{opacity:0}}
.efa-ssd{animation:efa-ssd var(--cyc) infinite;transform-box:fill-box}
@keyframes efa-ssd{0%,86%{transform:translateX(-24px);opacity:0}91%,98%{transform:translateX(0);opacity:1}100%{opacity:0}}
.efa-sub3-1{animation:efa-fadein-c var(--cyc) infinite}
.efa-sub3-2{animation:efa-fadein-d var(--cyc) infinite}
@keyframes efa-fadein-c{0%,74%{opacity:.35}78%,98%{opacity:1}100%{opacity:.35}}
@keyframes efa-fadein-d{0%,84%{opacity:.35}88%,98%{opacity:1}100%{opacity:.35}}

/* 動きを減らす設定の人には、完成状態の静止画で見せる */
@media (prefers-reduced-motion: reduce){
 .ef-flowanim *,.ef-flowanim__panel{animation:none !important}
 .efa-screen-off,.efa-cursor{opacity:0}
 .efa-sub2-1,.efa-sub2-2,.efa-sub3-1,.efa-sub3-2{opacity:1}
}
@media (max-width:860px){
 .ef-flowanim{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .ef-flowanim__panel:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-21px;transform:translateX(-50%) rotate(135deg)}
}
.entry-content .ef-flowanim h3.ef-flowanim__title{margin:0 0 6px !important}
.entry-content .ef-flowanim p.ef-flowanim__text{margin:0 !important}
.entry-content .ef-flowanim ul.ef-flowanim__subs{margin:12px 0 0 !important;padding:0 !important}
.entry-content .ef-flowanim ul.ef-flowanim__subs li{margin:0 !important}