/* ==========================================================================
   WHY CHOOSE US — the delta on top of gads-system-clarity-w8/sysw8.css
   --------------------------------------------------------------------------
   The section is NOT re-designed here.  It carries the class `.w8` and every
   rule that draws it — the folder tabs, the sheet, the box, the tick, the
   phone layer — comes from sysw8.css, unchanged and shared, so the two
   sections cannot drift apart.  This file adds the only two things "Why
   Choose Us" needs that "Our Google Ads System" never did:

     1 · a bullet with a second, quieter line under it (the system's bullets
         are all single phrases; several of these carry a "what that means");
     2 · room for the third tab's long name.

   Loaded AFTER sysw8.css.  Scoped to `.wcs` so nothing here can reach the
   system section (section-class-name-collisions).
   ========================================================================== */

/* ---- 1 · a bullet that carries a detail line ---------------------------- */
.wcs .w8-li li b{ display:block; }
.wcs .w8-li li i{
  display:block; margin-top:3px;
  font-size: clamp(13.2px,.97vw,13.8px); font-weight:500; line-height:1.44;
  letter-spacing:0; color: var(--ink-3);
}

/* ---- 2 · the stage strip, with three long names ------------------------
   "Technical & Campaign Management" is half again as long as any name in the
   system section, so the tabs are allowed to give up their gap and tighten
   their padding before the strip could ever run past the sheet.  Nothing
   about the tab's shape, fill or state changes. */
@media (max-width: 1360px) and (min-width: 861px){
  .wcs .w8-dock{ gap:2px; padding-inline: clamp(10px,1.3vw,18px); }
  .wcs .w8-tab{ gap:10px; padding-inline: clamp(11px,1.15vw,16px); }
}
@media (max-width: 1120px) and (min-width: 861px){
  .wcs .w8-tab-b{ width:30px; height:30px; border-radius:10px; font-size:12px; }
  .wcs .w8-tab-n{ font-size: clamp(14px,1.15vw,16px); }
}