.materials{--material-icon-size:calc(3 * var(--rhythmic-unit));margin-top:calc(2 * var(--rhythmic-unit));flex-direction:column;display:flex}.material{gap:var(--rhythmic-unit);padding:calc(1.5 * var(--rhythmic-unit)) 0;border-top:var(--border);grid-template-columns:1fr;align-items:start;display:grid;&:last-child{padding-bottom:0}}.material__icon{width:var(--material-icon-size);height:var(--material-icon-size);border-radius:var(--border-radius);justify-content:center;align-items:center;display:flex}.material__icon--php{background:#8892bf}.material__title-area{align-items:baseline;gap:calc(.375 * var(--rhythmic-unit)) calc(.75 * var(--rhythmic-unit));flex-wrap:wrap;align-self:center;display:flex}.material__title{font-size:var(--font-size-bigger);transition:var(--transition-mode) color;color:var(--color-contrast--no-animation);margin:0;font-weight:700;line-height:1.2}.material__tag{font-family:var(--font-family-mono), monospace}.material__description{color:var(--color-text-secondary);transition:var(--transition-mode) color;grid-column:1/-1;font-weight:430}.material__update{grid-column:1/-1}.material__actions{gap:calc(.5 * var(--rhythmic-unit));flex-wrap:wrap;display:flex}.material__action{gap:calc(.375 * var(--rhythmic-unit));font-size:var(--font-size-small);font-weight:500;text-decoration:none}.material__link{grid-template-columns:var(--material-icon-size) 1fr;gap:calc(.5 * var(--rhythmic-unit)) var(--rhythmic-unit);text-decoration:none;display:grid;&:hover,&:focus-visible,&:active{& .material__title{color:var(--color-link)}}}@media (width<600px){.material__action{width:auto;padding:0 var(--rhythmic-unit)}}@media (width>=600px){.material{grid-template-columns:1fr auto}.material__icon{grid-row:1/3}.material__title-area{grid-area:1/2}.material__description,.material__update{grid-column:2}.material__actions{min-height:var(--material-icon-size);grid-area:1/3/3;align-items:center;margin:0}.material__action>span{display:none}}