.useful-page{display:grid;gap:24px}.useful-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.useful-page--single-column .useful-page__grid{grid-template-columns:1fr}.useful-page__card{position:relative;display:flex;align-items:flex-end;min-height:180px;padding:24px;overflow:hidden;border:1px solid rgba(255,117,72,.16);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px #0f172a14;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.useful-page__card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(20,24,32,.28));pointer-events:none;z-index:1}.useful-page__card--illustrated:after{content:"";position:absolute;inset:0;background-image:var(--useful-card-image);background-position:center;background-repeat:no-repeat;background-size:92%;pointer-events:none}.useful-page__card:hover{transform:translateY(-3px);border-color:#ff754847;box-shadow:0 22px 48px #0f172a1f}.useful-page__card-title{position:relative;z-index:2;max-width:min(78%,400px);color:#fff;text-shadow:0 10px 24px rgba(15,23,42,.32);font-family:IBM Plex Sans,Source Sans Pro,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.2}.useful-page__card-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.useful-page__card-heading-group{display:flex;align-items:flex-start;gap:14px;min-width:0;max-width:min(84%,840px)}.useful-page__card--indexed{align-items:flex-start}.useful-page__card-index{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;text-shadow:0 8px 18px rgba(15,23,42,.28);font-family:IBM Plex Sans,Source Sans Pro,sans-serif;font-size:1rem;font-weight:700;line-height:1}.useful-page__card-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:center;color:#161c28}.useful-page__card-chevron svg{width:26px;height:26px}.useful-page__card-hover-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:24px;background:rgba(255,255,255,.94);color:#121722;opacity:0;pointer-events:none;transition:opacity .2s ease}.useful-page__card-hover-title{font-family:IBM Plex Sans,Source Sans Pro,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2}.useful-page__card-description{font-family:IBM Plex Sans,Source Sans Pro,sans-serif;font-size:.98rem;line-height:1.5;color:#303847}[data-theme=dark] .useful-page__card{border-color:#e2e4e91f;background:rgba(37,41,49,.92);box-shadow:0 20px 42px #00000038}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .useful-page__card{border-color:#e2e4e91f;background:rgba(37,41,49,.92);box-shadow:0 20px 42px #00000038}}.useful-page--python .useful-page__card:before{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.58) 24%,rgba(255,255,255,.06) 52%)}.useful-page--python .useful-page__card--illustrated:after{background-size:cover;background-position:center}.useful-page--python .useful-page__card-title{color:#161c28;text-shadow:none}.useful-page--python .useful-page__card-index{background:rgba(255,224,208,.9);color:#c6532f;text-shadow:none}.useful-page--python .useful-page__card-chevron{color:#161c28}.useful-page--python .useful-page__card:hover .useful-page__card-hover-copy,.useful-page--python .useful-page__card:focus-visible .useful-page__card-hover-copy{opacity:1}@media (max-width: 960px){.useful-page__grid{grid-template-columns:1fr}}@media (max-width: 640px){.useful-page{gap:18px}.useful-page__grid{gap:12px}.useful-page__card{min-height:124px;padding:16px 18px;border-radius:20px}.useful-page__card--illustrated:after{inset:0;background-size:108%}.useful-page--python .useful-page__card--illustrated:after{background-size:cover;background-position:center}.useful-page__card-title{max-width:100%;font-size:1.02rem;line-height:1.18}.useful-page__card-header{gap:10px}.useful-page__card-heading-group{gap:10px;max-width:min(84%,100%)}.useful-page__card-index{min-width:32px;height:32px;font-size:.92rem}.useful-page__card-chevron svg{width:22px;height:22px}.useful-page__card-hover-copy{padding:16px 18px;gap:8px}.useful-page__card-hover-title{font-size:1rem}.useful-page__card-description{font-size:.84rem;line-height:1.35}}