/* tool.bizmac.com mockup - tokens mirror wiki.bizmac.com (library.min.css :root --bm-*) */
:root{
  --bm-blue:#0066cc;--bm-blue-hover:#0052a3;--bm-blue-50:#f0f7fd;--bm-blue-soft:#e6f2fb;--bm-blue-ring:#cfe5ff;
  --bm-orange:#f48120;--bm-orange-hover:#d96b0c;--bm-orange-soft:#fef5eb;--bm-cyan:#00b8ff;
  --bm-heading:#0b1424;--bm-body:#102033;--bm-muted:#64748b;--bm-muted-soft:#94a3b8;
  --bm-bg-soft:#f8fafc;--bm-border:#e5eaf2;--bm-border-soft:#eef2f7;--bm-border-strong:#cbd5e1;
  --bm-success:#16a34a;--bm-success-soft:#dcfce7;--bm-danger:#dc2626;--bm-danger-soft:#fee2e2;
  --ok-fg:#166534;--warn-fg:#9a4a05;--err-fg:#b91c1c;
  --bm-radius-sm:.375rem;--bm-radius:.5rem;--bm-radius-lg:1rem;--bm-radius-pill:999px;
  --bm-shadow:0 1px 3px rgba(15,23,42,.04),0 10px 20px -8px rgba(15,23,42,.08);
  --bm-shadow-brand:0 8px 24px -8px rgba(0,102,204,.32);
  --bm-font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bm-font-display:"Overpass",var(--bm-font-body);
  --mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
  --nav-h:68px;--wrap:1240px;--ease:cubic-bezier(.4,0,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--bm-font-body);font-size:16px;line-height:1.6;color:var(--bm-body);background:#fff}
a{color:var(--bm-blue);text-decoration:none}
img,svg{display:block;max-width:100%}
.ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:focus-visible{outline:3px solid var(--bm-blue);outline-offset:2px;border-radius:4px}

/* nav (same structure as wk-nav) */
.wk-nav{position:sticky;top:0;z-index:30;background:#fff}
.wk-nav__inner{display:flex;align-items:center;gap:1.5rem;min-height:var(--nav-h);padding-block:.5rem}
.wk-nav__brand img{height:62px;width:auto}
.wk-nav__menu{display:flex;align-items:center;gap:1.25rem;margin-left:auto}
.wk-nav__goi{display:flex;align-items:center;gap:.55rem;color:var(--bm-blue)}
.wk-nav__goi .ico{font-size:1.6rem;width:1.6rem;height:1.6rem}
.wk-nav__goi em{display:block;font-style:normal;font-size:.6875rem;line-height:1.2;color:var(--bm-muted)}
.wk-nav__goi b{display:block;font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.wk-nav__ticket,.wk-nav__back{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--bm-radius-pill);font-size:.875rem;font-weight:600;transition:border-color .18s var(--ease),color .18s var(--ease),filter .18s var(--ease)}
.wk-nav__ticket{border:1px solid var(--bm-border);color:var(--bm-body)}
.wk-nav__ticket:hover{border-color:var(--bm-blue);color:var(--bm-blue)}
.wk-nav__back{background:var(--bm-orange);color:#fff}
.wk-nav__back:hover{filter:brightness(.94)}

/* tool menu row (new, under wk-nav) */
.tmenu{border-block:1px solid var(--bm-border-soft);background:#fff}
.tmenu__list{display:flex;gap:.25rem;list-style:none;margin:0;padding:.35rem 0;overflow-x:auto;scrollbar-width:none}
.tmenu__list::-webkit-scrollbar{display:none}
.tmenu a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:var(--bm-radius-pill);font-size:.875rem;font-weight:600;color:var(--bm-body);white-space:nowrap;transition:background-color .18s var(--ease),color .18s var(--ease)}
.tmenu a:hover{background:var(--bm-blue-50);color:var(--bm-blue)}
.tmenu a.is-active{background:var(--bm-blue-soft);color:var(--bm-blue)}
.tmenu .ico{font-size:1.05rem;width:1.05rem;height:1.05rem;color:var(--bm-muted)}
.tmenu a.is-active .ico,.tmenu a:hover .ico{color:var(--bm-blue)}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,var(--bm-blue-50) 38%,var(--bm-blue-ring) 100%)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(72% 120% at 100% -12%,rgba(0,102,204,.14),transparent 100%),radial-gradient(60% 100% at 78% 8%,rgba(0,184,255,.1),transparent 100%);pointer-events:none}
.hero__in{position:relative;padding-block:2rem 2.25rem}
.crumb{display:flex;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:500;color:var(--bm-body)}
.crumb a{color:var(--bm-body)}
.crumb .ico{width:.9rem;height:.9rem;color:var(--bm-muted)}
.hero h1{margin:0;font-family:var(--bm-font-display);font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);line-height:1.15;letter-spacing:-.02em;color:var(--bm-heading)}
.hero__lead{max-width:40rem;margin:.75rem 0 0;font-size:1.0625rem;color:var(--bm-body)}

