:root{
            --trick-1:#22c55e;
            --trick-2:#eab308;
            --trick-3:#38bdf8;
            --trick-4:#86efac;
            --trick-5:#facc15;
            --trick-dark:#166534;
            --trick-dark-2:#15803d;
            --trick-text:#365314;
            --trick-light:#f8fafc;
            --trick-white:#ffffff;
            --trick-border:rgba(59,130,246,.12);
            --trick-border-soft:rgba(236,72,153,.12);
            --trick-shadow:0 18px 44px rgba(59,130,246,.10);
            --trick-shadow-soft:0 10px 24px rgba(15,23,42,.06);
            --trick-panel-bg:linear-gradient(135deg, rgba(34,197,94,.12), rgba(234,179,8,.10), rgba(56,189,248,.10), rgba(134,239,172,.10));
            --trick-card-bg:linear-gradient(180deg, rgba(255,255,255,.99), rgba(240,253,244,.98), rgba(254,252,232,.97));
            --trick-icon-bg:linear-gradient(135deg, rgba(34,197,94,.18), rgba(234,179,8,.16), rgba(56,189,248,.16), rgba(134,239,172,.16));
            --trick-button-bg:linear-gradient(90deg, #22c55e, #eab308, #38bdf8, #86efac);
            --trick-title-bg:linear-gradient(90deg, #22c55e, #eab308, #38bdf8, #86efac);
            --trick-footer:linear-gradient(135deg, rgba(34,197,94,.16), rgba(234,179,8,.14), rgba(56,189,248,.14), rgba(134,239,172,.14));
        }

        *{box-sizing:border-box;}
        html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%;}
        body{margin:0;overflow-x:hidden;max-width:100%;font-family:Arial, Helvetica, sans-serif;background:var(--trick-light);color:var(--trick-text);}
        a{text-decoration:none;color:inherit;}
        img{max-width:100%;display:block;}

        .skip-link{position:absolute;left:-9999px;top:auto;}
        .skip-link:focus{left:16px;top:16px;z-index:999999;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--trick-shadow-soft);}

        .announcement-bar{
            display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
            padding:10px 16px;background:var(--trick-button-bg);color:#fff;text-align:center;
        }
        .announcement-bar .badge{
            background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);
            padding:6px 10px;border-radius:999px;font-weight:700;font-size:.9rem;
        }
        .announcement-bar p{margin:0;font-weight:700;}
        .announcement-bar a{color:#fff;text-decoration:underline;}

        .bg-decor{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;}
        .blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.22;}
        .b1{width:260px;height:260px;background:rgba(236,72,153,.26);top:90px;left:-40px;}
        .b2{width:320px;height:320px;background:rgba(59,130,246,.18);right:-80px;top:240px;}
        .b3{width:240px;height:240px;background:rgba(250,204,21,.18);left:30%;bottom:40px;}

        header{
            position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:18px;
            padding:14px 20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);
        }
        .logo img{height:100px;width:auto;border-radius:10px;display:block;}
        .main-nav{display:flex;align-items:center;}
        .nav-links{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0;}
        .nav-links a{font-weight:700;color:var(--trick-dark);}
        .nav-links a:hover{color:var(--trick-1);}

        .menu-toggle,.close-btn{cursor:pointer;user-select:none;}
        .menu-toggle{
            display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--trick-border);
            background:#fff;box-shadow:var(--trick-shadow-soft);align-items:center;justify-content:center;font-size:1.15rem;
        }
        .sidebar{
            position:fixed;top:0;right:0;width:320px;max-width:90vw;height:100vh;background:#fff;
            box-shadow:-14px 0 40px rgba(0,0,0,.12);z-index:10001;padding:20px;overflow:auto;
            transform:translateX(100%);transition:transform .28s ease;
        }
        .sidebar.open{transform:translateX(0);}
        .close-btn{
            width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-left:auto;margin-bottom:12px;
            background:#f8fafc;border:1px solid var(--trick-border);font-weight:900;
        }
        .sidebar ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
        .sidebar a{display:block;padding:12px 14px;border-radius:14px;background:#fff7fb;color:var(--trick-dark);font-weight:700;}
        .sidebar a:hover{background:#eff6ff;color:var(--trick-1);}
        .sidebar-social,.footer-social{display:flex;gap:10px;flex-wrap:wrap;}
        .sidebar-social{margin-top:18px;}
        .sidebar-social a,.footer-social a{
            width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
            background:#fff;border:1px solid var(--trick-border);box-shadow:var(--trick-shadow-soft);
        }

        main{width:min(1280px, calc(100% - 24px));margin:22px auto 40px;}

        .hero-panel{
            background:var(--trick-panel-bg);border:1px solid var(--trick-border);border-radius:28px;
            box-shadow:var(--trick-shadow);overflow:hidden;
        }
        .hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;padding:28px;align-items:center;}
        .hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
        .hero-badge{
            display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
            background:rgba(255,255,255,.82);border:1px solid var(--trick-border);font-weight:700;color:var(--trick-dark);
        }
        .hero-title{
            margin:0 0 12px;font-size:clamp(2rem, 5vw, 3.6rem);line-height:1.08;
            background:var(--trick-title-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
        }
        .hero-sub{margin:0 0 18px;color:var(--trick-text);font-size:1.05rem;line-height:1.7;font-weight:600;}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
        .hero-btn{
            display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;
            border-radius:16px;font-weight:800;border:none;cursor:pointer;
        }
        .hero-btn.primary{background:var(--trick-button-bg);color:#fff;box-shadow:var(--trick-shadow);}
        .hero-btn.secondary{background:#fff;color:var(--trick-dark);border:1px solid var(--trick-border);box-shadow:var(--trick-shadow-soft);}
        .hero-side{display:grid;gap:14px;}
        .stat-card{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,244,.97), rgba(254,252,232,.96));border:1px solid var(--trick-border);border-radius:22px;padding:18px;box-shadow:var(--trick-shadow-soft);}
        .stat-card strong{display:block;font-size:1.8rem;margin-bottom:6px;color:var(--trick-dark);}
        .stat-card span{color:var(--trick-dark-2);font-weight:700;}

        .controls-wrap{margin-top:26px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;}
        .control-box{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,244,.97), rgba(254,252,232,.96));border:1px solid var(--trick-border);border-radius:20px;padding:14px;box-shadow:var(--trick-shadow-soft);}
        .control-box label{display:block;margin-bottom:8px;font-weight:800;color:var(--trick-dark);}
        .control-box input,.control-box select{
            width:100%;min-height:48px;border-radius:14px;border:1px solid var(--trick-border);
            padding:12px 14px;font-size:1rem;color:var(--trick-dark);background:#fff;outline:none;
        }

        .section-heading{margin:34px 0 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}
        .section-heading h2{margin:0;font-size:clamp(1.6rem,4vw,2.3rem);color:var(--trick-dark);}
        .section-heading p{margin:0;color:var(--trick-dark-2);font-weight:700;}

        .pagination-bar{
            display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none;
        }
        .page-link{
            display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;
            border-radius:14px;background:#fff;border:1px solid var(--trick-border);box-shadow:var(--trick-shadow-soft);
            font-weight:800;color:var(--trick-dark);
        }
        .page-link.active{background:var(--trick-button-bg);color:#fff;border:none;}

        .category-strip{display:grid;grid-template-columns:repeat(7, minmax(0,1fr));gap:14px;margin-top:18px;}
        .category-item{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,244,.97), rgba(254,252,232,.96));border:1px solid var(--trick-border);border-radius:18px;padding:16px;box-shadow:var(--trick-shadow-soft);text-align:center;}
        .category-item i{font-size:1.3rem;background:var(--trick-title-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;}
        .category-item strong{display:block;margin-bottom:4px;color:var(--trick-dark);}
        .category-item span{color:var(--trick-text);font-weight:600;font-size:.95rem;}

        .tricks-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:22px;align-items:stretch;}
        .trick-card{
            display:flex;flex-direction:column;min-height:460px;height:100%;padding:18px;border-radius:24px;
            background:var(--trick-card-bg);border:1px solid var(--trick-border);box-shadow:var(--trick-shadow-soft);
            transition:transform .2s ease, box-shadow .2s ease;
        }
        .trick-card:hover{transform:translateY(-4px);box-shadow:var(--trick-shadow);}
        .trick-image-box{
            width:100%;height:185px;border-radius:18px;overflow:hidden;margin-bottom:14px;border:1px solid var(--trick-border);
            background:var(--trick-icon-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(20,20,40,.06);
        }
        .trick-image-placeholder{
            width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;
            color:var(--trick-dark);font-weight:900;
            background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.72), transparent 42%), var(--trick-icon-bg);
        }
        .trick-image-placeholder i{font-size:42px;margin-bottom:10px;color:var(--trick-3);}
        .tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
        .tag{padding:6px 10px;border-radius:999px;background:#fff;color:var(--trick-dark);font-size:.82rem;font-weight:800;border:1px solid var(--trick-border-soft);}
        .trick-card h3{margin:0 0 10px;min-height:56px;line-height:1.3;color:var(--trick-dark);font-size:1.25rem;}
        .trick-card .card-desc{min-height:96px;margin:0 0 12px;color:var(--trick-text);line-height:1.68;font-weight:600;}
        .trick-meta{margin-top:auto;display:grid;gap:10px;}
        .trick-meta p{margin:0;color:var(--trick-dark-2);font-weight:700;}
        .trick-actions{display:flex;gap:10px;flex-wrap:wrap;}
        .trick-btn{flex:1 1 150px;min-height:46px;border:none;border-radius:15px;font-weight:800;cursor:pointer;padding:12px 14px;}
        .trick-btn.primary{background:var(--trick-button-bg);color:#fff;box-shadow:var(--trick-shadow);}
        .trick-btn.secondary{background:#fff;color:var(--trick-dark);border:1px solid var(--trick-border);}

        .empty-card{display:none;background:#fff;border:1px solid var(--trick-border);border-radius:20px;padding:18px;box-shadow:var(--trick-shadow-soft);margin-top:18px;}

        .solution-overlay{position:fixed;inset:0;background:rgba(20,24,32,.55);backdrop-filter:blur(8px);z-index:99999;display:none;align-items:center;justify-content:center;padding:12px;}
        .solution-overlay.show{display:flex;}
        .solution-modal{width:min(1040px, 100%);max-width:100%;max-height:94vh;overflow:hidden;border-radius:24px;background:var(--trick-card-bg);border:1px solid var(--trick-border);box-shadow:0 26px 80px rgba(20,20,40,.22);position:relative;}
        .solution-inner{padding:16px;max-height:94vh;overflow:auto;}
        .solution-close{position:sticky;top:0;margin-left:auto;z-index:5;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;cursor:pointer;background:var(--trick-icon-bg);border:1px solid var(--trick-border-soft);box-shadow:0 8px 18px rgba(20,20,40,.08);}
        .solution-top{display:grid;grid-template-columns:minmax(260px, 390px) minmax(0, 1fr);gap:16px;align-items:start;width:100%;}
        .solution-image{width:100%;min-width:0;min-height:240px;border-radius:20px;overflow:hidden;border:1px solid var(--trick-border);background:var(--trick-icon-bg);box-shadow:0 10px 22px rgba(20,20,40,.06);}
        .solution-image img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;}
        .solution-image-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:var(--trick-text);padding:18px;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.72), transparent 42%), var(--trick-icon-bg);}
        .solution-content{min-width:0;width:100%;overflow-wrap:anywhere;word-break:break-word;}
        .solution-content h2{margin:0 0 10px;font-size:clamp(22px, 3vw, 34px);line-height:1.2;background:var(--trick-title-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
        .solution-content p{margin:0 0 12px;color:var(--trick-text);font-weight:700;}
        .solution-steps{margin-top:14px;display:grid;gap:12px;}
        .solution-step{padding:14px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,244,.97), rgba(254,252,232,.96));border:1px solid var(--trick-border);box-shadow:0 8px 18px rgba(20,20,40,.05);}
        .solution-step strong{display:block;margin-bottom:6px;color:var(--trick-dark);}

        mark{background:rgba(103,232,249,.35);color:inherit;border-radius:4px;padding:0 2px;}

        footer{margin-top:40px;padding:28px 20px 38px;background:var(--trick-footer);color:var(--trick-dark);}
        .footer-wrap{width:min(1280px, calc(100% - 24px));margin:0 auto;}
        .footer-menu{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px;margin-bottom:18px;}
        .footer-column{display:grid;gap:10px;}
        .footer-column strong{font-size:1.05rem;}
        .footer-column a{color:var(--trick-dark);}
        .footer-bottom{color:var(--trick-dark-2);line-height:1.7;font-weight:600;}

        #goTopBtn{position:fixed;right:18px;bottom:18px;width:52px;height:52px;border:none;border-radius:16px;background:var(--trick-button-bg);color:#fff;cursor:pointer;box-shadow:var(--trick-shadow);display:none;z-index:9998;}
        #goTopBtn.show{display:block;}

        @media (max-width:1100px){
            .hero-inner{grid-template-columns:1fr;}
            .controls-wrap{grid-template-columns:1fr 1fr;}
            .category-strip{grid-template-columns:repeat(4, minmax(0,1fr));}
            .tricks-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
        }
        @media (max-width:900px){
            .main-nav{display:none;}
            .menu-toggle{display:flex;}
            .controls-wrap{grid-template-columns:1fr;}
            .solution-top{grid-template-columns:1fr;}
            .solution-image,.solution-image img,.solution-image-placeholder{min-height:220px;}
        }
        @media (max-width:700px){
            .category-strip{grid-template-columns:repeat(2, minmax(0,1fr));}
        }
        @media (max-width:640px){
            header{padding:12px 14px;}
            main{width:min(100% - 16px, 1280px);}
            .hero-inner{padding:20px;}
            .tricks-grid{grid-template-columns:1fr;}
            .trick-card{min-height:auto;}
            .solution-overlay{padding:0;align-items:stretch;justify-content:stretch;}
            .solution-modal{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;border:none;margin:0;}
            .solution-inner{padding:12px;max-height:100dvh;height:100dvh;overflow:auto;}
            .solution-close{width:42px;height:42px;border-radius:14px;}
            .solution-image,.solution-image img,.solution-image-placeholder{min-height:180px;}
            .solution-step{padding:12px;}
            .footer-menu{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
        }
        
        
        
        

/* =========================================================
   Shine Effect on all buttons globally on hover
   ========================================================= */
   
   /* =========================================
   GLOBAL BUTTON SHINE EFFECT (ALL PAGES)
========================================= */

/* Apply to all buttons and button-like links */
button,
.btn,
a.btn,
.footer-btn{
  position:relative;
  overflow:hidden;
}

/* Shine effect */
button::before,
.btn::before,
a.btn::before,
.footer-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );
  transform:translateX(0);
  transition:transform .6s ease;
  pointer-events:none;
}

