/* Analysis Page - Scientific/Authoritative Aesthetic */

.analysis-nav {
    background: var(--gray-900);
    border-bottom: 1px solid var(--gray-700);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.analysis-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-logo {
    color: var(--white);
    text-decoration: none;
    font-weight: normal;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
}

.nav-logo:hover {
    text-decoration: underline;
}

.nav-links {
    display: flex;
    gap: 20px;
}

.nav-links a {
    color: var(--gray-300);
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
}

.nav-links a:hover {
    color: var(--white);
    text-decoration: underline;
}

.analysis-hero {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    padding: 40px 20px 30px;
}

.analysis-hero h1 {
    font-family: 'Georgia', serif;
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 15px;
    color: var(--gray-900);
}

.analysis-subtitle {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 20px;
}

.analysis-meta {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: var(--gray-500);
}

/* Table of Contents */
.toc-section {
    background: var(--white);
    padding: 40px 20px;
    border-bottom: 1px solid var(--border);
}

.toc-section h2 {
    font-family: 'Georgia', serif;
    font-size: 1.8rem;
    font-weight: normal;
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.toc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.toc-column h3 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--gray-900);
}

.toc-column ul {
    list-style: none;
    padding: 0;
}

.toc-column li {
    margin: 8px 0;
}

.toc-column a {
    color: var(--accent);
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
    display: block;
    padding: 4px 0;
}

.toc-column a:hover {
    text-decoration: underline;
}

/* Content Sections */
.content-section {
    padding: 50px 20px;
}

.content-section.alt-bg {
    background: var(--bg-secondary);
}

.content-section h2 {
    font-family: 'Georgia', serif;
    font-size: 2rem;
    font-weight: normal;
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: var(--gray-900);
}

.summary-box {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 25px;
    margin-bottom: 25px;
}

.summary-box h3 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--gray-900);
}

.summary-box p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--text-primary);
}

.key-innovations {
    margin-top: 40px;
}

.key-innovations h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.innovation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
}

.innovation {
    background: var(--white);
    padding: 20px;
}

.innovation h4 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--gray-900);
}

.innovation p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

/* Architecture Diagram */
.architecture-diagram {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 30px;
    margin-bottom: 40px;
}

.architecture-diagram h3 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.stack-layers {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
}

.stack-layer {
    display: grid;
    grid-template-columns: 180px 1fr;
    background: var(--white);
}

.layer-label {
    background: var(--gray-100);
    padding: 12px 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--gray-900);
    border-right: 1px solid var(--border);
}

.layer-content {
    padding: 12px 15px;
    display: flex;
    align-items: center;
}

.layer-content p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* Comparison Table */
.comparison-table {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 30px;
}

.comparison-table h3 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 20px;
}

.comparison-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.comparison-table th,
.comparison-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid var(--border);
}

.comparison-table th {
    background: var(--gray-100);
    font-weight: 600;
}

.comparison-table .advantage {
    color: var(--accent);
    font-weight: 600;
}

/* Token Details */
.token-details {
    margin-top: 30px;
}

.token-details h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.token-card {
    background: var(--white);
    border: 1px solid var(--border);
    margin-bottom: 25px;
}

.token-header {
    background: var(--gray-100);
    padding: 15px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.token-header h4 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.token-supply {
    background: var(--gray-200);
    padding: 4px 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: var(--gray-700);
}

.token-body {
    padding: 20px;
}

.token-body p {
    margin: 12px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.token-body strong {
    font-weight: 600;
    color: var(--gray-900);
}

.token-body ul {
    margin: 10px 0;
    padding-left: 25px;
}

.token-body li {
    margin: 6px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

.value-mechanism {
    background: var(--bg-secondary);
    padding: 15px;
    border-left: 3px solid var(--accent);
    margin: 15px 0;
}

.mechanism-note {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-style: italic;
}

.mechanism-steps {
    background: var(--bg-secondary);
    padding: 15px;
    border: 1px solid var(--border);
    list-style: decimal;
    padding-left: 40px;
}

.mechanism-steps li {
    margin: 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

.distribution-list {
    padding: 0;
    list-style: none;
}

.distribution-list li {
    padding: 8px 0;
    border-bottom: 1px solid var(--gray-200);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

/* Unit Economics */
.unit-economics {
    margin-top: 40px;
}

.unit-economics h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 20px;
}

.example-box {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 30px;
}

.example-box h4 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--gray-900);
}

.economics-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.econ-step {
    flex: 1;
    background: var(--bg-secondary);
    padding: 15px;
    border: 1px solid var(--border);
}

.step-label {
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

.step-value {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 6px 0;
}

.step-value.profit {
    color: var(--accent);
    font-size: 1.3rem;
}

.step-note {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-top: 8px;
}

.step-breakdown {
    font-size: 0.85rem;
    line-height: 1.6;
    font-family: 'Courier New', monospace;
}

.econ-arrow {
    font-size: 1.5rem;
    color: var(--gray-600);
    margin: 0 10px;
}

.validator-economics {
    background: var(--bg-secondary);
    padding: 20px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--gray-600);
}

.validator-economics h5 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--gray-900);
}

.economics-note {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-style: italic;
    margin-top: 12px;
}

/* Phase Timeline */
.phase-timeline {
    margin-top: 30px;
}

.phase-timeline h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.phase-card {
    background: var(--white);
    border: 1px solid var(--border);
    margin-bottom: 25px;
}

