/* About page-specific styles only */
.container { max-width: 860px; padding: 24px; }
header { padding: 20px 0; margin-bottom: 32px; }
.card { padding: 28px; margin-bottom: 20px; }
h1 { font-size: clamp(26px, 5vw, 36px); color: var(--text); background: none; -webkit-text-fill-color: currentColor; margin-bottom: 12px; }
h2 { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.tools-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin: 16px 0; }
.tool-pill { background: var(--input); border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px; font-size: 14px; color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 8px; transition: all .2s; }
.tool-pill:hover { border-color: var(--accent); color: var(--accent); }
.form-grid { display: grid; gap: 12px; }
.fs-about-style-1 { margin-top: 8px; }
@media (max-width: 560px) { .container { padding: 16px; } }