/* Portfolio overrides on top of the Forty template */

/* Long titles wrap instead of pushing the page sideways on phones */
header.major { max-width: 100%; }

/* Button rows wrap on narrow screens */
ul.actions { flex-wrap: wrap; }

/* Code blocks scroll inside their box */
pre { max-width: 100%; overflow-x: auto; }
pre code { font-size: 0.85em; }

/* Project and tutorial metadata */
.tags { font-size: 0.8em; letter-spacing: 0.05em; opacity: 0.7; margin-bottom: 0.75em; }
.project h3 { margin-bottom: 0.4em; }
.project .note { font-size: 0.8em; font-style: italic; opacity: 0.6; }
.formula { text-align: center; }