/* TECH TUTORIALS — public theme. يعتمد على Bootstrap 5.3 + متغيرات CSS + data-bs-theme */
:root{--brand:#0d6efd;--brand-2:#0a58ca;--card-bg:var(--bs-body-bg);--soft:var(--bs-tertiary-bg);--line:var(--bs-border-color);--radius:.9rem;--shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.05);--header-h:64px}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Naskh Arabic",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
a{text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:.3rem}
.skip-link{position:absolute;inset-inline-start:.5rem;top:-4rem;background:var(--brand);color:#fff;padding:.5rem 1rem;border-radius:.4rem;z-index:2000}.skip-link:focus{top:.5rem}
/* honeypot: مخفي بدون إزاحة خارج الشاشة (left:-9999px كان يمدّ الصفحة يسارًا في RTL) */
.hp{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0;pointer-events:none}
main{min-height:60vh;outline:none}

/* Header */
.site-header{position:sticky;top:0;z-index:1030;background:color-mix(in srgb,var(--bs-body-bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:1rem;height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.15rem;color:var(--bs-body-color);letter-spacing:.3px}.brand:hover{text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.6rem;background:linear-gradient(135deg,var(--brand),#6ea8fe);color:#fff;font-size:.95rem}
.main-nav{gap:.15rem;margin-inline-start:1.2rem;flex:1}
.nav-item-wrap{position:relative}
.nav-link-x{display:block;padding:.5rem .8rem;border-radius:.5rem;color:var(--bs-body-color);font-weight:500;font-size:.95rem}
.nav-link-x:hover,.nav-link-x.active{background:var(--soft);color:var(--brand);text-decoration:none}
.dropdown-panel{position:absolute;inset-inline-start:0;top:100%;min-width:230px;background:var(--card-bg);border:1px solid var(--line);border-radius:.8rem;box-shadow:var(--shadow);padding:.4rem;display:none}
.has-dropdown:hover .dropdown-panel,.has-dropdown:focus-within .dropdown-panel{display:block}
.dropdown-panel a{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:.5rem;color:var(--bs-body-color);font-size:.92rem}
.dropdown-panel a:hover{background:var(--soft);text-decoration:none}.dropdown-panel a.all{color:var(--brand);font-weight:600;border-top:1px solid var(--line);margin-top:.3rem;border-radius:0 0 .5rem .5rem}
.header-actions{display:flex;align-items:center;gap:.3rem;margin-inline-start:auto}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:0;background:transparent;color:var(--bs-body-color);border-radius:.6rem;font-size:1rem;font-weight:600;padding:0 .5rem}
.icon-btn:hover{background:var(--soft);text-decoration:none}
.search-overlay{position:fixed;inset:var(--header-h) 0 auto 0;background:var(--card-bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:1rem 0;z-index:1025}
.search-form{display:flex;gap:.5rem}.search-form input{flex:1;border:1px solid var(--line);background:var(--bs-body-bg);color:var(--bs-body-color);border-radius:.6rem;padding:.65rem 1rem;font-size:1.05rem}
.suggest-box{margin-top:.6rem;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;max-width:100%}
.suggest-item{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem;color:var(--bs-body-color);border-bottom:1px solid var(--line)}.suggest-item:last-child{border:0}
.suggest-item:hover,.suggest-item.active{background:var(--soft);text-decoration:none}
.suggest-item img,.suggest-item .ph{width:52px;height:38px;object-fit:cover;border-radius:.4rem;background:var(--soft);flex:none;display:flex;align-items:center;justify-content:center;color:var(--bs-secondary-color)}
.suggest-item small{display:block;color:var(--bs-secondary-color)}
.mobile-menu{position:fixed;inset:var(--header-h) 0 0 0;background:var(--bs-body-bg);z-index:1020;overflow-y:auto;padding:1rem 1.25rem}
.mobile-menu a{display:block;padding:.8rem .25rem;font-weight:600;color:var(--bs-body-color);border-bottom:1px solid var(--line)}
.mobile-menu a.sub{font-weight:400;font-size:.95rem}
body.menu-open{overflow:hidden}

/* Hero & sections */
.hero{padding:4rem 0 3.2rem;background:radial-gradient(1200px 380px at 50% -10%,rgba(13,110,253,.16),transparent 70%),var(--bs-body-bg);border-bottom:1px solid var(--line)}
.hero-title{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;line-height:1.25;margin-bottom:.8rem}
.hero-desc{font-size:1.1rem;color:var(--bs-secondary-color);max-width:640px;margin:0 auto 1.8rem}
.hero-search{display:flex;align-items:center;gap:.6rem;max-width:720px;margin:0 auto;background:var(--card-bg);border:1px solid var(--line);border-radius:1rem;padding:.4rem .4rem .4rem 1rem;box-shadow:var(--shadow)}
.hero-search i{color:var(--bs-secondary-color)}
.hero-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--bs-body-color);padding:.6rem .4rem;font-size:1.05rem;outline:none}
.section{padding:2.2rem 0}
.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}
.section-head h2{font-size:1.45rem;font-weight:700;margin:0}
.page-head{padding:1.6rem 0 1rem}.page-head h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800}
.breadcrumb{font-size:.88rem;margin-bottom:.8rem;flex-wrap:wrap}

/* Cards */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.4rem}
.card-article{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.card-article:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.1)}
.card-media{display:block;aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;display:block}
.card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:2.2rem;color:var(--brand);background:linear-gradient(135deg,rgba(13,110,253,.1),rgba(110,168,254,.2))}
.card-body-x{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.badge-cat{align-self:flex-start;background:rgba(13,110,253,.1);color:var(--brand);font-size:.76rem;font-weight:700;padding:.2rem .6rem;border-radius:2rem}.badge-cat:hover{text-decoration:none;background:rgba(13,110,253,.18)}
.card-title-x{font-size:1.08rem;font-weight:700;line-height:1.45;margin:0}.card-title-x a{color:var(--bs-body-color)}.card-title-x a:hover{color:var(--brand);text-decoration:none}
.card-excerpt{font-size:.9rem;color:var(--bs-secondary-color);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.78rem;color:var(--bs-secondary-color);padding-top:.5rem}
mark{background:rgba(255,193,7,.35);color:inherit;padding:0 .1em;border-radius:.2rem}

/* Category tiles, chips, tabs */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:1rem}
.cat-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.2rem .8rem;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--bs-body-color);transition:.15s}
.cat-tile:hover{border-color:var(--brand);transform:translateY(-2px);text-decoration:none;box-shadow:var(--shadow)}
.cat-icon{width:48px;height:48px;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:rgba(13,110,253,.1);color:var(--brand);font-size:1.3rem}
.cat-name{font-weight:700}.cat-count{font-size:.78rem;color:var(--bs-secondary-color)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:2rem;font-size:.88rem;color:var(--bs-body-color);background:var(--card-bg)}
.chip:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}.chip .count,.count{font-size:.75rem;color:var(--bs-secondary-color)}
.chips.big .chip{font-size:1rem;padding:.45rem 1rem}
.tabs-mini{display:flex;gap:.25rem;background:var(--soft);padding:.25rem;border-radius:.7rem}
.tabs-mini button{border:0;background:transparent;color:var(--bs-body-color);padding:.3rem .8rem;border-radius:.5rem;font-size:.85rem}
.tabs-mini button.active{background:var(--card-bg);box-shadow:var(--shadow);font-weight:700;color:var(--brand)}
.updates-list{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.updates-list li{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:var(--card-bg)}.updates-list li:last-child{border:0}
.updates-list time{font-size:.82rem;color:var(--bs-secondary-color)}
.cat-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.2rem}
.cat-group{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;background:var(--card-bg)}.cat-group h2{font-size:1.15rem}.cat-group ul{margin:0;padding-inline-start:1.1rem}
.empty-state{text-align:center;padding:3rem 1rem;color:var(--bs-secondary-color)}
.newsletter{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0d6efd,#0a58ca);color:#fff;border-radius:1.2rem;padding:2rem}
.newsletter h2{font-size:1.4rem}.newsletter-form{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;min-width:260px;max-width:480px}
.newsletter-form input[type=email]{flex:1;min-width:180px;border:0;border-radius:.6rem;padding:.65rem 1rem}
.newsletter-msg{width:100%;font-size:.88rem;min-height:1.2em}

/* Article page */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;align-items:start}
@media(max-width:991.98px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-side{order:2}}
.article-main{max-width:820px;min-width:0}
.article-header h1{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;line-height:1.3;margin:.7rem 0}
.article-subtitle{font-size:1.2rem;color:var(--bs-secondary-color);margin-bottom:.4rem}
.article-lead{font-size:1.08rem;color:var(--bs-secondary-color)}
.article-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.86rem;color:var(--bs-secondary-color);padding:.8rem 0;border-block:1px solid var(--line);margin-top:.8rem}
.article-hero{margin:1.4rem 0}.article-hero img{width:100%;height:auto;border-radius:var(--radius);display:block}.article-hero figcaption{font-size:.85rem;color:var(--bs-secondary-color);margin-top:.4rem;text-align:center}
.article-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:1.2rem;max-height:calc(100vh - 100px);overflow-y:auto}
.toc-box,.side-box{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--card-bg)}
.toc-title{font-weight:700;margin-bottom:.6rem;font-size:.95rem}
.toc-list{list-style:none;margin:0;padding:0;font-size:.88rem}
.toc-list li a{display:block;padding:.28rem .4rem;border-radius:.4rem;color:var(--bs-body-color)}.toc-list li a:hover,.toc-list li a.active{background:var(--soft);color:var(--brand);text-decoration:none}
.toc-list li a.active{font-weight:700}
.toc-l3{padding-inline-start:1.1rem}.toc-num{color:var(--bs-secondary-color);margin-inline-end:.25rem}
.toc-mobile{border:1px solid var(--line);border-radius:var(--radius);padding:.7rem 1rem;margin:1rem 0;background:var(--card-bg)}.toc-mobile summary{font-weight:700;cursor:pointer}.toc-mobile .toc-list{margin-top:.6rem}
.side-list{list-style:none;padding:0;margin:0;font-size:.9rem}.side-list li{padding:.4rem 0;border-bottom:1px solid var(--line)}.side-list li:last-child{border:0}.side-list a{color:var(--bs-body-color)}
.faq-section{margin-top:2.5rem}.faq-section h2{font-size:1.4rem}
.rating-box{margin:2rem 0;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0;padding:.8rem 0;border-block:1px solid var(--line)}
.share-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card-bg);color:var(--bs-body-color)}.share-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);text-decoration:none}
.author-box{display:flex;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg);margin:1.5rem 0}
.author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}.author-avatar.ph{display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:1.6rem;font-weight:700}
.social{display:flex;gap:.5rem;flex-wrap:wrap}.social a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--bs-body-color)}.social a:hover{background:var(--brand);color:#fff;border-color:var(--brand);text-decoration:none}
.article-content .gallery img{cursor:zoom-in}

/* Footer */
.site-footer{margin-top:3rem;padding:3rem 0 1.5rem;background:var(--soft);border-top:1px solid var(--line)}
.footer-h{font-size:1rem;font-weight:700;margin-bottom:.8rem}
.footer-links{list-style:none;padding:0;margin:0;font-size:.9rem}.footer-links li{margin-bottom:.4rem}.footer-links a{color:var(--bs-secondary-color)}.footer-links a:hover{color:var(--brand)}
.footer-bottom{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--bs-secondary-color);text-align:center}
.cookie-bar{position:fixed;inset-inline:1rem;bottom:1rem;z-index:1040;max-width:640px;margin-inline:auto;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.18);padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between}
.not-found{padding:4rem 0}.nf-code{font-size:6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--brand),#6ea8fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.copy-btn{font-family:inherit}
@media(max-width:575.98px){.hero{padding:2.6rem 0 2rem}.hero-search .btn{padding:.5rem .9rem;font-size:.95rem}.section{padding:1.5rem 0}.author-box{flex-direction:column}}
@media print{.site-header,.site-footer,.article-side,.share-bar,.rating-box,.cookie-bar,.toc-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Comments */
.comments{margin-top:2.5rem}.comments h2{font-size:1.4rem}
.comment-list{list-style:none;padding:0;margin:0}.comment-list.replies{margin-inline-start:2.6rem;margin-top:.6rem}
.comment{display:flex;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.comment>ol.replies{flex-basis:100%}
.comment.is-reply{border-bottom:0;padding:.5rem 0}
.c-avatar{width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--brand);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.c-body{flex:1;min-width:0}.c-head{font-size:.9rem;margin-bottom:.2rem}.c-head time{color:var(--bs-secondary-color);font-size:.8rem;margin-inline-start:.4rem}
.c-text{font-size:.95rem;line-height:1.7;overflow-wrap:anywhere}
.comment-form{margin-top:1.8rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg)}
.reply-banner{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:var(--soft);border-radius:.5rem;padding:.4rem .8rem;margin-bottom:.8rem;font-size:.9rem}

/* Tools */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:1rem}
.tool-tile{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--bs-body-color);transition:.15s}
.tool-tile:hover{border-color:var(--brand);text-decoration:none;box-shadow:var(--shadow);transform:translateY(-2px)}
.tool-tile-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.tool-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}
.tool-big{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;color:var(--brand);margin:.3rem 0 .8rem;word-break:break-all}
.tool-output{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--soft);border:1px solid var(--line);border-radius:.6rem;padding:.8rem 1rem;word-break:break-all;min-height:3rem;direction:ltr;text-align:left}

