:root {
--lpb-bg:       #0d1b2e;
--lpb-surface:  #152438;
--lpb-card:     #1c3050;
--lpb-card2:    #243a5e;
--lpb-wine:     #8b1929;
--lpb-wine-h:   #a82033;
--lpb-gold:     #c8a020;
--lpb-gold-dim: rgba(200,160,32,0.18);
--lpb-t1:       #f0ede6;
--lpb-t2:       #b8c4d0;
--lpb-t3:       #7a8fa5;
--lpb-border:   rgba(200,160,32,0.22);
--lpb-border-s: rgba(200,160,32,0.55);
} .lpb-wrap {
height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--lpb-bg);
color: var(--lpb-t1);
font-family: 'Georgia', 'Times New Roman', serif;
box-sizing: border-box;
}
.lpb-wrap *, .lpb-wrap *::before, .lpb-wrap *::after {
box-sizing: border-box;
} .lpb-nav {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
gap: 12px;
padding: 0 16px;
flex-shrink: 0;
overflow: hidden;
z-index: 100;
}
.lpb-brand {
font-family: 'Arial', sans-serif;
font-size: 11pt;
font-weight: 700;
color: var(--lpb-gold);
text-transform: uppercase;
letter-spacing: 2px;
white-space: nowrap;
flex-shrink: 0;
}
.lpb-steps {
display: flex;
align-items: center;
gap: 4px;
flex: 1;
overflow-x: auto;
scrollbar-width: none;
}
.lpb-steps::-webkit-scrollbar { display: none; }
.lpb-nb {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 600;
padding: 4px 10px;
border-radius: 3px;
border: 1px solid var(--lpb-border);
background: transparent;
color: var(--lpb-t2);
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
flex-shrink: 0;
}
.lpb-nb:hover {
border-color: var(--lpb-gold);
color: var(--lpb-t1);
background: var(--lpb-gold-dim);
}
.lpb-nb.is-active {
background: var(--lpb-wine);
border-color: var(--lpb-gold);
color: #ffffff;
}
.lpb-arr {
color: var(--lpb-gold);
font-size: 11pt;
opacity: 0.5;
flex-shrink: 0;
line-height: 1;
}
.lpb-pager {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
margin-left: 8px;
}
.lpb-pg-btn {
background: transparent;
border: 1px solid var(--lpb-border);
color: var(--lpb-t2);
width: 28px;
height: 28px;
border-radius: 3px;
cursor: pointer;
font-size: 11pt;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
flex-shrink: 0;
}
.lpb-pg-btn:hover {
border-color: var(--lpb-gold);
color: var(--lpb-t1);
}
#lpb-counter {
font-family: monospace;
font-size: 10pt;
color: var(--lpb-t3);
white-space: nowrap;
} .lpb-screen {
display: none;
flex: 1;
overflow: hidden;
position: relative;
}
.lpb-screen.is-active {
display: flex;
flex-direction: column;
} .lpb-s1 .bg-glyph {
position: fixed;
font-size: 220pt;
color: rgba(200,160,32,0.03);
pointer-events: none;
font-family: 'Times New Roman', serif;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
user-select: none;
}
.lpb-s1 .s1-top-bar {
height: 52px;
background: var(--lpb-surface);
border-bottom: 1px solid var(--lpb-border);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
flex-shrink: 0;
z-index: 1;
}
.lpb-s1 .institution-tag {
font-size: 12pt;
font-family: 'Arial', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
}
.lpb-s1 .system-badge {
font-family: monospace;
font-size: 11pt;
color: var(--lpb-t2);
background: rgba(200,160,32,0.08);
padding: 5px 14px;
border: 1px solid var(--lpb-border);
border-radius: 3px;
}
.lpb-s1 .s1-hero {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px 60px;
background: radial-gradient(ellipse at center, #162540 0%, var(--lpb-bg) 70%);
z-index: 1;
}
.lpb-s1 .hero-eyebrow {
font-family: 'Arial', sans-serif;
font-size: 11pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px;
color: var(--lpb-gold);
margin-bottom: 16px;
}
.lpb-s1 .hero-divider {
width: 180px;
height: 2px;
background: linear-gradient(to right, transparent, var(--lpb-gold), transparent);
margin: 0 auto 20px auto;
}
.lpb-s1 .main-title {
font-size: 38pt;
color: var(--lpb-t1);
margin: 0 0 12px 0;
letter-spacing: 1px;
font-weight: normal;
line-height: 1.15;
}
.lpb-s1 .main-subtitle {
font-size: 15pt;
color: var(--lpb-t2);
font-style: italic;
max-width: 780px;
margin: 0 auto 32px auto;
line-height: 1.6;
}
.lpb-s1 .action-hub {
display: flex;
gap: 18px;
flex-wrap: wrap;
justify-content: center;
}
.lpb-s1 .s1-btn {
font-family: 'Arial', sans-serif;
font-size: 12pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 16px 36px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
border: none;
}
.lpb-s1 .s1-btn-primary {
background-color: var(--lpb-wine);
color: #ffffff;
border: 2px solid var(--lpb-gold);
box-shadow: 0 4px 18px rgba(139,25,41,0.45);
}
.lpb-s1 .s1-btn-primary:hover {
background-color: var(--lpb-wine-h);
box-shadow: 0 6px 24px rgba(200,160,32,0.4);
transform: translateY(-2px);
}
.lpb-s1 .s1-btn-secondary {
background-color: transparent;
color: var(--lpb-gold);
border: 2px solid var(--lpb-border-s);
}
.lpb-s1 .s1-btn-secondary:hover {
background-color: var(--lpb-gold-dim);
border-color: var(--lpb-gold);
color: var(--lpb-t1);
transform: translateY(-2px);
}
.lpb-s1 .s1-labs-section {
background: var(--lpb-surface);
border-top: 1px solid var(--lpb-border);
padding: 14px 30px;
flex-shrink: 0;
z-index: 1;
}
.lpb-s1 .labs-header {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-t3);
text-align: center;
margin-bottom: 12px;
}
.lpb-s1 .labs-grid {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.lpb-s1 .lab-card {
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
padding: 10px 18px;
border-radius: 3px;
text-align: center;
transition: all 0.3s;
min-width: 140px;
}
.lpb-s1 .lab-card:hover {
border-color: var(--lpb-gold);
background: rgba(200,160,32,0.06);
transform: translateY(-2px);
}
.lpb-s1 .lab-badge {
font-size: 9pt;
font-family: monospace;
font-weight: 700;
background: var(--lpb-wine);
color: var(--lpb-gold);
padding: 2px 8px;
border-radius: 2px;
display: inline-block;
margin-bottom: 5px;
text-transform: uppercase;
}
.lpb-s1 .lab-name {
font-size: 12pt;
font-weight: 700;
color: var(--lpb-t1);
margin-bottom: 3px;
}
.lpb-s1 .lab-desc {
font-size: 10pt;
color: var(--lpb-t2);
line-height: 1.3;
}  .lpb-s1 .s1-scroll-body {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: var(--lpb-border) transparent;
z-index: 1;
}
.lpb-s1 .s1-scroll-body::-webkit-scrollbar { width: 6px; }
.lpb-s1 .s1-scroll-body::-webkit-scrollbar-track { background: transparent; }
.lpb-s1 .s1-scroll-body::-webkit-scrollbar-thumb { background: var(--lpb-border); border-radius: 3px; } .lpb-s1 .s1-hero-v2 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 42px 60px 34px;
background: radial-gradient(ellipse at center, #162540 0%, var(--lpb-bg) 75%);
}
.lpb-s1 .s1-purpose {
font-size: 13pt;
color: var(--lpb-t2);
max-width: 780px;
line-height: 1.7;
margin: 0 auto 28px;
}
.lpb-s1 .s1-cta-group {
display: flex;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
} .lpb-s1 .s1-section {
padding: 32px 48px;
border-top: 1px solid var(--lpb-border);
}
.lpb-s1 .s1-section-hdr {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
margin-bottom: 20px;
}
.lpb-s1 .s1-hdr-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.lpb-s1 .s1-progress-label {
font-size: 9.5pt;
font-family: monospace;
color: var(--lpb-t3);
font-weight: normal;
letter-spacing: 0;
background: var(--lpb-card);
padding: 4px 14px;
border-radius: 20px;
border: 1px solid var(--lpb-border);
} .lpb-s1 .s1-comp-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.lpb-s1 .s1-comp-card {
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
border-top: 3px solid var(--lpb-wine);
padding: 20px 16px 18px;
border-radius: 4px;
text-align: center;
transition: transform 0.2s, border-color 0.2s;
}
.lpb-s1 .s1-comp-card:hover {
transform: translateY(-3px);
border-color: var(--lpb-gold);
}
.lpb-s1 .s1-comp-icon {
font-size: 22pt;
margin-bottom: 10px;
color: var(--lpb-gold);
}
.lpb-s1 .s1-comp-name {
font-size: 12pt;
font-weight: 700;
color: var(--lpb-t1);
margin-bottom: 7px;
}
.lpb-s1 .s1-comp-desc {
font-size: 10.5pt;
color: var(--lpb-t2);
line-height: 1.5;
} .lpb-s1 .s1-modules-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.lpb-s1 .s1-module-card {
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
transition: border-color 0.2s, transform 0.2s;
border-left: 3px solid transparent;
}
.lpb-s1 .s1-module-card:hover {
border-color: var(--lpb-gold);
transform: translateY(-2px);
}
.lpb-s1 .s1-module-card.mod-visited {
border-left-color: var(--lpb-gold);
background: rgba(200,160,32,0.04);
}
.lpb-s1 .s1-mod-num {
font-family: monospace;
font-size: 24pt;
font-weight: 700;
color: rgba(200,160,32,0.22);
line-height: 1;
}
.lpb-s1 .s1-mod-body { flex: 1; }
.lpb-s1 .s1-mod-title {
font-size: 13pt;
font-weight: 700;
color: var(--lpb-t1);
margin-bottom: 5px;
}
.lpb-s1 .s1-mod-desc {
font-size: 11pt;
color: var(--lpb-t2);
line-height: 1.5;
}
.lpb-s1 .s1-mod-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 12px;
border-top: 1px solid var(--lpb-border);
margin-top: auto;
}
.lpb-s1 .s1-mod-check {
font-size: 14pt;
color: var(--lpb-t3);
transition: color 0.3s;
user-select: none;
}
.lpb-s1 .s1-mod-check.visited {
color: var(--lpb-gold);
}
.lpb-s1 .s1-mod-btn {
font-family: 'Arial', sans-serif;
font-size: 10.5pt;
font-weight: 700;
padding: 8px 18px;
background: var(--lpb-wine);
color: #fff;
border: 1px solid rgba(200,160,32,0.3);
border-radius: 3px;
cursor: pointer;
transition: background 0.2s;
letter-spacing: 0.3px;
}
.lpb-s1 .s1-mod-btn:hover {
background: var(--lpb-wine-h);
} .lpb-s1 .s1-product-bar {
display: flex;
align-items: flex-start;
gap: 22px;
padding: 28px 48px;
background: var(--lpb-surface);
border-top: 1px solid var(--lpb-border);
border-bottom: 1px solid var(--lpb-border);
}
.lpb-s1 .s1-product-icon {
font-size: 28pt;
color: var(--lpb-gold);
flex-shrink: 0;
line-height: 1;
margin-top: 2px;
}
.lpb-s1 .s1-product-title {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
margin-bottom: 8px;
}
.lpb-s1 .s1-product-desc {
font-size: 12.5pt;
color: var(--lpb-t2);
line-height: 1.75;
} .lpb-s1 .s1-lab-link {
cursor: pointer;
padding: 16px 22px;
min-width: 160px;
}
.lpb-s1 .lab-soon {
font-size: 9pt;
font-family: monospace;
color: var(--lpb-t3);
margin-top: 6px;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
} .lpb-s1 .s1-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: var(--lpb-card);
border: 1px solid var(--lpb-gold);
color: var(--lpb-t1);
padding: 12px 28px;
border-radius: 4px;
font-size: 12pt;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s, transform 0.3s;
z-index: 999;
white-space: nowrap;
}
.lpb-s1 .s1-toast.show {
opacity: 1;
transform: translateX(-50%) translateY(0);
} .lpb-ped-bar {
flex-shrink: 0;
background: var(--lpb-surface);
border-bottom: 1px solid var(--lpb-border);
z-index: 2;
}
.lpb-ped-bar .lpb-ped-toggle {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
padding: 10px 32px;
background: none;
border: none;
border-bottom: 0;
cursor: pointer;
text-align: left;
transition: background 0.2s;
}
.lpb-ped-bar .lpb-ped-toggle:hover {
background: rgba(200,160,32,0.04);
}
.lpb-ped-bar .ped-label {
font-family: 'Arial', sans-serif;
font-size: 9.5pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--lpb-gold);
}
.lpb-ped-bar .ped-hint {
font-size: 9.5pt;
color: var(--lpb-t3);
flex: 1;
}
.lpb-ped-bar .ped-chevron {
font-size: 9pt;
color: var(--lpb-t3);
}
.lpb-ped-bar .lpb-ped-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.lpb-ped-bar.ped-open .lpb-ped-body {
max-height: 220px;
border-top: 1px solid var(--lpb-border);
}
.lpb-ped-bar .ped-col {
padding: 16px 22px;
border-right: 1px solid var(--lpb-border);
overflow: hidden;
}
.lpb-ped-bar .ped-col:last-child {
border-right: none;
}
.lpb-ped-bar .ped-col-hdr {
font-family: 'Arial', sans-serif;
font-size: 9pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--lpb-gold);
margin-bottom: 7px;
}
.lpb-ped-bar .ped-col-txt {
font-size: 10.5pt;
color: var(--lpb-t2);
line-height: 1.55;
} .lpb-s2 .workspace-container {
display: flex;
width: 100%;
height: 100%;
}
.lpb-s2 .canvas-panel {
width: 60%;
height: 100%;
border-right: 1px solid var(--lpb-border);
padding: 30px;
overflow-y: auto;
background: radial-gradient(circle at left top, var(--lpb-surface) 0%, var(--lpb-bg) 80%);
}
.lpb-s2 .inspector-panel {
width: 40%;
height: 100%;
background: linear-gradient(135deg, var(--lpb-surface) 0%, var(--lpb-bg) 100%);
padding: 30px;
overflow-y: auto;
display: flex;
flex-direction: column;
border-left: 1px solid rgba(200,160,32,0.12);
}
.lpb-s2 .panel-title {
font-size: 18pt;
color: var(--lpb-gold);
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid var(--lpb-border);
padding-bottom: 8px;
}
.lpb-s2 .testament-section { margin-top: 25px; }
.lpb-s2 .testament-title {
font-size: 14pt;
color: var(--lpb-t2);
font-style: italic;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.lpb-s2 .testament-title::after {
content: '';
flex-grow: 1;
height: 1px;
background: linear-gradient(to right, rgba(200,160,32,0.4), transparent);
margin-left: 15px;
}
.lpb-s2 .blocks-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.lpb-s2 .canon-block {
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
border-radius: 4px;
padding: 20px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.lpb-s2 .canon-block:hover {
border-color: var(--lpb-gold);
background: rgba(139,25,41,0.22);
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(139,25,41,0.45);
}
.lpb-s2 .canon-block.active {
border-color: var(--lpb-gold);
background: rgba(139,25,41,0.45);
box-shadow: 0 0 15px var(--lpb-border);
}
.lpb-s2 .block-meta {
font-family: monospace;
font-size: 8pt;
color: var(--lpb-gold);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 5px;
}
.lpb-s2 .block-title {
font-size: 15pt;
color: var(--lpb-t1);
margin: 0 0 8px 0;
}
.lpb-s2 .block-books-preview {
font-size: 9pt;
color: var(--lpb-t3);
font-style: italic;
}
.lpb-s2 .inspector-empty {
margin: auto;
text-align: center;
color: var(--lpb-t3);
font-style: italic;
font-size: 12pt;
}
.lpb-s2 .inspector-content {
display: none;
animation: lpb-fadeIn 0.4s ease forwards;
}
@keyframes lpb-fadeIn {
from { opacity: 0; transform: translateX(10px); }
to   { opacity: 1; transform: translateX(0); }
}
.lpb-s2 .ins-header {
border-bottom: 2px solid var(--lpb-wine);
padding-bottom: 15px;
margin-bottom: 20px;
}
.lpb-s2 .ins-block-title {
font-size: 22pt;
color: var(--lpb-t1);
margin: 0 0 5px 0;
}
.lpb-s2 .ins-tag {
display: inline-block;
background: var(--lpb-wine);
color: #ffffff;
font-family: Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
padding: 3px 8px;
border-radius: 2px;
text-transform: uppercase;
border: 1px solid var(--lpb-gold);
}
.lpb-s2 .ins-section { margin-bottom: 20px; }
.lpb-s2 .ins-section-label {
font-family: Arial, sans-serif;
font-size: 9pt;
text-transform: uppercase;
color: var(--lpb-gold);
letter-spacing: 1px;
margin-bottom: 6px;
font-weight: bold;
}
.lpb-s2 .ins-section-body {
font-size: 11pt;
line-height: 1.5;
color: var(--lpb-t2);
background: rgba(28,48,80,0.35);
padding: 12px;
border-left: 3px solid var(--lpb-wine);
border-radius: 0 4px 4px 0;
}
.lpb-s2 .ins-christ-body {
border-left-color: var(--lpb-gold);
background: rgba(212,175,55,0.05);
}
.lpb-s2 .ins-books-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 5px;
}
.lpb-s2 .ins-book-chip {
background: rgba(200,160,32,0.12);
border: 1px solid rgba(200,160,32,0.35);
color: var(--lpb-t1);
padding: 4px 10px;
font-size: 9.5pt;
border-radius: 3px;
}
.lpb-s2 .btn-dive {
display: block;
width: 100%;
text-align: center;
background: var(--lpb-wine);
color: white;
border: 1px solid var(--lpb-gold);
padding: 14px;
font-family: Arial, sans-serif;
font-size: 10.5pt;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
border-radius: 4px;
margin-top: 25px;
transition: background 0.3s;
text-decoration: none;
}
.lpb-s2 .btn-dive:hover {
background: var(--lpb-wine-h);
box-shadow: 0 4px 15px rgba(139,25,41,0.65);
} .lpb-s3 .s3-top-bar {
height: 52px;
background: var(--lpb-surface);
border-bottom: 1px solid var(--lpb-border);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 36px;
flex-shrink: 0;
}
.lpb-s3 .top-title {
font-size: 15pt;
font-family: 'Arial', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
}
.lpb-s3 .top-nav {
font-family: 'Arial', sans-serif;
font-size: 11pt;
color: var(--lpb-t2);
}
.lpb-s3 .testament-selector {
background: var(--lpb-surface);
border-bottom: 1px solid var(--lpb-border);
display: flex;
justify-content: center;
gap: 24px;
padding: 16px 36px;
flex-shrink: 0;
}
.lpb-s3 .btn-testament {
font-family: 'Arial', sans-serif;
font-size: 14pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding: 14px 50px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
border: 2px solid var(--lpb-border-s);
background: transparent;
color: var(--lpb-t2);
}
.lpb-s3 .btn-testament:hover { border-color: var(--lpb-gold); color: var(--lpb-t1); }
.lpb-s3 .btn-testament.selected-at { background: var(--lpb-wine); border-color: var(--lpb-gold); color: #fff; box-shadow: 0 4px 20px rgba(139,25,41,0.45); }
.lpb-s3 .btn-testament.selected-nt { background: #1a5276; border-color: var(--lpb-gold); color: #fff; box-shadow: 0 4px 20px rgba(26,82,118,0.45); }
.lpb-s3 .tabs-bar {
background: var(--lpb-card);
border-bottom: 1px solid var(--lpb-border);
display: none;
justify-content: center;
gap: 8px;
padding: 12px 36px;
flex-shrink: 0;
}
.lpb-s3 .tabs-bar.visible { display: flex; }
.lpb-s3 .tab-btn {
font-family: 'Arial', sans-serif;
font-size: 12pt;
font-weight: 600;
padding: 9px 22px;
border-radius: 3px;
cursor: pointer;
transition: all 0.25s;
border: 1px solid var(--lpb-border);
background: transparent;
color: var(--lpb-t2);
white-space: nowrap;
}
.lpb-s3 .tab-btn:hover { border-color: var(--lpb-gold); color: var(--lpb-t1); background: var(--lpb-gold-dim); }
.lpb-s3 .tab-btn.active-at { background: var(--lpb-wine); border-color: var(--lpb-gold); color: #fff; }
.lpb-s3 .tab-btn.active-nt { background: #1a5276; border-color: var(--lpb-gold); color: #fff; }
.lpb-s3 .timeline-area {
flex: 1;
overflow-y: auto;
padding: 30px 60px 50px 60px;
}
.lpb-s3 .timeline-placeholder { text-align: center; padding: 80px 20px; color: var(--lpb-t3); font-size: 14pt; font-style: italic; }
.lpb-s3 .welcome-msg { text-align: center; padding: 60px 20px; }
.lpb-s3 .welcome-msg h2 { font-size: 22pt; color: var(--lpb-t1); margin-bottom: 12px; }
.lpb-s3 .welcome-msg p { font-size: 13pt; color: var(--lpb-t2); max-width: 600px; margin: 0 auto; line-height: 1.6; }
.lpb-s3 .tl-row { display: flex; gap: 18px; padding: 10px 0; position: relative; align-items: stretch; }
.lpb-s3 .row-forward  { flex-direction: row; }
.lpb-s3 .row-reverse  { flex-direction: row-reverse; }
.lpb-s3 .tl-node {
flex: 1;
background: var(--lpb-card);
border: 2px solid var(--lpb-border);
border-radius: 4px;
padding: 16px 14px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
min-height: 90px;
display: flex;
flex-direction: column;
justify-content: center;
}
.lpb-s3 .tl-node:hover { border-color: var(--lpb-gold); background: var(--lpb-card2); transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.35); }
.lpb-s3 .tl-node.at-node { border-left: 4px solid var(--lpb-wine); }
.lpb-s3 .tl-node.nt-node { border-left: 4px solid #1a5276; }
.lpb-s3 .tl-node.filler { background: transparent; border: 1px dashed rgba(200,160,32,0.1); cursor: default; pointer-events: none; }
.lpb-s3 .node-tema { font-size: 12pt; font-weight: 700; color: var(--lpb-t1); margin-bottom: 5px; line-height: 1.3; }
.lpb-s3 .node-fecha { font-family: monospace; font-size: 10.5pt; color: var(--lpb-gold); font-weight: 600; }
.lpb-s3 .tl-connector { position: relative; height: 48px; }
.lpb-s3 .connector-right::after { content:''; position:absolute; right:-18px; top:0; width:36px; height:96px; border:3px solid var(--lpb-border-s); border-left:none; border-top-right-radius:24px; border-bottom-right-radius:24px; }
.lpb-s3 .connector-left::after  { content:''; position:absolute; left:-18px; top:0; width:36px; height:96px; border:3px solid var(--lpb-border-s); border-right:none; border-top-left-radius:24px; border-bottom-left-radius:24px; }
.lpb-s3 .at-connector::after { border-color: rgba(139,25,41,0.55); }
.lpb-s3 .nt-connector::after { border-color: rgba(26,82,118,0.55); }
.lpb-s3 .modal-overlay {
position: fixed;
top:0; left:0; width:100vw; height:100vh;
background: rgba(8,14,24,0.88);
backdrop-filter: blur(5px);
z-index: 500;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
.lpb-s3 .modal-overlay.open { opacity: 1; pointer-events: auto; }
.lpb-s3 .modal-box {
background: var(--lpb-surface);
border: 2px solid var(--lpb-gold);
border-radius: 6px;
width: 720px;
max-width: 95vw;
max-height: 88vh;
overflow-y: auto;
padding: 30px 34px;
position: relative;
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
}
.lpb-s3 .modal-close { position:absolute; top:12px; right:18px; font-size:18pt; color:var(--lpb-t3); cursor:pointer; line-height:1; background:none; border:none; padding:0; transition:color 0.2s; }
.lpb-s3 .modal-close:hover { color: var(--lpb-gold); }
.lpb-s3 .modal-tag { font-family:'Arial',sans-serif; font-size:10pt; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--lpb-gold); margin-bottom:6px; }
.lpb-s3 .modal-title { font-size:20pt; color:var(--lpb-t1); margin:0 0 4px 0; line-height:1.2; }
.lpb-s3 .modal-fecha-badge { font-family:monospace; font-size:11pt; color:var(--lpb-gold); font-weight:700; background:var(--lpb-gold-dim); padding:3px 10px; border-radius:2px; display:inline-block; margin-bottom:18px; }
.lpb-s3 .modal-divider { height:2px; background:linear-gradient(to right, var(--lpb-wine), transparent); margin-bottom:20px; }
.lpb-s3 .modal-meta-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:22px; }
.lpb-s3 .meta-label { font-family:'Arial',sans-serif; font-size:9.5pt; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--lpb-gold); margin-bottom:3px; }
.lpb-s3 .meta-value { font-size:12pt; color:var(--lpb-t1); line-height:1.4; }
.lpb-s3 .modal-desc-label { font-family:'Arial',sans-serif; font-size:9.5pt; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--lpb-gold); margin-bottom:8px; padding-bottom:5px; border-bottom:1px solid var(--lpb-border); }
.lpb-s3 .modal-desc-text { font-size:12.5pt; color:var(--lpb-t2); line-height:1.7; }
.lpb-s3 .modal-action { margin-top:22px; text-align:right; }
.lpb-s3 .btn-cerrar { font-family:'Arial',sans-serif; font-size:11pt; font-weight:700; padding:10px 28px; background:var(--lpb-wine); border:1px solid var(--lpb-gold); color:#fff; border-radius:3px; cursor:pointer; transition:background 0.2s; }
.lpb-s3 .btn-cerrar:hover { background: var(--lpb-wine-h); } .lpb-s3 .tl-modal-dyn { width:860px; }
.lpb-s3 .tl-modal-body { padding:0; }
.lpb-s3 .tl-m-cat { font-size:9pt; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--lpb-gold); margin-bottom:4px; }
.lpb-s3 .tl-m-titulo { font-size:16pt; color:var(--lpb-t1); margin:0 0 18px 0; line-height:1.3; border-bottom:2px solid var(--lpb-wine); padding-bottom:12px; }
.lpb-s3 .tl-m-sec { margin-bottom:18px; }
.lpb-s3 .tl-m-sfull { margin-bottom:18px; }
.lpb-s3 .tl-m-shdr { font-size:9pt; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--lpb-gold); margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid var(--lpb-border); }
.lpb-s3 .tl-m-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; }
.lpb-s3 .tl-m-f { font-size:11.5pt; color:var(--lpb-t1); line-height:1.5; }
.lpb-s3 .tl-m-fw { grid-column:1/-1; }
.lpb-s3 .tl-m-lbl { font-weight:700; color:var(--lpb-gold); margin-right:4px; }
.lpb-s3 .tl-m-struct { margin-top:6px; font-size:11pt; color:var(--lpb-t2); }
.lpb-s3 .tl-m-srow { margin-bottom:8px; line-height:1.5; }
.lpb-s3 .tl-m-slist { margin:6px 0 4px 18px; padding:0; font-size:11pt; color:var(--lpb-t2); line-height:1.55; }
.lpb-s3 .tl-m-dp { display:flex; flex-direction:column; gap:7px; }
.lpb-s3 .tl-m-dp-row { font-size:11.5pt; color:var(--lpb-t1); line-height:1.4; }
.lpb-s3 .tl-m-sintesis { font-size:12pt; color:var(--lpb-t2); line-height:1.8; }
.lpb-s3 .tl-m-nt { display:flex; flex-direction:column; gap:14px; }
.lpb-s3 .tl-m-nt-item { border-left:3px solid var(--lpb-wine); padding-left:14px; }
.lpb-s3 .tl-m-nt-lbl { font-size:9.5pt; font-weight:700; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; }
.lpb-s3 .tl-m-nt-txt { font-size:12pt; color:var(--lpb-t2); line-height:1.75; } .lpb-s3 .tl-m-deep { font-size:11.5pt; color:var(--lpb-t2); line-height:1.75; }
.lpb-s3 .tl-m-deep-obj { display:flex; flex-direction:column; gap:10px; }
.lpb-s3 .tl-m-deep-row { line-height:1.65; }
.lpb-s3 .tl-m-deep-row.tl-m-block { display:flex; flex-direction:column; gap:5px; }
.lpb-s3 .tl-m-deep-card { background:var(--lpb-card); border-left:3px solid var(--lpb-wine); padding:11px 15px; border-radius:3px; margin-bottom:8px; display:flex; flex-direction:column; gap:7px; }
.lpb-s3 .tl-m-nested { padding-left:14px; border-left:1px solid rgba(200,160,32,0.2); margin-top:4px; } .lpb-s3 .tl-modal-dyn { width:900px; }  .lpb-s3 .tl-modal-tab {
width: 980px;
max-width: 96vw;
max-height: 90vh;
padding: 0;
overflow: hidden;
display: flex;
flex-direction: column;
} .lpb-s3 .lpb-m-hdr {
padding: 18px 26px 14px;
border-bottom: 2px solid var(--lpb-wine);
flex-shrink: 0;
background: var(--lpb-surface);
}
.lpb-s3 .lpb-m-cat-lbl {
font-family: Arial, sans-serif;
font-size: 8.5pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
margin-bottom: 4px;
}
.lpb-s3 .lpb-m-main-title {
font-size: 16pt;
color: var(--lpb-t1);
margin: 0 0 10px 0;
line-height: 1.25;
padding-right: 36px;
}
.lpb-s3 .lpb-m-meta-row {
display: flex;
gap: 7px;
flex-wrap: wrap;
}
.lpb-s3 .lpb-m-badge {
font-family: Arial, sans-serif;
font-size: 9pt;
color: var(--lpb-gold);
background: var(--lpb-gold-dim);
border: 1px solid rgba(200,160,32,0.35);
padding: 3px 10px;
border-radius: 2px;
display: inline-block;
} .lpb-s3 .lpb-m-tabbar {
display: flex;
overflow-x: auto;
background: var(--lpb-card);
border-bottom: 1px solid var(--lpb-border);
flex-shrink: 0;
padding: 6px 10px 0;
gap: 2px;
scrollbar-width: thin;
scrollbar-color: var(--lpb-border-s) transparent;
}
.lpb-s3 .lpb-m-tabbar::-webkit-scrollbar { height: 3px; }
.lpb-s3 .lpb-m-tabbar::-webkit-scrollbar-thumb { background: var(--lpb-border-s); border-radius: 2px; }
.lpb-s3 .lpb-m-tab {
font-family: Arial, sans-serif;
font-size: 9pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 8px 13px 7px;
border: none;
border-bottom: 3px solid transparent;
background: transparent;
color: var(--lpb-t3);
cursor: pointer;
white-space: nowrap;
transition: color 0.2s, border-color 0.2s, background 0.2s;
border-radius: 3px 3px 0 0;
flex-shrink: 0;
}
.lpb-s3 .lpb-m-tab:hover { color: var(--lpb-t1); background: rgba(200,160,32,0.07); }
.lpb-s3 .lpb-m-tab.active { color: var(--lpb-gold); border-bottom-color: var(--lpb-gold); } .lpb-s3 .lpb-m-panels { flex: 1; overflow-y: auto; min-height: 0; }
.lpb-s3 .lpb-m-panel { display: none; padding: 20px 26px 28px; }
.lpb-s3 .lpb-m-panel.is-active { display: block; } .lpb-s3 .lpb-m-sec  { margin-bottom: 20px; }
.lpb-s3 .lpb-m-sfull { margin-bottom: 13px; }
.lpb-s3 .lpb-m-shdr {
font-family: Arial, sans-serif;
font-size: 8.5pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--lpb-gold);
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid var(--lpb-border);
}
.lpb-s3 .lpb-m-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.lpb-s3 .lpb-m-f    { font-size: 11.5pt; color: var(--lpb-t1); line-height: 1.5; }
.lpb-s3 .lpb-m-fw   { grid-column: 1 / -1; }
.lpb-s3 .lpb-m-lbl  { font-weight: 700; color: var(--lpb-gold); margin-right: 4px; }
.lpb-s3 .lpb-m-sintesis { font-size: 12pt; color: var(--lpb-t2); line-height: 1.8; }
.lpb-s3 .lpb-m-slist { margin: 6px 0 4px 18px; padding: 0; font-size: 11pt; color: var(--lpb-t2); line-height: 1.6; }
.lpb-s3 .lpb-m-dp   { display: flex; flex-direction: column; gap: 8px; }
.lpb-s3 .lpb-m-dp-row { font-size: 11.5pt; color: var(--lpb-t1); line-height: 1.4; }
.lpb-s3 .lpb-m-nt   { display: flex; flex-direction: column; gap: 14px; }
.lpb-s3 .lpb-m-nt-item { border-left: 3px solid var(--lpb-wine); padding-left: 14px; }
.lpb-s3 .lpb-m-nt-lbl { font-family: Arial, sans-serif; font-size: 9pt; font-weight: 700; color: var(--lpb-gold); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.lpb-s3 .lpb-m-nt-txt { font-size: 12pt; color: var(--lpb-t2); line-height: 1.75; }
.lpb-s3 .lpb-m-deep-card { background: var(--lpb-card); border-left: 3px solid var(--lpb-wine); padding: 11px 15px; border-radius: 3px; margin-bottom: 8px; display: flex; flex-direction: column; gap: 7px; font-size: 11.5pt; color: var(--lpb-t1); line-height: 1.5; }
.lpb-s3 .lpb-m-struct { margin-top: 5px; font-size: 11pt; color: var(--lpb-t2); }
.lpb-s3 .lpb-m-empty { font-style: italic; color: var(--lpb-t3); font-size: 12pt; text-align: center; padding: 30px 20px; }
.lpb-s3 .lpb-m-actq { font-size: 13pt; color: var(--lpb-t1); line-height: 1.7; font-style: italic; border-left: 4px solid var(--lpb-gold); padding-left: 16px; margin: 6px 0; } .lpb-s3 .lpb-m-metagrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.lpb-s3 .lpb-m-meta-item { background: var(--lpb-card); padding: 10px 14px; border-radius: 3px; border-left: 3px solid var(--lpb-wine); }
.lpb-s3 .lpb-m-meta-lbl { font-family: Arial, sans-serif; font-size: 8.5pt; font-weight: 700; text-transform: uppercase; color: var(--lpb-gold); margin-bottom: 4px; }
.lpb-s3 .lpb-m-meta-val { font-size: 11pt; color: var(--lpb-t1); line-height: 1.4; } .lpb-s3 .lpb-route-wrap { margin-bottom: 12px; }
.lpb-s3 .lpb-route-row  { display: flex; align-items: stretch; gap: 10px; }
.lpb-s3 .lpb-route-card { flex: 1; padding: 12px 16px; border-radius: 4px; }
.lpb-s3 .lpb-route-at { background: rgba(139,25,41,0.15); border: 1px solid rgba(139,25,41,0.55); }
.lpb-s3 .lpb-route-nt { background: rgba(26,82,118,0.15); border: 1px solid rgba(26,82,118,0.55); }
.lpb-s3 .lpb-route-ref  { font-family: Arial, sans-serif; font-size: 11pt; font-weight: 700; color: var(--lpb-gold); margin-bottom: 5px; }
.lpb-s3 .lpb-route-tema { font-size: 11pt; color: var(--lpb-t2); line-height: 1.4; }
.lpb-s3 .lpb-route-arrow { font-size: 22pt; color: var(--lpb-gold); flex-shrink: 0; display: flex; align-items: center; } .lpb-s3 .lpb-m-lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lpb-s3 .lpb-m-lab-card { background: var(--lpb-card); border: 1px solid var(--lpb-border); border-radius: 4px; padding: 12px 14px; }
.lpb-s3 .lpb-m-lab-name { font-family: Arial, sans-serif; font-size: 9.5pt; font-weight: 700; color: var(--lpb-gold); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.lpb-s3 .lpb-m-lab-desc { font-size: 11pt; color: var(--lpb-t2); line-height: 1.6; } .lpb-s4 .atlas-header {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
flex-shrink: 0;
z-index: 10;
}
.lpb-s4 .atlas-title { margin:0; font-size:15pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:2px; }
.lpb-s4 .atlas-subtitle { font-size:10pt; color:var(--lpb-t3); font-family:Arial, sans-serif; }
.lpb-s4 .atlas-main { flex: 1; display:flex; overflow:hidden; }
.lpb-s4 .panel-control {
width: 35%;
background: var(--lpb-bg);
border-right: 1px solid rgba(200,160,32,0.2);
padding: 30px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.lpb-s4 .atlas-section-title { font-size:12pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid var(--lpb-wine); padding-bottom:5px; margin-top:0; }
.lpb-s4 .region-card {
background: rgba(21,36,56,0.6);
border: 1px solid rgba(200,160,32,0.1);
border-left: 3px solid #3a6080;
padding: 15px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
}
.lpb-s4 .region-card:hover { border-color: rgba(200,160,32,0.4); background: rgba(21,36,56,0.9); }
.lpb-s4 .region-card.active-card { border-left-color: var(--lpb-gold); background: rgba(139,25,41,0.1); }
.lpb-s4 .region-card h3 { margin:0 0 5px 0; font-size:11.5pt; color:var(--lpb-t1); }
.lpb-s4 .region-card p { margin:0; font-size:9pt; color:var(--lpb-t3); line-height:1.4; }
.lpb-s4 .panel-map {
flex: 1;
position: relative;
background: radial-gradient(circle at center, var(--lpb-surface) 0%, var(--lpb-bg) 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.lpb-s4 .map-svg { width:100%; height:100%; max-width:850px; max-height:550px; background:rgba(21,36,56,0.3); border:1px solid rgba(200,160,32,0.05); border-radius:6px; }
.lpb-s4 .map-land { fill:#1c3050; stroke:#243a5e; stroke-width:1px; }
.lpb-s4 .map-route { fill:none; stroke:#2a3f5a; stroke-width:3px; stroke-dasharray:4; transition:all 0.4s ease; }
.lpb-s4 .map-route.highlighted { stroke:var(--lpb-gold) !important; stroke-width:6px !important; stroke-dasharray:0; filter:drop-shadow(0 0 6px rgba(200,160,32,0.8)); }
.lpb-s4 .map-node { fill:var(--lpb-wine); stroke:rgba(200,160,32,0.4); stroke-width:1px; transition:all 0.4s ease; cursor:pointer; }
.lpb-s4 .map-node.highlighted { fill:var(--lpb-gold) !important; stroke:#fff !important; filter:drop-shadow(0 0 8px var(--lpb-gold)); }
.lpb-s4 .map-label { font-family:Arial,sans-serif; font-size:9pt; fill:var(--lpb-t3); transition:all 0.4s; pointer-events:none; }
.lpb-s4 .map-label.highlighted { fill:var(--lpb-t1) !important; font-weight:bold; font-size:10.5pt; }
.lpb-s4 .modal-overlay {
position: fixed;
top:0; left:0; width:100vw; height:100vh;
background: rgba(13,27,46,0.85);
backdrop-filter: blur(4px);
z-index: 200;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
.lpb-s4 .modal-overlay.open { opacity:1; pointer-events:auto; }
.lpb-s4 .atlas-modal-box { background:var(--lpb-surface); border:1px solid var(--lpb-gold); width:480px; padding:25px; border-radius:6px; position:relative; }
.lpb-s4 .modal-close { position:absolute; top:10px; right:15px; font-size:16pt; color:var(--lpb-t3); cursor:pointer; background:none; border:none; transition:color 0.2s; }
.lpb-s4 .modal-close:hover { color: var(--lpb-gold); }
.lpb-s4 .atlas-modal-title { font-size:14pt; color:var(--lpb-t1); margin-top:0; border-bottom:1px solid var(--lpb-wine); padding-bottom:6px; }
.lpb-s4 .atlas-modal-text { font-size:10pt; color:var(--lpb-t2); line-height:1.5; } .lpb-s5 .s5-header {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
flex-shrink: 0;
z-index: 10;
}
.lpb-s5 .s5-title { margin:0; font-size:15pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:2px; }
.lpb-s5 .s5-badge { background:var(--lpb-wine); color:#fff; font-family:Arial,sans-serif; font-size:8pt; padding:4px 10px; border-radius:3px; font-weight:bold; letter-spacing:1px; }
.lpb-s5 .lab-workspace { flex:1; display:flex; width:100%; position:relative; overflow:hidden; }
.lpb-s5 .lab-column { height:100%; padding:25px; overflow-y:auto; display:flex; flex-direction:column; gap:15px; z-index:10; }
.lpb-s5 .col-source { width:30%; background:var(--lpb-surface); border-right:1px solid rgba(200,160,32,0.12); }
.lpb-s5 .col-premises { width:35%; background:var(--lpb-bg); border-right:1px solid rgba(200,160,32,0.12); }
.lpb-s5 .col-synthesis { width:35%; background:var(--lpb-bg); }
.lpb-s5 .section-label { font-family:Arial,sans-serif; font-size:9pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; }
.lpb-s5 .source-text-box { background:var(--lpb-card); border:1px solid rgba(200,160,32,0.18); padding:20px; border-radius:4px; font-size:12pt; line-height:1.6; color:var(--lpb-t1); font-style:italic; box-shadow:inset 0 0 10px rgba(0,0,0,0.5); }
.lpb-s5 .source-citation { display:block; margin-top:10px; font-size:10pt; font-style:normal; color:var(--lpb-t3); text-align:right; }
.lpb-s5 .source-instructions { font-size:9.5pt; color:var(--lpb-t3); line-height:1.4; margin:0; }
.lpb-s5 .premise-card { background:rgba(28,48,80,0.95); border:1px solid var(--lpb-border); border-left:3px solid #3a6080; padding:14px; border-radius:4px; cursor:pointer; transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1); }
.lpb-s5 .premise-card:hover { border-color:rgba(200,160,32,0.5); background:var(--lpb-surface); }
.lpb-s5 .premise-card.active-premise { border-width:2px !important; border-left-width:6px !important; border-color:var(--lpb-gold) !important; border-left-color:var(--lpb-wine) !important; background:rgba(139,25,41,0.1); transform:scale(1.02); box-shadow:0 4px 15px rgba(200,160,32,0.18); }
.lpb-s5 .premise-card h4 { margin:0 0 4px 0; font-size:11pt; color:var(--lpb-t1); }
.lpb-s5 .premise-card p { margin:0; font-size:9pt; color:var(--lpb-t3); line-height:1.4; }
.lpb-s5 .synthesis-block { background:var(--lpb-surface); border:1px solid rgba(200,160,32,0.06); padding:16px; border-radius:4px; opacity:0.3; transition:all 0.4s ease; }
.lpb-s5 .synthesis-block.revealed { opacity:1; border-color:var(--lpb-gold); background:rgba(212,175,55,0.03); box-shadow:0 0 10px rgba(200,160,32,0.12); }
.lpb-s5 .synthesis-block h4 { margin:0 0 6px 0; font-size:11pt; color:var(--lpb-gold); }
.lpb-s5 .synthesis-block p { margin:0; font-size:9.5pt; color:var(--lpb-t2); line-height:1.4; }
.lpb-s5 .svg-connections { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:5; }
.lpb-s5 .connection-line { fill:none; stroke:rgba(200,160,32,0.06); stroke-width:2px; transition:all 0.4s ease; }
.lpb-s5 .connection-line.highlighted { stroke:var(--lpb-wine) !important; stroke-width:5px !important; filter:drop-shadow(0 0 4px var(--lpb-gold)); } .lpb-s6 .dash-header {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
flex-shrink: 0;
z-index: 10;
}
.lpb-s6 .dash-title { margin:0; font-size:15pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:2px; }
.lpb-s6 .user-profile { display:flex; align-items:center; gap:12px; font-family:Arial,sans-serif; font-size:9pt; color:var(--lpb-t2); }
.lpb-s6 .profile-avatar { width:32px; height:32px; background:var(--lpb-wine); border:1px solid var(--lpb-gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-weight:bold; }
.lpb-s6 .dash-grid {
flex: 1;
padding: 25px;
display: grid;
grid-template-columns: 2fr 2fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
background: radial-gradient(circle at center, var(--lpb-surface) 0%, var(--lpb-bg) 100%);
overflow: hidden;
}
.lpb-s6 .dash-panel {
background: rgba(13,27,46,0.85);
border: 1px solid rgba(200,160,32,0.15);
border-left: 3px solid var(--lpb-wine);
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.25,0.8,0.25,1);
cursor: pointer;
}
.lpb-s6 .dash-panel.audit-focus { border-width:2px !important; border-left-width:6px !important; border-color:var(--lpb-gold) !important; box-shadow:0 0 20px rgba(200,160,32,0.3); transform:scale(1.01); background:rgba(139,25,41,0.08); }
.lpb-s6 .dash-span2 { grid-column: span 2; }
.lpb-s6 .panel-title { font-family:Arial,sans-serif; font-size:10pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0; border-bottom:1px solid rgba(139,25,41,0.5); padding-bottom:6px; }
.lpb-s6 .chart-container { display:flex; flex-direction:column; gap:15px; justify-content:center; height:100%; }
.lpb-s6 .bar-group { display:flex; flex-direction:column; gap:5px; }
.lpb-s6 .bar-label { font-size:9.5pt; color:var(--lpb-t1); display:flex; justify-content:space-between; }
.lpb-s6 .bar-track { height:10px; background:var(--lpb-bg); border-radius:5px; overflow:hidden; position:relative; }
.lpb-s6 .bar-fill { height:100%; background:linear-gradient(90deg, var(--lpb-wine), var(--lpb-gold)); width:0%; transition:width 1.5s cubic-bezier(0.1,1,0.1,1); }
.lpb-s6 .log-list { display:flex; flex-direction:column; gap:10px; overflow-y:auto; padding-right:5px; }
.lpb-s6 .log-item { background:rgba(13,27,46,0.6); border-bottom:1px solid rgba(200,160,32,0.1); padding:8px 5px; font-size:9pt; display:flex; justify-content:space-between; align-items:center; }
.lpb-s6 .log-text { color:var(--lpb-t2); }
.lpb-s6 .log-text strong { color:var(--lpb-t1); }
.lpb-s6 .log-time { font-family:monospace; color:var(--lpb-t3); font-size:8pt; }
.lpb-s6 .kpi-wrapper { display:flex; flex-direction:column; justify-content:space-between; height:100%; }
.lpb-s6 .kpi-card { background:var(--lpb-bg); border:1px solid rgba(200,160,32,0.08); border-radius:4px; padding:15px; text-align:center; flex:1; display:flex; flex-direction:column; justify-content:center; margin-bottom:10px; }
.lpb-s6 .kpi-card:last-child { margin-bottom:0; }
.lpb-s6 .kpi-value { font-size:24pt; font-weight:bold; color:var(--lpb-gold); font-family:monospace; margin:5px 0; }
.lpb-s6 .kpi-desc { font-size:8.5pt; color:var(--lpb-t3); text-transform:uppercase; }
.lpb-s6 .diag-text { font-size:10pt; line-height:1.5; color:var(--lpb-t2); margin:0; } .lpb-s6 .s6-ev-header {
height: 50px;
background: var(--lpb-surface);
border-bottom: 1px solid var(--lpb-border);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32px;
flex-shrink: 0;
}
.lpb-s6 .s6-ev-title {
font-family: 'Arial', sans-serif;
font-size: 11pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
}
.lpb-s6 .s6-pdf-btn {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
padding: 8px 20px;
background: var(--lpb-wine);
color: #fff;
border: 1px solid rgba(200,160,32,0.4);
border-radius: 3px;
cursor: pointer;
transition: background 0.2s;
}
.lpb-s6 .s6-pdf-btn:hover { background: var(--lpb-wine-h); }
.lpb-s6 .s6-ev-body {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.lpb-s6 .s6-mod-tabs {
display: flex;
gap: 0;
border-bottom: 1px solid var(--lpb-border);
flex-shrink: 0;
background: var(--lpb-bg);
}
.lpb-s6 .s6-mod-tab {
font-family: 'Arial', sans-serif;
font-size: 9.5pt;
font-weight: 700;
padding: 12px 22px;
background: none;
border: none;
border-bottom: 3px solid transparent;
color: var(--lpb-t3);
cursor: pointer;
transition: color 0.2s, border-color 0.2s;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
.lpb-s6 .s6-mod-tab:hover { color: var(--lpb-t1); }
.lpb-s6 .s6-mod-tab.active {
color: var(--lpb-gold);
border-bottom-color: var(--lpb-gold);
background: rgba(200,160,32,0.05);
}
.lpb-s6 .s6-workspace {
flex: 1;
display: grid;
grid-template-columns: 1fr 300px;
overflow: hidden;
}
.lpb-s6 .s6-eval-panel {
overflow-y: auto;
padding: 28px 36px;
scrollbar-width: thin;
scrollbar-color: var(--lpb-border) transparent;
}
.lpb-s6 .s6-summary-col {
overflow-y: auto;
padding: 22px 22px;
border-left: 1px solid var(--lpb-border);
background: var(--lpb-surface);
scrollbar-width: thin;
scrollbar-color: var(--lpb-border) transparent;
}
.lpb-s6 .s6-loading { color: var(--lpb-t3); font-size: 11pt; padding: 20px; } .lpb-s6 .s6-mod-title {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--lpb-gold);
margin-bottom: 22px;
padding-bottom: 10px;
border-bottom: 1px solid var(--lpb-border);
}
.lpb-s6 .s6-section-hdr {
font-family: 'Arial', sans-serif;
font-size: 9pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--lpb-t3);
margin-bottom: 14px;
} .lpb-s6 .s6-questions { margin-bottom: 28px; }
.lpb-s6 .s6-question-block {
display: flex;
gap: 14px;
margin-bottom: 18px;
}
.lpb-s6 .s6-q-num {
font-family: monospace;
font-size: 18pt;
font-weight: 700;
color: rgba(200,160,32,0.25);
line-height: 1.1;
flex-shrink: 0;
width: 28px;
text-align: right;
}
.lpb-s6 .s6-q-body { flex: 1; }
.lpb-s6 .s6-q-text {
font-size: 11pt;
color: var(--lpb-t1);
line-height: 1.55;
margin-bottom: 8px;
}
.lpb-s6 .s6-answer-box {
width: 100%;
min-height: 70px;
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
border-radius: 3px;
color: var(--lpb-t1);
font-size: 11pt;
font-family: inherit;
padding: 10px 14px;
resize: vertical;
box-sizing: border-box;
transition: border-color 0.2s;
}
.lpb-s6 .s6-answer-box:focus {
outline: none;
border-color: var(--lpb-gold);
} .lpb-s6 .s6-rubric { margin-bottom: 24px; }
.lpb-s6 .s6-rubric-grid {
display: grid;
grid-template-columns: 180px 1fr 1fr 1fr;
gap: 1px;
background: var(--lpb-border);
border: 1px solid var(--lpb-border);
border-radius: 4px;
overflow: hidden;
}
.lpb-s6 .s6-rub-hdr {
background: var(--lpb-bg);
font-family: 'Arial', sans-serif;
font-size: 9pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--lpb-t3);
padding: 8px 12px;
}
.lpb-s6 .s6-rub-label {
background: var(--lpb-card);
font-size: 10.5pt;
color: var(--lpb-t1);
font-weight: 700;
padding: 10px 12px;
display: flex;
align-items: center;
}
.lpb-s6 .s6-rub-cell {
background: var(--lpb-card);
font-size: 10pt;
color: var(--lpb-t2);
padding: 10px 12px;
cursor: pointer;
transition: background 0.2s, color 0.2s;
line-height: 1.4;
}
.lpb-s6 .s6-rub-cell:hover { background: rgba(200,160,32,0.08); color: var(--lpb-t1); }
.lpb-s6 .s6-rub-cell.selected {
background: rgba(200,160,32,0.14);
color: var(--lpb-gold);
font-weight: 700;
} .lpb-s6 .s6-save-row {
display: flex;
align-items: center;
gap: 18px;
padding-top: 4px;
}
.lpb-s6 .s6-save-btn {
font-family: 'Arial', sans-serif;
font-size: 10.5pt;
font-weight: 700;
padding: 10px 26px;
background: var(--lpb-wine);
color: #fff;
border: 1px solid rgba(200,160,32,0.35);
border-radius: 3px;
cursor: pointer;
transition: background 0.2s;
}
.lpb-s6 .s6-save-btn:hover { background: var(--lpb-wine-h); }
.lpb-s6 .s6-saved-tag {
font-size: 10pt;
color: var(--lpb-gold);
font-family: monospace;
} .lpb-s6 .s6-sum-hdr {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--lpb-border);
}
.lpb-s6 .s6-sum-title {
font-family: 'Arial', sans-serif;
font-size: 9.5pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--lpb-gold);
}
.lpb-s6 .s6-sum-count {
font-family: monospace;
font-size: 9.5pt;
color: var(--lpb-t3);
}
.lpb-s6 .s6-sum-grid {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.lpb-s6 .s6-sum-card {
background: var(--lpb-card);
border: 1px solid var(--lpb-border);
border-left: 3px solid transparent;
border-radius: 3px;
padding: 12px 14px;
}
.lpb-s6 .s6-sum-card.evaluated { border-left-color: var(--lpb-gold); }
.lpb-s6 .s6-sum-mod {
font-size: 9.5pt;
font-weight: 700;
color: var(--lpb-t1);
margin-bottom: 4px;
line-height: 1.3;
}
.lpb-s6 .s6-sum-level {
font-family: monospace;
font-size: 9.5pt;
color: var(--lpb-gold);
margin-bottom: 2px;
}
.lpb-s6 .s6-sum-level.pending { color: var(--lpb-t3); }
.lpb-s6 .s6-sum-date {
font-size: 8.5pt;
color: var(--lpb-t3);
margin-bottom: 8px;
}
.lpb-s6 .s6-sum-btn {
font-size: 9pt;
font-family: 'Arial', sans-serif;
font-weight: 700;
padding: 5px 12px;
background: var(--lpb-wine);
color: #fff;
border: none;
border-radius: 2px;
cursor: pointer;
transition: background 0.2s;
}
.lpb-s6 .s6-sum-btn:hover { background: var(--lpb-wine-h); }
.lpb-s6 .s6-export-row { text-align: center; padding-top: 8px; }
.lpb-s6 .s6-export-btn {
font-family: 'Arial', sans-serif;
font-size: 10pt;
font-weight: 700;
padding: 10px 20px;
background: rgba(200,160,32,0.1);
color: var(--lpb-gold);
border: 1px solid var(--lpb-gold);
border-radius: 3px;
cursor: pointer;
width: 100%;
transition: background 0.2s;
}
.lpb-s6 .s6-export-btn:hover { background: rgba(200,160,32,0.2); } @media print {
.lpb-nav, .lpb-s6 .lpb-ped-bar, .lpb-s6 .s6-ev-header,
.lpb-s6 .s6-ev-body { display: none !important; }
#lpb-print-area { display: block !important; }
.print-title { font-size: 18pt; font-weight: bold; margin-bottom: 4px; }
.print-subtitle { font-size: 13pt; margin-bottom: 2px; }
.print-date { font-size: 10pt; color: #666; margin-bottom: 16px; }
.print-div { border: none; border-top: 1px solid #ccc; margin: 14px 0; }
.print-mod-title { font-size: 14pt; font-weight: bold; margin: 18px 0 8px; color: #5c1a1a; }
.print-q { font-size: 10pt; font-weight: bold; margin: 12px 0 3px; }
.print-ans { font-size: 10pt; margin: 0 0 10px; padding-left: 14px; border-left: 2px solid #ccc; }
.print-rubric { width: 100%; border-collapse: collapse; font-size: 10pt; margin-top: 10px; }
.print-rubric th, .print-rubric td { border: 1px solid #ccc; padding: 5px 10px; }
.print-rubric th { background: #f0f0f0; }
} .lpb-s7 .s7-top-bar {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
flex-shrink: 0;
}
.lpb-s7 .top-title { font-size:15pt; font-family:'Arial',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--lpb-gold); }
.lpb-s7 .top-nav { font-family:'Arial',sans-serif; font-size:11pt; color:var(--lpb-t2); }
.lpb-s7 .s7-workspace { flex:1; display:flex; overflow:hidden; }
.lpb-s7 .col-categories { width:220px; background:var(--lpb-surface); border-right:1px solid var(--lpb-border); display:flex; flex-direction:column; overflow-y:auto; flex-shrink:0; }
.lpb-s7 .cat-header { padding:16px 18px 10px; font-family:'Arial',sans-serif; font-size:9pt; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--lpb-gold); border-bottom:1px solid var(--lpb-border); }
.lpb-s7 .cat-group { padding:8px 0; border-bottom:1px solid var(--lpb-border); }
.lpb-s7 .cat-group-title { padding:6px 18px 4px; font-family:'Arial',sans-serif; font-size:9pt; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--lpb-t3); }
.lpb-s7 .cat-item { padding:8px 18px; font-size:11pt; color:var(--lpb-t2); cursor:pointer; transition:all 0.2s; display:flex; align-items:center; gap:8px; border-left:3px solid transparent; }
.lpb-s7 .cat-item:hover { background:var(--lpb-gold-dim); color:var(--lpb-t1); border-left-color:var(--lpb-border-s); }
.lpb-s7 .cat-item.active { background:rgba(139,25,41,0.22); color:var(--lpb-t1); border-left-color:var(--lpb-wine); }
.lpb-s7 .cat-count { margin-left:auto; font-family:monospace; font-size:9pt; color:var(--lpb-gold); background:var(--lpb-gold-dim); padding:1px 7px; border-radius:10px; }
.lpb-s7 .col-list { width:340px; background:var(--lpb-bg); border-right:1px solid var(--lpb-border); display:flex; flex-direction:column; overflow:hidden; flex-shrink:0; }
.lpb-s7 .list-search { padding:14px 16px; border-bottom:1px solid var(--lpb-border); background:var(--lpb-surface); }
.lpb-s7 .search-input { width:100%; background:var(--lpb-card); border:1px solid var(--lpb-border); color:var(--lpb-t1); padding:8px 12px; font-family:'Arial',sans-serif; font-size:11pt; border-radius:3px; outline:none; transition:border 0.2s; }
.lpb-s7 .search-input::placeholder { color:var(--lpb-t3); }
.lpb-s7 .search-input:focus { border-color:var(--lpb-gold); }
.lpb-s7 .list-count { padding:8px 16px; font-family:'Arial',sans-serif; font-size:9pt; color:var(--lpb-t3); background:var(--lpb-surface); border-bottom:1px solid var(--lpb-border); }
.lpb-s7 .list-items { flex:1; overflow-y:auto; }
.lpb-s7 .resource-item { padding:14px 16px; border-bottom:1px solid rgba(200,160,32,0.1); cursor:pointer; transition:all 0.2s; }
.lpb-s7 .resource-item:hover { background:var(--lpb-card); }
.lpb-s7 .resource-item.active { background:var(--lpb-card2); border-left:3px solid var(--lpb-gold); }
.lpb-s7 .res-type-badge { font-family:'Arial',sans-serif; font-size:8.5pt; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--lpb-gold); margin-bottom:4px; }
.lpb-s7 .res-title { font-size:11.5pt; font-weight:700; color:var(--lpb-t1); margin-bottom:3px; line-height:1.3; }
.lpb-s7 .res-meta { font-family:'Arial',sans-serif; font-size:9pt; color:var(--lpb-t3); }
.lpb-s7 .col-viewer { flex:1; display:flex; flex-direction:column; overflow:hidden; }
.lpb-s7 .viewer-toolbar { height:52px; background:var(--lpb-surface); border-bottom:1px solid var(--lpb-border); display:flex; align-items:center; justify-content:space-between; padding:0 24px; flex-shrink:0; }
.lpb-s7 .viewer-breadcrumb { font-family:'Arial',sans-serif; font-size:10pt; color:var(--lpb-t3); }
.lpb-s7 .viewer-breadcrumb span { color:var(--lpb-t2); }
.lpb-s7 .toolbar-actions { display:flex; gap:10px; }
.lpb-s7 .btn-action { font-family:'Arial',sans-serif; font-size:10pt; font-weight:700; padding:7px 16px; border-radius:3px; cursor:pointer; transition:all 0.2s; border:1px solid var(--lpb-border); background:transparent; color:var(--lpb-t2); text-transform:uppercase; letter-spacing:0.8px; }
.lpb-s7 .btn-action:hover { border-color:var(--lpb-gold); color:var(--lpb-t1); }
.lpb-s7 .btn-export { background:var(--lpb-wine); border-color:var(--lpb-gold); color:#fff; }
.lpb-s7 .btn-export:hover { background:var(--lpb-wine-h); }
.lpb-s7 .viewer-content { flex:1; overflow-y:auto; padding:30px 36px; }
.lpb-s7 .viewer-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; text-align:center; color:var(--lpb-t3); }
.lpb-s7 .viewer-empty h3 { font-size:20pt; color:var(--lpb-t2); margin-bottom:10px; }
.lpb-s7 .viewer-empty p { font-size:12pt; max-width:420px; line-height:1.6; }
.lpb-s7 .doc-header { margin-bottom:24px; padding-bottom:18px; border-bottom:2px solid var(--lpb-border); }
.lpb-s7 .doc-type-tag { font-family:'Arial',sans-serif; font-size:9.5pt; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--lpb-gold); margin-bottom:6px; }
.lpb-s7 .doc-title { font-size:22pt; color:var(--lpb-t1); margin:0 0 6px 0; line-height:1.2; }
.lpb-s7 .doc-meta-row { display:flex; gap:20px; flex-wrap:wrap; margin-top:8px; }
.lpb-s7 .doc-meta-item { font-family:'Arial',sans-serif; font-size:10pt; color:var(--lpb-t3); }
.lpb-s7 .doc-meta-item strong { color:var(--lpb-t2); }
.lpb-s7 .doc-license { display:inline-block; background:rgba(139,25,41,0.25); border:1px solid var(--lpb-wine); padding:2px 10px; border-radius:2px; font-family:monospace; font-size:9.5pt; color:var(--lpb-t2); }
.lpb-s7 .doc-section { margin-bottom:28px; }
.lpb-s7 .doc-section-title { font-family:'Arial',sans-serif; font-size:10pt; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--lpb-gold); margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid var(--lpb-border); }
.lpb-s7 .doc-text { font-size:12.5pt; color:var(--lpb-t2); line-height:1.75; }
.lpb-s7 .doc-quote { background:var(--lpb-card); border-left:4px solid var(--lpb-wine); padding:14px 18px; margin:14px 0; font-style:italic; font-size:13pt; color:var(--lpb-t1); line-height:1.65; }
.lpb-s7 .doc-ref-list { list-style:none; padding:0; margin:0; }
.lpb-s7 .doc-ref-list li { font-family:'Arial',sans-serif; font-size:11pt; color:var(--lpb-t2); padding:5px 0; border-bottom:1px solid rgba(200,160,32,0.08); }
.lpb-s7 .doc-ref-list li::before { content:'›'; color:var(--lpb-gold); margin-right:8px; }
@media print {
.lpb-s7 .col-categories,
.lpb-s7 .col-list,
.lpb-s7 .s7-top-bar,
.lpb-s7 .viewer-toolbar { display: none !important; }
.lpb-s7 .col-viewer { width: 100%; }
.lpb-wrap { background: white; color: black; }
.lpb-s7 .doc-title { color: black; }
.lpb-s7 .doc-text { color: #333; }
.lpb-s7 .doc-quote { border-left: 3px solid #8b1929; background: #f8f5ef; color: #222; }
.lpb-s7 .doc-section-title { color: #8b1929; }
.lpb-s7 .doc-type-tag { color: #8b1929; }
} .lpb-s8 .concilio-header {
height: 52px;
background: var(--lpb-surface);
border-bottom: 2px solid var(--lpb-wine);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
flex-shrink: 0;
z-index: 10;
}
.lpb-s8 .concilio-title { margin:0; font-size:15pt; color:var(--lpb-gold); text-transform:uppercase; letter-spacing:2px; }
.lpb-s8 .header-timer { font-family:monospace; font-size:12pt; color:var(--lpb-wine); background:rgba(200,160,32,0.06); padding:5px 15px; border:1px solid var(--lpb-border); border-radius:4px; }
.lpb-s8 .concilio-workspace { flex:1; display:flex; padding:30px; background:radial-gradient(circle at center, var(--lpb-surface) 0%, var(--lpb-bg) 100%); gap:30px; overflow:hidden; }
.lpb-s8 .dialect-panel { flex:1; background:rgba(28,48,80,0.95); border:1px solid rgba(200,160,32,0.18); border-radius:4px; padding:25px; display:flex; flex-direction:column; gap:20px; transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1); overflow-y:auto; }
.lpb-s8 .panel-thesis { border-left:4px solid var(--lpb-wine); }
.lpb-s8 .panel-antithesis { border-right:4px solid #4a5859; }
.lpb-s8 .dialect-panel.defense-active { border-width:2px !important; border-left-width:8px !important; border-color:var(--lpb-gold) !important; box-shadow:0 0 25px rgba(139,25,41,0.4); transform:translateY(-4px); background:rgba(139,25,41,0.05); }
.lpb-s8 .panel-label { font-family:Arial,sans-serif; font-size:9pt; text-transform:uppercase; letter-spacing:1px; color:var(--lpb-t3); }
.lpb-s8 .argument-box { background:var(--lpb-bg); border:1px solid rgba(139,25,41,0.3); padding:20px; border-radius:4px; font-style:italic; line-height:1.5; color:var(--lpb-t1); }
.lpb-s8 .arg-source { margin:10px 0 0 0; font-size:9pt; font-style:normal; color:var(--lpb-t3); text-align:right; }
.lpb-s8 .arg-challenge { font-size:9.5pt; color:var(--lpb-t3); line-height:1.4; margin:0; }
.lpb-s8 .defense-option { background:rgba(13,27,46,0.8); border:1px solid rgba(200,160,32,0.1); padding:15px; border-radius:4px; cursor:pointer; transition:all 0.3s; }
.lpb-s8 .defense-option:hover { border-color:rgba(200,160,32,0.4); background:var(--lpb-surface); }
.lpb-s8 .defense-option.selected { border-color:var(--lpb-gold); background:rgba(200,160,32,0.03); border-left:3px solid var(--lpb-gold); }
.lpb-s8 .defense-option h4 { margin:0 0 5px 0; font-size:11pt; color:var(--lpb-gold); }
.lpb-s8 .defense-option p { margin:0; font-size:9pt; color:var(--lpb-t2); line-height:1.4; }
.lpb-s8 .btn-submit-defense { background:var(--lpb-wine); color:white; border:1px solid var(--lpb-gold); padding:12px 24px; font-family:Arial,sans-serif; font-size:10pt; font-weight:bold; text-transform:uppercase; letter-spacing:1px; border-radius:3px; cursor:pointer; width:100%; margin-top:auto; transition:all 0.3s; }
.lpb-s8 .btn-submit-defense:hover { background:var(--lpb-wine-h); box-shadow:0 0 10px var(--lpb-border); }
.lpb-s8 .btn-submit-defense:disabled { background:var(--lpb-surface); color:var(--lpb-t3); border-color:rgba(200,160,32,0.1); cursor:not-allowed; }
.lpb-s8 .verdict-box { margin-top:15px; padding:15px; background:rgba(200,160,32,0.02); border:1px dashed rgba(200,160,32,0.3); border-radius:4px; display:none; }
.lpb-s8 .verdict-box.show { display:block; }
.lpb-s8 .verdict-label { color:var(--lpb-gold); display:block; margin-bottom:5px; }
.lpb-s8 .verdict-text { margin:0; font-size:9.5pt; line-height:1.4; color:var(--lpb-t2); }