.phase-header {
    background: var(--gray-100);
    padding: 15px 20px;
    border-bottom: 1px solid var(--border);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 15px;
    align-items: center;
}

.phase-dates {
    background: var(--gray-900);
    color: var(--white);
    padding: 4px 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
}

.phase-header h3 {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}

.phase-status {
    background: var(--gray-200);
    padding: 4px 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.85rem;
    color: var(--gray-700);
}

.phase-content {
    padding: 20px;
}

.phase-goal {
    font-size: 0.95rem;
    margin-bottom: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.phase-deliverable {
    background: var(--bg-secondary);
    padding: 12px;
    border-left: 3px solid var(--accent);
    margin-top: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

.deliverables h4,
.resources h4,
.target-customers h5 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 15px 0 10px 0;
    color: var(--gray-900);
}

.target-customers ol {
    margin: 12px 0;
    padding-left: 25px;
}

.target-customers li {
    margin: 8px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

/* Cold Start Analysis */
.cold-start-analysis {
    margin-top: 40px;
    background: var(--white);
    border: 1px solid var(--border);
    padding: 30px;
}

.cold-start-analysis h3 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 15px;
}

.analysis-intro {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: 25px;
}

.success-factors {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    margin: 25px 0;
}

.factor {
    background: var(--white);
    padding: 20px;
}

.factor h4 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--gray-900);
}

.success-precedents {
    background: var(--gray-100);
    padding: 15px;
    border-left: 3px solid var(--gray-600);
    margin-top: 25px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.9rem;
}

/* Risk Table */
.risk-table-wrapper {
    overflow-x: auto;
    margin: 30px 0;
}

.risk-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
    border: 1px solid var(--border);
    font-size: 0.85rem;
}

.risk-table th,
.risk-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid var(--border);
}

.risk-table th {
    background: var(--gray-100);
    font-weight: 600;
}

.prob-low,
.prob-medium,
.prob-high,
.impact-medium,
.impact-high,
.impact-critical {
    font-weight: 600;
}

/* Success/Failure Outcomes */
.success-failure {
    margin-top: 40px;
}

.success-failure h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.outcome-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

.outcome-card {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 25px;
}

.outcome-card.failure {
    border-left: 3px solid var(--gray-600);
}

.outcome-card.success {
    border-left: 3px solid var(--accent);
}

.outcome-card h4 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.outcome-action {
    background: var(--bg-secondary);
    padding: 15px;
    border: 1px solid var(--border);
    margin-top: 15px;
    font-size: 0.9rem;
}

/* Roadmap Timeline */
.roadmap-timeline {
    margin-top: 30px;
}

.roadmap-phase {
    margin-bottom: 30px;
}

.phase-details {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

/* Metrics Grid */
.success-metrics {
    margin-top: 40px;
    background: var(--gray-900);
    color: var(--white);
    padding: 30px;
}

.success-metrics h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 25px;
}

.metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1px;
    background: var(--gray-700);
    border: 1px solid var(--gray-700);
}

.metric-card {
    background: var(--gray-800);
    padding: 20px;
    text-align: center;
}

.metric-value {
    font-size: 2rem;
    font-weight: bold;
    color: var(--white);
    margin-bottom: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.metric-label {
    font-size: 0.9rem;
    margin-bottom: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.metric-detail {
    font-size: 0.8rem;
    color: var(--gray-400);
}

/* Conclusion */
.conclusion-content {
    max-width: 900px;
    margin: 0 auto;
}

.conclusion-box {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 30px;
    margin-bottom: 25px;
}

.conclusion-box h3 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 15px;
}

.conclusion-box p {
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 12px 0;
}

.mandate-list {
    margin: 15px 0;
    padding-left: 25px;
}

.mandate-list li {
    margin: 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 0.95rem;
}

.conclusion-cta {
    background: var(--gray-900);
    color: var(--white);
    padding: 30px;
    text-align: center;
}

.conclusion-cta h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 15px;
}

.conclusion-cta p {
    font-size: 1rem;
    margin: 15px 0;
}

.conclusion-cta .disclaimer {
    font-size: 0.85rem;
    color: var(--gray-400);
    margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .analysis-hero h1 {
        font-size: 2rem;
    }

    .analysis-subtitle {
        font-size: 0.95rem;
    }

    .stack-layer {
        grid-template-columns: 1fr;
    }

    .layer-label {
        border-right: none;
        border-bottom: 1px solid var(--border);
    }

    .phase-header {
        grid-template-columns: 1fr;
    }

    .phase-details {
        grid-template-columns: 1fr;
    }

    .economics-flow {
        flex-direction: column;
    }

    .econ-arrow {
        transform: rotate(90deg);
        margin: 10px 0;
    }

    .outcome-grid {
        grid-template-columns: 1fr;
    }
}

/* Security Analysis Additional Styling */
.critical-row {
    background: #fff5f5;
}

.defense-strong {
    color: #FF1493;
    font-weight: 600;
}

.defense-medium {
    color: #555;
    font-weight: 500;
}

.section-header {
    background: var(--gray-50);
    font-weight: 600;
    text-align: center;
    padding: 12px !important;
}

.attack-summary {
    margin-top: 40px;
}

.defense-principles {
    margin-top: 40px;
}

.defense-principles .outcome-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.defense-principles .outcome-card h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--black);
}

/* Grayscale emojis on analysis page too */
.emoji-grayscale {
    filter: grayscale(100%);
}

/* Keep hot pink natural for links and buttons */
.defense-strong {
    color: var(--accent);
}