/* Tools catalog filters */

.tools-catalog {
    min-width: 0;
}

.tools-filters {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin-bottom: 1.75rem;
    padding: .35rem 0 1.1rem;
    border-bottom: 1px solid var(--line);
}

.tools-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .65rem 1rem;
    border: 1px solid var(--line);
    border-radius: 50px;
    background: var(--card-bg);
    color: var(--bs-body-color);
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: .2s ease;
}

.tools-filter:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.tools-filter.active {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
    box-shadow: 0 4px 12px rgba(13, 110, 253, .2);
}

.tools-filter span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 20px;
    background: rgba(127, 127, 127, .12);
    font-size: .75rem;
}

.tools-filter.active span {
    background: rgba(255, 255, 255, .2);
}

.tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
    gap: 1rem;
}

.tool-tile[hidden] {
    display: none !important;
}

.tools-empty {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--bs-secondary-color);
}

.tools-empty[hidden] {
    display: none !important;
}

@media (max-width: 767.98px) {
    .tools-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: .35rem 0 1rem;
        margin-inline: -12px;
        padding-inline: 12px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .tools-filter {
        flex: 0 0 auto;
        padding: .6rem .9rem;
        font-size: .85rem;
    }

    .tools-grid {
        grid-template-columns: 1fr;
        gap: .75rem;
    }
}

