/* === cards-3-accent === */
/* ── RSC ASK System ── */
.ssla-section[data-ssla-type="cards-3-accent"]{padding:100px 0;background:var(--ssla-bg-color, var(--shell-bg-dark,#2A2520));color:var(--shell-text-inverted,#F3EDE4);position:relative;overflow:hidden}
.rask-texture{position:absolute!important;z-index:0!important;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0v60M0 30h60' stroke='rgba(255,255,255,0.02)' stroke-width='1'/%3E%3C/svg%3E");pointer-events:none}
.rask-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;position:relative;z-index:2}
.rask-card{background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:40px 32px;transition:all 0.4s}
.rask-card:hover{background:rgba(255,255,255,0.06);transform:translateY(-4px);border-color:rgba(255,255,255,0.12)}
.rask-bar{width:32px;height:3px;margin-bottom:24px;border-radius:2px}
.rask-bar-align{background:var(--shell-accent-2,#C4703A)}
.rask-bar-shift{background:var(--shell-accent-3,#5C7A94)}
.rask-bar-keep{background:var(--shell-accent-3,#6B8F5E)}
.rask-card-label{font-family:"Montserrat",sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px}
.rask-label-align{color:var(--shell-accent-2,#C4703A)}
.rask-label-shift{color:var(--shell-accent-3,#5C7A94)}
.rask-label-keep{color:var(--shell-accent-3,#6B8F5E)}
.rask-card h3{font-size:var(--paint-h3-size, 20px);font-weight:700;color:var(--shell-text-inverted,#F3EDE4);margin-bottom:12px}
.rask-card p{font-size:var(--paint-body-size, 14.5px);color:var(--shell-m,#B5AAA0);line-height:var(--paint-body-line-height, 1.75)}
.rask-domains{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;position:relative;z-index:2}
.rask-domain{padding:9px 20px;border-radius:100px;background:rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.35);font-family:"Montserrat",sans-serif;font-size:12.5px;font-weight:600;color:var(--shell-text-inverted,#E8A0A0)}
.rask-domain:empty{display:none}
.rask-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px;position:relative;z-index:2}
@media(max-width:768px){.rask-cards{grid-template-columns:1fr}}

/* v3.12.02 — tone override classes. ssla-tone-dark inverts text
 * to read against dark bgs; ssla-tone-light inverts to read against
 * light bgs. Surgical inversion of headings/body/eyebrow; complete
 * coverage will iterate per Glenn's walks. */
.ssla-tone-dark .rask-card h3{color: var(--shell-text-inverted, #F3EDE4)}
.ssla-tone-dark .rask-card p{color: var(--shell-m, #B5AAA0)}
.ssla-tone-light[data-ssla-type="cards-3-accent"]{color: var(--shell-h, #1a1d21)}
.ssla-tone-light .rask-card{background: #ffffff}
.ssla-tone-light .rask-card h3{color: var(--shell-h, #1a1d21)}
.ssla-tone-light .rask-card p{color: var(--shell-t, #4a5568)}
