/* dao-section.css — Shared styles for all DAO section pages
   Used by: dao.html, self-score.html, tokenomics.html, grants.html,
            paper44.html, paper47.html, paper49.html
   ---------------------------------------------------------------- */

/* ── Three-layer architecture block (dao.html hub) ──────────────── */
.dao-arch {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: 2px solid var(--border);
    margin: 1.5rem 0 2.5rem;
}
.dao-arch-col {
    padding: 1.5rem;
    border-right: 1px solid var(--border);
}
.dao-arch-col:last-child { border-right: none; }
.dao-arch-col .arch-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--text-faint);
    font-family: var(--font-mono);
    margin-bottom: 0.35rem;
}
.dao-arch-col .arch-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.4rem;
}
.dao-arch-col .arch-sub {
    font-size: 0.77rem;
    color: var(--text-dim);
    margin-bottom: 1rem;
    line-height: 1.55;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.75rem;
}
.dao-arch-col ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.dao-arch-col ul li {
    font-size: 0.78rem;
    color: var(--text-dim);
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-dim);
    line-height: 1.45;
    font-family: var(--font-mono);
}
.dao-arch-col ul li:last-child { border-bottom: none; }
.dao-arch-col .arch-links {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}
.dao-arch-col .arch-links a {
    font-size: 0.75rem;
    color: var(--accent);
    text-decoration: none;
    font-family: var(--font-mono);
}
.dao-arch-col .arch-links a:hover { text-decoration: underline; }

/* layer color accents */
.dao-arch-col:nth-child(1) .arch-label { color: var(--accent); }
.dao-arch-col:nth-child(2) .arch-label { color: #c8a46a; }
.dao-arch-col:nth-child(3) .arch-label { color: var(--text-muted); }

@media(max-width:700px) {
    .dao-arch { grid-template-columns: 1fr; }
    .dao-arch-col { border-right: none; border-bottom: 1px solid var(--border); }
    .dao-arch-col:last-child { border-bottom: none; }
}

/* ── Section navigation strip (bottom of every DAO page) ──────── */
.dao-section-nav {
    border-top: 1px solid var(--border);
    margin-top: 3rem;
    padding-top: 1.25rem;
    padding-bottom: 2rem;
}
.dao-section-nav .dsn-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--text-faint);
    font-family: var(--font-mono);
    margin-bottom: 0.6rem;
}
.dao-section-nav .dsn-links {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--border);
}
.dsn-link {
    display: flex;
    flex-direction: column;
    padding: 0.7rem 1.1rem;
    text-decoration: none;
    border-right: 1px solid var(--border);
    transition: background 0.12s;
    min-width: 100px;
}
.dsn-link:last-child { border-right: none; }
.dsn-link:hover { background: var(--surface); }
.dsn-link.current { background: var(--surface-2); pointer-events: none; }
.dsn-num {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    color: var(--text-faint);
    margin-bottom: 0.2rem;
}
.dsn-link.current .dsn-num { color: var(--accent); }
.dsn-name {
    font-size: 0.8rem;
    color: var(--text-dim);
    font-family: var(--font-mono);
    white-space: nowrap;
}
.dsn-link.current .dsn-name { color: var(--text); }

/* paper links get a slightly different visual weight */
.dsn-link.dsn-paper .dsn-num { color: #5a5250; }
.dsn-link.dsn-paper.current .dsn-num { color: var(--accent); }

@media(max-width:600px) {
    .dao-section-nav .dsn-links { flex-direction: column; }
    .dsn-link { border-right: none; border-bottom: 1px solid var(--border); }
    .dsn-link:last-child { border-bottom: none; }
    .dsn-name { white-space: normal; }
}