/* explorers + cost expansion */
.explorer-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.5rem 0 1rem}
.explorer-toolbar input[type=search],.explorer-toolbar select{
  background:var(--paper);border:1px solid var(--ink);color:var(--ink);
  font:inherit;padding:.55rem .75rem;min-width:12rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1.25rem}
.chip{border:1px solid var(--ink);background:transparent;color:var(--ink);
  font:inherit;font-size:.8rem;padding:.35rem .65rem;cursor:pointer}
.chip.is-on{background:var(--ink);color:var(--paper)}
.matrix-wrap{overflow:auto;border:1px solid var(--ink);background:var(--paper)}
.matrix{border-collapse:collapse;width:100%;min-width:52rem;font-size:.85rem}
.matrix th,.matrix td{border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
  padding:.55rem .6rem;text-align:left;vertical-align:top}
.matrix thead th{position:sticky;top:0;background:var(--ink);color:var(--paper);z-index:2;font-weight:600}
.matrix .feat-name{font-weight:600;min-width:14rem}
.matrix .feat-cat{display:block;font-size:.7rem;font-weight:400;color:var(--grey);margin-top:.15rem}
.matrix .feat-blurb{display:block;font-size:.75rem;font-weight:400;color:var(--grey);margin-top:.35rem;max-width:22rem}
.cell{display:inline-block;padding:.15rem .4rem;border:1px solid var(--ink);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}
.cell-yes{background:var(--ink);color:var(--paper)}
.cell-no{opacity:.45}
.cell-add-on,.cell-metered,.cell-limited,.cell-chat,.cell-with-copilot,.cell-plan2{background:var(--paper)}
.cell-metered{border-style:dashed}
.legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0;font-size:.8rem;color:var(--grey)}
.cost-layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:1.5rem 0}
.cost-layer{border:1px solid var(--ink);padding:1rem 1.1rem;background:var(--paper)}
.cost-layer h3{margin:0 0 .4rem;font-size:1rem}
.gloss-grid{display:grid;gap:.75rem}
.gloss-item{border:1px solid var(--ink);padding:1rem 1.1rem;background:var(--paper)}
.gloss-item h3{margin:0 0 .25rem;font-size:1.05rem}
.gloss-item .expand{color:var(--grey);font-size:.85rem;margin-bottom:.5rem}
.gloss-item .cat{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);padding:.15rem .4rem;margin-bottom:.5rem}
.timeline{position:relative;margin:1.5rem 0;padding-left:1.25rem;border-left:2px solid var(--ink)}
.tl-item{position:relative;margin:0 0 1.25rem;padding-left:1rem}
.tl-item::before{content:"";position:absolute;left:-1.55rem;top:.35rem;width:.65rem;height:.65rem;background:var(--ink);border-radius:0}
.tl-meta{font-size:.8rem;color:var(--grey);margin-bottom:.25rem}
.tl-item h3{margin:0 0 .35rem;font-size:1.05rem}
.tl-item a{color:inherit}
.art-block{margin:2rem 0;border:1px solid var(--ink);background:var(--paper);overflow:hidden;min-height:10rem;position:relative}
.art-block svg{display:block;width:100%;height:auto}
.note-box{border-left:3px solid var(--red);padding:.75rem 1rem;margin:1.25rem 0;background:color-mix(in srgb,var(--red) 6%,var(--paper));font-size:.9rem}
.stack-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0}
.stack-card{border:1px solid var(--ink);padding:1.1rem;background:var(--paper)}
.stack-card.featured{border-width:2px}
.stack-card h3{margin:0 0 .5rem}
.stack-card ul{margin:.5rem 0 0;padding-left:1.1rem}
.filter-empty{padding:2rem;text-align:center;color:var(--grey);border:1px dashed var(--ink)}

/* art / infographic (also see assets/art.css) */
.art-block .fig-label,
.infographic .fig-label,
.idea-header-art .fig-label{display:block;margin:.55rem .75rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey,#6F6A60)}