/* Unified, readable pain-point cards; the wide composition keeps its orbit arrangement. */
html body #knownCards[hidden]{display:none!important}
html body #knownCards{position:fixed;inset:14px;z-index:1800;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:max-content!important;gap:18px;align-content:start;align-items:stretch;overflow:auto;overscroll-behavior:contain;padding:78px 22px 26px;background:#f8f5f1eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;border-radius:8px;isolation:isolate}
html body #knownCards .known-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0;max-width:none!important;width:auto!important;height:auto!important;min-height:0;padding:24px;background:radial-gradient(ellipse 90% 55% at 18% 10%,#E6A08D1c,transparent 75%),linear-gradient(140deg,#423447,#574259 58%,#685068)!important;border:1px solid #c6a3b073;border-bottom-color:#493650;border-right-color:#493650;box-shadow:inset 0 1px 1px #fff0e540,0 2px 0 #73566e,0 12px 26px #251f3224;color:#fff;animation:pain-card-entry .42s cubic-bezier(.16,.8,.22,1) both;animation-delay:calc(var(--card-order)*35ms)}
html body #knownCards .known-card h3{font-family:"DM Sans",Arial,sans-serif!important;font-weight:650!important;font-size:clamp(24px,1.9vw,29px)!important;line-height:1.22!important;letter-spacing:-.025em!important;color:#E6A08D!important;-webkit-text-fill-color:#E6A08D!important;margin:0 0 14px!important;overflow-wrap:break-word}
html body #knownCards .known-card p{font:400 16px/1.55 "DM Sans",Arial,sans-serif!important;color:#fff!important;margin:0!important;max-width:none!important}
html body #knownCards .pain-number{display:block;font:700 24px/1.2 "Barlow Condensed",Arial,sans-serif!important;color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1px #E6A08D;letter-spacing:.04em;margin-bottom:14px!important}
html body #knownTrigger{color:#303740!important}
html body[data-known-open=true] #knownCards #knownTrigger{position:fixed!important;left:auto!important;top:28px!important;right:34px!important;bottom:auto!important;transform:none!important;z-index:1801;width:auto!important;min-width:135px;min-height:46px;margin:0!important;padding:12px 22px!important;font:650 16px/1.3 "DM Sans",Arial,sans-serif!important;text-align:center;color:#303740!important;background:#E6A08D!important;border:1px solid #E6A08D!important}
@keyframes pain-card-entry{from{opacity:0;translate:var(--burst-x,0px) var(--burst-y,18px);scale:.5}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1000px){
 html body #knownCards{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:". a b ." "c . . d" ". e f .";padding:22px;gap:18px 20px;align-content:start;align-content:safe center}
 html body #knownCards .known-card:nth-child(1){grid-area:a}
 html body #knownCards .known-card:nth-child(2){grid-area:b}
 html body #knownCards .known-card:nth-child(3){grid-area:c}
 html body #knownCards .known-card:nth-child(4){grid-area:d}
 html body #knownCards .known-card:nth-child(5){grid-area:e}
 html body #knownCards .known-card:nth-child(6){grid-area:f}
 html body[data-known-open=true] #knownCards #knownTrigger{left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}
}
@media(max-width:650px){html body #knownCards{inset:8px;grid-template-columns:minmax(0,1fr);padding:76px 15px 22px;gap:16px}html body #knownCards .known-card{padding:24px}html body[data-known-open=true] #knownCards #knownTrigger{top:20px!important;right:24px!important}}
@media(prefers-reduced-motion:reduce){html body #knownCards .known-card{animation:none!important}}

@media(min-width:1000px){
 html body #knownCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;padding:18px;align-content:start;align-content:safe center}
 html body #knownCards .known-card{padding:18px}
 html body #knownCards .known-card h3{font-size:24px!important;line-height:1.18!important;margin-bottom:10px!important}
 html body #knownCards .known-card p{font-size:15px!important;line-height:1.45!important}
 html body #knownCards .pain-number{font-size:22px!important;margin-bottom:10px!important}
}

@media(min-width:1000px){html body[data-known-open=true] #knownCards #knownTrigger{position:relative!important;grid-area:2 / 2 / 3 / 4;align-self:center;justify-self:center;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important}}