/* Hover → sweep across */
button:hover::before,
.btn:hover::before,
a.btn:hover::before,
.footer-btn:hover::before{
  transform:translateX(300%);
}

/* =========================================================
   SEPARATED TRICKS LIBRARY ENHANCEMENTS
   Original green/yellow/blue visual system preserved.
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
html[dir="rtl"],html[dir="rtl"] body{direction:rtl!important;text-align:start!important}

.logo img{height:64px!important;width:auto!important}
.nav-links{gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end}
.nav-links a{font-size:.86rem}
.nav-links a.active{color:var(--trick-1)}

.menu-bars{display:grid;gap:4px}
.menu-bars span{display:block;width:22px;height:3px;background:var(--trick-dark);border-radius:999px}
.menu-x{display:none;color:#d60000;font-size:33px;font-weight:1000;line-height:1}
.menu-toggle{position:relative}
.menu-toggle.is-open .menu-bars{display:none}
.menu-toggle.is-open .menu-x{display:block}
@media(max-width:900px){
  .menu-toggle.is-open{
    position:fixed!important;top:10px!important;right:10px!important;left:auto!important;
    z-index:10050!important;width:46px!important;height:46px!important;border-radius:50%!important;
    background:#fff!important;border:2px solid #d60000!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important
  }
  .menu-toggle.is-open .menu-x{display:block!important}
  .sidebar[aria-hidden="true"]{visibility:hidden}
  .sidebar.open{visibility:visible}
}
html[dir="rtl"] .sidebar,html[dir="ltr"] .sidebar{right:0!important;left:auto!important;transform:translateX(100%)!important}
html[dir="rtl"] .sidebar.open,html[dir="ltr"] .sidebar.open{transform:translateX(0)!important}
.mobile-tricks-heading{padding:11px 12px 5px!important;color:var(--trick-dark)!important;font-size:.72rem!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900}

.translate-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.translate-control select{min-width:220px;max-width:100%;min-height:46px;border-radius:14px;border:1px solid var(--trick-border);padding:10px 12px;background:#fff;color:var(--trick-dark);font:inherit}
.translate-credit{font-size:.76rem;color:var(--trick-dark-2);font-weight:700}
.google-translate-host{position:fixed;left:-10000px;width:1px;height:1px;overflow:hidden}

.search-field{position:relative}
.search-field input{padding-right:48px!important}
.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.search-clear{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:3;
  width:34px;height:34px;display:grid;place-items:center;border:2px solid #dc2626;
  border-radius:50%;background:#fff;color:#dc2626;font-size:25px;font-weight:1000;line-height:1;cursor:pointer
}
.search-clear[hidden]{display:none!important}

.library-global-view{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--trick-border);color:var(--trick-dark);font-size:.82rem;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:var(--trick-shadow-soft)}
.trick-view-line{display:flex;align-items:center;gap:6px;margin:7px 0;font-size:.78rem;font-weight:850;color:var(--trick-dark-2);font-variant-numeric:tabular-nums}
.view-eye{font-size:.72rem;opacity:.8}

.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.category-page-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}
.category-page-links a{display:inline-flex;min-height:42px;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--trick-border);box-shadow:var(--trick-shadow-soft);color:var(--trick-dark);font-weight:850;font-size:.82rem}

.global-search-results{max-width:1280px;margin:18px auto 28px;content-visibility:auto;contain-intrinsic-size:auto 500px}
.global-search-results[hidden]{display:none!important}
.global-search-head{margin-bottom:12px}
.global-search-head h2{margin:0;color:var(--trick-dark);font-size:clamp(1.35rem,3vw,2rem)}
.global-search-head p{margin:4px 0 0;color:var(--trick-text)}
.global-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.global-result-card{display:flex;flex-direction:column;gap:5px;text-decoration:none;background:#fff;border:1px solid var(--trick-border);border-radius:16px;padding:14px;color:var(--trick-text);box-shadow:var(--trick-shadow-soft)}
.global-result-card strong{color:var(--trick-dark);font-size:1rem;line-height:1.25}
.global-result-card>span:not(.global-result-category){font-size:.86rem;line-height:1.45}
.global-result-card small{margin-top:auto;font-weight:800;color:var(--trick-dark-2)}
.global-result-category{width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:var(--trick-icon-bg);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.global-no-results,.global-search-loading{grid-column:1/-1;background:#fff;border:1px dashed var(--trick-border);border-radius:16px;padding:18px;text-align:center;font-weight:800;color:var(--trick-dark)}

.empty-trick-card{border-style:dashed!important}
.empty-trick-card h3,.empty-trick-card .card-desc{color:#64748b!important}
.modern-pagination{max-width:1280px;margin:22px auto 30px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,253,244,.97),rgba(254,252,232,.96));border:1px solid var(--trick-border);border-radius:20px;box-shadow:var(--trick-shadow-soft)}
.pagination-summary{display:flex;flex-direction:column;gap:2px;color:var(--trick-text)}
.pagination-summary strong{color:var(--trick-dark)}
.pagination-summary span{font-size:.8rem}
.pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.pagination-arrow,.pagination-number{min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;border:1px solid var(--trick-border);background:#fff;color:var(--trick-dark);font-weight:900;padding:8px 12px}
.pagination-number{min-width:40px}
.pagination-number.active{background:var(--trick-button-bg);color:#fff;border-color:transparent}
.pagination-arrow.disabled{opacity:.4;cursor:not-allowed}

.footer-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:850px){.global-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .footer-column a{font-size:.72rem;overflow-wrap:anywhere}
}
@media(max-width:650px){
  .global-search-grid{grid-template-columns:1fr}
  .modern-pagination{margin-inline:8px;flex-direction:column;align-items:stretch}
  .pagination-summary{text-align:center}
  .pagination-controls{justify-content:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* =========================================================
   RESPONSIVENESS + TRANSLATE STABILITY FIX — v10
   ========================================================= */

