/* ============================================
   14. SECTIONS: Hero, About, Links, Manifesto, Footer
   ============================================ */

.hero {
    padding:120px 32px 64px;
    max-width:1100px;
    margin:0 auto;
    background:var(--ivory);
    color:var(--black);
}

.about-section {
    padding:64px 32px;
    max-width:1100px;
    margin:0 auto;
    background:var(--white);
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:none;
}

.links-section {
    padding:64px 32px;
    background:var(--ivory);
}

.links-section h2 {
    text-align:center;
    font-size:2rem;
    margin-bottom:16px;
}

.links-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:32px;
    max-width:1200px;
    margin:0 auto;
}

.link-category {
    background:var(--white);
    border:1px solid #ccc;
    padding:24px;
    box-shadow:none;
}

.link-category h3 {
    font-size:1.1rem;
    margin-bottom:16px;
    font-family:'IBM Plex Mono',monospace;
}

.link-category ul {
    list-style:none;
    padding:0;
    margin:0;
}

.link-category li {
    margin-bottom:12px;
    font-size:0.9rem;
    line-height:1.4;
}

.link-category a {
    color:var(--black);
    text-decoration:none;
    font-weight:700;
}

.link-category a:hover {
}

.about-content {
    max-width:900px;
    margin:0 auto;
}

.about-content h2 {
    font-size:2rem;
    margin-bottom:24px;
}

.about-content p {
    margin-bottom:16px;
    font-size:1.1rem;
}

.manifesto {
    background:var(--white);
    border:none;
    padding:32px;
    margin-bottom:32px;
    box-shadow:none;
    color:var(--black);
}

.manifesto p {
    margin-bottom:16px;
    font-size:1.1rem;
    color:var(--black);
}

.manifesto strong {
    font-family:'IBM Plex Mono',monospace;
    color:var(--black);
}

footer {
    background:var(--white);
    color:var(--black);
    padding:48px 32px;
    text-align:center;
}

footer a {
    color:var(--black);
}

footer p {
    font-family:'IBM Plex Mono',monospace;
    font-size:0.875rem;
    margin-bottom:8px;
}

footer .copyleft {
    font-size:1.5rem;
    margin-bottom:16px;
}

.progress-container {
    position:fixed;
    top:60px;
    left:0;
    right:0;
    height:4px;
    background:transparent;
    z-index:999;
}

.progress-bar {
    height:100%;
    background:var(--accent,var(--black));
    width:0%;
    transition:width 0.3s;
}

.blog-header {
    background: transparent !important;
    color: var(--black) !important;
}