:root{--page-bg:#f4f6f8;--surface:#fff;--surface-muted:#f8fafc;--border:#d5dde5;--border-strong:#b8c4d1;--text:#16212b;--text-muted:#51606f;--accent:#1d4ed8;--accent-soft:#e8efff;--max-width:1200px;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page-bg);color:var(--text)}a{color:inherit;text-decoration:none}p,h1,h2,h3,ul{margin:0}ul{padding:0;list-style:none}#app{min-height:100vh}.page-shell{width:min(var(--max-width), calc(100% - 40px));margin:0 auto;padding:28px 0 40px}.topbar{border-bottom:2px solid var(--border-strong);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:20px;display:flex}.topbar-copy{min-width:0}.topbar-name{font-size:1.5rem;font-weight:700;line-height:1.2}.topbar-role{color:var(--text-muted);margin-top:6px;font-size:.98rem}.topbar-nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 18px;display:flex}.topbar-nav a{color:var(--text-muted);font-size:.95rem;font-weight:500}.topbar-nav a:hover,.topbar-nav a:focus-visible{color:var(--accent)}.layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.sidebar{gap:18px;display:grid;position:sticky;top:24px}.panel,.content-section{background:var(--surface);border:1px solid var(--border)}.panel{padding:22px}.intro-panel{border-top:4px solid var(--accent)}.panel-label,.fact-label,.entry-period,.stack-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.intro-panel h1{margin-top:10px;font-size:2rem;font-weight:700;line-height:1.1}.intro-role{margin-top:10px;font-size:1.02rem;font-weight:600}.intro-role.secondary{color:var(--text-muted);margin-top:4px;font-weight:500}.intro-summary,.intro-focus{color:var(--text-muted);margin-top:16px}.panel-title{font-size:1.05rem;font-weight:700}.contact-list{margin-top:14px}.contact-list li{border-top:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.contact-list li:first-child{border-top:0;padding-top:0}.contact-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.contact-list a,.contact-card a{color:var(--accent);word-break:break-word}.action-row{margin-top:18px}.button{border:1px solid var(--accent);justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.95rem;font-weight:600;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover,.button.primary:focus-visible{background:#1e40af}.compact-list{margin-top:14px}.content{gap:18px;display:grid}.content-section{padding:24px;scroll-margin-top:20px}.section-header{border-bottom:1px solid var(--border);padding-bottom:16px}.section-header h2{font-size:1.35rem;font-weight:700;line-height:1.25}.section-header p{color:var(--text-muted);max-width:70ch;margin-top:8px}.section-note{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);margin-top:18px;padding:12px 14px}.section-note a{color:var(--accent)}.fact-grid,.detail-grid,.project-grid,.detail-card-grid,.contact-grid{gap:16px;margin-top:20px;display:grid}.fact-grid,.detail-grid,.detail-card-grid,.project-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-group{margin-top:20px}.project-group+.project-group{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.group-title{margin-top:14px;font-size:1.08rem;font-weight:700;line-height:1.3}.fact-card,.text-card,.project-card,.contact-card{background:var(--surface-muted);border:1px solid var(--border);padding:18px}.fact-value{margin-top:8px;font-size:1rem;font-weight:600;line-height:1.45}.text-card h3,.entry h3,.project-card h3,.skill-row h3{font-size:1.08rem;font-weight:700;line-height:1.3}.bullet-list{gap:10px;margin-top:16px;display:grid}.bullet-list li{color:var(--text-muted);padding-left:18px;position:relative}.bullet-list li:before{content:"";background:var(--accent);width:7px;height:7px;position:absolute;top:.68em;left:0;transform:translateY(-50%)}.entry-list{gap:22px;margin-top:20px;display:grid}.entry{padding-top:4px}.entry+.entry{border-top:1px solid var(--border);padding-top:22px}.entry-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.entry-company{color:var(--text-muted);margin-top:6px;font-weight:600}.entry-period{text-align:right;min-width:180px}.entry-summary,.project-card p,.skill-row p{color:var(--text-muted);margin-top:12px}.project-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:0;font-size:.82rem;font-weight:600}.project-link{color:var(--accent);word-break:break-word}.tag-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{border:1px solid var(--border-strong);color:var(--text);background:#fff;padding:6px 10px;font-size:.88rem}.stack-label{margin-top:16px}.skill-table{border:1px solid var(--border);background:var(--surface-muted);margin-top:20px}.skill-row{grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px;display:grid}.skill-row+.skill-row{border-top:1px solid var(--border)}.site-footer{border-top:1px solid var(--border-strong);color:var(--text-muted);justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;font-size:.92rem;display:flex}@media (width<=1080px){.layout{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=760px){:root{font-size:15px}.page-shell{width:min(var(--max-width), calc(100% - 24px));padding-top:20px}.topbar{flex-direction:column;align-items:flex-start}.topbar-nav{justify-content:flex-start}.content-section,.panel{padding:18px}.fact-grid,.detail-grid,.project-grid,.detail-card-grid,.contact-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:1fr;gap:10px}.entry-header{flex-direction:column}.entry-period{text-align:left;min-width:0}.site-footer{flex-direction:column}}