/* Thesis Page Styles
 * Extends dashboard-styles.css base theme
 * Created: July 2026
 */

/* ─── Article Typography ──────────────────────────────────────── */

.thesis-article{
    max-width:760px;
    margin:0 auto;
    padding-bottom:60px
}

/* Version badge header */
.thesis-header{
    text-align:center;
    margin-bottom:36px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,0.08)
}

.thesis-title{
    font-size:32px;
    font-weight:700;
    color:#f0f0f0;
    margin-bottom:8px;
    letter-spacing:-0.3px
}

.thesis-version-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(245,158,11,0.1);
    border:1px solid rgba(245,158,11,0.25);
    border-radius:8px;
    padding:6px 14px;
    font-size:13px;
    color:#f59e0b;
    margin-bottom:12px
}

.thesis-meta{
    font-size:13px;
    color:#4a4f66;
    line-height:1.8
}

.thesis-meta span{margin:0 6px}

/* ─── Table of Contents ───────────────────────────────────────── */

.thesis-toc{
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:12px;
    padding:20px 24px;
    margin-bottom:32px
}

.thesis-toc-title{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#8b8fa8;
    margin-bottom:12px
}

.thesis-toc ol{
    list-style:none;
    padding:0;
    margin:0;
    counter-reset:toc
}

.thesis-toc li{
    counter-increment:toc;
    margin-bottom:6px
}

.thesis-toc li::before{
    content:counter(toc) ".";
    color:#4a4f66;
    font-size:13px;
    font-weight:600;
    margin-right:8px;
    display:inline-block;
    min-width:20px
}

.thesis-toc a{
    color:#d1d5db;
    text-decoration:none;
    font-size:14px;
    transition:color 0.15s
}

