/* Product-tour band. The button, centered, and nothing else. The card
     chrome and the eleven-card section index that used to open under it
     are gone; what is left is a container that positions one control. */
  .lm-wl-row{
    width:min(1120px,calc(100% - clamp(32px,7vw,96px)));
    max-width:none;
    margin:clamp(30px,4vw,52px) auto clamp(26px,3.4vw,44px);
    padding:0;
    border:0;
    background:transparent;
  }
  .lm-wl-row .landing-more-shell{
    width:100%;min-width:0;max-width:100%;padding:0;background:transparent;
  }
  .lm-wl-row .landing-more{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0;
    text-align:center;
  }
  /* Not a solid red slab. A filled CTA sitting alone in an empty band
     reads as the loudest thing on the page while being the least
     important, and on the dark themes a #b91c1c fill with a red halo
     floats off the surface like it was pasted in. This is a wide, quiet
     tab built from theme tokens instead: a faint film of the text color
     over whatever the page background is, a hairline border, and the red
     kept to the chevron. It picks up the surface it sits on in all five
     themes, and warms toward the accent only on hover. */
  .lm-wl-row .landing-more-summary{
    /* A wide selection bar aligned edge-to-edge with the three .lm-quick
       cards above (the founder, 2026-08-24: "not square, but just widen it to
       make it more appealing of a selection"). Same width + centering as
       .lm-quick, so it reads as the fourth door under the row: copy on the
       left, chevron on the right. It overflows the 1120px .landing-more via
       justify-content, which centers it on the shell = viewport center, the
       same point .lm-quick's left:50%/translateX lands on. */
    width:min(1240px,calc(100vw - 48px));max-width:none;margin:0;
    flex:none;
    display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
    min-width:248px;
    padding:18px 28px;
    border:1px solid var(--border);
    border-radius:16px;
    background:color-mix(in srgb,var(--text,#1a1a1f) 5%,transparent);
    color:var(--text,#1a1a1e);
    /* A one-pixel lit top edge for the glass read, and an ambient shadow
       that is plain black rather than token-keyed: keying the outer glow
       to --text puts a white bloom around the tab on the dark themes,
       which is the floating-sticker look this pass is removing. Black
       lifts it on the light theme and disappears on the dark ones. */
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text,#1a1a1f) 8%,transparent),
               0 6px 18px rgba(0,0,0,.10);
    transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
  }
  .lm-wl-row .landing-more-summary:hover{
    transform:translateY(-1px);
    background:color-mix(in srgb,var(--accent,#dc2626) 9%,transparent);
    border-color:color-mix(in srgb,var(--accent,#dc2626) 45%,transparent);
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text,#1a1a1f) 10%,transparent),
               0 12px 28px color-mix(in srgb,var(--accent,#dc2626) 15%,transparent);
  }
  .lm-wl-row .landing-more-summary:active{transform:translateY(0)}
  .lm-wl-row .lm-title{
    font-family:var(--font-body);
    font-size:.95rem;font-weight:650;letter-spacing:.005em;line-height:1.1;
    color:inherit;
  }
  /* The base .lm-sub is white for the old red-slab pill; on this quiet
     tab it must follow the theme text or it vanishes on light themes. */
  .lm-wl-row .lm-sub{
    color:color-mix(in srgb,var(--text,#1a1a1f) 62%,transparent);
  }
  /* No disc. A filled 30px accent circle reads as a second button
     nested inside the tab, which is the wrong signal: this is the tab's
     own disclosure arrow, not another thing to press. A disclosure
     affordance belongs ON the surface rather than on top of it, so the
     chevron is a bare glyph in the tab's own text colour, muted, and
     warms to the accent only when the whole tab is hovered. The
     rotate-on-open and the slow bob stay: those are what say "this
     expands", and they are the part that was doing the real work. */
  .lm-wl-row .lm-action{
    width:auto;height:auto;border-radius:0;
    background:none;box-shadow:none;
    /* Same 62% muted level as .lm-sub directly beside it, so the
       chevron reads as part of the tab's own quiet layer. */
    color:color-mix(in srgb,var(--text,#1a1a1f) 62%,transparent);
    transition:color .2s;
  }
  .lm-wl-row .lm-action svg{width:18px;height:18px}
  /* Presentation attributes lose to CSS, so the weight is set here
     rather than on the markup's stroke-width="2". */
  .lm-wl-row .lm-action svg path{stroke-width:2.25}
  .lm-wl-row .landing-more-summary:hover .lm-action{
    background:none;
    color:var(--accent,#dc2626);
  }

  @media(max-width:700px){
    .lm-wl-row{
      width:calc(100% - 24px);
      margin:30px auto 28px;
    }
  }