/* Line 16323 (investor-pages-platform-story-r1, ai.features.invest_platform_story): /invest/platform only. The page
   already wears the Google-path tokens (public/css/ns-tokens.css through invest-google-path.css); this file draws the
   layers as one stack, top to bottom, and marks the ladder's last step. Every colour is a --ns-* token with a quiet
   fallback, so light and dark follow the token set. 375 px first: one column, no fixed widths. */

[data-invest-page="platform"] #layers > p {
    position: relative;
    margin: 0;
    padding: 10px 14px 10px 18px;
    border: 1px solid var(--ns-border-strong, rgba(127, 127, 127, .35));
    border-top-width: 0;
    background: var(--ns-card, transparent);
    line-height: 1.5;
}
[data-invest-page="platform"] #layers > h2 + p {
    border-top-width: 1px;
    border-radius: var(--ns-radius, 12px) var(--ns-radius, 12px) 0 0;
}
[data-invest-page="platform"] #layers > p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 4px;
    border-radius: 2px;
    background: var(--ns-gold, #b06000);
}
/* The last line is the band that runs across every layer. */
[data-invest-page="platform"] #layers > p:last-of-type {
    margin-bottom: 16px;
    border-radius: 0 0 var(--ns-radius, 12px) var(--ns-radius, 12px);
    background: var(--ns-surface, transparent);
    font-weight: 600;
}
[data-invest-page="platform"] #layers > p:last-of-type::before { background: var(--ns-text-2, #5f6368); }

/* The ladder: the person hears one line per step; the last step, a person, is always there. */
[data-invest-page="platform"] #ladder tbody tr:last-child td { font-weight: 600; }

@media (min-width: 768px) {
    [data-invest-page="platform"] #layers > p { padding: 12px 18px 12px 22px; }
}

@media print {
    [data-invest-page="platform"] #layers > p { background: none; border-color: #16161d; }
    [data-invest-page="platform"] #layers > p::before { background: #16161d; }
}