:root{--bg-primary:#001f3f;--bg-secondary:#003366;--bg-light:#e6f2ff;--text-primary:#ffffff;--text-secondary:#f0f8ff;--accent:#1e90ff;--accent-light:#add8e6;--border:#004080;--border-light:#4682b4;--font-main:'Georgia', 'Times New Roman', serif;--font-mono:'Courier New', monospace;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-thin:1px solid var(--border);--border-thick:2px solid var(--accent)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;padding:0;margin:0;font-size:1.1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:700;line-height:1.2;letter-spacing:.05em}h1{font-size:2.8rem;color:var(--accent);border-bottom:var(--border-thick);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}h2{font-size:2.2rem;color:var(--accent-light);border-bottom:var(--border-thin);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}h3{font-size:1.7rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}h4{font-size:1.4rem;color:var(--border-light)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:1.1rem}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-light);text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}header{padding:var(--spacing-lg)var(--spacing-md);border-bottom:var(--border-thick);margin-bottom:var(--spacing-lg)}header h1{font-size:2.4rem;margin:0;padding:0;border:none;letter-spacing:.1em}header h1 a{color:var(--accent);text-decoration:none}nav{margin-bottom:var(--spacing-lg)}nav ul{list-style:none;display:flex;gap:var(--spacing-md);flex-wrap:wrap}nav li{padding:var(--spacing-sm)0}nav a{font-family:var(--font-mono);font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-sm)var(--spacing-md);border:1px solid transparent;transition:all .2s ease}nav a:hover{color:var(--accent);border-color:var(--border-light);background:rgba(30,144,255,.1)}main{padding-bottom:var(--spacing-xl)}article{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-thin)}article:last-child{border-bottom:none}article header{margin-bottom:var(--spacing-md);padding-bottom:0;border:none}article header h2{font-size:2rem;border:none;padding:0}article header .meta{font-family:var(--font-mono);font-size:.95rem;color:var(--border-light);margin-top:var(--spacing-sm)}pre,code{font-family:var(--font-mono);font-size:.9rem;line-height:1.5}code{background:var(--bg-secondary);padding:.1rem .3rem;border-radius:2px;color:var(--text-primary)}pre{background:var(--bg-secondary);border:var(--border-thin);border-radius:4px;padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md);color:var(--text-primary);position:relative}pre::before{content:'$';position:absolute;left:var(--spacing-md);top:var(--spacing-md);color:var(--border-light);font-weight:700}.btn{display:inline-block;padding:var(--spacing-sm)var(--spacing-md);background:var(--border);color:var(--text-primary);text-decoration:none;border:none;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:var(--border-thick);text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}@media(max-width:768px){.container{padding:var(--spacing-md)}nav ul{flex-direction:column;gap:var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.6rem}}@media print{body{background:#fff;color:#000}a::after{content:' (' attr(href)') ';font-size:.8em;color:#666}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}article{animation:fadeIn .5s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.hero{text-align:center;padding:var(--spacing-lg)0}.hero h2{font-size:1.8rem;color:var(--accent)}.subtitle{color:var(--text-secondary);max-width:600px;margin:var(--spacing-md)auto 0}.section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--border-thin)}.content{margin-top:var(--spacing-md)}.content p{margin-bottom:var(--spacing-md)}.content pre{margin:var(--spacing-md)0}.error-page{text-align:center;padding:var(--spacing-xl)0}.error-page h1{color:var(--accent);font-size:3rem}.article-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.article-nav .btn{flex:1;min-width:200px}.article-footer{padding-top:var(--spacing-md);border-top:var(--border-thin)}.page-info{padding:0 var(--spacing-md);color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.about-teaser{background:rgba(30,144,255,5%);padding:var(--spacing-lg);border:var(--border-thin)}.about-teaser h3{color:var(--accent-light)}