/* Regex Tester - highlighted matches */
.regex-highlight-preview {
  background: var(--soft);
  color: var(--bs-body-color);
  border: 1px solid var(--line);
  border-radius: .75rem;
  padding: 1rem;
  min-height: 80px;
  max-height: 350px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  unicode-bidi: plaintext;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.85;
}

.regex-match-mark {
  background: #facc15;
  color: #172033;
  border-radius: .2rem;
  padding: .05rem .1rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (max-width: 576px) {
  .regex-highlight-preview {
    padding: .75rem;
    font-size: .9rem;
  }
}


/* AHMED TECH — BIP39 interactive buttons */
#toolApp .at-bip39-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:44px;
  padding:.65rem 1rem;
  border:1px solid var(--line,rgba(128,128,128,.35)) !important;
  border-radius:10px !important;
  background:var(--card-bg,#fff) !important;
  color:var(--bs-body-color,inherit) !important;
  font-weight:600 !important;
  line-height:1.4;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .12s ease;
}

#toolApp .at-bip39-btn:hover:not(:disabled){
  border-color:var(--brand,#0d6efd) !important;
  background:var(--soft,rgba(13,110,253,.08)) !important;
  color:var(--brand,#0d6efd) !important;
  box-shadow:0 4px 14px rgba(13,110,253,.12);
  transform:translateY(-1px);
}

#toolApp .at-bip39-btn:active:not(:disabled){
  transform:translateY(1px) scale(.97);
  box-shadow:0 1px 4px rgba(0,0,0,.12);
}

#toolApp .at-bip39-btn:focus-visible{
  outline:3px solid var(--brand,#0d6efd);
  outline-offset:3px;
}

#toolApp .at-bip39-btn-primary{
  background:var(--brand,#0d6efd) !important;
  border-color:var(--brand,#0d6efd) !important;
  color:#fff !important;
}

#toolApp .at-bip39-btn-primary:hover:not(:disabled){
  background:#0755bd !important;
  border-color:#0755bd !important;
  color:#fff !important;
  box-shadow:0 5px 18px rgba(13,110,253,.28);
}

#toolApp .at-bip39-btn-primary:active:not(:disabled){
  background:#064a9f !important;
  color:#fff !important;
}

@media(max-width:575.98px){
  #toolApp .at-bip39-btn{
    flex:1 1 auto;
    min-width:120px;
  }
}

@media(prefers-reduced-motion:reduce){
  #toolApp .at-bip39-btn{
    transition:none !important;
  }
}