:root{--text-card-focus-color:#f59e0b}.text-card{align-items:flex-start;background-color:var(--color-primary-700,#045a99);border-radius:8px;color:var(--color-text-inverse,#fff);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.text-card:hover{box-shadow:0 4px 12px rgba(4,90,153,.15);transform:translateY(-2px)}.text-card:focus-within{outline:2px solid var(--text-card-focus-color);outline-offset:2px}.text-card__title{color:inherit;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0 0 .35rem}.text-card__divider{background-color:currentColor;border:none;height:3px;margin:0 0 .9rem;opacity:.7;padding:0;width:3rem}.text-card__description{color:inherit;font-size:.95rem;font-weight:400;line-height:1.5;margin:0}.text-card-container{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}@media (max-width:1024px){.text-card-container{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-card{min-height:180px;padding:20px}.text-card__title{font-size:1rem}.text-card__description{font-size:.9rem}}@media (max-width:768px){.text-card-container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.text-card{align-items:center;margin-inline:auto;max-width:24rem;min-height:160px;padding:16px;text-align:center;width:100%}.text-card__title{font-size:.95rem;margin-bottom:.35rem}.text-card__divider{margin:0 auto .7rem}.text-card__description{font-size:.85rem;line-height:1.4}}@media (max-width:480px){.text-card-container{gap:.75rem;grid-template-columns:1fr}.text-card{max-width:20rem;min-height:140px;padding:16px}.text-card__title{font-size:.9rem;margin-bottom:.3rem}.text-card__divider{margin:0 auto .6rem;width:2.5rem}.text-card__description{font-size:.8rem}}.text-card:active,.text-card:focus{outline:2px solid var(--text-card-focus-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.text-card{transition:none}.text-card:hover{transform:none}}@media (prefers-contrast:more){.text-card{border:2px solid}.text-card__divider{opacity:1}}@media (prefers-color-scheme:light){.text-card{box-shadow:0 2px 4px rgba(0,0,0,.1)}}@media (prefers-color-scheme:dark){.text-card{box-shadow:0 2px 8px rgba(0,0,0,.3)}}