*{box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.6;color:#333;margin:0;padding:0;background-color:#f8f9fa}.site-container{display:flex;min-height:100vh}.sidebar-nav{width:280px;background:#fff;border-right:1px solid #e9ecef;padding:1.5rem;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.sidebar-nav .nav-brand{font-weight:bold;font-size:1.2em;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.sidebar-nav .nav-brand a{color:#007bff;text-decoration:none}.sidebar-nav .nav-brand a:hover{text-decoration:underline}.sidebar-nav .nav-menu{font-size:0.9em}.sidebar-nav .nav-section{margin-bottom:1.5rem}.sidebar-nav .nav-section .nav-section-title{font-weight:600;color:#495057;margin-bottom:0.75rem;padding:0.5rem 0;border-bottom:1px solid #f1f3f4;font-size:0.85em;text-transform:uppercase;letter-spacing:0.5px}.sidebar-nav .nav-section .nav-subnav{list-style:none;padding:0;margin:0}.sidebar-nav .nav-section .nav-subnav li{margin-bottom:0.25rem}.sidebar-nav .nav-section .nav-subnav li a{color:#6c757d;text-decoration:none;padding:0.5rem 0.75rem;display:block;border-radius:4px;transition:all 0.2s ease}.sidebar-nav .nav-section .nav-subnav li a:hover{color:#007bff;background:#f8f9fa}.sidebar-nav .nav-section .nav-subnav li a.active{color:#007bff;background:#e7f1ff;font-weight:500}@media (max-width: 768px){.sidebar-nav{width:100%;position:relative;border-right:none;border-bottom:1px solid #e9ecef}}.page-content{flex:1;margin-left:280px;padding:2rem;min-height:100vh}@media (max-width: 768px){.page-content{margin-left:0;padding:1rem}}.wrapper{max-width:900px;margin:0 auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}@media (max-width: 768px){.wrapper{padding:1rem;margin:0;border-radius:0;box-shadow:none}}h1,h2,h3,h4,h5,h6{color:#2c3e50;line-height:1.2;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.5rem;border-bottom:3px solid #007bff;padding-bottom:0.5rem;margin-top:0}h2{font-size:2rem;color:#34495e}h3{font-size:1.5rem;color:#5a6c7d}h4{font-size:1.2rem}p{margin-bottom:1rem}a{color:#007bff}a:hover{color:#0056b3}ul,ol{padding-left:1.5rem;margin-bottom:1rem}ul li,ol li{margin-bottom:0.5rem}.chapter-header{margin-bottom:2rem}.chapter-header .chapter-part{font-size:0.9em;color:#6c757d;text-transform:uppercase;font-weight:600;letter-spacing:0.5px;margin-bottom:0.5rem}.chapter-header .chapter-title{margin-top:0}.chapter-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid #e9ecef;display:flex;justify-content:space-between}.chapter-nav a{background:#f8f9fa;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;border:1px solid #dee2e6;transition:all 0.2s}.chapter-nav a:hover{background:#e9ecef;border-color:#adb5bd}.chapter-nav .next-chapter{margin-left:auto}.page-title{color:#2c3e50;margin-bottom:1rem}.page-content ul{list-style:none;padding-left:0}.page-content ul li{margin-bottom:1rem}.page-content ul li a{display:block;padding:0.75rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;text-decoration:none;transition:all 0.2s}.page-content ul li a:hover{background:#e9ecef;border-color:#007bff}.page-content ul li ul{margin-top:0.5rem;padding-left:1rem}.page-content ul li ul li{margin-bottom:0.5rem;font-size:0.9em}.page-content ul li ul li a{padding:0.5rem 0.75rem;background:transparent;border:none;color:#6c757d}.page-content ul li ul li a:hover{color:#007bff;background:#f8f9fa}.role-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1.5rem;margin:2rem 0}.role-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:box-shadow 0.2s ease}.role-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.role-card .role-name{color:#007bff;margin-top:0;margin-bottom:0.5rem;font-size:1.3em;border-bottom:2px solid #e9ecef;padding-bottom:0.5rem}.role-card .role-description{color:#6c757d;font-style:italic;margin-bottom:1rem}.role-card .role-section{margin-bottom:1rem}.role-card .role-section h5{color:#495057;font-size:0.9em;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;margin-top:0}.role-card .role-responsibilities{list-style:none;padding-left:0;font-size:0.9em}.role-card .role-responsibilities li{padding:0.25rem 0;border-bottom:1px solid #f1f3f4}.role-card .role-responsibilities li:before{content:"→";color:#007bff;margin-right:0.5rem;font-weight:bold}.role-card .role-skills{display:flex;flex-wrap:wrap;gap:0.5rem}.role-card .role-skills .skill-tag{background:#e7f1ff;color:#0056b3;padding:0.25rem 0.5rem;border-radius:12px;font-size:0.8em;font-weight:500;border:1px solid #b8daff}.role-card .role-examples{list-style:none;padding-left:0;font-size:0.9em}.role-card .role-examples li{background:#f8f9fa;padding:0.5rem;margin-bottom:0.25rem;border-radius:4px;border-left:3px solid #28a745}.governance-models{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem;margin:2rem 0}.governance-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.governance-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.governance-card.internal{border-left:4px solid #28a745}.governance-card.external{border-left:4px solid #ffc107}.governance-card.collective{border-left:4px solid #6f42c1}.governance-card .model-name{margin-top:0;margin-bottom:0.5rem;font-size:1.4em}.governance-card .model-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem}.governance-card .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 600px){.governance-card .pros-cons{grid-template-columns:1fr}}.governance-card .pros-cons .pros h5,.governance-card .pros-cons .cons h5{font-size:0.9em;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;margin-top:0}.governance-card .pros-cons .pros ul,.governance-card .pros-cons .cons ul{list-style:none;padding-left:0;font-size:0.9em}.governance-card .pros-cons .pros ul li,.governance-card .pros-cons .cons ul li{padding:0.25rem 0;border-bottom:1px solid #f1f3f4}.governance-card .pros-cons .pros ul li:last-child,.governance-card .pros-cons .cons ul li:last-child{border-bottom:none}.governance-card .pros-cons .pros h5{color:#28a745}.governance-card .pros-cons .pros li:before{content:"✓";color:#28a745;margin-right:0.5rem;font-weight:bold}.governance-card .pros-cons .cons h5{color:#dc3545}.governance-card .pros-cons .cons li:before{content:"✗";color:#dc3545;margin-right:0.5rem;font-weight:bold}.governance-card .model-examples h5,.governance-card .model-requirements h5,.governance-card .model-considerations h5{font-size:0.9em;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;margin-top:0;color:#495057}.governance-card .model-examples ul,.governance-card .model-requirements ul,.governance-card .model-considerations ul{list-style:none;padding-left:0;font-size:0.9em}.governance-card .model-examples ul li,.governance-card .model-requirements ul li,.governance-card .model-considerations ul li{background:#f8f9fa;padding:0.5rem;margin-bottom:0.25rem;border-radius:4px;border-left:3px solid #6c757d}.governance-card .model-requirements li{border-left-color:#007bff}.governance-card .model-considerations li{border-left-color:#ffc107}.site-footer{background:#fff;border-top:1px solid #e9ecef;padding:1rem 0;margin-left:280px;text-align:center;color:#6c757d;font-size:0.9em}@media (max-width: 768px){.site-footer{margin-left:0}}