@charset "UTF-8";

/* ---------- CSS Variables ---------- */
:root{
  --blue:#0075a2; --blue-light:#2ba2d0; --blue-bright:#1E6FD0;
  --red:#E0363B; --red-cta:#cc0011;
  --ink:#173347; --sub:#5a6275; --line:#e6e9f0;
  --bg-soft:#eaf4fb; --bg-tint:#f0f4fb; --chip:#d1e7f4;
  --font-jp:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --font-en:"Montserrat",var(--font-jp);
}

/* Latin display accents use Montserrat, matching the live site */
.font-en{font-family:var(--font-en)}

/* Hide existing theme floating banner on case study pages to prevent overlap */
.fix_banner, .floating-banner, #fix_banner, .fix-cta, .l-fix_cta { display: none !important; }

/* ---------- Page scaffolding ---------- */
.breadcrumbs{max-width:1200px;margin:0 auto;padding:20px 24px 0;font-size:12px;color:#9f9f9f}
.breadcrumbs a:hover{color:var(--blue)}
.breadcrumbs .sep{margin:0 6px}

/* ---------- Page hero ---------- */
.page-hero{position:relative;overflow:hidden;padding:76px 24px 84px;color:#fff;
  background:
   linear-gradient(108deg,
     #0B2B58 0%, #123f74 30%, #1a3a63 43%,
     #4a2b56 49%,
     #b90c33 55%, #d70530 72%, #ed0338 100%);
}
.page-hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,20,44,.55) 0%,rgba(6,20,44,0) 32%,rgba(6,20,44,0) 60%,rgba(6,16,40,.4) 100%);
  z-index:1;pointer-events:none}
.page-hero::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(146,158,175,.28) 0%,rgba(146,158,175,.08) 34%,transparent 60%);
  z-index:1;pointer-events:none}
