/* UI-09-START-IMPLEMENTATION: the /start/ social bio gateway page stylesheet (reviewed, hand-written; declared start-css,
   loaded by /start/ only). It styles only the gateway elements of the utility page type (page-owned gw-* hooks inside
   <main>), on the shared tokens, so Light, Dark and the device setting follow the shell. The column, the shared link cards,
   the eyebrow, heading, lede and the primary button keep their shared styles. No colour, font or size outside the tokens. */
.gw-meta{margin:0;font-size:var(--ui-type-small);color:var(--ui-ink-2)}
.gw-meta strong{color:var(--ui-gold-text);font-weight:600}
.gw-primary{display:flex;flex-direction:column;gap:var(--ui-space-2)}
.gw-act{width:100%}
.gw .gw-act svg,.gw .gw-wa svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor;stroke:none}
.gw-note{margin:0;font-size:var(--ui-type-small);color:var(--ui-ink-2)}
.gw-lbl{margin:var(--ui-space-2) 0 0;font-size:var(--ui-type-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-ink-2)}
.gw-wa span{display:inline-flex;align-items:center;gap:8px}
.gw-points{list-style:none;margin:0;padding:0;display:grid;gap:var(--ui-space-2)}
.gw-points li{display:flex;align-items:flex-start;gap:8px;font-size:var(--ui-type-small);color:var(--ui-ink-2)}
.gw-points svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;fill:none;stroke:var(--ui-gold-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gw-aside{margin:0;padding-top:var(--ui-space-4);border-top:1px solid var(--ui-border);font-size:var(--ui-type-small);color:var(--ui-ink-2)}