.setting-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0}.setting-cards-two{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:24px;background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none;box-shadow:0 4px 16px hsl(var(--foreground)/.04);transition:transform .2s,box-shadow .2s}.setting-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px hsl(var(--foreground)/.09)}.setting-card:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.setting-card-photo{position:relative;flex:none;aspect-ratio:16/7;max-height:240px}@media(min-width:1024px){#care-options .setting-cards{column-gap:40px;container-type:inline-size}#care-options .setting-card-photo{aspect-ratio:auto;height:calc(18.75cqw - 9px);max-height:280px}#care-options .setting-diagnosis-action{align-self:flex-end}}.setting-card-photo picture,.setting-card-photo img{display:block;width:100%;height:100%}.setting-card-photo picture{position:absolute;inset:0}.setting-card-photo img{object-fit:cover;object-position:center 30%}.setting-card-label{position:absolute;bottom:-18px;left:20px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 14px;border-radius:999px;background:hsl(var(--card));color:hsl(var(--foreground));font-size:14px;font-weight:600;box-shadow:0 2px 8px hsl(var(--foreground)/.08)}.setting-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:28px 20px 20px}.setting-card-body h3{margin:0;font:700 20px/1.3 Plus Jakarta Sans,sans-serif}.setting-card-body p{margin:8px 0 12px;color:hsl(var(--muted-foreground));line-height:1.5}.setting-card-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}.setting-card-tags li{padding:5px 12px;border-radius:999px;background:hsl(var(--background));font-size:13px;font-weight:500}.setting-card-school .setting-card-tags li{background:hsl(var(--secondary))}.setting-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin-top:auto;padding-top:16px;border-top:1px solid hsl(var(--border));font-weight:600;color:hsl(var(--primary))}.setting-card-link>svg{flex:none;box-sizing:content-box;padding:9px;border:1px solid hsl(var(--primary)/.2);border-radius:50%;background:hsl(var(--secondary)/.55);transition:background .2s,transform .2s}.setting-card:is(:hover,:focus-visible) .setting-card-link>svg{background:hsl(var(--secondary));transform:translate(2px)}.setting-card-diagnosis{--diagnosis-text:color-mix(in srgb,hsl(var(--background)) 90%,hsl(var(--brand-slate)));--diagnosis-muted:color-mix(in srgb,hsl(var(--background)) 85%,hsl(var(--brand-slate)));background:hsl(var(--brand-slate));background:linear-gradient(135deg,color-mix(in srgb,hsl(var(--brand-slate)) 90%,white),hsl(var(--brand-slate)) 55%,color-mix(in srgb,hsl(var(--brand-slate)) 90%,black));color:var(--diagnosis-text)}.setting-diagnosis-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 32px}.setting-diagnosis-topline{display:flex;align-items:center;box-sizing:border-box;padding-left:64%;width:100%;min-width:0;transform:translateY(32px)}.setting-diagnosis-content h3{max-width:11ch;margin:20px 0 16px;font:700 clamp(40px,4vw,56px)/1.08 "Plus Jakarta Sans",sans-serif;letter-spacing:-.035em}.setting-diagnosis-content p{max-width:30ch;margin:0 0 28px;color:var(--diagnosis-muted);font-size:17px;line-height:1.65}.setting-diagnosis-action{display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;margin-top:auto;border:1px solid currentColor;border-radius:50%;color:var(--diagnosis-text);transition:background-color .2s,color .2s}.setting-diagnosis-action svg{flex:none}.setting-card-diagnosis:is(:hover,:focus-visible){--diagnosis-text:hsl(var(--primary));--diagnosis-muted:hsl(var(--foreground));background:hsl(var(--background));border-color:hsl(var(--primary)/.25)}.setting-card-diagnosis:is(:hover,:focus-visible) .setting-diagnosis-action{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}@media(max-width:767px){.setting-cards{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px}}@media(prefers-reduced-motion:reduce){.setting-card,.setting-card-link>svg,.setting-diagnosis-action{transition:none}.setting-card:hover,.setting-card:is(:hover,:focus-visible) .setting-card-link>svg{transform:none}}