.hero-motif{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.7}
.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.eyebrow,.page-title .en,.related-inner h2 .en,.hero-stats .num,.result-card .rc-num,
.case-result .rnum,.growth-badges span,.header-nav .en,.mtype{font-family:var(--font-en)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:3px;color:#fff}
.eyebrow::before{content:"";width:26px;height:2px;background:#fff}
.page-title{font-size:64px;font-weight:700;letter-spacing:3px;margin:18px 0 10px;line-height:1.22;color:#fff;text-shadow:0 2px 18px rgba(6,16,40,.35)}
.page-title .en{display:block;font-size:15px;font-weight:700;letter-spacing:6px;color:rgba(255,255,255,.95);margin-top:14px;text-shadow:0 1px 8px rgba(6,16,40,.5)}
.page-lead{max-width:680px;color:#fff;font-size:15px;font-weight:500;text-shadow:0 1px 10px rgba(6,16,40,.55)}
.hero-stats{display:flex;gap:44px;margin-top:40px;flex-wrap:wrap;justify-content:center}
.hero-stats .stat .num{font-size:36px;font-weight:800;color:#fff;line-height:1}
.hero-stats .stat .num .val{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:inline-block;transition:transform .25s ease}
.hero-stats .stat.is-done .num .val{animation:statPop .45s ease}
@keyframes statPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-stats .stat.is-done .num .val{animation:none}}
.hero-stats .stat .num .unit{font-size:15px;margin-left:2px;color:rgba(255,255,255,.85)}
.hero-stats .stat .lab{font-size:12px;color:rgba(255,255,255,.72);margin-top:7px;letter-spacing:1px}
.hero-stats .stat{position:relative;padding-left:16px;text-align:left}
.hero-stats .stat::before{content:"";position:absolute;left:0;top:2px;bottom:14px;width:3px;border-radius:2px;background:linear-gradient(#fff,rgba(255,255,255,.3))}
@media(max-width:640px){.page-title{font-size:40px;letter-spacing:1px}}

/* ---------- Full-screen hero slider (top visual) ---------- */
.hero-fs{position:relative;height:72vh;min-height:520px;max-height:720px;overflow:hidden;color:#fff}
.fs-slider{position:absolute;inset:0;z-index:0}
.fs-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1;cursor:pointer}
.fs-slide.active{opacity:1;z-index:2}
.fs-slide .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);filter:blur(22px) brightness(.6);transition:transform 7.5s ease-out}
.fs-slide.active .bg{transform:scale(1.04)}
.fs-slide .img{position:absolute;inset:0;background-size:contain;background-position:right center;background-repeat:no-repeat;transform:scale(1.04);transition:transform 7.5s ease-out}
.fs-slide.active .img{transform:scale(1)}
.fs-slide::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(95deg, rgba(6,20,44,.86) 0%, rgba(6,20,44,.66) 26%, rgba(6,20,44,.18) 50%, transparent 74%),
    linear-gradient(0deg, rgba(6,16,40,.88) 0%, transparent 42%),
    radial-gradient(120% 80% at 85% 12%, rgba(237,3,56,.18), transparent 55%);
}
.hero-fs-inner{position:relative;z-index:5;height:100%;max-width:1200px;margin:0 auto;padding:0 44px 68px;display:flex;flex-direction:column;justify-content:flex-end}
.hero-fs-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:12px;font-weight:700;letter-spacing:3px;color:#fff;margin-bottom:14px;text-shadow:0 2px 14px rgba(6,16,40,.7)}
.hero-fs-eyebrow::before{content:"";width:26px;height:2px;background:var(--red-cta)}
.hero-fs-thesis{font-size:clamp(22px,3vw,40px);font-weight:700;line-height:1.18;letter-spacing:1px;margin-bottom:26px;text-shadow:0 3px 24px rgba(6,16,40,.6)}
.hero-fs-thesis .en{display:block;font-family:var(--font-en);font-size:13px;font-weight:700;letter-spacing:5px;color:rgba(255,255,255,.92);margin-top:12px}
.hero-caps{position:relative;width:100%;display:grid;min-height:132px}
.cap-slide{grid-area:1/1;width:100%;opacity:0;transition:opacity 1s ease;pointer-events:none}
.cap-slide.active{opacity:1;pointer-events:auto}
.cap-slide .cap-inner{max-width:min(640px,56vw)}
.cap-slide .cat{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:1px;background:var(--red-cta);padding:5px 13px;border-radius:14px;margin-bottom:14px;opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}
.cap-slide .co{display:block;font-size:clamp(22px,2.6vw,34px);font-weight:700;line-height:1.28;text-shadow:0 2px 12px rgba(6,16,40,.5);opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.cap-slide .copy{display:block;font-size:15px;font-weight:500;line-height:1.6;color:rgba(255,255,255,.94);margin-top:12px;text-shadow:0 1px 10px rgba(6,16,40,.55);opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.cap-slide .more{margin-top:16px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.cap-slide .more .arw{transition:transform .2s}
.fs-slide:hover ~ .hero-fs-inner .cap-slide.active .more .arw{transform:translateX(4px)}
.cap-slide.active .cat{opacity:1;transform:none;transition-delay:.2s}
.cap-slide.active .co{opacity:1;transform:none;transition-delay:.32s}
.cap-slide.active .copy{opacity:1;transform:none;transition-delay:.46s}
.cap-slide.active .more{opacity:1;transform:none;transition-delay:.6s}
.hero-fs-stats{display:flex;gap:38px;margin-top:30px;flex-wrap:wrap}
.hero-fs-stats .stat{position:relative;padding-left:15px}
.hero-fs-stats .stat::before{content:"";position:absolute;left:0;top:2px;bottom:13px;width:3px;border-radius:2px;background:linear-gradient(#fff,rgba(255,255,255,.3))}
.hero-fs-stats .num{font-family:var(--font-en);font-size:30px;font-weight:800;line-height:1}
.hero-fs-stats .num .unit{font-size:14px;margin-left:2px;color:rgba(255,255,255,.85)}
.hero-fs-stats .lab{font-size:11.5px;color:rgba(255,255,255,.72);margin-top:6px;letter-spacing:1px}
.fs-nav{position:absolute;right:44px;bottom:28px;z-index:6;display:flex;align-items:center;gap:20px}
.fs-count{font-family:var(--font-en);font-size:14px;letter-spacing:1px;color:#fff}
.fs-count .cur{color:#fff}
.fs-count .sep{color:rgba(255,255,255,.5);margin:0 5px}
.fs-count #fsTot{color:rgba(255,255,255,.6)}
.fs-bars{display:flex;gap:9px}
.fs-bars button{width:42px;height:3px;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer;overflow:hidden;position:relative;border-radius:2px}
.fs-bars button .fill{position:absolute;inset:0;width:0;background:var(--red-cta)}
.fs-bars button.on .fill{width:100%}
.fs-arrows{display:flex;gap:9px;margin-left:6px}
.fs-arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.4);background:rgba(6,16,40,.35);backdrop-filter:blur(6px);border-radius:50%;color:#fff;cursor:pointer;font-size:16px;transition:.3s;display:flex;align-items:center;justify-content:center}
.fs-arrows button:hover{background:var(--red-cta);border-color:var(--red-cta)}
@media(max-width:820px){
  .hero-fs{height:auto;min-height:0;max-height:none}
  .hero-fs-inner{padding:0 22px 84px;min-height:74vh;justify-content:flex-end}
  .fs-slide::after{background:linear-gradient(0deg,rgba(6,16,40,.94) 0%,rgba(6,16,40,.45) 46%,rgba(6,16,40,.5) 100%),radial-gradient(120% 60% at 80% 8%,rgba(237,3,56,.28),transparent 55%)}
  .fs-slide .img{background-position:center top}
  .cap-slide .cap-inner{max-width:100%}
  .hero-fs-stats{gap:22px;margin-top:24px}
  .hero-fs-stats .num{font-size:24px}
  .fs-nav{right:20px;bottom:18px;gap:12px}
  .fs-arrows{display:none}
  .fs-bars button{width:30px}
}

/* ---------- Filter bar ---------- */
.filterbar{max-width:1200px;margin:0 auto;padding:28px 24px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filter-label{font-size:12px;font-weight:700;color:var(--sub);letter-spacing:1px;margin-right:4px}
.chip{font-size:12.5px;font-weight:500;padding:7px 16px;border-radius:20px;border:1px solid var(--line);color:var(--sub);background:#fff;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--blue-light);color:var(--blue)}
.chip.is-active{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---------- Card grid ---------- */
.cases-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 80px}
.card-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:26px !important}
@media(max-width:960px){.card-grid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:600px){.card-grid{grid-template-columns:1fr !important}}
.case-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;cursor:pointer;text-decoration:none}
.case-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(23,51,71,.28)}
.case-thumb{position:relative;aspect-ratio:16/10;overflow:hidden}
.case-thumb .ph{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.case-card:hover .case-thumb .ph{transform:scale(1.05)}
.badge-media{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}
.badge-media span{font-size:10.5px;font-weight:700;color:#fff;background:rgba(23,51,71,.78);backdrop-filter:blur(2px);padding:3px 9px;border-radius:12px;letter-spacing:.5px}
.badge-media span.tv{background:rgba(224,54,59,.9)}
.badge-media span.paper{background:rgba(0,117,162,.9)}
.case-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.case-cat{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:1px}
.case-ttl{font-size:16px;font-weight:700;line-height:1.5;margin:8px 0 10px;flex:1;color:var(--ink)}
.case-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub);margin-bottom:14px}
.case-meta .co{font-weight:700;color:var(--ink)}
.case-result{background:var(--bg-tint);border-radius:10px;padding:12px 14px;display:flex;align-items:baseline;gap:8px}
.case-result .rnum{font-size:22px;font-weight:900;color:var(--red)}
.case-result .rlab{font-size:11.5px;color:var(--sub);line-height:1.4}
.card-more{margin-top:14px;font-size:13px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:6px}
.card-more .arw{transition:transform .2s}
.case-card:hover .card-more .arw{transform:translateX(4px)}

.load-more{display:flex;justify-content:center;margin-top:48px}
.btn--outline{border:1.5px solid var(--blue);color:var(--blue);border-radius:30px;padding:14px 46px;font-weight:700;font-size:14px;letter-spacing:2px;transition:.25s}
.btn--outline:hover{background:var(--blue);color:#fff}

/* ---------- Detail page ---------- */
.detail-hero{background:linear-gradient(135deg,#eaf4fb 0%,#f6fbff 60%,#fff 100%) !important;position:relative !important;overflow:hidden !important;padding:48px 0 64px !important;margin:0 !important}
.detail-hero-inner{max-width:820px !important;margin:0 auto !important;padding:0 24px !important;position:relative !index:1 !important}
.dh-tags{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-bottom:18px !important}
.dh-tags span{font-size:11px !important;font-weight:700 !important;padding:5px 13px !important;border-radius:14px !important;background:var(--chip) !important;color:var(--blue) !important}
.dh-tags span.tv{background:#fbe0e1 !important;color:var(--red) !important}
.detail-title{font-size:clamp(20px,3.6vw,30px) !important;font-weight:700 !important;line-height:1.4 !important;letter-spacing:-.01em !important;margin:16px 0 24px !important;color:var(--ink) !important;white-space:normal !important}
@media(max-width:820px){.detail-title{font-size:26px !important;line-height:1.45 !important}}
@media(max-width:600px){.detail-title{font-size:22px !important}}
.dh-company{display:flex !important;align-items:center !important;gap:16px !important;margin-top:26px !important;padding-top:22px !important;border-top:1px solid rgba(23,51,71,.1) !important}
.dh-logo{width:60px !important;height:60px !important;border-radius:12px !important;background:#fff !important;border:1px solid var(--line) !important;display:grid !important;place-items:center !important;font-weight:700 !important;color:var(--blue) !important;font-size:22px !important;flex:none !important}
.dh-company .info .name{font-weight:700 !important;font-size:16px !important;color:var(--ink) !important}
.dh-company .info .desc{font-size:12.5px !important;color:var(--sub) !important;margin-top:2px !important}

.detail-body{max-width:820px !important;margin:0 auto !important;padding:0 24px !important}
@media(max-width:900px){.detail-body{max-width:100% !important}}
.article{padding:48px 0 64px !important}

/* result strip - 3 cards horizontal grid with negative margin overlap */
.result-strip{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;margin:-36px 0 40px !important;position:relative !important;z-index:2 !important}
@media(max-width:600px){.result-strip{grid-template-columns:1fr !important}}
.result-card{background:#fff !important;border:1px solid var(--line) !important;border-radius:14px !important;padding:22px 20px !important;box-shadow:0 12px 30px -20px rgba(23,51,71,.35) !important}
.result-card .rc-lab{font-size:11.5px !important;font-weight:700 !important;color:var(--sub) !important;letter-spacing:1px !important}
.result-card .rc-num{font-size:34px !important;font-weight:900 !important;color:var(--red) !important;line-height:1.1 !important;margin-top:6px !important}
.result-card .rc-num .rval{font-variant-numeric:tabular-nums !important;display:inline-block !important}
.result-card.is-done .rc-num .rval{animation:statPop .45s ease}
.result-card .rc-num .unit{font-size:15px !important;margin-left:2px !important;color:var(--ink) !important}
.result-card .rc-sub{font-size:11.5px !important;color:var(--sub) !important;margin-top:4px !important}

.article h2{font-size:22px !important;font-weight:700 !important;color:var(--ink) !important;margin:40px 0 16px !important;padding-left:16px !important;position:relative !important;line-height:1.5 !important}
.article h2::before{content:"" !important;position:absolute !important;left:0 !important;top:6px !important;bottom:6px !important;width:5px !important;border-radius:3px !important;background:linear-gradient(var(--blue),var(--blue-bright)) !important}
.article h3{font-size:16px !important;font-weight:700 !important;color:var(--blue) !important;margin:28px 0 10px !important}
.article p{font-size:15px !important;color:#33414f !important;margin-bottom:16px !important;line-height:1.8 !important}
.article .lead-p{font-size:16px !important;font-weight:500 !important;color:var(--ink) !important;background:var(--bg-soft) !important;border-radius:12px !important;padding:20px 22px !important;margin-bottom:28px !important;line-height:1.8 !important}
.article .fig{margin:26px 0 !important;border-radius:14px !important;overflow:hidden !important;border:1px solid var(--line) !important}
.article .fig .ph{width:100% !important;aspect-ratio:16/9 !important;object-fit:cover !important;display:block !important}
.article .fig figcaption{font-size:12px !important;color:var(--sub) !important;padding:10px 14px !important;background:var(--bg-tint) !important}
.article .video-fig{margin:30px 0 !important;border-radius:14px !important;overflow:hidden !important;border:1px solid var(--line) !important;position:relative !important}
.article .video-fig video{width:100% !important;display:block !important;aspect-ratio:16/9 !important;object-fit:cover !important;background:#0b2b58 !important}
.article .video-fig figcaption{font-size:12px !important;color:var(--sub) !important;padding:10px 14px !important;background:var(--bg-tint) !important}
.article .video-fig .vlabel{position:absolute !important;top:12px !important;left:12px !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:12px !important;font-weight:700 !important;color:#fff !important;background:rgba(224,54,59,.92) !important;padding:5px 12px !important;border-radius:14px !important;pointer-events:none !important}
.article .video-fig .vlabel::before{content:"" !important;width:0 !important;height:0 !important;border-left:8px solid #fff !important;border-top:5px solid transparent !important;border-bottom:5px solid transparent !important}

.qa{border-left:3px solid var(--line) !important;padding:4px 0 4px 20px !important;margin:22px 0 !important}
.qa .q{font-weight:700 !important;color:var(--ink) !important;margin-bottom:6px !important}
.qa .q::before{content:"Q. " !important;color:var(--red) !important;font-weight:900 !important}
.qa .a{color:#33414f !important;font-size:14.5px !important}
.qa .a::before{content:"A. " !important;color:var(--blue) !important;font-weight:900 !important}
.pull-quote{background:linear-gradient(135deg,#0075a2,#1E6FD0) !important;color:#fff !important;border-radius:16px !important;padding:30px 32px !important;margin:34px 0 !important;position:relative !important}
.pull-quote::before{content:"\201C" !important;position:absolute !important;top:2px !important;left:20px !important;font-size:70px !important;opacity:.25 !important;font-family:Georgia,serif !important}
.pull-quote p{color:#fff !important;font-size:18px !important;font-weight:700 !important;line-height:1.7 !important;margin:0 !important;position:relative !important}
.pull-quote .by{margin-top:14px !important;font-size:12.5px !important;opacity:.85 !important}
.coverage{background:var(--bg-tint) !important;border-radius:14px !important;padding:22px 24px !important;margin:30px 0 !important}
.coverage .ct{font-size:13px !important;font-weight:700 !important;color:var(--sub) !important;letter-spacing:1px !important;margin-bottom:14px !important}
.coverage ul{display:flex !important;flex-direction:column !important;gap:10px !important;list-style:none !important;padding:0 !important;margin:0 !important}
.coverage li{display:flex !important;align-items:center !important;gap:12px !important;font-size:14px !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:10px !important;padding:11px 14px !important}
.coverage .mtype{font-size:10.5px !important;font-weight:700 !important;color:#fff !important;padding:3px 10px !important;border-radius:10px !important;flex:none !important}
.coverage .mtype.tv{background:var(--red) !important}
.coverage .mtype.web{background:var(--blue) !important}
.coverage .mtype.paper{background:var(--ink) !important}
.coverage .date{margin-left:auto !important;font-size:12px !important;color:var(--sub) !important;flex:none !important}

/* related */
.related{background:var(--bg-tint) !important;padding:60px 24px 72px !important}
.related-inner{max-width:1200px !important;margin:0 auto !important}
.related-inner h2{font-size:24px !important;font-weight:700 !important;text-align:center !important;margin-bottom:6px !important}
.related-inner h2 .en{display:block !important;font-size:12px !important;letter-spacing:3px !important;color:var(--blue-bright) !important;font-weight:700 !important;margin-top:6px !important}
.related-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;margin-top:34px !important}
@media(max-width:820px){.related-grid{grid-template-columns:1fr !important}}

/* bottom CTA band */
.cta-band{background:linear-gradient(120deg,#0075a2,#1E6FD0) !important;color:#fff !important;text-align:center !important;padding:64px 24px !important}
.cta-band .cb-ttl{font-size:26px !important;font-weight:700 !important;line-height:1.5 !important}
.cta-band .cb-sub{font-size:14px !important;opacity:.9 !important;margin:14px 0 30px !important}
.cta-band .cb-btns{display:flex !important;gap:16px !important;justify-content:center !important;flex-wrap:wrap !important}
.cta-band .btn--large{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:240px !important;height:60px !important;border-radius:34px !important;font-weight:700 !important;font-size:16px !important;letter-spacing:1px !important;transition:.25s !important}
.cta-band .btn--large.dl{background:#fff !important;color:var(--blue) !important}
.cta-band .btn--large.ct{background:var(--red-cta) !important;color:#fff !important}

/* view switch banner (mockup helper) */
.mock-switch{position:fixed !important;bottom:20px !important;left:50% !important;transform:translateX(-50%) !important;z-index:100 !important;background:var(--ink) !important;border-radius:30px !important;padding:6px !important;display:flex !important;gap:4px !important;box-shadow:0 10px 30px rgba(0,0,0,.25) !important}
.mock-switch button, .mock-switch a{background:none !important;border:none !important;color:#9fb3c2 !important;font-family:inherit !important;font-size:13px !important;font-weight:700 !important;padding:9px 20px !important;border-radius:24px !important;cursor:pointer !important;transition:.2s !important;text-decoration:none !important;display:inline-block !important}
.mock-switch button.is-active, .mock-switch a.is-active{background:var(--blue) !important;color:#fff !important}