/* Never allow translation or long text to widen the viewport. */
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  direction:ltr!important;
}
body{
  position:relative!important;
  left:0!important;
  right:auto!important;
  top:0!important;
}
*,*::before,*::after{box-sizing:border-box}
header,main,footer,section,nav,aside,
.hero-panel,.hero-inner,.hero-side,.controls-wrap,.control-box,
.category-strip,.tricks-grid,.trick-card,.trick-meta,.trick-actions,
.solution-modal,.solution-inner,.solution-top,.solution-content,
.footer-wrap,.footer-menu,.footer-column,.modern-pagination,
.pagination-controls,.global-search-results,.global-search-grid{
  min-width:0!important;
  max-width:100%;
}
img,svg,video,canvas,iframe,table,pre,code,input,select,textarea,button{
  max-width:100%!important;
}
p,h1,h2,h3,h4,h5,h6,a,span,strong,label,button,option{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Google Translate sometimes adds these classes/attributes. Keep PAGE GEOMETRY LTR. */
html[dir="rtl"],body[dir="rtl"],
body.translated-rtl,body.translated-ltr,
html.translated-rtl,html.translated-ltr{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] header,html[dir="rtl"] main,html[dir="rtl"] footer,
html[dir="rtl"] nav,html[dir="rtl"] aside,
body.translated-rtl header,body.translated-rtl main,body.translated-rtl footer,
body.translated-rtl nav,body.translated-rtl aside,
body.translated-rtl .hero-inner,body.translated-rtl .controls-wrap,
body.translated-rtl .category-strip,body.translated-rtl .tricks-grid,
body.translated-rtl .footer-menu,body.translated-rtl .pagination-controls{
  direction:ltr!important;
  text-align:left!important;
}

/* Keep the slide-out menu on the right for every language. */
.sidebar{
  left:auto!important;
  right:0!important;
  max-width:min(90vw,320px)!important;
}
.sidebar:not(.open){transform:translate3d(100%,0,0)!important}
.sidebar.open{transform:translate3d(0,0,0)!important}

/* Avoid Google Translate's old banner shifting the complete page. */
iframe.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate{
  display:none!important;
  height:0!important;
  visibility:hidden!important;
}
body{top:0!important}
#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{
  background:inherit!important;
  box-shadow:none!important;
}

