/* =========================================================
   CODBIO HUB — CONTENT AND POLICY PAGES

   Controls About, Contact and governance-page layouts.
   Public frontend. Updated: 2026-08-15.
========================================================= */

.content-hero {
    padding:90px 0 45px;
    border-bottom:1px solid var(--line)
}

.content-hero h1 {
    max-width:900px
}

.content-layout {
    display:grid;
    grid-template-columns:240px minmax(0,760px);
    gap:70px;
    padding-block:70px
}

.content-toc {
    align-self:start;
    position:sticky;
    top:110px
}

.content-toc h2 {
    font:700 10px Inter,sans-serif;
    text-transform:uppercase;
    letter-spacing:.12em
}

.content-toc a {
    display:block;
    padding:7px 0;
    color:var(--muted);
    font-size:12px
}

.prose section {
    padding-bottom:25px;
    margin-bottom:32px;
    border-bottom:1px solid var(--line)
}

.prose h2 {
    font:400 30px Georgia,serif;
    letter-spacing:-.02em
}

.prose h3 {
    font-size:16px
}

.prose p,.prose li {
    color:#526474
}

.prose a {
    color:var(--mint-deep);
    text-decoration:underline
}

.policy-meta {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}

.policy-meta span {
    padding:6px 10px;
    background:#fff;
    border:1px solid var(--line);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em
}

.simple-header {
    border-bottom:1px solid var(--line)
}

@media(max-width:760px) {
    .content-layout {
    grid-template-columns:1fr;
    gap:35px
}

.content-toc {
    position:static
}

.content-hero {
    padding-top:60px
}


}