/* search (big pill) */
.search{max-width:46rem;margin-top:1.5rem}
.search__form{display:flex;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem 1.25rem;background:#fff;border:1px solid var(--bm-border);border-radius:var(--bm-radius-pill);box-shadow:0 10px 30px -18px rgba(0,102,204,.3)}
.search__form:focus-within{border-color:var(--bm-blue);box-shadow:0 0 0 4px var(--bm-blue-ring)}
.search__form>.ico{color:var(--bm-muted);font-size:1.35rem;width:1.35rem;height:1.35rem}
.search__input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.0625rem;color:var(--bm-body);padding:.85rem 0}
.search__input:focus{outline:none}
.search__input::placeholder{color:var(--bm-muted-soft)}
.search__btn{flex:none;display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:var(--bm-radius-pill);background:var(--bm-blue);color:#fff;font:inherit;font-weight:600;font-size:.9375rem;padding:.85rem 1.75rem;cursor:pointer;transition:background-color .18s var(--ease),transform .18s var(--ease)}
.search__btn:hover{background:var(--bm-blue-hover)}
.search__btn:active{transform:translateY(1px)}
.search__hint{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-top:.85rem;font-size:.8125rem;color:var(--bm-body)}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border:1px solid var(--bm-blue-ring);border-radius:var(--bm-radius-pill);background:rgba(255,255,255,.7);font-size:.8125rem;font-weight:600;color:var(--bm-blue)}
.chip--static{color:var(--bm-body);font-weight:500}
.detect{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--bm-radius-pill);background:var(--bm-blue-soft);font-size:.8125rem;font-weight:600;color:var(--bm-blue)}
.detect .ico{width:.95rem;height:.95rem}

