/* ラインナップ（#governance）を他ページへ埋め込むための CSS。continuous-fraud.html から自動抽出（extract-lineup-css.mjs）。
   すべて #governance の内側に閉じている。手で直さず、元の CSS を直して作り直す。 */
#governance{--lx-ink:#14263d;--soft:#f7f9fb;--line:#e5eaf0;--navy:#142d49;--head:#182f49;--sub:#53677d;--grad:linear-gradient(125deg,#173d66 0%,#2d6fa8 64%,#5bb7c8 120%);--cyan:#26acc2;--accent:#2f6fa7;--cyan-soft:#e2f6f9;--chip:#eef5fb;--muted:#657589;font-size:15px;color:rgb(38, 55, 72);line-height:27px;letter-spacing:0.075px}
#governance *,#governance *::before,#governance *::after{box-sizing:border-box}
#governance:is(*),#governance :is(*){box-sizing: border-box;}
#governance :is(h2),#governance :is(h3),#governance :is(p){margin: 0px;}
#governance :is(a){color: inherit; text-decoration: none;}
#governance :is(img){display: block;}
#governance:is(.lx){--lx-ink: #14263d; --lx-muted: #62748c; --lx-line: #e3e9f1; padding: 104px 0px 96px; background: rgb(255, 255, 255);}
#governance :is(.lx__wrap){width: calc(100% - 96px); max-width: 1440px; margin: 0px auto;}
#governance :is(.lx h2){margin: 0px 0px 56px; font-size: clamp(24px, 2.6vw, 38px); line-height: 1.45; font-weight: 500; letter-spacing: -0.03em; color: var(--lx-ink); word-break: auto-phrase;}
@media (max-width: 760px){#governance:is(.lx){padding: 72px 0px 64px;}#governance :is(.lx__wrap){width: calc(100% - 40px);}}
#governance :is(#governance .lx__wrap){width: min(1200px, 100% - 96px);}
@media (max-width: 760px){#governance :is(#governance .lx__wrap){width: calc(100% - 40px);}}
#governance :is(.svc-grid){list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px;}
#governance :is(.svc-card){position: relative; overflow: hidden; display: flex; min-height: 380px; border-radius: 28px; background: var(--soft); border: 1px solid var(--line);}
#governance :is(.svc-text){position: relative; z-index: 1; display: flex; flex-direction: column; width: 58%; padding: 40px 0px 40px 44px;}
#governance :is(.svc-mark){display: flex; align-items: center; gap: 8px; height: 34px;}
#governance :is(.svc-mark img){height: 28px; width: auto;}
#governance :is(.svc-mark span){font-size: 22px; font-weight: 600; color: var(--navy); transform: translateY(2px);}
#governance :is(.svc-card h3){margin: 22px 0px 14px; font-size: clamp(20px, 1.9vw, 26px); font-weight: 500; line-height: 1.55; letter-spacing: -0.02em; color: var(--head);}
#governance :is(.svc-card p){margin: 0px; font-size: 14px; line-height: 1.95; color: var(--sub);}
#governance :is(.svc-btn){margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 14px; min-width: 190px; justify-content: center; height: 48px; padding: 0px 26px; border-radius: 10px; background: var(--grad); color: rgb(255, 255, 255); font-size: 14.5px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;}
#governance :is(.svc-btn svg){width: 13px; height: 13px;}
#governance :is(.svc-btn:hover){transform: translateY(-1px); box-shadow: rgba(7, 49, 79, 0.6) 0px 12px 24px -12px;}
#governance :is(.svc-text p){margin-bottom: 28px;}
#governance :is(.svc-shot){position: absolute; right: -6%; bottom: -6%; width: 52%; height: auto; border-radius: 14px; border: 1px solid var(--line); box-shadow: rgba(7, 49, 79, 0.45) 0px 30px 60px -30px; transform: rotate(-4deg); transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);}
#governance :is(.svc-card:hover .svc-shot){transform: rotate(-2deg) translateY(-6px);}
@media (max-width: 900px){#governance :is(.svc-grid){grid-template-columns: 1fr;}#governance :is(.svc-text){width: 100%; padding: 32px 28px 220px;}#governance :is(.svc-shot){width: 80%; right: -6%; bottom: -10%;}}
#governance :is(.svc-card h3 .nb){display: inline-block;}
#governance :is(.svc-card){background: none; border: 0px; box-shadow: rgba(16, 45, 87, 0.55) 0px 30px 60px -44px;}
#governance :is(.svc-card)::before{content: ""; position: absolute; inset: 0px; z-index: 0; background: radial-gradient(120% 90% at 0% 0%,var(--c1) 0 38%,transparent 38.5%),
  radial-gradient(90% 80% at 110% 20%,var(--c2) 0 45%,transparent 45.5%),
  radial-gradient(140% 110% at 30% 120%,var(--c3) 0 55%,transparent 55.5%),
  linear-gradient(135deg,var(--c4),var(--c5));}
#governance :is(.svc-card)::after{content: ""; position: absolute; inset: 0px; z-index: 0; background: radial-gradient(80% 60% at 70% 10%, rgba(255, 255, 255, 0.55), transparent 60%); pointer-events: none;}
#governance :is(.svc-card .svc-shot){z-index: 1;}
#governance :is(.svc--aidil){--c1: #e3f6fc; --c2: #8fd8f0; --c3: #effafd; --c4: #c2ebf7; --c5: #1f9fd1;}
#governance :is(.svc--jsox){--c1: #dff6ea; --c2: #a9e7cb; --c3: #e9f8f0; --c4: #c6efd9; --c5: #7fd8b5;}
#governance :is(.svc--cont){--c1: #dfe7ff; --c2: #7f9cff; --c3: #eaf0ff; --c4: #b8c8ff; --c5: #3f5df0;}
#governance :is(.svc-grid){grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;}
#governance :is(.svc-card){min-height: 520px; flex-direction: column;}
#governance :is(.svc-text){width: 100%; padding: 34px 30px 0px;}
#governance :is(.svc-card h3){font-size: clamp(18px, 1.6vw, 22px);}
#governance :is(.svc-btn){margin-top: 22px;}
#governance :is(.svc-shot){position: relative; right: auto; bottom: auto; width: 86%; margin: 26px 0px -20px auto; transform: rotate(-3deg);}
#governance :is(.svc-card:hover .svc-shot){transform: rotate(-1.5deg) translateY(-4px);}
#governance :is(.svc-flow){list-style: none; margin: 0px 0px 22px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; position: relative;}
#governance :is(.svc-flow)::before{content: ""; position: absolute; left: 16px; right: 16px; top: 8px; height: 2px; background: linear-gradient(90deg,var(--line),var(--cyan)); border-radius: 2px;}
#governance :is(.svc-flow li){position: relative; padding-top: 26px;}
#governance :is(.svc-flow i){position: absolute; left: 8px; top: 1px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); border: 3px solid var(--accent);}
#governance :is(.svc-flow li:last-child i){border-color: var(--cyan);}
#governance :is(.svc-flow b){font-size: 15px; font-weight: 600; color: var(--head);}
#governance :is(.svc-card)::after{background: linear-gradient(rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.6)), radial-gradient(80% 60% at 70% 10%, rgba(255, 255, 255, 0.55), transparent 60%) !important;}
#governance :is(.svc-text){z-index: 2;}
@media (max-width: 1000px){#governance :is(.svc-grid),#governance :is(.svc-flow){grid-template-columns: 1fr !important;}#governance :is(.svc-flow)::before{display: none;}}
#governance :is(.svc-mark){align-items: center; height: 30px; gap: 10px;}
#governance :is(.svc-mark img){height: 26px; display: block;}
#governance :is(.svc-mark span){transform: none; font-size: 21px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; color: var(--navy); display: block; margin-top: 1px;}
#governance :is(.svc-shot){width: 118%; max-width: none; margin: 28px -24% -40px 30px; align-self: flex-start;}
#governance :is(.svc-card){min-height: 600px;}
#governance :is(.svc-text){flex: 1 1 auto;}
#governance :is(.svc-text p){margin-bottom: 0px;}
#governance :is(.svc-btn){margin-top: auto !important;}
#governance :is(.svc-text p){margin-bottom: 28px !important;}
#governance :is(.svc-card h3){min-height: 3.1em;}
#governance :is(.svc-shot){height: 270px; object-fit: cover; object-position: left top; flex: 0 0 auto;}
#governance :is(.svc-card){min-height: 0px !important;}
#governance :is(.svc-text){padding: 28px 28px 0px;}
#governance :is(.svc-card h3){margin: 16px 0px 10px; min-height: 0px;}
#governance :is(.svc-text p){margin-bottom: 20px !important; line-height: 1.85;}
#governance :is(.svc-btn){height: 44px;}
#governance :is(.svc-shot){height: 190px; margin-top: 22px; margin-bottom: -30px;}
#governance :is(.svc-foundation){position: relative; overflow: hidden; margin-top: 20px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; gap: 24px; padding: 36px 40px; border-radius: 28px; background: linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.55)),radial-gradient(120% 90% at 0% 0%,var(--cyan-soft) 0 40%,transparent 40.5%),linear-gradient(135deg,var(--soft),var(--chip)); border: 1px solid var(--line); box-shadow: rgba(16, 45, 87, 0.45) 0px 30px 60px -44px;}
#governance :is(.fnd-text){display: flex; flex-direction: column;}
#governance :is(.fnd-label){margin: 0px 0px 8px; font-size: 13px; font-weight: 700; color: var(--accent);}
#governance :is(.fnd-name){font-size: 22px; font-weight: 700; color: var(--navy); letter-spacing: -0.01em;}
#governance :is(.svc-foundation h3){margin: 14px 0px 10px; font-size: clamp(19px, 1.7vw, 24px); font-weight: 500; line-height: 1.55; color: var(--head);}
#governance :is(.svc-foundation h3 .nb){display: inline-block;}
#governance :is(.svc-foundation p){margin: 0px 0px 22px; font-size: 14px; line-height: 1.85; color: var(--sub);}
#governance :is(.fnd-graph){width: 100%; height: auto; overflow: visible;}
#governance :is(.fnd-graph line){stroke: var(--accent); stroke-width: 1.2; opacity: 0.35;}
#governance :is(.fnd-graph line.ring){stroke-dasharray: 3, 5; opacity: 0.3;}
#governance :is(.fnd-graph .dot){fill: var(--cyan); opacity: 0.5;}
#governance :is(.fnd-graph .nd circle){fill: rgb(255, 255, 255); stroke: var(--accent); stroke-width: 1.5; animation-duration: 3.2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: gov-fnd-pulse; animation-timeline: auto; animation-range: normal; animation-delay: var(--d); transform-box: fill-box; transform-origin: center center;}
#governance :is(.fnd-graph .nd.core circle){fill: var(--navy); stroke: var(--navy);}
#governance :is(.fnd-graph .nd text){font-size: 11px; font-weight: 600; fill: var(--head); text-anchor: middle;}
#governance :is(.fnd-graph .nd.core text){fill: rgb(255, 255, 255); font-size: 12.5px;}
@media (max-width: 1000px){#governance :is(.svc-foundation){grid-template-columns: 1fr; padding: 28px;}}
@media (prefers-reduced-motion: reduce){#governance :is(.fnd-graph .nd circle){animation: auto ease 0s 1 normal none running none;}}
#governance :is(.svc-phase){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 20px; align-items: end; margin-bottom: 14px; position: relative;}
#governance :is(.svc-phase span){font-size: 13px; font-weight: 700;}
#governance :is(.ph-pre){grid-column: 1; color: var(--muted); padding-left: 2px;}
#governance :is(.ph-post){grid-column: 2 / 4; color: var(--navy); background: var(--cyan-soft); border: 1px solid var(--line); border-radius: 10px; padding: 7px 14px; text-align: center;}
#governance :is(.ph-deal){position: absolute; left: calc(33.333% - 6px); bottom: -30px; transform: translateX(-50%); z-index: 2; color: rgb(255, 255, 255); background: var(--navy); border-radius: 999px; padding: 3px 12px; font-size: 12px !important;}
#governance :is(.svc-flow)::before{background: linear-gradient(90deg,var(--line) 0 33%,var(--cyan) 33% 100%);}
@media (max-width: 1000px){#governance :is(.svc-phase){display: none;}}
#governance :is(.ph-deal){left: calc(33.333% - 34px);}
@media (max-width: 560px){#governance :is(main h2){word-break: auto-phrase;}}
#governance :is(#governance .svc-card)::after{background: linear-gradient(rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.12)), radial-gradient(80% 60% at 70% 10%, rgba(255, 255, 255, 0.45), transparent 60%) !important;}
#governance:is(#governance){background: linear-gradient(160deg, rgb(10, 36, 66), rgb(15, 51, 89) 55%, rgb(18, 63, 107)); position: relative; overflow: hidden;}
#governance:is(#governance)::before{content: ""; position: absolute; right: -160px; top: -200px; width: 560px; height: 560px; border-radius: 50%; background: rgb(38, 172, 194); filter: blur(120px); opacity: 0.18; pointer-events: none;}
#governance :is(#governance .lx__wrap){position: relative;}
#governance :is(#governance h2){color: rgb(238, 250, 255);}
#governance :is(#governance .ph-pre),#governance :is(#governance .svc-flow b){color: rgb(198, 216, 231);}
#governance :is(#governance .ph-post){background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.15); color: rgb(238, 250, 255);}
#governance :is(#governance .ph-deal){background: rgb(38, 172, 194);}
#governance :is(#governance .svc-flow i){background: rgb(15, 51, 89);}
#governance :is(#governance .svc-foundation){background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.15);}
#governance :is(#governance .svc-foundation :is(.fnd-label, .fnd-name, p, h3)){color: rgb(238, 250, 255);}
#governance :is(#governance .svc-foundation){display: none;}
#governance :is(main :is(h2, h3, p, li, small, dd, figcaption, .ps-tab b, .ps-tab span)){word-break: auto-phrase;}
#governance :is(main :is(p, li, dd, small, .ps-tab span)){text-wrap: pretty;}
#governance :is(main :is(h2, h3)){text-wrap: balance;}
#governance :is(main :is(b, strong, .line-lock)){word-break: auto-phrase;}
#governance :is(main :is(b, strong, .line-lock)){text-wrap: balance;}
@keyframes gov-fnd-pulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
