@charset "UTF-8";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,segoe ui,Roboto,helvetica neue,sans-serif;font-size:16px;line-height:1.6;color:#191919;background:#f3f2ef;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:#0a66c2;text-decoration:none;transition:color .15s}a:hover{color:#004182}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:24px 16px}@media(min-width:768px){.container{padding:24px}}.site-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:14px 0;position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:flex-start;gap:40px;padding-top:0;padding-bottom:0}.site-header .logo{font-weight:700;font-size:1.3rem;color:#0a66c2;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:20px}.site-header .logo::after{content:'|';color:#e0e0e0;font-weight:300;font-size:1.2rem}.site-header nav{display:flex;gap:4px}.site-header nav a{color:#666;text-decoration:none;padding:6px 14px;font-size:1rem;font-weight:500;border-radius:0;transition:all .2s;position:relative;display:inline-flex;align-items:center;gap:6px}.site-header nav a::before{content:'';display:inline-block;width:8px;height:8px;background:0 0;border-radius:2px;transition:background .2s;flex-shrink:0}.site-header nav a:hover{color:#0a66c2}.site-header nav a.active{color:#0a66c2;font-weight:600}.site-header nav a.active::before{background:#0a66c2}.site-footer{text-align:center;padding:12px 16px;color:#999;font-size:.8rem;border-top:1px solid #e0e0e0;margin-top:0;flex-shrink:0}main{flex:1}.cv-layout{display:grid;grid-template-columns:300px 1fr;gap:0;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,8%);overflow:hidden;margin-bottom:24px}@media(max-width:768px){.cv-layout{grid-template-columns:1fr}}.cv-sidebar{background:#fff;padding:32px 24px;text-align:center;border-right:1px solid #f0f0f0}@media(max-width:768px){.cv-sidebar{border-right:none;border-bottom:1px solid #f0f0f0;padding:24px 16px}}.cv-avatar{width:160px;height:160px;border-radius:50%;border:3px solid #0a66c2;object-fit:cover;margin:0 auto;display:block;background:#e8e8e8}.cv-sidebar h1{font-size:1.3rem;margin-bottom:4px;color:#191919}.cv-sidebar .title{font-size:.9rem;color:#666;margin-bottom:8px}.cv-sidebar .location{font-size:.85rem;color:#999;margin-bottom:16px}.social-icons{display:flex;justify-content:center;gap:12px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f3f2ef;color:#666;text-decoration:none;font-size:.8rem;font-weight:700;transition:all .2s}.social-icons a:hover{background:#0a66c2;color:#fff}.social-icons a svg{width:18px;height:18px;fill:currentColor}.contact-info{margin-bottom:16px}.contact-info .contact-item{font-size:.82rem;color:#666;margin-bottom:4px;line-height:1.5}.contact-info .contact-item a{color:#0a66c2;text-decoration:none}.contact-info .contact-item a:hover{text-decoration:underline}.cv-main{padding:32px 32px 32px 8px}@media(max-width:768px){.cv-main{padding:24px 16px}}.cv-main h2{font-size:1.1rem;color:#191919;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #0a66c2;display:inline-block}.summary{color:#444;margin-bottom:28px;line-height:1.7;text-align:justify}.summary p{margin-bottom:12px}.summary p:last-child{margin-bottom:0}.skills-hint{font-size:.9rem;color:#666;margin-bottom:16px;margin-top:-8px;font-style:italic}.skills-hint .highlight{font-style:normal;font-weight:600;text-decoration:underline;text-decoration-color:#0a66c2;text-underline-offset:3px}.skill-category{margin-bottom:20px}.skill-category-header{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0;user-select:none;border-radius:4px;transition:background .15s}.skill-category-header:hover{background:#f8f9fa}.skill-category-header .chevron{font-size:.7rem;color:#999;transition:transform .25s;display:inline-block}.skill-category-header.open .chevron{transform:rotate(90deg)}.skill-cat-name{font-weight:600;font-size:.95rem;flex:1}.skill-cat-name a{color:#0a66c2;text-decoration:none;border-bottom:1px dashed rgba(10,102,194,.3);transition:all .2s}.skill-cat-name a::after{content:' ↗';font-size:.75rem;opacity:.5;transition:opacity .2s}.skill-cat-name a:hover{border-bottom-color:#0a66c2}.skill-cat-name a:hover::after{opacity:1}.skill-cat-pct{font-size:.85rem;color:#666;font-weight:600;min-width:38px;text-align:right}.progress-bar{height:10px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin:4px 0 0 24px}.progress-fill{height:100%;background:#0a66c2;border-radius:4px;transition:width .6s ease}.skill-subskills{display:none;margin-left:24px;padding-top:4px}.skill-subskills.open{display:block}.skill-subskill{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.88rem}.skill-subskill .sub-name{flex:1}.skill-subskill .sub-name a{color:#191919;text-decoration:none;border-bottom:1px dashed transparent;transition:all .2s}.skill-subskill .sub-name a::after{content:' ↗';font-size:.7rem;opacity:0;transition:opacity .2s}.skill-subskill .sub-name a:hover{color:#0a66c2;border-bottom-color:rgba(10,102,194,.3)}.skill-subskill .sub-name a:hover::after{opacity:.6}.skill-subskill .sub-pct{font-size:.8rem;color:#999;min-width:34px;text-align:right}.progress-bar-sm{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;flex:1;max-width:200px}.progress-fill-sm{height:100%;background:#0a66c2;border-radius:3px}.skill-simple{display:flex;align-items:center;gap:8px;margin-bottom:20px}.skill-simple .skill-name{font-weight:600;font-size:.95rem;min-width:120px}.skill-simple .skill-name a{color:#191919;text-decoration:none;border-bottom:1px dashed transparent;transition:all .2s}.skill-simple .skill-name a::after{content:' ↗';font-size:.7rem;opacity:0;transition:opacity .2s}.skill-simple .skill-name a:hover{color:#0a66c2;border-bottom-color:rgba(10,102,194,.3)}.skill-simple .skill-name a:hover::after{opacity:.6}.skill-simple .progress-bar{flex:1;margin:0}.skill-simple .skill-pct{font-size:.85rem;color:#666;font-weight:600;min-width:38px;text-align:right}.entry-card{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,8%);transition:box-shadow .2s}.entry-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}.entry-card .entry-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.entry-card .entry-type.post-type{color:#0a66c2}.entry-card .entry-type.skill-type{color:#e67e22}.entry-card h3{font-size:1.05rem;margin-bottom:4px}.entry-card h3 a{color:#191919;text-decoration:none;transition:color .15s}.entry-card h3 a:hover{color:#0a66c2}.entry-card .entry-date{font-size:.8rem;color:#999;margin-bottom:8px}.entry-card .entry-excerpt{font-size:.9rem;color:#555;line-height:1.6}.single-page{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,8%)}.single-page h1{font-size:1.5rem;margin-bottom:8px;color:#191919}.single-page .entry-date{font-size:.85rem;color:#999;margin-bottom:16px}.single-page .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.single-page .tags .tag{display:inline-block;padding:3px 10px;font-size:.75rem;background:#f3f2ef;color:#666;border-radius:12px}.single-page .content{line-height:1.8;color:#333}.single-page .content p{margin-bottom:16px}.single-page .content p:last-child{margin-bottom:0}.single-page .content ul{list-style:disc;margin:0 0 16px 24px;padding-left:0}.single-page .content ul li{margin-bottom:8px;line-height:1.7}.single-page .content ul li:last-child{margin-bottom:0}.single-page .content ol{list-style:decimal;margin:0 0 16px 24px;padding-left:0}.single-page .content ol li{margin-bottom:8px;line-height:1.7}.single-page .content ol li:last-child{margin-bottom:0}.single-page .content h2{font-size:1.2rem;color:#191919;margin:28px 0 16px;padding-bottom:6px;border-bottom:2px solid #0a66c2}.single-page .content h3{font-size:1.05rem;color:#191919;margin:20px 0 12px}.single-page .content strong{color:#191919}.single-page .content a{color:#0a66c2;text-decoration:none}.single-page .content a:hover{text-decoration:underline}.single-page .content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:.85em}.filter-bar{display:flex;gap:0;margin-bottom:24px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,8%)}@media(max-width:768px){.filter-bar{flex-direction:column}}.filter-btn{flex:1;padding:12px 20px;border:none;background:#fff;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.filter-btn:hover{background:#f3f2ef}.filter-btn.active{background:#0a66c2;color:#fff;font-weight:600}.section-label{text-align:center;margin:40px 0 20px;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.section-label::before,.section-label::after{content:" ── ";color:#ddd}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}