/* home v2: grouped panels, compact rows (loaded after tool.css) */
.hero__in{padding-block:2rem 2rem}
.search__hint{margin-top:.75rem;gap:.35rem .5rem;font-size:.8125rem;color:var(--bm-body)}
.search__hint .detect{background:none;padding:0;color:var(--bm-blue)}
.search__hint .dim{color:var(--bm-muted)}
.pop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}
.pop__lab{font-size:.8125rem;font-weight:700;color:var(--bm-heading);margin-right:.25rem}
.pop a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .9rem .4rem .75rem;border:1px solid var(--bm-blue-ring);border-radius:var(--bm-radius-pill);background:#fff;font-size:.875rem;font-weight:600;color:var(--bm-heading);box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.pop a .ico{width:1.1rem;height:1.1rem;color:var(--bm-blue)}
.pop a:hover{border-color:var(--bm-blue);color:var(--bm-blue)}
.ad--home{margin-top:1.5rem}

.sec{padding-block:2.5rem 3rem}
.sec h2{font-size:1.5rem}
.sec__sub{margin-bottom:1.5rem}

.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start}
.panel{border:1px solid var(--bm-border);border-radius:var(--bm-radius-lg);background:#fff;box-shadow:var(--bm-shadow);overflow:hidden}
.panel__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--bm-border-soft);list-style:none;cursor:default}
.panel__head::-webkit-details-marker{display:none}
.panel__ico{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:9px;background:var(--bm-blue);color:#fff}
.panel__ico .ico{width:1.1rem;height:1.1rem}
.panel__title{margin:0;flex:1;font-family:var(--bm-font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--bm-heading)}
.panel__n{font-size:.75rem;font-weight:600;color:var(--bm-muted);font-variant-numeric:tabular-nums}
.panel__car{display:none;width:1.1rem;height:1.1rem;color:var(--bm-muted);transition:transform .2s var(--ease)}
details.panel[open] .panel__car{transform:rotate(180deg)}
.rowl{list-style:none;margin:0;padding:.5rem}
.rowl li+li{margin-top:2px}
.trow{display:grid;grid-template-columns:1.5rem minmax(0,1fr);column-gap:.75rem;align-items:center;min-height:52px;padding:.5rem .75rem;border-radius:var(--bm-radius);color:var(--bm-body);transition:background-color .18s var(--ease)}
.trow>.ico{width:1.25rem;height:1.25rem;color:var(--bm-blue);grid-row:span 2}
.trow__name{display:flex;align-items:center;gap:.4rem;font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--bm-heading);transition:color .18s var(--ease)}
.trow__desc{display:block;font-size:.8125rem;line-height:1.4;color:var(--bm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.trow:hover{background:var(--bm-blue-50)}
a.trow:hover .trow__name{color:var(--bm-blue)}
a.trow:focus-visible{outline:3px solid var(--bm-blue);outline-offset:-3px;background:var(--bm-blue-50)}
.trow .lk{width:.9rem;height:.9rem;color:var(--bm-muted);stroke-width:2}
.trow--soon{cursor:default}
.trow--soon>.ico{color:var(--bm-muted-soft)}
.trow--soon .trow__name{color:var(--bm-muted);font-weight:600}
.trow--soon .trow__desc{color:var(--bm-muted-soft)}
.rowl .sep{height:1px;margin:.35rem .75rem;background:var(--bm-border-soft)}

.panel--help{border-color:rgba(244,129,32,.35);background:var(--bm-orange-soft);box-shadow:none}
.help{padding:1.25rem}
.help h3{margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem;font-family:var(--bm-font-display);font-size:1.125rem;color:var(--bm-heading)}
.help h3 .ico{width:1.4rem;height:1.4rem;color:var(--bm-orange-hover)}
.help p{margin:0 0 1rem;font-size:.875rem;line-height:1.55;color:var(--bm-body)}
.help__acts{display:flex;flex-wrap:wrap;gap:.5rem}
.help .btn--org{background:var(--bm-orange);border-color:var(--bm-orange);color:#fff}
.help .btn--org:hover{background:var(--bm-orange-hover);border-color:var(--bm-orange-hover);color:#fff}

@media (max-width:1099.98px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){
  .hero__in{padding-block:1.25rem 1.5rem}
  .pop{gap:.5rem}
  .pop__lab{flex-basis:100%}
  .sec{padding-block:1.75rem 2rem}
  .panels{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .panel__head{cursor:pointer;min-height:56px;padding:.75rem 1rem}
  .panel__car{display:block}
  .rowl{padding:.25rem .5rem .5rem}
  .trow__desc{white-space:normal}
}
@media (min-width:768px){details.panel>summary{pointer-events:none}}

/* 3 balanced columns on desktop; flat ordered grid below */
.pcol{display:grid;gap:1.25rem;align-content:start}
@media (max-width:1099.98px){.pcol{display:contents}.panel{order:var(--o)}}
@media (max-width:767.98px){.panels{gap:.75rem}}

/* v3: neutral gray list (blue only for primary actions) */
:root{--g-ico:#64748b;--g-tile:#f1f5f9;--g-hover:#f4f6f9;--g-line:#e2e8f0}
.panel{border-color:var(--g-line);box-shadow:none}
.panel__head{border-bottom-color:var(--bm-border-soft)}
.panel__ico{background:var(--g-tile);color:var(--g-ico)}
.panel__title{color:var(--bm-heading)}
.trow>.ico{color:var(--g-ico)}
a.trow:hover{background:var(--g-hover)}
a.trow:hover .trow__name{color:var(--bm-heading)}
a.trow:focus-visible{background:var(--g-hover);outline-color:var(--bm-blue)}
.trow .lk{color:var(--g-ico)}
.trow--soon>.ico{color:#b6c0cd}
.pop a{border-color:var(--g-line);box-shadow:none;color:var(--bm-heading)}
.pop a .ico{color:var(--g-ico)}
.pop a:hover{border-color:var(--bm-border-strong);background:var(--g-hover);color:var(--bm-heading)}