.thesis-toc a:hover{color:#f59e0b}

/* ─── Section Headings ────────────────────────────────────────── */

.thesis-section{
    margin-bottom:32px
}

.thesis-h2{
    font-size:22px;
    font-weight:700;
    color:#f0f0f0;
    margin-bottom:16px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(245,158,11,0.15);
    letter-spacing:-0.2px
}

.thesis-h3{
    font-size:17px;
    font-weight:600;
    color:#f0f0f0;
    margin-bottom:10px;
    margin-top:20px
}

/* ─── Body Text ───────────────────────────────────────────────── */

.thesis-p{
    font-size:17px;
    color:#d1d5db;
    line-height:1.75;
    margin-bottom:14px
}

.thesis-p strong{color:#f0f0f0}

.thesis-p em{
    color:#8b8fa8;
    font-style:italic
}

/* ─── Status Badges ───────────────────────────────────────────── */

.thesis-status{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.6px;
    padding:3px 10px;
    border-radius:5px;
    margin-left:8px;
    vertical-align:middle
}

.thesis-status.confirmed{background:rgba(34,197,94,0.12);color:#22c55e}
.thesis-status.very-high{background:rgba(34,197,94,0.12);color:#22c55e}
.thesis-status.contested{background:rgba(245,158,11,0.12);color:#f59e0b}
.thesis-status.medium{background:rgba(245,158,11,0.12);color:#f59e0b}
.thesis-status.killed{background:rgba(239,68,68,0.12);color:#ef4444}
.thesis-status.falsified{background:rgba(239,68,68,0.12);color:#ef4444}
.thesis-status.low{background:rgba(239,68,68,0.12);color:#ef4444}
.thesis-status.live{background:rgba(59,130,246,0.12);color:#3b82f6}
.thesis-status.loaded{background:rgba(167,139,250,0.12);color:#a78bfa}
.thesis-status.minor{background:rgba(255,255,255,0.06);color:#8b8fa8}
.thesis-status.normalized{background:rgba(255,255,255,0.06);color:#8b8fa8}

/* ─── Layer / Vein Cards ──────────────────────────────────────── */

.thesis-layer{
    background:rgba(255,255,255,0.025);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:11px;
    padding:18px 22px;
    margin-bottom:14px
}

.thesis-layer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px
}

.thesis-layer-title{
    font-size:17px;
    font-weight:600;
    color:#f0f0f0
}

.thesis-layer-mechanism{
    font-size:15px;
    color:#b0b4c8;
    line-height:1.7;
    margin-bottom:10px
}

.thesis-layer-falsifiers{
    font-size:14px;
    color:#b0b4c8;
    line-height:1.6;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,0.04)
}

.thesis-layer-falsifiers strong{
    color:#8b8fa8;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.5px
}

.thesis-layer-falsifiers ul{
    list-style:none;
    padding:0;
    margin:4px 0 0 0
}

.thesis-layer-falsifiers li{
    padding:3px 0;
    padding-left:14px;
    position:relative
}

.thesis-layer-falsifiers li::before{
    content:'×';
    position:absolute;
    left:0;
    color:#ef4444;
    font-weight:bold;
    font-size:12px
}

/* ─── Opinion Feed Reference ──────────────────────────────────── */

.thesis-feed-ref{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:12px;
    color:#3b82f6;
    text-decoration:none;
    margin-top:6px
}

.thesis-feed-ref:hover{text-decoration:underline}

/* ─── Collapsible Sections (details/summary) ──────────────────── */

.thesis-collapsible{
    background:#1a1d2e;
    border:1px solid rgba(245,158,11,0.15);
    border-radius:12px;
    margin-bottom:14px;
    overflow:hidden
}

.thesis-collapsible[open]{
    border-color:rgba(245,158,11,0.25)
}

.thesis-collapsible summary{
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px 22px;
    cursor:pointer;
    list-style:none;
    user-select:none;
    transition:background 0.15s
}

.thesis-collapsible summary:hover{
    background:rgba(255,255,255,0.02)
}

.thesis-collapsible summary::-webkit-details-marker{display:none}
.thesis-collapsible summary::marker{display:none;content:''}

.thesis-collapsible-chevron{
    display:inline-block;
    width:18px;
    height:18px;
    flex-shrink:0;
    color:#f59e0b;
    transition:transform 0.2s ease;
    font-size:14px;
    text-align:center;
    line-height:18px
}

.thesis-collapsible[open] .thesis-collapsible-chevron{
    transform:rotate(90deg)
}

.thesis-collapsible-title{
    font-size:16px;
    font-weight:600;
    color:#f0f0f0;
    flex:1
}

.thesis-collapsible-hint{
    font-size:12px;
    color:#4a4f66;
    flex-shrink:0
}

.thesis-collapsible-body{
    padding:0 22px 20px;
    border-top:1px solid rgba(255,255,255,0.04)
}

/* ─── Probability Map Table ───────────────────────────────────── */

.thesis-table-wrap{
    overflow-x:auto;
    margin-bottom:16px;
    -webkit-overflow-scrolling:touch
}

.thesis-table{
    width:100%;
    border-collapse:collapse;
    font-size:13px
}

.thesis-table th{
    text-align:left;
    padding:10px 14px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.6px;
    color:#8b8fa8;
    border-bottom:1px solid rgba(255,255,255,0.08);
    white-space:nowrap
}

.thesis-table td{
    padding:10px 14px;
    color:#d1d5db;
    border-bottom:1px solid rgba(255,255,255,0.04);
    vertical-align:top
}

.thesis-table tr:last-child td{border-bottom:none}

.thesis-table tr:hover td{
    background:rgba(255,255,255,0.02)
}

.thesis-table .conv-very-high{color:#22c55e;font-weight:600}
.thesis-table .conv-high{color:#22c55e}
.thesis-table .conv-medium-high{color:#86efac}
.thesis-table .conv-medium{color:#f59e0b}
.thesis-table .conv-low-medium{color:#fbbf24}
.thesis-table .conv-low{color:#ef4444}
.thesis-table .conv-live{color:#3b82f6}
.thesis-table .conv-loaded{color:#a78bfa}
.thesis-table .conv-falsified{color:#ef4444;text-decoration:line-through}
.thesis-table .conv-unknown{color:#8b8fa8}

.thesis-table .note-col{
    font-size:12px;
    color:#8b8fa8;
    max-width:260px
}

/* ─── Glossary ────────────────────────────────────────────────── */

.thesis-glossary{
    list-style:none;
    padding:0;
    margin:0
}

.thesis-glossary dt{
    font-size:15px;
    font-weight:600;
    color:#f59e0b;
    margin-top:16px;
    margin-bottom:4px
}

.thesis-glossary dt:first-child{margin-top:0}

.thesis-glossary dd{
    font-size:14px;
    color:#8b8fa8;
    line-height:1.65;
    margin:0 0 0 0;
    padding-left:16px;
    border-left:2px solid rgba(245,158,11,0.15)
}

/* ─── Blockquote (discipline notes) ───────────────────────────── */

.thesis-note{
    background:rgba(245,158,11,0.06);
    border-left:3px solid rgba(245,158,11,0.3);
    border-radius:0 8px 8px 0;
    padding:12px 18px;
    margin:14px 0;
    font-size:14px;
    color:#d4a017;
    line-height:1.6
}

/* ─── Back to Dashboard Link ──────────────────────────────────── */

.thesis-back{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    color:#3b82f6;
    text-decoration:none;
    margin-bottom:20px
}

.thesis-back:hover{text-decoration:underline}

/* ─── Timeline (for version history) ──────────────────────────── */

.thesis-timeline{
    list-style:none;
    padding:0;
    margin:0;
    position:relative
}

.thesis-timeline::before{
    content:'';
    position:absolute;
    left:6px;
    top:8px;
    bottom:8px;
    width:2px;
    background:rgba(245,158,11,0.15)
}

.thesis-timeline li{
    padding:6px 0 6px 28px;
    position:relative;
    font-size:14px;
    color:#8b8fa8;
    line-height:1.5
}

.thesis-timeline li::before{
    content:'';
    position:absolute;
    left:2px;
    top:12px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#1a1d2e;
    border:2px solid rgba(245,158,11,0.4)
}

.thesis-timeline li strong{color:#f0f0f0}

/* ─── Mobile Responsive ───────────────────────────────────────── */

@media(max-width:720px){
    .thesis-article{padding-bottom:40px}
    .thesis-title{font-size:24px}
    .thesis-h2{font-size:19px}
    .thesis-h3{font-size:16px}
    .thesis-p{font-size:14px}
    .thesis-layer{padding:14px 16px}
    .thesis-collapsible summary{padding:14px 16px}
    .thesis-collapsible-body{padding:0 16px 16px}
    .thesis-toc{padding:16px 18px}
    .thesis-table{font-size:12px}
    .thesis-table th,
    .thesis-table td{padding:8px 10px}
}