/* /security only (01.11. late, minimal round). Prefix xsec-. Tokens only (r.css); STYLE-OPENNOTE-WISPR.md §6.5, §6.7.
   The one dark moment: an ink panel at --mid, chalk text (Campsite 7dd8f0d7 shape, Wispr's #181818 band as the colour).
   Three white cards with the small ink icons (Dovetail 28d71638, Opennote 7683757c). */
.xsec-dark{box-sizing:border-box;max-width:var(--mid);margin:0 auto;background:var(--ink);color:var(--paper);border-radius:var(--r-frame);padding:clamp(56px,7vw,96px) clamp(24px,5vw,72px);text-align:center}
.xsec-dark .r-h{color:var(--paper);max-width:14em;margin:0 auto}
.xsec-dark .r-lead{color:color-mix(in srgb,var(--paper) 74%,transparent);margin:18px auto 0;max-width:34ch}
.xsec-dark-ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:var(--paper)}
.xsec-dark-ic img{width:32px;height:32px;display:block}
.xsec-cards{list-style:none;padding:0;margin-left:auto;margin-right:auto;max-width:var(--mid);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xsec-cards>li{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.xsec-cards img{width:40px;height:40px;margin:0 0 20px}
.xsec-cards p{margin:10px 0 0;font:400 var(--fs-body)/1.55 var(--sans);color:var(--ink-2)}
.xsec-src{text-align:center;margin-top:24px}
.xsec-src a{color:var(--ink)}
.xsec-more{text-align:center;margin:32px 0 0}
@media (max-width:860px){.xsec-cards{grid-template-columns:minmax(0,1fr);max-width:var(--text)}}