.elementor-13302 .elementor-element.elementor-element-42e4a162{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13302 .elementor-element.elementor-element-42e4a162.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13302 .elementor-element.elementor-element-55e4ad1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:7px;--padding-right:0px;}.elementor-13302 .elementor-element.elementor-element-55e4ad1d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13302 .elementor-element.elementor-element-39074bb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:42px;--padding-right:25px;}.elementor-13302 .elementor-element.elementor-element-39074bb5.e-con{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-13302 .elementor-element.elementor-element-3b684718{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13302 .elementor-element.elementor-element-3b684718.elementor-element{--align-self:center;}.elementor-13302 .elementor-element.elementor-element-75d30787{width:var( --container-widget-width, 100% );max-width:100%;padding:24px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13302 .elementor-element.elementor-element-75d30787.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13302 .elementor-element.elementor-element-2ce9501d{padding:0px 0px 0px 0px;}.elementor-13302 .elementor-element.elementor-element-2ce9501d img{width:100%;}.elementor-13302 .elementor-element.elementor-element-2471b56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13302 .elementor-element.elementor-element-92741f2{padding:16px 0px 30px 0px;}.elementor-13302 .elementor-element.elementor-element-92741f2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;color:#424242;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13302 .elementor-element.elementor-element-4d74f4d{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.63 * 100% );}.elementor-13302 .elementor-element.elementor-element-4d74f4d:after{content:"0.63";}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-post__thumbnail__link{width:100%;}.elementor-13302 .elementor-element.elementor-element-4d74f4d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-post__title{margin-bottom:14px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-post__excerpt p{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-post__read-more{color:#960202;}.elementor-13302 .elementor-element.elementor-element-4d74f4d a.elementor-post__read-more{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;}@media(max-width:1340px){.elementor-13302 .elementor-element.elementor-element-42e4a162{--flex-wrap:wrap;}.elementor-13302 .elementor-element.elementor-element-55e4ad1d{--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13302 .elementor-element.elementor-element-39074bb5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13302 .elementor-element.elementor-element-75d30787{padding:70px 70px 70px 70px;}}@media(max-width:767px){.elementor-13302 .elementor-element.elementor-element-42e4a162{--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-13302 .elementor-element.elementor-element-55e4ad1d{--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}.elementor-13302 .elementor-element.elementor-element-39074bb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13302 .elementor-element.elementor-element-4d74f4d:after{content:"0.5";}.elementor-13302 .elementor-element.elementor-element-4d74f4d .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-13302 .elementor-element.elementor-element-42e4a162{--content-width:1390px;}.elementor-13302 .elementor-element.elementor-element-55e4ad1d{--width:75%;}.elementor-13302 .elementor-element.elementor-element-39074bb5{--width:25%;}.elementor-13302 .elementor-element.elementor-element-2471b56{--content-width:1390px;}}@media(max-width:1340px) and (min-width:768px){.elementor-13302 .elementor-element.elementor-element-55e4ad1d{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-1db5ccf *//* =============================== Modern Teal Neon — Drop-in Skin =============================== */ :root{ /* Brand tokens */ --ui-bg-1:#0b2830; --ui-bg-2:#102f39; --ui-panel:#0f2a2f; --ui-pill:#173742; --ui-pill-hover:#1e4654; --ui-text:#e7f5ff; --ui-subtle:#b8d7e2; --ui-accent:#ff9f0a; --ui-danger:#ff3b30; --ui-cta:#ffaa33; --ui-glow:#19e6ff; /* Controls panel bg */ --panel-grad: radial-gradient(120% 150% at 15% -20%, rgba(25,230,255,.06), transparent 60%), linear-gradient(180deg,#0f2026 0%,#0c1a20 100%); /* Keypad buttons */ --pad-bg-top:#1e4957; --pad-bg-bot:#113642; --pad-stroke:rgba(249,117,19,.26); --pad-stroke-h:rgba(25,230,255,.60); /* Top-row small buttons */ --toprow-bg-top:#3b4650; --toprow-bg-bot:#232b32; --toprow-stroke:rgba(255,255,255,.08); --toprow-stroke-h:rgba(255,255,255,.25); } /* App container */ .brand-new-sudoku-game-container{ background: radial-gradient(1200px 600px at 20% -10%, rgba(25,230,255,.10), transparent 60%), linear-gradient(180deg,var(--ui-bg-1) 0%,var(--ui-bg-2) 100%)!important; border:0!important; border-radius:18px!important; box-shadow:0 12px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05)!important; padding:16px!important; overflow:hidden; /* contain inner rows */ } /* Ensure “width math” is safe for all descendants */ .brand-new-sudoku-game-container *{ box-sizing:border-box; } /* Header label */ .diff-label{ color:#FADF78!important; font-weight:500!important; text-shadow:none!important; } /* Difficulty pills */ .difficulty-list{ display:flex!important; flex-wrap:wrap; gap:13px!important; } .difficulty-list li{ background:linear-gradient(180deg,var(--ui-pill),#102d36)!important; color:var(--ui-text)!important; -webkit-text-fill-color:var(--ui-text)!important; border:1px solid rgba(255,255,255,.06)!important; border-radius:14px!important; box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.06)!important; padding:8px 14px!important; font-weight:700!important; letter-spacing:.2px!important; transition:transform .15s ease, box-shadow .2s ease, background .2s ease!important; cursor:pointer!important; } .difficulty-list li:hover{ background:linear-gradient(180deg,var(--ui-pill-hover),#143a45)!important; box-shadow:0 8px 20px rgba(0,0,0,.45), 0 0 0 2px rgba(25,230,255,.08) inset!important; transform:translateY(-1px)!important; } .difficulty-list li.active{ background:linear-gradient(180deg,#204c59,#163c47)!important; color:#fff!important; box-shadow:0 0 0 2px rgba(25,230,255,.35), 0 10px 24px rgba(0,0,0,.5)!important; } .difficulty-list li*, .difficulty-list li.active*{ color:inherit!important; -webkit-text-fill-color:inherit!important; } /* Board */ .sudoku-board, .sudoku-container, .grid-container{ background:var(--ui-panel)!important; border-radius:14px!important; box-shadow:0 0 0 2px rgba(25,230,255,.35), 0 18px 36px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.04)!important; position:relative; } .sudoku-board td, .sudoku-board .cell, .grid-cell{ background:rgba(255,255,255,.02)!important; border-color:rgba(255,255,255,.06)!important; color:var(--ui-text)!important; } .sudoku-board .cell.given{ color:#a0f1ff!important; font-weight:700!important; } .sudoku-board .cell.selected, .sudoku-board .cell.highlight{ background:rgba(25,230,255,.12)!important; box-shadow:inset 0 0 0 1px rgba(25,230,255,.35)!important; } /* Controls panel background — desktop & mobile */ .brand-new-sudoku-game-container .desktop-controls, .brand-new-sudoku-game-container .sudoku-controls, .brand-new-sudoku-game-container .control-panel, .brand-new-sudoku-game-container .right-panel, .brand-new-sudoku-game-container .mobile-controls, .brand-new-sudoku-game-container [class*="controls"]{ background:var(--panel-grad)!important; border-radius:14px!important; padding:18px!important; box-shadow:0 12px 24px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.035)!important; min-width:0; /* allow flex children to shrink */ max-width:100%; /* don’t exceed container */ overflow:hidden; /* clip sub-pixel overflow */ } @media (max-width:899px){ .brand-new-sudoku-game-container .desktop-controls, .brand-new-sudoku-game-container .sudoku-controls, .brand-new-sudoku-game-container .control-panel, .brand-new-sudoku-game-container .right-panel, .brand-new-sudoku-game-container .mobile-controls, .brand-new-sudoku-game-container [class*="controls"]{ background:var(--panel-grad)!important; } } /* Top row buttons */ .control-top-row{ display:flex; flex-wrap:wrap; gap:5px!important; justify-content:flex-start; } .control-top-row button, .control-top-row .control-btn{ flex:1 1 0!important; min-width:80px; background:linear-gradient(180deg,var(--toprow-bg-top),var(--toprow-bg-bot))!important; color:var(--ui-text)!important; border:1.9px solid var(--toprow-stroke)!important; border-radius:12px!important; box-shadow:0 6px 14px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.06)!important; font-weight:400!important; padding:8px 12px!important; transition:transform .12s ease, box-shadow .2s ease, background .2s ease!important; } .control-top-row button:hover, .control-top-row .control-btn:hover{ background:linear-gradient(180deg,#4a5560,#2c343b)!important; border-color:var(--toprow-stroke-h)!important; transform:translateY(-1px)!important; } .control-top-row button:active, .control-top-row .control-btn:active{ transform:translateY(0)!important; box-shadow:0 4px 10px rgba(0,0,0,.35) inset!important; } /* Keypad buttons */ .num-pad button, .keypad button, .sudoku-keypad button, .numpad button{ background:linear-gradient(180deg,var(--pad-bg-top),var(--pad-bg-bot))!important; color:#eaf7ff!important; border:1px solid var(--pad-stroke)!important; border-radius:14px!important; font-weight:800!important; font-size:20px!important; letter-spacing:.3px!important; box-shadow:0 6px 14px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.05)!important; transition:transform .08s ease, box-shadow .15s ease, background .15s ease!important; } .num-pad button:hover, .keypad button:hover, .sudoku-keypad button:hover, .numpad button:hover{ background:linear-gradient(180deg,#245867,#14424f)!important; border-color:var(--pad-stroke-h)!important; transform:translateY(-1px)!important; } .num-pad button:active, .keypad button:active, .sudoku-keypad button:active, .numpad button:active{ transform:translateY(0)!important; box-shadow:0 4px 10px rgba(0,0,0,.35) inset!important; } /* CTA buttons */ #new-game-button,#new-game,.new-game-btn{ background:linear-gradient(180deg,#ffc777,var(--ui-cta))!important; color:#241500!important; border:1px solid rgba(255,255,255,.18)!important; text-shadow:0 1px 0 rgba(255,255,255,.3)!important; } #reset-game-button,#reset-game,.reset-game-btn{ background:linear-gradient(180deg,#ff7a6f,var(--ui-danger))!important; color:#2b0000!important; border:1px solid rgba(255,255,255,.18)!important; } #new-game-button:hover,#new-game:hover,.new-game-btn:hover, #reset-game-button:hover,#reset-game:hover,.reset-game-btn:hover{ transform:translateY(-1px)!important; box-shadow:0 10px 22px rgba(0,0,0,.45)!important; } /* Inputs inside dark panels */ select,.difficulty-select{ background:#0f2f38!important; color:var(--ui-text)!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:10px!important; } /* Neutralize old “force black text” rules */ .difficulty-list li,.difficulty-list li *, .control-top-row button *,#new-game-button *,#reset-game-button *{ color:inherit!important; -webkit-text-fill-color:inherit!important; } /* Readability overrides */ .brand-new-sudoku-game-container .control-top-row button, .brand-new-sudoku-game-container .control-top-row button *, .brand-new-sudoku-game-container .num-pad button, .brand-new-sudoku-game-container .num-pad button *, .brand-new-sudoku-game-container .sudoku-keypad button, .brand-new-sudoku-game-container .sudoku-keypad button *, .brand-new-sudoku-game-container .keypad button, .brand-new-sudoku-game-container .keypad button *, .brand-new-sudoku-game-container .numpad button, .brand-new-sudoku-game-container .numpad button *{ color:#fff!important; -webkit-text-fill-color:#fff!important; text-shadow:none!important; } .brand-new-sudoku-game-container .control-top-row button svg, .brand-new-sudoku-game-container .num-pad button svg, .brand-new-sudoku-game-container .sudoku-keypad button svg, .brand-new-sudoku-game-container .keypad button svg, .brand-new-sudoku-game-container .numpad button svg{ fill:currentColor!important; } /* Guest section */ .brand-new-sudoku-guest p,.brand-new-sudoku-guest label{ color:#fff!important; } .brand-new-sudoku-guest a{ color:#ffcc33!important; font-weight:600; text-decoration:none; } .brand-new-sudoku-guest input#guest-name-input{ color:inherit; } /* Adjust Stats Container Layout + Font */ .brand-new-sudoku-game-container .stats-container .mistakes-info, .brand-new-sudoku-game-container .stats-container .time-info{ font-weight:400!important; color:#d4af37!important; } /* =================== MOBILE CONTAINMENT & TRUNCATION =================== */ @media (max-width:767px){ /* Make wrappers and rows respect container width */ .difficulty-list, .control-top-row{ width:100%; max-width:100%; box-sizing:border-box; overflow:hidden; /* prevent right-edge spill */ } /* Difficulty row: single line, shrink, ellipsis; gap shrinks on tiny screens */ .difficulty-list{ display:flex; flex-wrap:nowrap; gap:clamp(4px,2.5vw,13px); } .difficulty-list li{ flex:1 1 0; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Control row: same treatment */ .control-top-row{ display:flex; flex-wrap:nowrap; gap:clamp(4px,2vw,8px); } .control-top-row .control-btn, .control-top-row button{ flex:1 1 0; min-width:0!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 10px!important; /* slightly tighter padding to help fit */ font-size:clamp(12px,3.2vw,14px)!important; /* scale text down on small screens */ } /* Ensure parent panels can shrink */ .brand-new-sudoku-game-container .desktop-controls, .brand-new-sudoku-game-container .sudoku-controls, .brand-new-sudoku-game-container .control-panel, .brand-new-sudoku-game-container .right-panel, .brand-new-sudoku-game-container .mobile-controls{ min-width:0; max-width:100%; overflow:hidden; } } /* (kept) Quick mobile ellipsis for pills */ @media (max-width:767px){ .difficulty-list{ display:flex; flex-wrap:nowrap; gap:13px; } .difficulty-list li{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }















/* =========================
   PAGE WRAPPER (background + spacing)
   ========================= */
.s4a-escargot-shell{
  --bg1: #2b1730;
  --bg2: #1f7a8c;
  --bg3: #1a936f;
  --paper: rgba(255,255,255,.92);
  --ink: #16161a;
  --muted: rgba(22,22,26,.72);
  --card: rgba(255,255,255,.86);
  --stroke: rgba(255,255,255,.18);
  --accent: #d0a200;
  --accent2: #34d399;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius: 18px;
  --max: 1200px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

  font-family: var(--sans);
  color: var(--ink);
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(255,255,255,.12), transparent 60%),
    radial-gradient(900px 600px at 85% 80%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(135deg, var(--bg1), var(--bg2) 55%, var(--bg3));
  border-radius: calc(var(--radius) + 2px);
}
.s4a-escargot-shell, .s4a-escargot-shell *{ box-sizing:border-box; }
.s4a-escargot-shell .wrap{ max-width: var(--max); margin: 0 auto; padding: 32px 18px 70px; }

/* =========================
   APPLY YOUR ARTICLE STYLING ONLY INSIDE .s4a-article-scope
   ========================= */
.s4a-escargot-shell .s4a-article-scope a{ color:inherit; }

.s4a-escargot-shell .s4a-article-scope .hero{
  background: rgba(255,255,255,.08);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow);
  border-radius: calc(var(--radius) + 6px);
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.s4a-escargot-shell .s4a-article-scope .hero-content{ padding: 22px 22px 8px; }

.s4a-escargot-shell .s4a-article-scope h1{
  margin: 0;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -0.02em;
  color: #fff;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}
.s4a-escargot-shell .s4a-article-scope .content{
  margin-top: 18px;
  background: var(--paper);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow);
  padding: 26px 20px;
}
.s4a-escargot-shell .s4a-article-scope .lead{
  font-size: 18px;
  color: rgba(22,22,26,.85);
  margin-top: 0;
}
.s4a-escargot-shell .s4a-article-scope h2{
  margin-top: 26px;
  font-size: 26px;
  letter-spacing: -0.01em;
}
.s4a-escargot-shell .s4a-article-scope p{ margin: 12px 0; line-height: 1.65; }

.s4a-escargot-shell .s4a-article-scope .faq{
  margin-top: 26px;
  border-top: 1px solid rgba(0,0,0,.10);
  padding-top: 18px;
}
.s4a-escargot-shell .s4a-article-scope .faq h2{ margin-top: 0; }
.s4a-escargot-shell .s4a-article-scope .faq-item{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(255,255,255,.75);
  margin: 10px 0;
}
.s4a-escargot-shell .s4a-article-scope .faq-item summary{
  cursor: pointer;
  font-weight: 800;
  list-style: none;
  outline: none;
}
.s4a-escargot-shell .s4a-article-scope .faq-item summary::-webkit-details-marker{ display:none; }
.s4a-escargot-shell .s4a-article-scope .faq-answer{ margin-top: 8px; color: rgba(22,22,26,.85); }

/* =========================
   PUZZLE ZONE (unstyled wrapper)
   Your teal neon skin applies to .brand-new-sudoku-game-container itself
   ========================= */
.s4a-escargot-shell .s4a-game-zone{
  margin: 26px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.s4a-escargot-shell .hero-media{ width:100%; }
.s4a-escargot-shell .hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75d30787 */.elementor-13302 .elementor-element.elementor-element-75d30787 .sudoku-books-title {
  font-size: 30px;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  color: #222;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 12px;
}

.elementor-13302 .elementor-element.elementor-element-75d30787 .sudoku-books-title::after {
  content: '';
  display: block;
  width: 180px;
  height: 4px;
  background: linear-gradient(90deg, #ff4d4d, #1ecbe1);
  margin: 10px auto 0;
  border-radius: 4px;;
}

@keyframes underlinePulse {
  0% {
  
    opacity: 1;
  }
  50% {
  
    opacity: 0.7;
  } 
  100%{
    opacity: 1;
  }
}/* End custom CSS */