/* Translator control must stay inside the viewport. */
.translate-control{
  width:100%!important;
  min-width:0!important;
}
.translate-control select{
  width:min(100%,360px)!important;
  min-width:0!important;
}
.google-translate-host{
  position:fixed!important;
  left:-9999px!important;
  top:0!important;
  width:2px!important;
  height:2px!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Reduce rendering cost on long category pages. */
.trick-card{
  content-visibility:auto;
  contain-intrinsic-size:460px;
}
.empty-trick-card{
  contain:layout paint style;
}
.global-search-results[hidden]{display:none!important}

/* Stable cards and controls after translated text becomes longer. */
.tricks-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
}
.trick-btn,.hero-btn,.page-link,.pagination-arrow,.pagination-number{
  white-space:normal!important;
  line-height:1.25;
}
.nav-links{
  min-width:0!important;
  max-width:100%!important;
}
.nav-links li,.nav-links a{min-width:0!important}

/* Mobile: one column and absolutely no page-width growth. */
@media(max-width:1100px){
  .tricks-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  html,body{overflow-x:hidden!important}
  header{width:100%!important}
  main{width:calc(100% - 16px)!important;max-width:1280px!important}
  .tricks-grid{grid-template-columns:minmax(0,1fr)!important}
  .category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .controls-wrap{grid-template-columns:minmax(0,1fr)!important}
  .control-box{width:100%!important}
  .footer-wrap{width:calc(100% - 16px)!important}
  .footer-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-column a{font-size:.68rem!important}
}