/* ads (image + link, labelled) */
.ad{position:relative;display:block;margin:0}
.ad__tag{display:block;margin:0 0 .3rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bm-muted)}
.ad__img{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem;width:100%;border:1px dashed var(--bm-border-strong);border-radius:var(--bm-radius);background:repeating-linear-gradient(135deg,#f1f5f9 0 14px,#e9eef5 14px 28px);color:var(--bm-muted);font-size:.9375rem;font-weight:600;text-align:center}
.ad__img small{font-size:.75rem;font-weight:500;color:var(--bm-muted)}
.ad--wide .ad__img{aspect-ratio:1200/150}
.ad--wide .ad__m{display:none}
.ad--mid .ad__img{aspect-ratio:728/90}
.ad--mid .ad__m{display:none}
.ad--rect .ad__img{width:300px;max-width:100%;aspect-ratio:300/250}
.ad--home{margin-top:1.75rem}

/* sections */
.sec{padding-block:2.5rem 3rem}
.sec h2{margin:0 0 .35rem;font-family:var(--bm-font-display);font-size:1.5rem;line-height:1.25;letter-spacing:-.01em;color:var(--bm-heading)}
.sec__sub{margin:0 0 1.5rem;color:var(--bm-muted);font-size:.9375rem}

/* tool grid (wk-major look) */
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;border-radius:var(--bm-radius);background:var(--bm-border);overflow:hidden;list-style:none;margin:0}
.tool{position:relative;display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.4rem 1.35rem 1.5rem;background:#fff;color:var(--bm-body);transition:background-color .18s var(--ease)}
.tool::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--bm-orange);transform:scaleY(0);transform-origin:top;transition:transform .22s var(--ease)}
.tool:hover{background:var(--bm-blue-50)}
.tool:hover::before{transform:scaleY(1)}
.tool__ico{width:2.75rem;height:2.75rem;display:grid;place-items:center;margin-bottom:.4rem;border-radius:12px;background:var(--bm-blue-soft);color:var(--bm-blue)}
.tool__ico .ico{width:1.5rem;height:1.5rem}
.tool__name{font-family:var(--bm-font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:var(--bm-heading);line-height:1.3}
.tool__desc{font-size:.875rem;line-height:1.55;color:var(--bm-muted)}
.tool__go{margin-top:auto;padding-top:.6rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:700;color:var(--bm-blue)}
.tool__go .ico{width:.95rem;height:.95rem;transition:transform .2s var(--ease)}
.tool:hover .tool__go .ico{transform:translateX(3px)}
.tool--mine{background:var(--bm-bg-soft)}

/* orange ask band (wk-ask) */
.ask{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.5rem;padding:1.6rem 2rem;background:linear-gradient(118deg,var(--bm-orange) 0,color-mix(in srgb,var(--bm-orange) 82%,#fff) 100%);border-radius:var(--bm-radius)}
.ask::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(115deg,#000 0,transparent 64%);mask-image:linear-gradient(115deg,#000 0,transparent 64%)}
.ask__t{position:relative;flex:1 1 20rem}
.ask__t b{display:block;font-size:1.2rem;line-height:1.35;color:#fff}
.ask__t span{font-size:.9375rem;color:rgba(255,255,255,.95)}
.ask__btn{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem;border-radius:var(--bm-radius-pill);background:#fff;color:var(--bm-heading);font-weight:700;font-size:.9375rem}

footer.foot{border-top:1px solid var(--bm-border-soft);background:var(--bm-bg-soft)}
.foot__in{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;padding-block:1.25rem;font-size:.8125rem;color:var(--bm-muted)}
.foot a{color:var(--bm-muted)}

/* result page */
.res-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem}
.res-head .search{margin-top:1.25rem;flex:1 1 30rem;max-width:36rem}
.res-head .search__input{padding:.7rem 0;font-size:1rem}
.res-head .search__btn{padding:.7rem 1.4rem}
.res-meta{margin:.5rem 0 0;font-size:.8125rem;color:var(--bm-muted)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start;padding-block:1.75rem 3rem}
.main{min-width:0;display:grid;gap:1rem}
.side{position:sticky;top:calc(var(--nav-h) + 1rem);display:grid;gap:1.5rem}

.sum{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;border:1px solid var(--bm-border);border-radius:var(--bm-radius);background:#fff;box-shadow:var(--bm-shadow)}
.sum__t{margin-right:auto;font-size:.9375rem;color:var(--bm-body)}
.sum__t b{display:block;font-size:1.0625rem;color:var(--bm-heading)}
.sum__acts{display:flex;flex-wrap:wrap;gap:.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem 1.1rem;border:1px solid var(--bm-border);border-radius:var(--bm-radius-pill);background:#fff;color:var(--bm-body);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease),background-color .18s var(--ease)}
.btn .ico{width:1.1rem;height:1.1rem}
.btn:hover{border-color:var(--bm-blue);color:var(--bm-blue)}
.btn--pri{background:var(--bm-blue);border-color:var(--bm-blue);color:#fff}
.btn--pri:hover{background:var(--bm-blue-hover);border-color:var(--bm-blue-hover);color:#fff}
.counts{display:flex;gap:.5rem;flex-wrap:wrap}

.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem .2rem .55rem;border-radius:var(--bm-radius-pill);font-size:.8125rem;font-weight:700;white-space:nowrap}
.pill .ico{width:1rem;height:1rem;stroke-width:2.25}
.pill--ok{background:var(--bm-success-soft);color:var(--ok-fg)}
.pill--warn{background:var(--bm-orange-soft);color:var(--warn-fg);box-shadow:inset 0 0 0 1px rgba(244,129,32,.35)}
.pill--err{background:var(--bm-danger-soft);color:var(--err-fg)}

.chk{border:1px solid var(--bm-border);border-left-width:4px;border-radius:var(--bm-radius);background:#fff;box-shadow:var(--bm-shadow)}
.chk--ok{border-left-color:var(--bm-success)}
.chk--warn{border-left-color:var(--bm-orange)}
.chk--err{border-left-color:var(--bm-danger)}
.chk__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .35rem}
.chk__name{margin:0;font-family:var(--bm-font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--bm-heading)}
.chk__name small{margin-left:.4rem;font-family:var(--bm-font-body);font-size:.8125rem;font-weight:500;color:var(--bm-muted)}
.chk__head .pill{margin-left:auto}
.chk__sum{margin:0;padding:0 1.25rem .85rem;font-size:.9375rem;color:var(--bm-body)}
.chk__body{padding:0 1.25rem 1rem}
.rows{margin:0;border:1px solid var(--bm-border-soft);border-radius:var(--bm-radius-sm);overflow:hidden}
.rows>div{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;gap:.25rem 1rem;align-items:baseline;padding:.55rem .9rem;font-size:.875rem}
.rows>div+div{border-top:1px solid var(--bm-border-soft)}
.rows dt{color:var(--bm-muted);font-weight:500}
.rows dd{margin:0;min-width:0;overflow-wrap:anywhere}
.rows .ttl{font-size:.75rem;color:var(--bm-muted);font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:.8125rem;color:var(--bm-heading)}
.rec{display:block;margin:0;padding:.75rem .9rem;border:1px solid var(--bm-border-soft);border-left:3px solid var(--bm-blue);border-radius:var(--bm-radius-sm);background:var(--bm-bg-soft);font-family:var(--mono);font-size:.8125rem;line-height:1.7;color:var(--bm-heading);overflow-wrap:anywhere}
.rec mark{background:#ffe4e6;color:var(--err-fg);padding:0 .15rem;border-radius:3px}
.bar{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.8125rem;font-weight:600;color:var(--bm-body)}
.bar__track{position:relative;flex:1;height:8px;border-radius:99px;background:var(--bm-border)}
.bar__fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--bm-orange)}
.bar__max{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--bm-heading)}
.fix{display:flex;gap:.6rem;margin:.85rem 0 0;padding:.75rem .9rem;border-radius:var(--bm-radius-sm);font-size:.875rem;line-height:1.55}
.fix .ico{width:1.15rem;height:1.15rem;margin-top:.1rem}
.fix--warn{background:var(--bm-orange-soft);color:#5c2d04}
.fix--warn .ico{color:var(--warn-fg)}
.fix--err{background:#fff5f5;color:#5f1414}
.fix--err .ico{color:var(--err-fg)}
.fix b{font-weight:700}
.svc{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;font-size:.8125rem;color:var(--bm-muted)}
.svc a{font-weight:700}
.svc .ico{width:1rem;height:1rem}
.raw{margin-top:.6rem}
.raw summary{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--bm-muted);cursor:pointer;list-style:none}
.raw summary::-webkit-details-marker{display:none}
.raw summary .ico{width:1rem;height:1rem}

.box{padding:1.25rem;border:1px solid var(--bm-border);border-radius:var(--bm-radius);background:#fff}
.box h3{margin:0 0 .75rem;font-family:var(--bm-font-display);font-size:1.0625rem;color:var(--bm-heading)}
.rel{list-style:none;margin:0;padding:0}
.rel a{display:flex;align-items:center;gap:.7rem;padding:.6rem .5rem;margin-inline:-.5rem;border-radius:var(--bm-radius-sm);color:var(--bm-body);font-size:.9375rem;font-weight:600;transition:background-color .18s var(--ease),color .18s var(--ease)}
.rel a:hover{background:var(--bm-blue-50);color:var(--bm-blue)}
.rel .ico{width:1.25rem;height:1.25rem;color:var(--bm-blue)}
.rel li+li{border-top:1px solid var(--bm-border-soft)}
.rel small{display:block;font-size:.75rem;font-weight:400;color:var(--bm-muted)}

/* mobile: 1 column */
@media (max-width:1023.98px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .side{position:static;grid-template-columns:minmax(0,1fr)}
  .ad--rect{justify-self:center}
  .tools{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767.98px){
  .wk-nav__inner{gap:.75rem}
  .wk-nav__brand img{height:34px}
  .wk-nav__menu{gap:.75rem}
  .wk-nav__goi em,.wk-nav__ticket span,.wk-nav__back{display:none}
  .wk-nav__ticket{padding:.5rem .7rem}
  .hero__in{padding-block:1.25rem 1.5rem}
  .hero__lead{font-size:1rem}
  .search{margin-top:1.1rem}
  .search__form{padding-left:1rem}
  .search__form>.ico{display:none}
  .search__btn{padding:.8rem 1.25rem}
  .ad--wide .ad__d,.ad--mid .ad__d{display:none}
  .ad--wide .ad__m,.ad--mid .ad__m{display:flex}
  .ad--wide .ad__img,.ad--mid .ad__img{aspect-ratio:600/200}
  .sec{padding-block:1.75rem 2rem}
  .tools{grid-template-columns:1fr}
  .tool{display:grid;grid-template-columns:2.75rem minmax(0,1fr);column-gap:.9rem;row-gap:.1rem;align-items:center;padding:1rem}
  .tool__ico{grid-row:span 2;margin:0}
  .tool__name{align-self:end}
  .tool__desc{align-self:start}
  .tool__go{display:none}
  .ask{padding:1.2rem}
  .ask__btn{width:100%;justify-content:center}
  .res-head .search{flex-basis:100%}
  .layout{gap:1.25rem;padding-block:1.25rem 2rem}
  .sum{padding:.9rem 1rem}
  .sum__acts{width:100%}
  .sum__acts .btn{flex:1}
  .chk__head{flex-wrap:wrap;padding:.9rem 1rem .3rem}
  .chk__sum,.chk__body{padding-inline:1rem}
  .rows>div{grid-template-columns:minmax(0,1fr);gap:0}
  .rows dt{font-size:.75rem}
  .rows .ttl{justify-self:start}
}
@media (max-width:479.98px){.wk-nav__ticket{display:none}}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}

/* group menu (scales to 20-30 tools) */
.tmenu__bar{display:flex;align-items:center;gap:.25rem}
.tmenu__toggle{display:none}
.grp{position:relative;list-style:none}
.grp__btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;border:0;border-radius:var(--bm-radius-pill);background:none;font:inherit;font-size:.875rem;font-weight:600;color:var(--bm-body);cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease)}
.grp__btn .ico{width:1.05rem;height:1.05rem;color:var(--bm-muted)}
.grp__btn .car{width:.9rem;height:.9rem;transition:transform .2s var(--ease)}
.grp:hover>.grp__btn,.grp:focus-within>.grp__btn,.grp.is-open>.grp__btn{background:var(--bm-blue-50);color:var(--bm-blue)}
.grp:hover .ico,.grp.is-open .ico{color:var(--bm-blue)}
.grp.is-open>.grp__btn .car{transform:rotate(180deg)}
.grp__panel{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:17rem;padding:.4rem;margin:0;list-style:none;background:#fff;border:1px solid var(--bm-border);border-radius:var(--bm-radius);box-shadow:0 24px 48px -24px rgba(11,35,64,.45);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
.grp:hover>.grp__panel,.grp:focus-within>.grp__panel,.grp.is-open>.grp__panel{opacity:1;visibility:visible;transform:none}
.grp__panel a{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--bm-radius-sm);font-size:.875rem;font-weight:600;color:var(--bm-body)}
.grp__panel a:hover{background:var(--bm-blue-50);color:var(--bm-blue)}
.grp__panel a .ico{width:1.15rem;height:1.15rem;color:var(--bm-blue)}
.grp__panel a.is-soon{color:var(--bm-muted);font-weight:500}
.grp__panel a.is-soon .ico{color:var(--bm-muted-soft)}
.soon{display:inline-flex;align-items:center;margin-left:auto;padding:.05rem .5rem;border-radius:var(--bm-radius-pill);background:var(--bm-bg-muted,#f1f5f9);color:var(--bm-muted);font-size:.6875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}

/* home groups */
.group{padding-top:2rem}
.group:first-of-type{padding-top:0}
.group__head{display:flex;align-items:center;gap:.6rem;margin:0 0 .85rem}
.group__head .gi{display:grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:var(--bm-blue);color:#fff}
.group__head .gi .ico{width:1.1rem;height:1.1rem}
.group__head h3{margin:0;font-family:var(--bm-font-display);font-size:1.25rem;letter-spacing:-.01em;color:var(--bm-heading)}
.group__head span.n{font-size:.8125rem;color:var(--bm-muted)}
.tool--soon{background:var(--bm-bg-soft);cursor:default}
.tool--soon:hover{background:var(--bm-bg-soft)}
.tool--soon::before{display:none}
.tool--soon .tool__ico{background:#eef2f7;color:var(--bm-muted)}
.tool--soon .tool__name{color:var(--bm-body)}
.tool__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.tools .tool:nth-child(n){min-height:0}

@media (max-width:1023.98px){
  .tmenu__toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem 0;border:0;background:none;font:inherit;font-size:.9375rem;font-weight:700;color:var(--bm-heading);cursor:pointer;width:100%}
  .tmenu__toggle .ico{width:1.2rem;height:1.2rem;color:var(--bm-blue)}
  .tmenu__toggle .car{margin-left:auto;transition:transform .2s var(--ease)}
  .tmenu.is-open .tmenu__toggle .car{transform:rotate(180deg)}
  .tmenu__list{display:none;flex-direction:column;gap:0;overflow:visible;padding:0 0 .5rem}
  .tmenu.is-open .tmenu__list{display:flex}
  .grp{border-top:1px solid var(--bm-border-soft)}
  .grp__btn{width:100%;border-radius:0;padding-inline:0;justify-content:flex-start}
  .grp__btn .car{margin-left:auto}
  .grp:hover>.grp__btn{background:none;color:var(--bm-body)}
  .grp__panel{position:static;display:none;min-width:0;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 .5rem 1.6rem}
  .grp:hover>.grp__panel,.grp:focus-within>.grp__panel{display:none}
  .grp.is-open>.grp__panel{display:block}
  .grp.is-open>.grp__btn{background:none}
}

/* login + gated tool */
.wk-nav__login{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.5rem 1rem;border-radius:var(--bm-radius-pill);border:1px solid var(--bm-blue);color:var(--bm-blue);font-size:.875rem;font-weight:600;transition:background-color .18s var(--ease),color .18s var(--ease)}
.wk-nav__login .ico{width:1.05rem;height:1.05rem}
.wk-nav__login:hover{background:var(--bm-blue);color:#fff}
.need{display:inline-flex;align-items:center;gap:.25rem;margin-left:.4rem;padding:.05rem .5rem .05rem .4rem;border-radius:var(--bm-radius-pill);background:var(--bm-blue-soft);color:var(--bm-blue);font-size:.6875rem;font-weight:700;vertical-align:2px;white-space:nowrap}
.need .ico{width:.8rem;height:.8rem;stroke-width:2.25}
.grp__panel a .lk{margin-left:auto;width:.9rem;height:.9rem;color:var(--bm-muted-soft)}
@media (max-width:767.98px){.wk-nav__login span{display:none}.wk-nav__login{padding:.5rem .65rem}}

/* v3 fixes: separate cards (any count per row), wider search, inline service hint */
.tools{gap:.9rem;padding:0;background:none;border-radius:0;overflow:visible}
.tools>li{min-width:0}
.tool{border:1px solid var(--bm-border);border-radius:var(--bm-radius);overflow:hidden}
.tool::before{left:0}
.tool--soon{border-style:dashed}
.search{max-width:52rem}
.res-head .search{max-width:36rem}
.svc{display:block}
.svc .ico{display:inline-block;vertical-align:-3px;margin-right:.35rem}
.tmenu__list{overflow:visible}