:root{--blue-900:#0d1b2a;--blue-800:#1b2a4a;--blue-700:#1e3a5f;--blue-600:#274c77;--blue-500:#2b6cb0;--blue-400:#3182ce;--blue-300:#63a4e8;--blue-200:#a3c4f3;--blue-100:#d0e2f7;--blue-50:#e8f1fb;--gray-900:#1a202c;--gray-700:#4a5568;--gray-600:#555;--gray-500:#718096;--gray-400:#a0aec0;--gray-300:#cbd5e0;--gray-200:#e2e8f0;--gray-100:#edf2f7;--gray-50:#f7fafc;--white:#fff;--accent-green:#2f855a;--accent-red:#c53030;--accent-amber:#b7791f;--accent-teal:#2c7a7b;--accent-purple:#6b46c1;--font-sans:"Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono:"Fira Code", "Consolas", "Monaco", monospace;--max-width:860px;--radius:6px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--gray-900);background-color:var(--gray-50);margin:0;padding:0;line-height:1.7}a{color:var(--blue-500)}.page-container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 4rem}.site-header{background:linear-gradient(135deg, var(--blue-800), var(--blue-600));color:var(--white);text-align:center;border-bottom:4px solid var(--blue-400);padding:2.5rem 1.5rem}.site-header h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.8rem;font-weight:700}.site-header .subtitle{opacity:.85;margin:0;font-size:1rem;font-weight:400}.site-header .book-ref{opacity:.65;margin-top:.6rem;font-size:.85rem;font-style:italic}.chapter-header{background:linear-gradient(135deg, var(--blue-800), var(--blue-600));color:var(--white);border-bottom:4px solid var(--blue-400);padding:2rem 1.5rem}.chapter-header .breadcrumb{opacity:.7;margin-bottom:.5rem;font-size:.85rem}.chapter-header .breadcrumb a{color:var(--blue-200);text-decoration:none}.chapter-header .breadcrumb a:hover{text-decoration:underline}.chapter-header h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.7rem;font-weight:700}.chapter-header .chapter-desc{opacity:.8;margin:.5rem 0 0;font-size:.95rem}.toc{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--blue-500);border-radius:var(--radius);margin:2rem 0;padding:1.5rem 2rem}.toc h2{color:var(--blue-700);border-bottom:1px solid var(--gray-200);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.15rem}.toc ol{margin:0;padding-left:0;list-style:none}.toc>ol>li{margin-bottom:.6rem}.toc ol ol{margin-top:.3rem;padding-left:1.4rem}.toc ol ol li{margin-bottom:.25rem}.toc a{color:var(--blue-600);font-size:.95rem;line-height:1.5;text-decoration:none}.toc a:hover{color:var(--blue-400);text-decoration:underline}.toc .toc-section>a{font-weight:600}h2.section-title{color:var(--blue-700);border-bottom:2px solid var(--blue-100);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.4rem}h3.subsection-title{color:var(--blue-800);margin:2rem 0 .8rem;font-size:1.15rem}h4.subsubsection-title{color:var(--gray-700);margin:1.5rem 0 .6rem;font-size:1.02rem;font-weight:600}.content-section{margin-bottom:2rem}.content-section p{color:var(--gray-900);margin:.6rem 0}.content-section ul,.content-section ol{margin:.6rem 0;padding-left:1.5rem}.content-section li{margin-bottom:.35rem}.info-box{border-radius:var(--radius);margin:1.2rem 0;padding:1rem 1.2rem;font-size:.93rem}.info-box p{margin:.3rem 0}.info-box strong{display:inline}.note-box{background:var(--blue-50);border-left:4px solid var(--blue-400)}.analogy-box{border-left:4px solid var(--accent-amber);background:#fefce8}.warning-box{border-left:4px solid var(--accent-red);background:#fff5f5}.key-point-box{border-left:4px solid var(--accent-green);background:#f0fff4}.pattern-summary{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);margin:1.2rem 0;padding:1.2rem 1.4rem}.pattern-summary h4{color:var(--blue-600);margin:0 0 .6rem;font-size:1rem}.pattern-summary .ps-row{gap:.5rem;margin-bottom:.4rem;font-size:.93rem;display:flex}.pattern-summary .ps-label{color:var(--blue-700);flex-shrink:0;min-width:90px;font-weight:600}.comparison-table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.93rem}.comparison-table th{background:var(--blue-600);color:var(--white);text-align:left;padding:.6rem .8rem;font-weight:600}.comparison-table td{border-bottom:1px solid var(--gray-200);vertical-align:top;padding:.5rem .8rem}.comparison-table tr:nth-child(2n){background:var(--gray-50)}.comparison-table tr:hover{background:var(--blue-50)}.takeaways{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius);margin:2rem 0;padding:1.2rem 1.4rem}.takeaways h3{color:var(--blue-700);margin:0 0 .8rem;font-size:1.05rem}.takeaways ul{margin:0;padding-left:1.3rem}.takeaways li{margin-bottom:.4rem;font-size:.93rem}.stats-bar{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.stat-badge{background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-700);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.chapter-nav{border-top:2px solid var(--gray-200);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.chapter-nav a{color:var(--blue-600);border:1px solid var(--blue-200);border-radius:var(--radius);padding:.5rem 1rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .2s}.chapter-nav a:hover{background:var(--blue-50)}.chapter-grid{gap:1rem;margin:2rem 0;display:grid}.chapter-card{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--blue-500);border-radius:var(--radius);color:var(--gray-900);padding:1.2rem 1.5rem;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:block}.chapter-card:hover{border-left-color:var(--blue-400);box-shadow:0 2px 12px #2b6cb026}.chapter-card .card-number{color:var(--blue-500);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.chapter-card .card-title{color:var(--blue-800);margin:.2rem 0 .4rem;font-size:1.1rem;font-weight:600}.chapter-card .card-desc{color:var(--gray-600);margin:0;font-size:.9rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;margin:2rem 0;display:grid}.subject-card{background:var(--white);border:1px solid var(--gray-200);border-top:4px solid var(--blue-500);border-radius:var(--radius);color:var(--gray-900);padding:1.5rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.subject-card .card-icon{margin-bottom:.5rem;font-size:2rem;display:block}.subject-card .card-title{color:var(--blue-800);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.subject-card .card-desc{color:var(--gray-600);margin:0 0 .8rem;font-size:.88rem}.subject-card .card-badge{background:var(--blue-50);color:var(--blue-600);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.module-grid{gap:1rem;margin:2rem 0;display:grid}.module-card{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--accent-teal);border-radius:var(--radius);color:var(--gray-900);padding:1.2rem 1.5rem;text-decoration:none;transition:box-shadow .2s;display:block}.module-card:hover{box-shadow:0 2px 12px #2c7a7b26}.module-card .card-number{color:var(--accent-teal);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.module-card .card-title{color:var(--blue-800);margin:.2rem 0 .4rem;font-size:1.1rem;font-weight:600}.module-card .card-desc{color:var(--gray-600);margin:0;font-size:.9rem}.site-footer{text-align:center;color:var(--gray-500);border-top:1px solid var(--gray-200);margin-top:2rem;padding:2rem 1rem;font-size:.82rem}.floating-nav{z-index:200;position:fixed;bottom:2rem;left:2rem}.floating-nav-toggle{background:var(--blue-600);color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:background .2s,transform .2s;display:flex;box-shadow:0 2px 10px #0003}.floating-nav-toggle:hover{background:var(--blue-400);transform:scale(1.05)}.floating-nav-menu{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);min-width:220px;max-height:70vh;padding:.8rem 0;position:absolute;bottom:56px;left:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.floating-nav-menu a{color:var(--gray-700);padding:.5rem 1.2rem;font-size:.88rem;text-decoration:none;transition:background .15s;display:block}.floating-nav-menu a:hover{background:var(--blue-50);color:var(--blue-600)}.floating-nav-menu .nav-section{color:var(--blue-500);text-transform:uppercase;letter-spacing:.05em;padding:.6rem 1.2rem .2rem;font-size:.75rem;font-weight:700}.back-to-top-btn{background:var(--blue-600);color:var(--white);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:background .2s,transform .2s,opacity .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 2px 8px #0003}.back-to-top-btn:hover{background:var(--blue-400);transform:translateY(-2px)}.coming-soon{text-align:center;color:var(--gray-500);padding:4rem 1rem}.coming-soon h2{color:var(--blue-700)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=640px){.page-container{padding:1.2rem 1rem 3rem}.site-header h1,.chapter-header h1{font-size:1.4rem}h2.section-title{font-size:1.2rem}h3.subsection-title{font-size:1.05rem}.toc{padding:1rem 1.2rem}.pattern-summary .ps-row{flex-direction:column;gap:.1rem}.comparison-table{font-size:.85rem}.chapter-nav{flex-direction:column}.back-to-top-btn{width:38px;height:38px;font-size:1rem;bottom:1rem;right:1rem}.floating-nav{bottom:1rem;left:1rem}.subject-grid{grid-template-columns:1fr}}@media print{.back-to-top-btn,.floating-nav{display:none}.site-header,.chapter-header{background:var(--blue-700);-webkit-print-color-adjust:exact;print-color-adjust:exact}body{font-size:11pt}}