.geo-learn{font-family:var(--pbm-font-family-sans);text-align:center}.geo-learn__title{color:var(--pbm-color-slate);font-size:clamp(1.375rem,1.15rem + .6vw,1.625rem);font-weight:var(--pbm-font-weight-sub);margin:0;line-height:1.25}.geo-learn__lead{margin:var(--pbm-space-2) 0 0;color:var(--pbm-color-muted);font-size:var(--pbm-font-size-body);line-height:var(--pbm-line-height-body)}.geo-learn__path{gap:var(--pbm-space-5);margin:var(--pbm-space-6) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.geo-learn__step{gap:var(--pbm-space-4);text-align:start;grid-template-rows:auto 1fr;display:grid;position:relative}.geo-learn__step:not(:last-child):after{inset-block-start:15px;inset-inline:calc(50% + 16px) calc(16px - 50% - var(--pbm-space-5));border-block-start:1.5px dashed var(--pbm-color-line);content:"";position:absolute}.geo-learn__dot{border:1.5px solid var(--pbm-color-line);background:var(--pbm-color-page);block-size:32px;inline-size:32px;color:var(--pbm-color-muted);font-size:12px;font-weight:var(--pbm-font-weight-sub);font-variant-numeric:tabular-nums;border-radius:50%;justify-self:center;place-items:center;display:grid}.geo-learn__step:first-child .geo-learn__dot{border-color:var(--pbm-color-slate);background:var(--pbm-color-slate);color:var(--pbm-color-page)}.geo-learn__card{gap:var(--pbm-space-2);padding:var(--pbm-space-5);border:1px solid var(--pbm-color-line);border-radius:var(--pbm-radius-card);color:var(--pbm-color-slate);transition:border-color .2s var(--pbm-ease);flex-direction:column;text-decoration:none;display:flex}.geo-learn__card:hover{border-color:var(--pbm-color-blue-accessible)}.geo-learn__card:focus-visible{outline:var(--pbm-focus-width) solid var(--pbm-color-blue-accessible);outline-offset:var(--pbm-focus-offset)}.geo-learn__kind{color:var(--pbm-color-muted);font-size:var(--pbm-font-size-label);font-weight:var(--pbm-font-weight-sub);letter-spacing:2px;text-transform:uppercase}.geo-learn__name{font-size:var(--pbm-font-size-subtitle);font-weight:var(--pbm-font-weight-sub);text-wrap:pretty;line-height:1.35}.geo-learn__card:hover .geo-learn__name{text-underline-offset:.2em;text-decoration:underline}.geo-learn__line{color:var(--pbm-color-muted);font-size:var(--pbm-font-size-note);line-height:1.45}.geo-learn__arrow{color:var(--pbm-color-blue-accessible);box-sizing:content-box;transition:transform .2s var(--pbm-ease);margin-block-start:auto;padding-block-start:var(--pbm-space-2)}.geo-learn__card:hover .geo-learn__arrow{transform:translate(3px)}@media (max-width:767px){.geo-learn__path{gap:var(--pbm-space-4);grid-template-columns:minmax(0,1fr)}.geo-learn__step{gap:var(--pbm-space-3);grid-template-rows:none;grid-template-columns:32px minmax(0,1fr)}.geo-learn__step:not(:last-child):after{inset-block:32px calc(-1 * var(--pbm-space-4));border-block-start:0;border-inline-start:1.5px dashed var(--pbm-color-line);inset-inline:15px auto}}
