:root{
      --ink:#213547;
      --muted:#64748b;
      --cream:#fff8e7;
      --card:#ffffff;
      --blue:#3b82f6;
      --blue-dark:#2563eb;
      --orange:#ff8a3d;
      --yellow:#ffd166;
      --green:#42c59a;
      --shadow:0 18px 48px rgba(33,53,71,.14);
    }
    *{box-sizing:border-box}
    html,body{min-height:100%}
    body{
      margin:0;
      color:var(--ink);
      font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:
        radial-gradient(circle at 16% 14%,rgba(255,209,102,.40),transparent 24rem),
        radial-gradient(circle at 88% 20%,rgba(66,197,154,.22),transparent 25rem),
        linear-gradient(180deg,#fffdf7 0%,var(--cream) 100%);
    }
    button,input{font:inherit}
    a{color:inherit}
    .page{min-height:100vh;display:flex;flex-direction:column}
    header{
      width:min(1080px,100%);
      margin:0 auto;
      padding:22px clamp(18px,4vw,38px) 6px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
    .mini-brand{font-weight:900;letter-spacing:-.05em;font-size:1.25rem}
    .mini-brand span:nth-child(1){color:var(--blue)}
    .mini-brand span:nth-child(2){color:var(--orange)}
    .mini-brand span:nth-child(3){color:var(--green)}
    .mini-brand span:nth-child(4){color:#9b5de5}
    .mini-brand span:nth-child(5){color:#ef476f}
    .mini-brand span:nth-child(6){color:#118ab2}
    .safe-badge{
      display:inline-flex;align-items:center;gap:8px;
      padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.82);
      border:1px solid rgba(33,53,71,.09);box-shadow:0 7px 22px rgba(33,53,71,.08);
      color:#456070;font-size:.82rem;font-weight:800;
    }
    .safe-badge::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:white}
    main{flex:1;display:grid;place-items:center;padding:20px 18px 34px}
    .hero{width:min(760px,100%);text-align:center}
    .mascot{
      width:132px;height:132px;margin:0 auto -4px;position:relative;
      filter:drop-shadow(0 16px 16px rgba(255,138,61,.18));
    }
    .shell{
      position:absolute;left:18px;top:28px;width:97px;height:80px;
      background:linear-gradient(145deg,#ff9b55,#ff7b36);
      border:4px solid #e56a2b;border-radius:56% 44% 52% 48% / 45% 47% 53% 55%;
      transform:rotate(-8deg);
    }
    .shell::before,.shell::after{content:"";position:absolute;border-radius:50%;border:5px solid rgba(255,255,255,.75)}
    .shell::before{width:46px;height:46px;left:21px;top:12px}
    .shell::after{width:24px;height:24px;left:32px;top:23px}
    .head{position:absolute;right:5px;top:58px;width:42px;height:35px;background:#ffe7b3;border:4px solid #d9ae65;border-radius:50% 58% 48% 52%}
    .eye{position:absolute;right:14px;top:65px;width:8px;height:8px;border-radius:50%;background:var(--ink);z-index:2}
    .smile{position:absolute;right:13px;top:77px;width:12px;height:7px;border-bottom:3px solid #9a6625;border-radius:0 0 12px 12px;z-index:2}
    .antenna{position:absolute;right:15px;top:45px;width:3px;height:18px;background:#d9ae65;transform:rotate(21deg);transform-origin:bottom}
    .antenna::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);left:-3px;top:-5px;border:2px solid #d9ae65}
    .foot{position:absolute;bottom:15px;width:25px;height:8px;background:#d9ae65;border-radius:999px}
    .foot.one{left:37px;transform:rotate(8deg)}.foot.two{left:73px;transform:rotate(-10deg)}
    .brand{
      margin:0;font-size:clamp(3.25rem,12vw,6.1rem);line-height:.96;
      font-weight:950;letter-spacing:-.075em;text-shadow:0 4px 0 white;
    }
    .brand .s{color:var(--blue)}.brand .n{color:var(--orange)}.brand .a{color:var(--yellow)}
    .brand .l{color:var(--green)}.brand .i{color:#9b5de5}.brand .o{color:#ef476f}
    .tagline{margin:13px 0 27px;color:#587082;font-weight:800;font-size:clamp(1rem,3vw,1.25rem)}
    .search-card{
      background:rgba(255,255,255,.94);border:1px solid rgba(33,53,71,.09);border-radius:28px;
      box-shadow:var(--shadow);padding:14px;
    }
    .search-row{display:flex;align-items:center;gap:10px}
    .search-icon{width:24px;height:24px;margin-left:9px;flex:0 0 auto;border:3px solid #7690a1;border-radius:50%;position:relative}
    .search-icon::after{content:"";position:absolute;width:10px;height:3px;background:#7690a1;right:-8px;bottom:-4px;transform:rotate(45deg);border-radius:99px}
    #query{
      min-width:0;flex:1;border:0;outline:0;background:transparent;padding:16px 8px;
      color:var(--ink);font-size:clamp(1rem,3.8vw,1.2rem);font-weight:700;
    }
    #query::placeholder{color:#9aabb6}
    .search-button{
      border:0;cursor:pointer;color:white;font-weight:900;padding:15px 23px;border-radius:18px;
      background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 10px 22px rgba(37,99,235,.25);
      transition:.18s transform,.18s box-shadow;
    }
    .search-button:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(37,99,235,.3)}
    .search-button:active{transform:translateY(0)}
    .tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0 0}
    .tab{
      border:1px solid rgba(33,53,71,.1);background:rgba(255,255,255,.74);padding:10px 17px;border-radius:999px;
      font-weight:850;color:#587082;cursor:pointer;transition:.18s;
    }
    .tab:hover,.tab.active{background:#213547;color:#fff;transform:translateY(-1px)}
    .question{
      margin:27px auto 0;width:min(560px,100%);padding:15px 18px;border-radius:18px;
      background:rgba(255,209,102,.22);border:1px dashed rgba(199,139,13,.4);color:#6f571e;font-weight:750;
    }
    footer{
      width:min(1080px,100%);margin:0 auto;padding:18px clamp(18px,4vw,38px) 25px;
      display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;font-weight:700;
    }
    footer a{text-decoration:none}footer a:hover{text-decoration:underline}
    .notice{position:fixed;left:50%;bottom:20px;translate:-50% 20px;opacity:0;pointer-events:none;background:#213547;color:white;padding:11px 16px;border-radius:999px;font-weight:800;transition:.25s;z-index:10}
    .notice.show{opacity:1;translate:-50% 0}
    @media(max-width:560px){
      header{padding-top:15px}.safe-badge{font-size:.72rem;padding:7px 10px}
      main{place-items:start center;padding-top:26px}.mascot{width:108px;height:108px;transform:scale(.82);margin-bottom:-16px}
      .search-card{border-radius:22px;padding:9px}.search-row{gap:5px}.search-button{padding:14px 17px;border-radius:15px}
      footer{gap:12px;padding-bottom:18px}.question{font-size:.9rem}
    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* WordPress theme integration outside the original snalio homepage. */
.site-page{min-height:100vh;display:flex;flex-direction:column}
.site-header{box-sizing:border-box}
.site-branding a{text-decoration:none}
.custom-logo{display:block;max-height:64px;max-width:100%;width:auto;height:auto}
.primary-navigation{margin-left:auto;min-width:0}
.primary-navigation ul,.footer-navigation ul,.site-footer .menu{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.primary-navigation a,.footer-navigation a{text-decoration:none;font-weight:800;color:#587082}
.primary-navigation a:hover,.primary-navigation .current-menu-item>a{color:#213547}
.menu-toggle{display:none;border:1px solid rgba(33,53,71,.12);background:#fff;padding:8px 12px;border-radius:999px;font-weight:800}
.front-page-content{margin:30px auto 0;text-align:left;background:#fff;padding:28px;border-radius:24px;box-shadow:var(--shadow)}
body:not(.snalio-front-page) .site-content{display:block;padding:0}
.content-wrap{width:min(1080px,calc(100% - 36px));margin:40px auto 70px}
.content-wrap.narrow{width:min(760px,calc(100% - 36px))}
.archive-header,.single-entry,.comments-area,.no-results{background:rgba(255,255,255,.94);border:1px solid rgba(33,53,71,.09);border-radius:28px;box-shadow:var(--shadow);padding:clamp(24px,5vw,44px);margin-bottom:28px}
.archive-header h1,.entry-header h1{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.05em;margin:.2em 0}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.post-card{overflow:hidden;background:#fff;border:1px solid rgba(33,53,71,.09);border-radius:24px;box-shadow:0 12px 32px rgba(33,53,71,.1)}
.post-thumbnail{display:block}.post-thumbnail img{display:block;width:100%;height:220px;object-fit:cover}.post-card-body{padding:24px}
.entry-title{margin:.25em 0}.entry-title a{text-decoration:none}.entry-meta{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.entry-content{line-height:1.75}.entry-content img,img,svg,video,iframe{max-width:100%;height:auto}.single-thumbnail img{width:100%;height:auto;border-radius:20px}
.wp-search-form{display:flex;gap:10px}.wp-search-form label{flex:1}.wp-search-form input{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}
.wp-search-form button,.button-link,.form-submit input{display:inline-block;border:0;border-radius:14px;background:#2563eb;color:#fff;padding:14px 20px;font-weight:900;text-decoration:none;cursor:pointer}
.footer-widgets-area{width:min(1080px,calc(100% - 36px));margin:0 auto 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.footer-widget{background:#fff;padding:20px;border-radius:20px}
.error-code{font-size:clamp(5rem,20vw,10rem);font-weight:950;line-height:.8;color:#ff8a3d}.comments-area ol{padding-left:24px}.comment-body{background:#fff8e7;padding:18px;border-radius:16px;margin:12px 0}
.shake{animation:snalio-shake .22s}@keyframes snalio-shake{0%,100%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}
@media(max-width:760px){body:not(.snalio-front-page) .menu-toggle{display:block;margin-left:auto}body:not(.snalio-front-page) .primary-navigation{display:none;position:absolute;z-index:20;top:70px;left:18px;right:18px;background:#fff;padding:16px;border-radius:18px;box-shadow:var(--shadow)}body:not(.snalio-front-page) .primary-navigation.is-open{display:block}body:not(.snalio-front-page) .primary-navigation ul{display:block}body:not(.snalio-front-page) .primary-navigation li+li{margin-top:12px}.wp-search-form{flex-direction:column}}

/* snalio Google Programmable Search results */
.snalio-front-page main:has(.has-search-results){place-items:start center;padding-top:28px}
.hero.has-search-results{width:min(980px,100%)}
.hero.has-search-results .mascot{width:96px;height:96px;transform:scale(.72);margin-top:-18px;margin-bottom:-28px}
.hero.has-search-results .brand{font-size:clamp(2.8rem,8vw,4.7rem)}
.hero.has-search-results .tagline{margin:8px 0 18px;font-size:1rem}
.snalio-results{margin:28px auto 0;width:100%;text-align:left;background:rgba(255,255,255,.96);border:1px solid rgba(33,53,71,.09);border-radius:26px;box-shadow:var(--shadow);padding:18px clamp(12px,3vw,26px) 26px;overflow:hidden}
.snalio-results-heading{padding:3px 8px 14px;color:#587082;font-size:.92rem;font-weight:900;text-transform:lowercase}
.snalio-results .gsc-control-cse,.snalio-results .gsc-control-cse-en{border:0!important;background:transparent!important;padding:0!important;font-family:inherit!important}
.snalio-results .gsc-above-wrapper-area{border-bottom-color:rgba(33,53,71,.08)!important}
.snalio-results .gsc-result{border-bottom-color:rgba(33,53,71,.09)!important;padding:18px 8px!important}
.snalio-results .gs-title,.snalio-results .gs-title *{color:#2563eb!important;font-family:inherit!important}
.snalio-results .gs-snippet,.snalio-results .gsc-url-top,.snalio-results .gsc-url-bottom{font-family:inherit!important}
.snalio-results .gsc-cursor-page{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px!important;margin:5px!important;border-radius:999px;background:#fff;border:1px solid rgba(33,53,71,.12);text-decoration:none!important}
.snalio-results .gsc-cursor-current-page{background:#213547!important;color:#fff!important}
@media(max-width:560px){.hero.has-search-results .mascot{display:none}.hero.has-search-results .brand{font-size:3.35rem}.snalio-results{margin-top:20px;padding:10px 6px 18px;border-radius:20px}.snalio-results-heading{padding:8px 10px 12px}.snalio-results .gsc-result{padding:15px 5px!important}}


/* 1.0.6: force Google Programmable Search to remain embedded in snalio. */
#snalio-google-results,
#snalio-google-results .gsc-control-cse,
#snalio-google-results .gsc-results,
#snalio-google-results .gsc-resultsbox-visible{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
}
#snalio-google-results .gsc-results-wrapper-overlay{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:auto!important;
}
#snalio-google-results .gsc-modal-background-image,
#snalio-google-results .gsc-modal-background-image-visible,
.gsc-modal-background-image,
.gsc-modal-background-image-visible{
  display:none!important;
}
#snalio-google-results .gsc-results-close-btn,
#snalio-google-results .gsc-results-close-btn-visible{
  display:none!important;
}
body.gsc-overflow-hidden{overflow:auto!important;}