:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--text-color:#333;--bg-color:#fff;--gray-light:#ecf0f1;--gray-medium:#95a5a6;--border-radius:8px;--box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease;--accent-from:var(--secondary-color);--accent-to:var(--secondary-color);--accent-ink:var(--secondary-color);--on-accent:#fff;--header-bg:var(--primary-color);--focus-ring:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}body.book-layout{display:flex;flex-direction:column;min-height:100vh}.skip-link{position:absolute;left:-9999px;top:0;z-index:1100;padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:0 0 var(--border-radius)0}.skip-link:focus{left:0}main:focus{outline:none}:focus-visible{outline-style:solid;outline-width:3px;outline-color:var(--focus-ring);outline-offset:2px}.site-header{--focus-ring:var(--on-accent)}.site-header{background:var(--header-bg);color:var(--on-accent);padding:1rem 0;position:sticky;top:0;z-index:100}.main-nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.3rem;color:var(--on-accent);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--on-accent);text-decoration:none;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--border-radius)}.nav-links a:hover{color:var(--on-accent);background:rgba(255,255,255,.15);background:color-mix(in srgb,var(--on-accent) 15%,transparent)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:var(--on-accent);transition:all .3s ease;border-radius:2px}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg)translate(7px,7px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media(max-width:768px){.hamburger{display:flex;order:2;flex-shrink:0}.main-nav{position:relative;flex-wrap:nowrap;padding:0 1rem}.logo{order:1;flex:1;min-width:0}.logo .separator{margin:0 .25rem}.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--primary-color);flex-direction:column;padding:5rem 0 2rem;gap:0;transition:right .3s ease;box-shadow:-2px 0 10px rgba(0,0,0,.2);overflow-y:auto;z-index:1001;order:3}.nav-links.active{right:0}.nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links a{display:block;padding:1rem 2rem;border-radius:0;width:100%;position:relative;z-index:1002;pointer-events:auto;color:#fff;text-align:left}.nav-links a:hover{background:rgba(255,255,255,.15);color:#fff}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}}.nav-links .section-link-pill{background:linear-gradient(135deg,var(--accent-from) 0%,var(--accent-to) 100%);color:var(--on-accent)}.nav-links .section-link-pill:hover{background:linear-gradient(135deg,var(--accent-to) 0%,var(--accent-from) 100%);color:var(--on-accent);transform:translateY(-1px)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:200px;box-shadow:var(--box-shadow);border-radius:var(--border-radius);padding:.5rem 0;z-index:1000}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{list-style:none}.dropdown-menu a{color:var(--text-color);padding:.75rem 1rem;display:block;transition:var(--transition)}.dropdown-menu a:hover{background:var(--gray-light);color:var(--secondary-color)}main{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.posts-grid,.slides-grid,.books-grid,.videos-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;height:auto}.category-section-full{margin-bottom:4rem;margin-top:3rem}.category-section-full:first-of-type{margin-top:2rem}.category-header-full{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-light)}.category-header-full h2{margin:0;font-size:1.75rem;color:var(--primary-color)}.view-all-section{margin-top:1.5rem;text-align:center}.view-all-link{display:inline-block;padding:.75rem 1.5rem;background:var(--secondary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.view-all-link:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:var(--box-shadow)}.view-all-link{background:linear-gradient(135deg,var(--accent-from) 0%,var(--accent-to) 100%);color:var(--on-accent)}.view-all-link:hover{background:linear-gradient(135deg,var(--accent-to) 0%,var(--accent-from) 100%);color:var(--on-accent)}.post-card,.slide-card,.book-card,.video-card,.tool-card,.content-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;transition:var(--transition)}.content-card{overflow:hidden;border-left:4px solid var(--secondary-color)}.content-card .card-link{text-decoration:none;color:inherit;display:block}.content-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card-image{margin:-1.5rem -1.5rem 1rem;overflow:hidden;border-radius:var(--border-radius)var(--border-radius)0 0}.card-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.content-card:hover .card-image img{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;align-items:flex-start;gap:.75rem}.content-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.card-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--primary-color);line-height:1.3;transition:color .3s ease}.content-card:hover .card-title{color:var(--secondary-color)}.card-summary{margin:0;color:var(--text-color);line-height:1.6;opacity:.9}.card-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.9rem;color:var(--gray-medium)}.meta-item{display:flex;align-items:center;gap:.4rem}.meta-icon{font-size:.9rem;opacity:.8}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;align-items:center}.card-tags .tags-icon{font-size:1.1rem;margin-right:.25rem}.card-tags .tag-link{padding:.3rem .8rem;background:var(--gray-light);color:var(--text-color);text-decoration:none;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease;border:1px solid transparent}.card-tags .tag-link:hover{background:var(--secondary-color);color:#fff;transform:translateY(-1px)}.video-image{position:relative}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;transition:opacity .3s ease}.content-card:hover .video-overlay{opacity:1}.duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600}.post-card:hover,.slide-card:hover,.book-card:hover,.video-card:hover,.tool-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.post-card h2,.slide-card h2,.book-card h2,.video-card h2,.tool-card h2{margin-bottom:.5rem}.post-card a,.slide-card a,.book-card a,.video-card a,.tool-card a{color:var(--primary-color);text-decoration:none}.post-card a:hover,.slide-card a:hover,.book-card a:hover,.video-card a:hover,.tool-card a:hover{color:var(--secondary-color)}.post-tags,.video-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--gray-light);color:var(--text-color);padding:.25rem .5rem;border-radius:12px;font-size:.875rem}.video-card{display:flex;flex-direction:column;overflow:hidden}.video-thumbnail{position:relative;margin-bottom:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--border-radius)var(--border-radius)0 0}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.play-button:hover{background:rgba(0,0,0,.9);transform:translate(-50%,-50%)scale(1.1)}.duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.video-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.video-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-muted)}.video-meta time{color:var(--text-muted)}.video-meta .platform{padding:2px 6px;background:var(--secondary-color);color:#fff;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-weight:500}.video-title{margin-bottom:.75rem;line-height:1.3}.video-title a{color:var(--primary-color);text-decoration:none;font-size:1.1rem;font-weight:600}.video-title a:hover{color:var(--secondary-color)}.video-summary{color:var(--text-muted);margin-bottom:1rem;flex:1;line-height:1.5}.video-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.video-tags .tag{background:var(--background-light);color:var(--text-muted);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;border:1px solid var(--border-color)}.watch-link{align-self:flex-start;color:var(--primary-color);text-decoration:none;font-weight:500;padding:.5rem 1rem;border:2px solid var(--primary-color);border-radius:var(--border-radius);transition:all .3s ease;display:inline-block}.watch-link:hover{background:var(--primary-color);color:#fff}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:2rem}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.tool-interface{margin:2rem 0}.social-links ul{list-style:none;display:flex;gap:1rem}.social-links a{color:var(--secondary-color);text-decoration:none}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill{background:var(--secondary-color);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem}.book-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;margin-top:.5rem}.status-published{background:#27ae60;color:#fff}.status-draft{background:#f39c12;color:#fff}.status-planning{background:var(--gray-medium);color:#fff}.site-footer{background:var(--primary-color);color:#fff;text-align:center;padding:2rem;margin-top:4rem}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{text-decoration-thickness:2px}.site-footer :focus-visible{--focus-ring:#fff}.section-overview{padding:0 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.section-description{max-width:600px;margin:0 auto;font-size:1.1rem;color:var(--gray-medium)}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.content-category{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;transition:var(--transition)}.content-category:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.content-category h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.content-category h2 a{color:inherit;text-decoration:none}.recent-items{margin:1.5rem 0}.mini-card{padding:1rem 0;border-bottom:1px solid var(--gray-light)}.mini-card:last-child{border-bottom:none}.mini-card h3{font-size:1rem;margin-bottom:.5rem}.mini-card h3 a{color:var(--text-color);text-decoration:none}.mini-card h3 a:hover{color:var(--secondary-color)}.mini-card time,.mini-card .duration,.mini-card .event,.mini-card .tool-type{font-size:.875rem;color:var(--gray-medium)}.view-all{display:inline-block;margin-top:1rem;color:var(--secondary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.view-all:hover{color:var(--primary-color)}.breadcrumb{max-width:1200px;margin:1.25rem auto .25rem;padding:0 2rem;font-size:.875rem;color:var(--gray-medium)}.breadcrumb-list{display:flex;list-style:none;padding:0;margin:0;align-items:center}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after{content:">";margin:0 .5rem;color:var(--gray-medium)}.breadcrumb-item.active span{color:var(--text-color)}.breadcrumb a{color:var(--secondary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.custom-tool iframe{border-radius:var(--border-radius);border:1px solid var(--gray-light)}.related-tools{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--gray-light)}.related-tools h3{color:var(--primary-color);margin-bottom:1rem}.json-diff-tool .input-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.json-diff-tool textarea{width:100%;padding:1rem;border:1px solid var(--gray-medium);border-radius:var(--border-radius);font-family:monaco,menlo,ubuntu mono,monospace;font-size:.875rem}.regex-tester .flag-checkboxes{display:flex;gap:1rem;margin-top:.5rem}.regex-tester .flag-checkboxes label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.allocation-breakdown{margin-top:1.5rem;padding:1rem;background:var(--gray-light);border-radius:var(--border-radius)}.pie-chart-text p{margin:.5rem 0;font-weight:500}@media(max-width:768px){.main-nav{padding:0 1rem}main{padding:1rem}.posts-grid,.slides-grid,.books-grid,.videos-grid,.tools-grid{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr}.section-header h1{font-size:2rem}.json-diff-tool .input-section{grid-template-columns:1fr}.regex-tester .flag-checkboxes{flex-direction:column;gap:.5rem}}.homepage{padding:2rem 0}.hero{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--border-radius)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:900px;margin:0 auto;padding:0 2rem}.hero-photo{flex-shrink:0}.profile-photo{width:180px;height:240px;border-radius:12px;border:4px solid rgba(255,255,255,.2);object-fit:cover;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.profile-photo:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.15)}.profile-photo-placeholder{width:180px;height:240px;border-radius:12px;border:4px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.profile-photo-placeholder .initials{font-size:3rem;font-weight:700;font-family:var(--font-family);text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-photo-placeholder:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.15)}.hero-text{text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem;opacity:.9}.social-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:var(--border-radius);color:var(--primary-color);text-decoration:none;transition:var(--transition);font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1)}.social-link:hover{background:rgba(255,255,255,.95);border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.social-link svg{width:20px;height:20px}.social-link[style*=--social-color]{color:var(--social-color)}.social-link[style*=--social-color]:hover{background:var(--social-color);border-color:var(--social-color);color:#fff}@media(min-width:768px){.hero-content{flex-direction:row;text-align:left}.hero-text{text-align:left;flex:1}.hero p{margin-left:0}.social-links{justify-content:flex-start}}.main-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.section-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;transition:var(--transition);border-left:4px solid var(--accent-from)}.section-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(0,0,0,.15)}.section-card h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem}.section-card>p{color:var(--gray-medium);margin-bottom:1.5rem;font-size:1.1rem}.section-stats{margin:1.5rem 0}.stats-grid{display:flex;flex-wrap:wrap;gap:.5rem}.stats-grid span{background:var(--gray-light);color:var(--text-color);padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:500}.stats-grid .stat-link{background:#fff;color:var(--secondary-color);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:var(--transition);display:inline-block;border:2px solid var(--secondary-color);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stats-grid .stat-link:hover{background:var(--secondary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.section-link{display:inline-block;margin-top:1rem;color:var(--secondary-color);text-decoration:none;font-weight:600;font-size:1.1rem;transition:var(--transition)}.section-link:hover{color:var(--primary-color);text-decoration:underline}.section-card .stat-link{background:#fff;color:var(--accent-ink);border-color:var(--accent-ink)}.section-card .stat-link:hover{background:linear-gradient(135deg,var(--accent-from) 0%,var(--accent-to) 100%);color:var(--on-accent);border-color:transparent}.section-card .section-link{color:var(--accent-ink)}.section-card .section-link:hover{color:var(--accent-to)}.slides main{padding:2rem;max-width:1200px;margin:0 auto}.section-switch a{background:var(--secondary-color);color:#fff!important;font-weight:500;border-radius:var(--border-radius)}.section-switch a:hover{background:var(--accent-color);transform:translateX(2px)}.logo .name-link{color:var(--on-accent);text-decoration:none;transition:var(--transition);white-space:nowrap}.logo .name-link:hover{color:var(--on-accent);text-decoration:underline}.logo .separator{color:var(--on-accent);margin:0 .75rem;font-weight:400;flex-shrink:0}.logo{display:flex;align-items:center}@media(max-width:768px){.logo .separator{margin:0 .25rem}.section-switch{order:-1}}.content-header{margin-bottom:2rem}.content-title{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.content-summary{font-size:1.25rem;color:var(--gray-medium);font-style:italic;margin:1rem 0;line-height:1.6}.content-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0;color:var(--gray-medium);font-size:.95rem}.content-meta .meta-item{display:flex;align-items:center;gap:.5rem}.content-divider{border:none;border-top:2px solid var(--gray-light);margin:1.5rem 0}.content-footer{margin-top:3rem}.content-footer .card-tags{margin:1.5rem 0}.content-comments{margin-top:2rem}.video-header{margin-bottom:2rem;text-align:center}.video-header h1{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.video-date{color:var(--gray-medium);font-size:.9rem}.video-embed{margin-bottom:2rem}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.video-link{text-align:center;margin:2rem 0}.video-link a{display:inline-block;background:var(--secondary-color);color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:var(--border-radius);transition:var(--transition)}.video-link a:hover{background:var(--accent-color);transform:translateY(-2px)}.video-content{line-height:1.8;margin-bottom:2rem}.video-meta{background:var(--gray-light);padding:1rem;border-radius:var(--border-radius);margin-bottom:2rem}.video-duration{margin:0;font-weight:500}.video-tags{display:flex;flex-wrap:wrap;gap:.5rem}.video-tags .tag{background:var(--secondary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem}.blog-post{margin:0 auto}.graphviz-diagram{width:100%;margin:2rem 0;text-align:center;overflow-x:auto}.graphviz-diagram svg{max-width:100%;height:auto;display:inline-block}.post-content,main article{font-size:1.125rem;line-height:1.56;color:var(--text-color)}.post-content p,main article p{margin:1.25rem 0;line-height:1.56}.post-content ul,.post-content ol,.section-content ul,.section-content ol,.video-content ul,.video-content ol,main article ul,main article ol{margin:1.5rem 0!important;padding-left:0!important;line-height:1.56;list-style-position:inside!important}.post-content li,.section-content li,.video-content li,main article li{margin:.25rem 0!important;line-height:1.56;padding-left:0!important}.post-content ul li,.section-content ul li,.video-content ul li,main article ul li{list-style-type:disc!important}.post-content ol li,.section-content ol li,.video-content ol li,main article ol li{list-style-type:decimal!important}.post-content ul ul,.post-content ol ul,.post-content ul ol,.post-content ol ol,.section-content ul ul,.section-content ol ul,.section-content ul ol,.section-content ol ol,.video-content ul ul,.video-content ol ul,.video-content ul ol,.video-content ol ol,main article ul ul,main article ol ul,main article ul ol,main article ol ol{margin:.5rem 0!important;padding-left:2rem!important}.post-content li>ul,.post-content li>ol,.section-content li>ul,.section-content li>ol,.video-content li>ul,.video-content li>ol,main article li>ul,main article li>ol{margin-top:.5rem;margin-bottom:.5rem}.post-content ol>li>p,.section-content ol>li>p,.video-content ol>li>p,main article ol>li>p{display:inline;margin:0}.post-content ol>li>p:first-child,.section-content ol>li>p:first-child,.video-content ol>li>p:first-child,main article ol>li>p:first-child{display:inline}.post-content h2,.section-content h2,main article h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--primary-color);line-height:1.3}.post-content h3,.section-content h3,main article h3{font-size:1.4rem;margin-top:2rem;margin-bottom:.75rem;color:var(--primary-color);line-height:1.4}.post-content h4,main article h4{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--primary-color);line-height:1.4}.post-content blockquote,main article blockquote{border-left:4px solid var(--secondary-color);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--gray-light);font-style:italic;font-size:1.5rem;color:#555}.post-content blockquote,main article blockquote{border-left-color:var(--accent-from)}.post-content code,main article code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-size:.95em;font-family:menlo,monaco,courier new,monospace;color:#c7254e}.post-content pre,main article pre{background:#f5f5f5;padding:.5rem;border-radius:6px;border:1px solid var(--secondary-color);overflow-x:auto;margin:1.5rem 0;line-height:1.6}.post-content pre,main article pre{border-color:var(--accent-from)}.post-content pre code,main article pre code{background:0 0;padding:0;color:inherit}.post-content table,main article table{width:100%;border-collapse:collapse;margin:1.5rem 0}.post-content table th,.post-content table td,main article table th,main article table td{padding:.75rem;border:1px solid var(--gray-light);text-align:left}.post-content table th,main article table th{background:var(--gray-light);font-weight:600}@media(max-width:768px){.video,.blog-post,.tool{padding:0 1rem}.post-content,main article{font-size:1.0625rem}.post-content h2,.section-content h2,main article h2{font-size:1.5rem}.post-content h3,.section-content h3,main article h3{font-size:1.25rem}.post-content ul,.post-content ol,main article ul,main article ol{padding-left:0!important}.video-header h1{font-size:1.5rem}}.category-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.category-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;transition:var(--transition);border-left:4px solid var(--secondary-color)}.category-card,.post-card,.slide-card,.book-card,.video-card,.tool-card,.tag-card,.content-card{border-left:4px solid var(--accent-from)}.card-tags .tag-link:hover{background:var(--accent-from);color:var(--on-accent)}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-light)}.category-header h2{margin:0;font-size:1.25rem}.category-header h2 a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.category-header h2 a:hover{color:var(--secondary-color)}.item-count{font-size:.9rem;color:var(--gray-medium);font-weight:400}.preview-grid{display:grid;gap:1rem}.videos-preview{grid-template-columns:1fr}.preview-item{display:flex;gap:1rem;align-items:flex-start}.video-preview{align-items:center}.video-thumbnail-small{position:relative;flex-shrink:0;width:120px;height:68px;border-radius:6px;overflow:hidden}.video-thumbnail-small img{width:100%;height:100%;object-fit:cover}.duration-badge-small{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:500}.preview-content{flex:1;min-width:0}.preview-content h4{margin:0 0 .5rem;font-size:.95rem;line-height:1.3}.preview-content h4 a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.preview-content h4 a:hover{color:var(--secondary-color)}.preview-meta{display:flex;gap:.75rem;align-items:center;font-size:.8rem;color:var(--gray-medium)}.platform-small{background:var(--secondary-color);color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem}.date-small{font-size:.8rem}.tag-small{background:var(--gray-light);color:var(--text-color);padding:2px 6px;border-radius:3px;font-size:.7rem}.preview-list{display:flex;flex-direction:column;gap:1rem}.preview-list .preview-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.preview-list .preview-item:last-child{border-bottom:none;padding-bottom:0}.view-all{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-light)}.view-all a{color:var(--secondary-color);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition)}.view-all a:hover{color:var(--primary-color);text-decoration:underline}@media(max-width:768px){.category-sections{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1rem}.video-thumbnail-small{width:100px;height:56px}.preview-item{gap:.75rem}}.read-time{color:var(--gray-medium);font-size:.8rem;padding:2px 6px;background:var(--gray-light);border-radius:3px;font-weight:500}.preview-meta .read-time{font-size:.7rem}.post-meta .read-time{font-size:.85rem;margin-left:.5rem}.preview-description{font-size:.85rem;color:var(--gray-medium);line-height:1.4;margin:.5rem 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-preview .preview-description{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1;margin:.25rem 0}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem 0}.tag-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.2rem 1.5rem;transition:var(--transition);border-left:4px solid var(--secondary-color);position:relative;overflow:hidden;min-height:60px;display:flex;align-items:center}.tag-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.tag-card:hover::before{left:100%}.tag-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.tag-card a{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}.tag-card .tag-name{margin:0;color:var(--primary-color);font-size:1.25rem;font-weight:600;transition:color .3s ease;flex:1;text-align:left;margin-right:1rem}.tag-card:hover .tag-name{color:var(--secondary-color)}.tag-meta{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.tag-count-badge{background:var(--secondary-color);color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem;min-width:35px;text-align:center;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.1)}.tag-count-badge{background:var(--accent-from);color:var(--on-accent)}.tag-card:hover .tag-count-badge{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media(max-width:768px){.tags-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1.5rem 0}.tag-card{padding:1rem 1.2rem;min-height:55px}.tag-card .tag-name{font-size:1.1rem}.tag-count-badge{padding:.25rem .7rem;font-size:.85rem;min-width:30px}}@media(max-width:480px){.tags-grid{grid-template-columns:1fr;gap:1rem}.tag-card{padding:.9rem 1rem;min-height:50px}.content-card{padding:1rem}.card-header{gap:.5rem}.content-icon{font-size:1.25rem}.card-title{font-size:1.1rem}.card-meta{gap:.75rem;font-size:.85rem}}.tags-stats{margin-top:1rem;padding:1rem;background:var(--gray-light);border-radius:var(--border-radius);text-align:center;font-style:italic;color:var(--gray-medium)}@media(max-width:768px){.tags-cloud{justify-content:center;padding:1rem 0}.tag-cloud-item{padding:.25rem .6rem;margin:.1rem}.tag-size-xl{font-size:1.1rem}.tag-size-large{font-size:1rem}}.content-type-badge{display:inline-block;padding:.2rem .5rem;background:var(--secondary-color);color:#fff;font-size:.75rem;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.content-icon{font-size:1.2em;margin-right:.5rem}.post-header h1{margin-top:0;margin-bottom:1rem}.post-summary{font-size:1.1rem;color:var(--gray-medium);font-style:italic;margin:0 0 1.5rem;line-height:1.5}.post-meta-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-light);flex-wrap:wrap;gap:1rem}.post-date{display:flex;align-items:center;gap:.5rem;color:var(--gray-medium);font-size:.9rem}.date-icon{font-size:1rem}.post-header-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.title-column{flex:1}.post-title{margin:0;font-size:2rem;color:var(--primary-color);line-height:1.2}.post-subtitle{font-size:1.1rem;color:var(--gray-medium);font-style:italic;font-weight:400;margin-top:.5rem;line-height:1.4}.date-column{display:flex;align-items:center;gap:.5rem;color:var(--gray-medium);font-size:.9rem;white-space:nowrap;flex-shrink:0}.calendar-icon{font-size:1rem}.post-tags-footer{margin:1.5rem 0 .5rem;padding:0;background:0 0;border-radius:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tags-label{font-weight:600;color:var(--text-color);margin-right:.5rem}@media(max-width:768px){.post-header-grid{flex-direction:column;gap:1rem}.date-column{align-self:flex-start}.post-title{font-size:1.5rem}}.post-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag-icon{font-size:.9rem}@media(max-width:768px){.post-meta-line{flex-direction:column;align-items:flex-start;gap:.75rem}}.post-tags .tag{display:inline-block;padding:.2rem .4rem;background:var(--gray-light);color:var(--text-color);text-decoration:none;font-size:.8rem;border-radius:4px;margin-right:.3rem;margin-bottom:.2rem;transition:var(--transition)}.post-tags .tag:hover{background:var(--secondary-color);color:#fff}.post-tags .tag-current{background:var(--accent-color);color:#fff;font-weight:600}.post-meta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;font-size:.9rem;color:var(--gray-medium)}.post-meta time,.read-time,.duration{display:flex;align-items:center;gap:.2rem}@media(max-width:768px){.post-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.content-type-badge{font-size:.7rem;padding:.15rem .4rem}}.book-chapters{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--gray-light)}.book-chapters h2{margin-bottom:1.5rem;color:var(--primary-color)}.chapters-list{list-style:none;padding:0;margin:0}.chapter-item{margin-bottom:1.5rem}.chapter-link{display:block;padding:1.5rem;background:#fff;border:1px solid var(--gray-light);border-radius:var(--border-radius);text-decoration:none;color:inherit;transition:var(--transition)}.chapter-link:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateX(5px)}.chapter-title{display:block;font-size:1.25rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.chapter-summary{display:block;color:var(--text-secondary);line-height:1.6}.book{max-width:1200px;margin:0 auto;padding:2rem}.book-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--gray-light)}.book-subtitle{color:var(--text-secondary);font-weight:400;margin-top:.5rem}.book-meta{margin-top:2rem;font-size:.95rem;color:var(--text-secondary)}.book-meta p{margin:.5rem 0}.book-content{line-height:1.8;font-size:1.1rem}.book-content h2{margin-top:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.book-content h3{margin-top:2rem;margin-bottom:.75rem}.book-content ul,.book-content ol{margin:1rem 0;padding-left:2rem}.book-content li{margin:.5rem 0}.book-layout{display:flex;flex-direction:column;min-height:100vh}.book-container{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%}.book-sidebar{width:280px;min-width:280px;background:#f8f9fa;border-right:1px solid var(--gray-light);padding:2rem 1.5rem;position:sticky;top:0;height:calc(100vh - 60px);overflow-y:auto}.book-nav-title{font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.book-nav-title a{color:var(--primary-color);text-decoration:none}.book-toc-list{list-style:none;padding:0;margin:0}.book-toc-item{margin-bottom:.5rem}.book-toc-item a{display:block;padding:.5rem .75rem;color:var(--text-color);text-decoration:none;border-radius:4px;transition:var(--transition);font-size:.95rem}.book-toc-item a:hover{background:#fff;color:var(--primary-color)}.book-toc-item.active a{background:var(--primary-color);color:#fff;font-weight:600}.book-main{flex:1;padding:2rem 3rem;max-width:900px}.chapter-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-light)}.chapter-header h1{margin-bottom:.5rem}.chapter-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.chapter-meta{color:var(--text-secondary);font-size:.9rem}.chapter-content{line-height:1.8;font-size:1.05rem}.chapter-content h2{margin-top:2.5rem;margin-bottom:1rem;color:var(--primary-color);font-size:1.75rem}.chapter-content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.4rem}.chapter-content ul,.chapter-content ol{margin:1.5rem 0;padding-left:2rem}.chapter-content li{margin:.75rem 0}.chapter-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-size:.9em;font-family:menlo,monaco,courier new,monospace}.chapter-content pre{background:#f5f5f5;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.chapter-content pre code{background:0 0;padding:0}.book-footer-nav{display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--gray-light)}.book-nav-prev,.book-nav-next{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--gray-light);border-radius:6px;text-decoration:none;color:var(--text-color);transition:var(--transition);flex:1}.book-nav-prev:hover,.book-nav-next:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow)}.book-nav-next{text-align:right}.book-nav-prev span:first-child,.book-nav-next span:first-child{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.book-nav-title{font-weight:600;color:var(--primary-color)}@media(max-width:1024px){.book-sidebar{width:240px;min-width:240px}.book-main{padding:2rem}}@media(max-width:768px){.book-container{flex-direction:column}.book-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--gray-light)}.book-main{padding:1.5rem}.book-footer-nav{flex-direction:column}}.green{color:#4caf50}.yellow{color:#f39c12}.red{color:#dc3545}.echarts-container{display:block;margin:2rem 0}.echarts-container.echarts-loading,.d2-diagram.d2-loading{padding:2rem;text-align:center;font-family:monospace;color:#888;background:#f9f9f9;border:1px dashed #ccc;border-radius:4px}.echarts-container.echarts-loading{display:flex;flex-direction:column;justify-content:center}.d2-diagram svg{width:100%;height:auto}.chart-error{color:#c0392b;padding:1rem}.spinner{display:inline-block;animation:spin 2s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.content-card:hover,.section-card:hover,.social-link:hover,.stat-link:hover,.profile-photo:hover,.profile-photo-placeholder:hover,.nav-links .section-link-pill:hover,.tag-card:hover .tag-count-badge{transform:none}}.home-intro{max-width:68ch;margin:0 auto 3rem;font-size:1.05rem}.home-intro>:first-child{margin-top:0}.home-start,.home-latest{margin:0 auto 3rem}.home-start>h2,.home-latest>h2{font-size:1.35rem;color:var(--primary-color);margin-bottom:1rem}.start-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.start-item{background:#fff;border:1px solid var(--gray-light);border-left:4px solid var(--accent-from);border-radius:var(--border-radius);padding:1rem 1.25rem;transition:var(--transition)}.start-item:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.start-item>a{text-decoration:none;display:block}.start-kind{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.35rem}.start-title{display:block;font-size:1.1rem;font-weight:600;color:var(--primary-color);line-height:1.3}.start-note{margin:.5rem 0 0;color:var(--gray-medium);font-size:.95rem;line-height:1.5}.latest-list{list-style:none;border-top:1px solid var(--gray-light)}.latest-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--gray-light)}.latest-item>time{flex:0 0 7.5rem;color:var(--gray-medium);font-size:.9rem;font-variant-numeric:tabular-nums}.latest-item>a{flex:1 1 16rem;color:var(--primary-color);text-decoration:none;font-weight:500}.latest-item>a:hover{text-decoration:underline;text-decoration-color:var(--accent-from);text-underline-offset:3px}.latest-section{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap}.section-newest{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:1rem 0 1.25rem;padding:.75rem 1rem;background:var(--gray-light);border-radius:var(--border-radius)}.section-newest-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.section-newest>a{flex:1 1 12rem;color:var(--primary-color);text-decoration:none;font-weight:600;line-height:1.35}.section-newest>a:hover{text-decoration:underline}.section-newest>time{color:var(--gray-medium);font-size:.85rem;white-space:nowrap}@media(max-width:600px){.latest-item>time{flex-basis:100%}}