/*
 Theme Name:   Zakra Child
 Template:     zakra
 Text Domain:  zakra-child
*/

#page.zak-site{
  background:
    radial-gradient(900px 480px at 50% -220px, rgba(18,32,56,.06) 0, rgba(18,32,56,0) 60%),
    radial-gradient(600px 360px at 100% -160px, rgba(18,32,56,.04) 0, rgba(18,32,56,0) 55%),
    linear-gradient(180deg, #ffffff 0%, #fafbff 55%, #f5f7fb 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
  background-size: auto, auto, auto;
}

.site-content,
#zak-content,
.zak-content,
.zak-container,
.content-area{
  background: transparent !important;
}

#zak-masthead.zak-header-builder{
  background:#0B1F44; 
  background-image: linear-gradient(135deg, #09142B 0%, #14305C 45%, #0B1F44 100%) !important;
}

#zak-masthead .zak-main-header,
#zak-masthead .zak-main-row,
#zak-masthead .zak-container,
#zak-masthead .zak-row{
  background: transparent !important;
}

#zak-masthead.zak-header-builder::before,
#zak-masthead .zak-main-header::before,
#zak-masthead .zak-row::before{
  content: none !important;
  background: transparent !important;
  background-image: none !important;
}

#zak-masthead.zak-header-builder,
#zak-masthead.zak-header-builder a{ color:#fff !important; }
#zak-masthead.zak-header-builder a:hover{ color:#7BA6FF !important; }

.zak-toggle-menu .zak-icon {
  width: 28px;
  height: 28px;
  fill: #7BA6FF !important;
}

#zak-footer.zak-footer-builder{
  background:#09142B !important; 
  color:#E6ECF7;
}
#zak-footer .zak-row,
#zak-footer .zak-container,
#zak-footer .zak-footer-main-area{ background:transparent !important; }
#zak-footer a{ color:#CFE0FF !important; }
#zak-footer a:hover{ color:#7BA6FF !important; }
#zak-footer .zak-footer-bottom{ border-top:1px solid rgba(255,255,255,.12) !important; }

.entry-content .wp-block-heading.h2-ico{
  position: relative;
  padding-left: 42px;         
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-bottom: 10px;               
  margin-bottom: 18px;
  border-bottom: 2px solid #e7eef7;  
}
.entry-content .wp-block-heading.h2-ico.h2-underline--full{
  position: relative;
  padding-left: 42px;
  padding-bottom: 14px;        
  margin-bottom: 22px;
  border-bottom: 3px solid #d3e2f6;  
}

.entry-content .wp-block-heading.h2-ico::before{
  content: "";
  position: absolute;
  left: 0; top: 42%;
  transform: translateY(-50%);
  width: 34px; height: 34px;    
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.06));
}
.entry-content .wp-block-heading.h2-ico.h2-ico--tint-blue::before{
  filter:
    brightness(0) saturate(100%)
    invert(16%) sepia(34%) saturate(1200%)
    hue-rotate(182deg) brightness(92%) contrast(92%);
}

.entry-content .wp-block-heading.h2-ico--toplist::before{
  background-image: url('/wp-content/uploads/2025/09/poker-cards.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--best-single::before {
  background-image: url('/wp-content/uploads/2025/09/glass.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--compare::before {
  background-image: url('/wp-content/uploads/2025/09/balance.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--slots::before {
  background-image: url('/wp-content/uploads/2025/09/slot-machine.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--bonus-notes::before {
  background-image: url('/wp-content/uploads/2025/09/ticket.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--bonus-year::before {
  background-image: url('/wp-content/uploads/2025/09/surprise.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--quotes::before {
  background-image: url('/wp-content/uploads/2025/09/chat.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--plain-lang::before {
  background-image: url('/wp-content/uploads/2025/09/nature.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--mobile::before {
  background-image: url('/wp-content/uploads/2025/09/mobile-phone.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--providers::before {
  background-image: url('/wp-content/uploads/2025/09/checklist.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--payments::before {
  background-image: url('/wp-content/uploads/2025/09/wallet.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--criteria::before {
  background-image: url('/wp-content/uploads/2025/09/star.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--predeposit::before {
  background-image: url('/wp-content/uploads/2025/09/next.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--avoid::before {
  background-image: url('/wp-content/uploads/2025/09/warning.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--responsible::before {
  background-image: url('/wp-content/uploads/2025/09/verified.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--faq::before {
  background-image: url('/wp-content/uploads/2025/09/chat-1.png');
}
.entry-content .wp-block-heading.h2-ico.h2-ico--chips::before {
  background-image: url('/wp-content/uploads/2025/09/casino-chip.png');
}
@media (max-width: 600px){
  .entry-content .wp-block-heading.h2-ico{ padding-left: 36px; }
  .entry-content .wp-block-heading.h2-ico::before{ width: 30px; height: 30px; left: 0; top: 23%; }
   .entry-content .wp-block-heading.h2-ico.h2-underline--full{ padding-left: 36px; }
  h1{
  font-size: 3.2rem  !important;
  }
   h2 {
  font-size: 2.9rem  !important;
}

    .wp-block-columns {
  padding-right: 0.1em !important;
  padding-left: 0.1em !important;
}
   .pros-col{
  padding-right: 1.1em !important;
  padding-left: 1.1em !important;
  }
 .entry-content p{
    padding-right: 1.1em !important;
  padding-left: 1.1em !important;
  }
}
@media (max-width: 300px){
   .entry-content .wp-block-heading.h2-ico{
    padding-left: 0 !important;    
  }
  .entry-content .wp-block-heading.h2-ico.h2-underline--full::after{
    left: 0 !important;
    width: 100% !important;
  }
  .entry-content .wp-block-heading.h2-ico::before{ left: 0; top: 13%; display: none; }
  h1{
  font-size: 3rem  !important;
  }
  h2 {
  font-size: 2.7rem  !important;
}
   h3 {
  font-size: 2.3rem  !important;
}
   .mobile-p{
  padding-left:4px !important;
  padding-right:4px !important;
  }
    .entry-content ul.list-check > li::before {
  top: 20% !important;
}
  .entry-content ul.list-check.list-check--ring > li::after {
  top: 20% !important;
  }

}

.step-card{
  --accent:#0E4A7A; --ring:#dfe8f7; --bg-start:#fff; --bg-end:#fbfdff;
  position:relative; height:100%; display:flex; flex-direction:column;
  background:linear-gradient(180deg,var(--bg-start),var(--bg-end));
  border:1.5px solid var(--ring); border-radius:16px; padding:18px 18px 16px;
  box-shadow:0 10px 22px rgba(11,49,100,.06);
  transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.step-card:hover{
  box-shadow:0 16px 30px rgba(11,49,100,.10);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--ring));
}
.step-card[data-step]::before{
  content:attr(data-step); position:absolute; left:14px; top:-14px;
  height:28px; min-width:28px; padding:0 8px; display:grid; place-items:center;
  background:var(--accent); color:#fff; font-weight:700; font-size:14px; line-height:1;
  border-radius:999px; border:2px solid #fff; box-shadow:0 6px 14px rgba(11,49,100,.18);
}
.step-card > h3,.step-card .step-title{ margin:0 0 8px; font-weight:700; letter-spacing:.2px; }
.step-card > h3::after,.step-card .step-title::after{
  content:""; display:block; height:2px; margin-top:10px; background:#e7eef7; border-radius:999px;
}
.step-card p{ margin:.55rem 0; }

.step-card{ min-height: 220px; }

.step-card--blue{--accent:#0E4A7A;} .step-card--sky{--accent:#1f7aa8;}
.step-card--green{--accent:#16a34a;} .step-card--violet{--accent:#7c5cff;}

@media (max-width:640px){
  .step-card{ padding:16px 16px 14px; border-radius:14px; }
  .step-card[data-step]::before{ left:12px; top:-12px; height:26px; min-width:26px; }
}
/* =========================================
   Brand Table(Desktop + Mobile)
   ========================================= */

.wp-block-table.table-brand {
  --tb-accent:        #0b63a0;  
  --tb-accent-dark:   #0b3d91;  
  --tb-head-bg:       #eef5ff;  
  --tb-head-border:   #bdd3f5; 
  --tb-shadow:        0 2px 8px rgba(11, 99, 160, .06);
  --tb-shadow-lg:     0 3px 12px rgba(11, 99, 160, .06);
  --tb-caption:       #345a8a;
   --tb-row-even:    #f1f6ff;      
  --tb-row-hover:   #e7f0ff;       
  --tb-border:      #b8cef1;      
  --tb-cell-border: #c9daf6;       
  --tb-text:        #111827; 
}

.wp-block-table.table-brand{
  border:0; border-radius:0; overflow:visible; background:transparent; box-shadow:none; padding:0;
  color:var(--tb-text);
}
.wp-block-table.table-brand > table{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--tb-border); border-radius:12px; background:#fff;
  box-shadow:var(--tb-shadow); overflow:hidden;
}

.wp-block-table.table-brand th,
.wp-block-table.table-brand td{
  padding:12px 14px;
  border:1px solid var(--tb-cell-border);
  text-align:center;
  vertical-align:middle;
}

.wp-block-table.table-brand thead th{
  background:var(--tb-head-bg); color:#2a2a2a; font-weight:600;
  border-bottom:2px solid var(--tb-head-border);
}

.wp-block-table.table-brand tbody tr:nth-child(even) td{ background:var(--tb-row-even); }
.wp-block-table.table-brand tbody tr:hover td{ background:var(--tb-row-hover); }

.wp-block-table.table-brand tr>*:first-child{ border-left:0; }
.wp-block-table.table-brand tr>*:last-child { border-right:0; }
.wp-block-table.table-brand tbody tr:last-child>*{ border-bottom:0; }

.wp-block-table.table-brand a{
  color:var(--tb-accent);
  text-decoration:none; border-bottom:1px solid currentColor;
}
.wp-block-table.table-brand a:hover{ opacity:.9; color:var(--tb-accent-dark); }

.wp-block-table.table-brand figcaption{
  margin-top:8px; font-size:13px; color:var(--tb-caption); text-align:center; font-style:italic;
}

@media (max-width: 520px){
  .wp-block-table.table-brand.rtable > table{
    border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important;
  }

  figure.wp-block-table.table-brand.rtable thead,
  figure.wp-block-table.table-brand.rtable thead tr,
  figure.wp-block-table.table-brand.rtable thead th{
    display:none !important;
  }

  .wp-block-table.table-brand.rtable table,
  .wp-block-table.table-brand.rtable tbody,
  .wp-block-table.table-brand.rtable tr,
  .wp-block-table.table-brand.rtable td{ display:block !important; width:100% !important; }

  .wp-block-table.table-brand.rtable tr{
    background:#fff; border:1px solid var(--tb-border); border-radius:12px;
    box-shadow:var(--tb-shadow-lg);
    padding:10px 10px 6px; margin:12px 0;
  }

  .wp-block-table.table-brand.rtable td{
    border:none !important;
    padding:8px 12px !important;
    text-align:left !important;        
    display:grid !important;
    grid-template-columns: minmax(7rem, 40%) 1fr;
    column-gap:12px; row-gap:4px; align-items:start;
  }

  .wp-block-table.table-brand.rtable td::before{
    content:attr(data-label);
    font-weight:600; color:var(--tb-accent-dark);
    grid-column:1;
  }

  .wp-block-table.table-brand.rtable td > *{
    grid-column:2;
  }
  .wp-block-quote{
    padding-left: 15px  !important;
    padding-right: 15px  !important;
  }
}

@media (max-width: 300px){
  .wp-block-table.table-brand.rtable td{
    grid-template-columns: 1fr;
  }
  .wp-block-table.table-brand.rtable td::before{ grid-column:1; }
  .wp-block-table.table-brand.rtable td > *{ grid-column:1; }
}

@media (max-width: 250px){
  .wp-block-table.table-brand.rtable tr{
    padding:8px; margin:10px 0; border-radius:10px;
  }
  .wp-block-table.table-brand.rtable td{ padding:8px 10px !important; }
  .wp-block-table.table-brand.rtable td,
  .wp-block-table.table-brand.rtable td p{
    word-break:break-word; overflow-wrap:anywhere; hyphens:auto; -webkit-hyphens:auto;
  }
}
/* FAQ */
.site-faq{ max-width:min(1100px,92vw); margin:8px auto 28px; }

.site-faq>.wp-block-group__inner-container>p.faq-q{ display:none !important; }
.site-faq__item>p{ display:none !important; }

.site-faq__item{
  background:#FFFFFF;
  border:1.5px solid #D7E6F8;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:14px 0;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease, transform .12s ease;
}
.site-faq__item.is-open{
  border-color:#7BA6FF;
  box-shadow:0 16px 34px rgba(0,0,0,.10), 0 0 0 3px rgba(123,166,255,.12);
}

.site-faq__button{
  width:100%;
  display:flex; justify-content:space-between; align-items:center; gap:.75rem;
  background:transparent; border:0; cursor:pointer; text-align:left;
  font-weight:700; font-size:clamp(18px,2.8vw,22px); line-height:1.25;
  padding:16px 18px; color:#0B1F44;
}
.site-faq__button:hover{ background:#F3F8FF; }

.site-faq__button::after{
  content:"";
  flex:0 0 auto;
  display:inline-block;
  width:28px; height:28px; border-radius:999px;
  background-color:#0E4A7A;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\
<path d='M8.5 4.5l7 7-7 7'/></svg>");
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  transition: transform .25s ease, background-color .2s ease;
  will-change: transform;
}
.site-faq__button:hover::after{ background-color:#14305C; }

.site-faq__button[aria-expanded="true"]::after{
  transform: rotate(90deg);
}

.site-faq__a{ padding:0 18px 16px; }
.site-faq__a[hidden]{ display:none !important; }
.site-faq__a>*:first-child{ margin-top:8px; }
.site-faq__a>*:last-child{ margin-bottom:0; }

@media (max-width:640px){
  .site-faq__button{ padding:14px 16px; }
  .site-faq__button::after{
    width:26px; height:26px;
    background-size:11px 11px;
  }
  .zak-content .zak-row{ padding-top:.75em !important; }
}

@media (prefers-reduced-motion: reduce){
  .site-faq__a, .site-faq__button::after{ transition:none !important; }
}

/* ================= UL — base ================= */
.entry-content ul.list-check{
  list-style:none;
  margin:0 0 1.2rem;
  padding-left:0;
}
.entry-content ul.list-check > li{
  position:relative;
  margin:1.6rem 0;               
  padding-left:48px;          
  line-height:1.7;
}

.entry-content ul.list-check > li::before{
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border-radius:6px;
  background-color:#0E4A7A;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.2 16.6 4.9 12.3a1.4 1.4 0 0 1 2-2l2.9 2.9 7.4-7.4a1.4 1.4 0 1 1 2 2l-8.4 8.4a1.4 1.4 0 0 1-2 0Z"/></svg>') center/20px 20px no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.2 16.6 4.9 12.3a1.4 1.4 0 0 1 2-2l2.9 2.9 7.4-7.4a1.4 1.4 0 1 1 2 2l-8.4 8.4a1.4 1.4 0 0 1-2 0Z"/></svg>') center/20px 20px no-repeat;
}

.entry-content ul.list-check ul{ margin:.5rem 0 .2rem; padding-left:26px; }
.entry-content ul.list-check ul > li{ padding-left:36px; }
.entry-content ul.list-check ul > li::before{
  width:22px; height:22px; -webkit-mask-size:16px 16px; mask-size:16px 16px;
  background-color:#14305C;
}

.entry-content ul.list-check a:hover{ color:#7BA6FF; }

.entry-content ul.list-check.list-check--ring > li{ padding-left:38px; }
.entry-content ul.list-check.list-check--ring > li::before{
  width:28px; height:28px;
  background:transparent; border:2px solid #7BA6FF; border-radius:50%;
  -webkit-mask:none; mask:none;
}
.entry-content ul.list-check.list-check--ring > li::after{
  content:""; position:absolute; left:6px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; background-color:#7BA6FF;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.2 16.6 4.9 12.3a1.4 1.4 0 0 1 2-2l2.9 2.9 7.4-7.4a1.4 1.4 0 1 1 2 2l-8.4 8.4a1.4 1.4 0 0 1-2 0Z"/></svg>') center/16px 16px no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.2 16.6 4.9 12.3a1.4 1.4 0 0 1 2-2l2.9 2.9 7.4-7.4a1.4 1.4 0 1 1 2 2l-8.4 8.4a1.4 1.4 0 0 1-2 0Z"/></svg>') center/16px 16px no-repeat;
}
.review-title {
    font-weight: bold;
    color: #0E4A7A;
    border-bottom: 2px solid #0E4A7A;
    padding: 5px;
}
/* ================= Pros / Cons ================= */
.entry-content ul.list-check.list-check--pros > li{ margin:1rem 0; }

.entry-content ul.list-check.list-check--cons > li{ margin:1rem 0; }
.entry-content ul.list-check.list-check--cons > li::before{
  background-color:#EF4444;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>') center/20px 20px no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>') center/20px 20px no-repeat;
}

.entry-content ul.list-check.list-check--cons.list-check--ring > li::before{
  width:28px; height:28px;
  background:transparent; border:2px solid #FCA5A5; border-radius:50%;
  -webkit-mask:none; mask:none;
}
.entry-content ul.list-check.list-check--cons.list-check--ring > li::after{
  content:""; position:absolute; left:6px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; background-color:#EF4444;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>') center/16px 16px no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>') center/16px 16px no-repeat;
}

.entry-content .repeats-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 28px 30px;
  align-items: stretch;
  margin: 18px 0 28px;
}
.entry-content .section-card{
  --accent: #0E4A7A;
  --ring:   #dfe8f7;
  --bg1:    #ffffff;
  --bg2:    #fbfdff;

  height: 100%;
  display: flex;
  flex-direction: column;

  background: linear-gradient(180deg,var(--bg1),var(--bg2));
  border: 1.5px solid var(--ring);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 22px rgba(11,49,100,.06);
  min-height:344px;
}

.entry-content .repeat-card{
  --accent: #0E4A7A;
  --ring:   #dfe8f7;
  --bg1:    #ffffff;
  --bg2:    #fbfdff;

  height: 100%;
  display: flex;
  flex-direction: column;

  background: linear-gradient(180deg,var(--bg1),var(--bg2));
  border: 1.5px solid var(--ring);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 22px rgba(11,49,100,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.entry-content .repeat-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(11,49,100,.10);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--ring));
}

.entry-content .repeat-card--img{
  padding: 12px;
  background: #fff;
}
.entry-content .repeat-card--img img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  box-shadow: 0 6px 14px rgba(11,49,100,.08);
}

.entry-content .repeat-card--text p{ margin: .55rem 0; }

.entry-content .repeat-card--quote{
  padding: 22px 22px 18px;
  font-size: 16px;
  line-height: 1.55;
}
.entry-content .repeat-card--quote .repeat-quote{
  font-style: italic;
  font-weight: 700;
  margin: 0 0 .6rem;
}

@media (max-width: 840px){
  .entry-content .repeats-grid{ grid-template-columns: 1fr; }
}

.entry-content .q-hero{
  position: relative;
  overflow: hidden;
  --q-size: 140px;
  --q-color: #0E4A7A;
  --q-opacity: .10;
}

@media (max-width:640px){
  .entry-content .q-hero{ --q-size: 100px; }
  .entry-content .q-hero::before{ top:-10px; left:-8px; }
}

.ml-cta{
  --ml-accent: #0E4A7A;  
  --ml-accent-2:#1b6aa3; 
  --ml-focus:  #7BA6FF;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;

  padding:14px 22px;
  border-radius:12px;
  border:2px solid var(--ml-accent);    
  background:linear-gradient(180deg, var(--ml-accent-2) 0%, var(--ml-accent) 100%);
  color:#fff !important;
  font-weight:800;
  font-size:clamp(15px,1.8vw,17px);
  letter-spacing:.02em;
  text-decoration:none;

  box-shadow:0 10px 22px rgba(14,74,122,.20);
  background-size:100% 200%;
  background-position:0 0;

  transition:
    background-position .25s ease,
    box-shadow .2s ease,
    color .2s ease,
    filter .2s ease;
}

.ml-cta:hover{
  background-position:0 100%;
  box-shadow:0 14px 28px rgba(14,74,122,.28);
  filter:saturate(1.05);
}

.ml-cta:focus-visible{
  outline:3px solid var(--ml-focus);
  outline-offset:2px;
}