/* Add-ons; original EasyTutorGuide colors stay intact. */
.etg-page-numbering{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px 0 28px}
.etg-page-numbering button{border:1px solid var(--trick-border);background:#fff;color:var(--trick-dark);border-radius:13px;padding:11px 15px;min-height:43px;font-weight:800;cursor:pointer}
.etg-page-numbering button[aria-current="page"]{background:var(--trick-button-bg);color:#143d26}
.etg-page-numbering button:disabled{opacity:.48;cursor:default}
.etg-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 28px}
.etg-promo{padding:clamp(16px,3vw,25px);border-radius:22px;box-shadow:var(--trick-shadow-soft);min-width:0}
.etg-promo h2{font-size:clamp(1.2rem,2.4vw,1.65rem);margin:0 0 8px;color:#23445a}
.etg-promo p{margin:0 0 14px;line-height:1.6;color:#27465e}
.etg-promo.blog{background:linear-gradient(118deg,#d9f3ff,#e8e4ff,#eff9ff)}
.etg-promo.business{background:linear-gradient(118deg,#ffecd7,#fff0c1,#ffe5d7)}
.etg-promo-buttons{display:flex;flex-wrap:wrap;gap:9px}
.etg-promo-buttons a{display:inline-flex;padding:10px 14px;border-radius:12px;min-height:42px;align-items:center;font-weight:800;color:white;background:#255f93}
.etg-promo.business .etg-promo-buttons a{background:#99602b}
.etg-promo-buttons a:hover{filter:brightness(1.12);transform:translateY(-2px)}
.etg-footer-brand{display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}
.etg-footer-brand img{width:150px;max-width:45vw;height:auto;border-radius:13px}
.trick-card[hidden]{display:none!important}
html,body{width:100%;max-width:100%;overflow-x:clip}main,.tricks-grid,.trick-card,section{min-width:0}
@media(max-width:680px){.etg-promo-grid{grid-template-columns:minmax(0,1fr)}.etg-promo{padding:16px}}

/* Pagination only; original visual palette left untouched */
.etg-ten-page-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:26px auto 35px}
.etg-page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:9px 13px;border-radius:13px;background:#fff;color:var(--trick-dark);border:1px solid var(--trick-border);font-weight:800;box-shadow:var(--trick-shadow-soft)}
.etg-page-chip.is-active{background:var(--trick-button-bg);color:#173d23;border-color:transparent}
.etg-promo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px auto}
.etg-promo{padding:22px;border-radius:19px;color:#24354b}
.etg-promo.blog{background:linear-gradient(115deg,#dbeeff,#e6e2ff)}
.etg-promo.business{background:linear-gradient(115deg,#fff1d6,#fce1d0)}
.etg-promo a{display:inline-flex;margin:5px 8px 0 0;background:#fff;padding:9px 12px;border-radius:10px;font-weight:800;color:#233d49}
.etg-promo h2{margin:0 0 8px;color:inherit}.etg-promo p{line-height:1.55}
@media(max-width:650px){.etg-promo-row{grid-template-columns:1fr}}

/* 2026-10-25: per-trick unique subtle gradients; page palette unchanged. */
.trick-card{background:linear-gradient(138deg,var(--trick-grad-a,#fff),var(--trick-grad-b,#f0fdf4) 57%,var(--trick-grad-c,#fefce8))!important;min-width:0}
.trick-card .trick-image-placeholder{background:linear-gradient(145deg,var(--trick-grad-c,#f8fafc),var(--trick-grad-a,#fff))!important}
/* Solution modal: visible red X anchored top-right, independent of Font Awesome. */
.solution-overlay{padding:clamp(8px,2.5vw,22px)!important;overflow:hidden;overscroll-behavior:contain}
.solution-modal{position:relative!important;width:min(100%,970px)!important;max-width:min(100%,970px)!important;height:min(90dvh,820px)!important;max-height:90dvh!important;overflow:hidden!important;min-width:0}
.solution-inner{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding:clamp(16px,3vw,30px)!important;padding-top:62px!important}
.solution-close{position:absolute!important;inset:12px 12px auto auto!important;top:12px!important;right:12px!important;left:auto!important;margin:0!important;z-index:12!important;display:flex!important;justify-content:center!important;align-items:center!important;width:43px!important;height:43px!important;min-width:43px!important;border-radius:50%!important;border:2px solid #b91c1c!important;background:#fff!important;color:#c40000!important;font-size:31px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:0 3px 14px #39000030!important}
.solution-close:hover,.solution-close:focus-visible{background:#fff0f0!important;outline:2px solid #b91c1c!important;outline-offset:1px!important}
.solution-top{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;gap:18px!important;max-width:100%!important}
.solution-content,.solution-content *, .solution-steps,.solution-step{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.solution-step{white-space:normal}
@media(max-width:720px){
 .solution-overlay{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
 .solution-modal{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
 .solution-inner{padding:66px 15px 22px!important;height:100%!important;max-height:100%!important}
 .solution-top{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .solution-image,.solution-image img,.solution-image-placeholder{min-height:110px!important;height:130px!important;max-height:130px!important}
 .solution-content h2{font-size:clamp(1.35rem,6vw,1.85rem)!important}
 .solution-close{top:10px!important;right:12px!important}
}
@media(max-width:390px){.solution-inner{padding-left:11px!important;padding-right:11px!important}.solution-step{padding:11px!important}}

/* Category-coordinated gradients, used on all trick pages and category navigation. */
.trick-card{background:var(--category-gradient,var(--trick-card-bg))!important;}
.trick-card .trick-image-box{background:var(--category-gradient,var(--trick-card-bg))!important;}
.trick-topic-image{display:block;width:100%;height:100%;object-fit:contain;min-width:0;}
.category-item{background:var(--category-gradient,var(--trick-card-bg))!important;}
.trick-card[data-category="coding"],.category-item[data-category="coding"]{--category-gradient:linear-gradient(135deg,#e0f2fe 0%,#dcfce7 55%,#dbeafe 100%);}
.trick-card[data-category="web"],.category-item[data-category="web"]{--category-gradient:linear-gradient(135deg,#fef3c7 0%,#ffedd5 55%,#fde68a 100%);}
.trick-card[data-category="ai"],.category-item[data-category="ai"]{--category-gradient:linear-gradient(135deg,#ede9fe 0%,#f5d0fe 55%,#e0e7ff 100%);}
.trick-card[data-category="study"],.category-item[data-category="study"]{--category-gradient:linear-gradient(135deg,#dcfce7 0%,#fef9c3 55%,#bbf7d0 100%);}
.trick-card[data-category="tools"],.category-item[data-category="tools"]{--category-gradient:linear-gradient(135deg,#cffafe 0%,#e0f2fe 55%,#c7d2fe 100%);}
.trick-card[data-category="life"],.category-item[data-category="life"]{--category-gradient:linear-gradient(135deg,#ffe4e6 0%,#ffedd5 55%,#fce7f3 100%);}
.trick-card[data-category="productivity"],.category-item[data-category="productivity"]{--category-gradient:linear-gradient(135deg,#f3e8ff 0%,#dbeafe 55%,#e9d5ff 100%);}
.trick-card[data-category="other"],.category-item[data-category="other"]{--category-gradient:linear-gradient(135deg,#f1f5f9 0%,#fef3c7 55%,#e2e8f0 100%);}
@media(max-width:640px){.trick-image-box{max-width:100%;min-width:0}.trick-topic-image{height:100%;max-width:100%;}}

/* 2026-10-25: Compact bordered category navigation; original category gradients preserved. */
.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:13px!important}
.category-strip .category-item{min-width:0!important;padding:10px 9px!important;border:2px solid #91af98!important;border-radius:11px!important;box-shadow:0 2px 8px rgba(23,74,48,.09)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;overflow-wrap:anywhere!important}
.category-strip .category-item strong{font-size:.91rem!important;line-height:1.27!important;margin:0!important}
.category-strip .category-item span{font-size:.76rem!important;line-height:1.3!important;font-weight:550!important}
.category-strip .category-item i{font-size:1.02rem!important;margin:0 0 2px!important}
.category-strip .category-item:hover,.category-strip .category-item:focus-visible{border-color:#277c4f!important;outline-offset:2px!important}
@media(max-width:780px){.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:380px){.category-strip{gap:6px!important}.category-strip .category-item{padding:9px 6px!important}.category-strip .category-item strong{font-size:.82rem!important}.category-strip .category-item span{font-size:.71rem!important}}
/* Keep only one Blog panel and one Business panel; clearly separate their colors. */
.etg-promo.blog{background:linear-gradient(112deg,#d9ecff 0%,#e5e0ff 56%,#d9f6fb 100%)!important;border:2px solid #9ab3ed!important;color:#213d65!important}
.etg-promo.blog :is(h2,p){color:#213d65!important}
.etg-promo.blog a{background:linear-gradient(105deg,#295caa,#7856b2)!important;color:#fff!important}
.etg-promo.business{background:linear-gradient(112deg,#ffedcd 0%,#ffdfd6 55%,#fff1d1 100%)!important;border:2px solid #d6a177!important;color:#613a22!important}
.etg-promo.business :is(h2,p){color:#613a22!important}
.etg-promo.business a{background:linear-gradient(105deg,#a75729,#c27e37)!important;color:#fff!important}
html,body{max-width:100%;overflow-x:clip!important}

/* Explanation modal, 300+ word content, and mobile width protection. */
.etg-explanation-overlay{position:fixed;inset:0;z-index:110000;display:none;align-items:center;justify-content:center;background:rgba(8,24,28,.64);padding:clamp(8px,2vw,18px);overflow:hidden}
.etg-explanation-overlay.is-open{display:flex}
.etg-explanation-panel{position:relative;background:#fffef8;color:#193f39;width:min(850px,100%);max-width:100%;max-height:calc(100dvh - 20px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-radius:18px;padding:clamp(17px,4vw,32px);box-shadow:0 22px 70px #0018;overflow-wrap:anywhere}
.etg-explanation-panel h2{padding-inline-end:48px;line-height:1.2;color:#166534}
.etg-explanation-panel p{line-height:1.7;margin:0 0 1.1em;overflow-wrap:anywhere;white-space:normal}
.etg-explanation-close{position:sticky;top:0;float:right;margin-inline-start:auto;background:#fff;color:#c40000;border:2px solid #c40000;border-radius:50%;font-weight:900;font-size:30px;width:44px;height:44px;line-height:36px;z-index:2;cursor:pointer}
html,body{max-width:100%;overflow-x:clip}body,main,section,article,.trick-card,.solution-modal,.solution-content{min-width:0;max-width:100%} .solution-modal{overflow-x:hidden}.solution-inner{overflow-x:hidden} .solution-content{overflow-wrap:anywhere}
html[dir=rtl] .tricks-grid,html[dir=rtl] .trick-card,html[dir=rtl] .etg-explanation-panel{text-align:start}
html[dir=rtl] p,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:normal;word-break:normal}
.coming-soon{display:inline-flex;align-items:center;justify-content:center;opacity:.75;cursor:default}
@media(max-width:640px){.etg-explanation-overlay{padding:0}.etg-explanation-panel{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:16px}.etg-explanation-close{right:0}.solution-top{grid-template-columns:minmax(0,1fr)!important}}

/* Translator dialog + mobile screen-width repair (no changes to category palettes). */
#etg-translation-bank{position:absolute!important;inset-inline-start:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;pointer-events:none!important}
html,body{max-width:100%!important;overflow-x:clip!important}
*,*::before,*::after{box-sizing:border-box}
main,section,article,header,footer,nav,.trick-card,.tricks-grid,.solution-content,.solution-top,.solution-modal,.etg-explanation-panel,#etgExplanationBody{min-width:0;max-width:100%}
.trick-card,.solution-content,.etg-explanation-panel,#etgExplanationBody{overflow-wrap:anywhere}
#solutionOverlay,.etg-explanation-overlay{inset:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
.solution-modal,.etg-explanation-panel{width:min(960px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow-x:hidden!important;overflow-y:auto!important}
.solution-inner,#etgExplanationBody{overflow-x:hidden!important;overflow-y:auto}
html[dir=rtl] .solution-content,html[dir=rtl] #etgExplanationBody,html[dir=rtl] .etg-explanation-panel,html[dir=rtl] .solution-modal{text-align:start;direction:rtl}
html[dir=ltr] .solution-content,html[dir=ltr] #etgExplanationBody{direction:ltr;text-align:start}
html[dir=rtl] :is(.solution-content,.etg-explanation-panel) :is(h2,h3,p,li){letter-spacing:normal!important;word-break:normal!important}
@media(max-width:640px){.solution-modal,.etg-explanation-panel{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;padding-inline:clamp(10px,3vw,18px)!important}.solution-top{grid-template-columns:minmax(0,1fr)!important}}

/* Oct 2026: preserve palette; resilient mobile translated dialog widths. */
html,body{width:100%;max-width:100%;overflow-x:clip!important}
*,*::before,*::after{box-sizing:border-box}
header,main,footer,section,article,nav,.tricks-grid,.trick-card,.solution-inner,.solution-top,.solution-content,.etg-explanation-panel{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
.trick-card,.trick-card h3,.trick-card p,.solution-content,.solution-steps,.etg-explanation-panel,#etgExplanationBody{overflow-wrap:anywhere;word-break:normal}
#etg-solution-translation-bank{position:absolute!important;inset-inline-start:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;pointer-events:none!important}
#solutionOverlay,.etg-explanation-overlay{left:0!important;right:0!important;max-width:100vw!important;overflow-x:clip!important}
.solution-modal,.etg-explanation-panel{max-width:calc(100vw - 16px)!important;overflow-x:clip!important}
html[dir=rtl] .solution-content,html[dir=rtl] .etg-explanation-panel,html[dir=rtl] .trick-card{direction:rtl;text-align:start}
html[dir=ltr] .solution-content,html[dir=ltr] .etg-explanation-panel{direction:ltr;text-align:start}
@media(max-width:640px){.solution-modal,.etg-explanation-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.solution-top{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.solution-inner{width:100%;max-width:100%;overflow-x:clip!important}}

/* 2026-10-25 Tool Tricks correction: genuine RTL and narrow-screen cards */
html,body{max-width:100%!important;min-width:0!important;overflow-x:clip!important}
html[dir="rtl"],html[dir="rtl"] body,body[dir="rtl"],html.translated-rtl,body.translated-rtl{direction:rtl!important;text-align:start!important}
html[dir="ltr"],html[dir="ltr"] body,body[dir="ltr"],html.translated-ltr,body.translated-ltr{direction:ltr!important;text-align:start!important}
html[dir="rtl"] :is(main,header,footer,section,nav,aside,.hero-inner,.controls-wrap,.category-strip,.tricks-grid,.trick-card,.trick-meta,.footer-menu,.pagination-controls,.solution-modal,.solution-inner,.solution-content,.solution-steps,.etg-explanation-panel,#etgExplanationBody){direction:rtl!important;text-align:start!important}
html[dir="ltr"] :is(main,header,footer,section,nav,aside,.tricks-grid,.trick-card,.solution-modal,.solution-content,.etg-explanation-panel,#etgExplanationBody){direction:ltr!important;text-align:start!important}
html[dir="rtl"] :is(p,h1,h2,h3,li,span,.card-desc,.solution-step){letter-spacing:normal!important;word-break:normal!important}
.tricks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
.trick-card,.trick-meta,.trick-actions,.trick-image-box,.trick-card h3,.trick-card p{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
.trick-card{height:auto!important;min-height:0!important}
.trick-image-box img{width:100%;height:100%;object-fit:contain;max-width:100%}
.solution-overlay,.etg-explanation-overlay{max-width:100vw!important;overflow-x:hidden!important}
.solution-modal,.etg-explanation-panel{max-width:calc(100vw - 16px)!important;min-width:0!important;overflow-x:hidden!important}
.solution-inner,#etgExplanationBody{overflow-x:hidden!important;overflow-y:auto;max-width:100%!important}
.solution-close,.etg-explanation-close{direction:ltr!important}
@media(max-width:1100px){.tricks-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.tricks-grid{grid-template-columns:minmax(0,1fr)!important}.solution-modal,.etg-explanation-panel{width:100%!important;max-width:100vw!important}.solution-top{grid-template-columns:minmax(0,1fr)!important}.trick-card{padding:14px!important}.trick-actions{flex-wrap:wrap!important}.trick-actions>*{min-width:0!important;flex:1 1 120px!important}}

/* ETG 2026-11-01: mobile navigation stays accessible at any scroll depth. */
@media (max-width:900px){
  #menu-toggle.menu-toggle{position:fixed!important;top:calc(env(safe-area-inset-top, 0px) + 12px)!important;right:12px!important;left:auto!important;z-index:2147483000!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;backdrop-filter:none!important;}
  #sidebar.sidebar{position:fixed!important;inset:0 0 0 auto!important;top:0!important;right:0!important;left:auto!important;width:min(320px,90vw)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;z-index:2147483001!important;filter:none!important;backdrop-filter:none!important;background:#fff!important;}
  #sidebar.sidebar.open{transform:translate3d(0,0,0)!important;visibility:visible!important;}
  #sidebar.sidebar:not(.open){transform:translate3d(105%,0,0)!important;visibility:hidden!important;}
  body:has(#sidebar.open) #menu-toggle{visibility:hidden!important;}
  html,body{overflow-x:clip;}
}

/* Final mobile drawer fix: sidebar and trigger are direct body children. */
@media(max-width:900px){
  body > #menu-toggle{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:12px!important;z-index:2147483000!important;display:flex!important;}
  body > #sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:100vh!important;height:100dvh!important;width:min(340px,90vw)!important;max-width:90vw!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:2147483001!important;background:#fff!important;box-shadow:-10px 0 28px rgba(0,0,0,.13)!important;}
  body > #sidebar.open{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;}
  body > #sidebar:not(.open){transform:translate3d(105%,0,0)!important;visibility:hidden!important;pointer-events:none!important;}
  body > #sidebar .etg-menu-close{position:sticky;top:0;margin:0 0 12px auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#dc2626;font-size:28px;cursor:pointer;z-index:2;}
}
@media(min-width:901px){body > #menu-toggle,body > #sidebar{display:none!important}}

/* Single global MySQL statistics line per trick; hide obsolete view-only label. */
.trick-card .trick-view-line, .trick-card .view-number { display:none !important; }
.trick-card .etg-trick-global-stats { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }