.about-page{background:#f4f6f8;min-height:100vh;padding-top:56px}.about-page .about-content{max-width:820px;margin:0 auto;padding:24px 20px 48px}.about-page h1{margin-bottom:.5rem;font-size:1.6rem}.about-page h2{margin-top:1.75rem;margin-bottom:.5rem;font-size:1.15rem}.about-page p,.about-page li{color:#333;font-size:.95rem;line-height:1.55}.about-page .lead{color:#555;font-size:1rem}.about-page .swatch-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0 4px;display:grid}.about-page .swatch{background:#fff;border:1px solid #0000001a;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.about-page .swatch-color{border:1px solid #00000026;border-radius:6px;flex-shrink:0;width:28px;height:28px}.about-page .swatch-label{font-size:.85rem;font-weight:600}.about-page .swatch-coord-marker{background:#ffcc00f2;border:2px solid #222;border-radius:50%}.about-page .swatch-hatch-high{background:repeating-linear-gradient(-45deg,#228b2247,#228b2247 5px,#228b22eb 5px 8px)}.about-page .swatch-hatch-medium{background:repeating-linear-gradient(-45deg,#daa52047,#daa52047 5px,#daa520eb 5px 8px)}.about-page .swatch-hatch-low{background:repeating-linear-gradient(-45deg,#dc143c38,#dc143c38 5px,#dc143ceb 5px 8px)}.about-page .swatch-hatch-nfer{background:repeating-linear-gradient(-45deg,#783cc852,#783cc852 5px,#5a28a0eb 5px 8px)}.about-page .swatch-desc{color:#555;margin-top:2px;font-size:.78rem}.about-page .callout{background:#fff8e6;border:1px solid #e8d9a8;border-radius:8px;margin:16px 0;padding:12px 14px;font-size:.9rem}.about-page code{font-size:.85em}.about-page .about-code{color:#e8e8e8;background:#1e1e1e;border-radius:6px;margin:8px 0 12px;padding:10px 14px;font-size:.85rem;overflow-x:auto}