@import url('/theme.css');
@import url('/motion.css');
@import url('/pricing.css');
@import url('/stories.css');
@import url('/circle.css');
@import url('/mobile.css');


/* Keep disclosures readable against every dark public card surface. */
:root{--muted:#b4c4d8}
.muted,.hero-note,.hero-bottom,.illustration-note,.allocation small,.schedule small,.preview-caption,.plan-foot,.custom-copy small,.footer-bottom,.circle-footnote,.circle-demo-caption,.story-disclaimer{color:#b4c4d8}
.sample-tag,.product-sidebar>small,.circle-demo-top small,.story-card .story-label,.story-persona small,.circle-owner small,.circle-member small,.preview-metrics small,.preview-metrics span,.focus-card li small,.price small{color:#b4c4d8}
.illustration-note,.preview-caption,.plan-foot,.circle-footnote,.circle-demo-caption,.story-disclaimer,.sample-tag,.footer-bottom,.custom-copy small{font-size:11px;line-height:1.7}
.button,.text-link,.footer-links a,.motion-toggle,#custom-close{min-height:44px}
.text-link,.footer-links a{display:inline-flex;align-items:center}
#custom-close{min-width:44px;top:8px;right:8px}
#main:focus{outline:none}
#preview-panel:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
@media(forced-colors:active){.gradient-text{color:CanvasText;background:none}.primary{border-color:ButtonText}.allocation-ring{border:2px solid CanvasText}}