:root{--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#666;--color-border:#e2e2e2;--color-accent:#1a56db;--max-width:760px}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.7}main{max-width:var(--max-width);margin:0 auto;padding:.75rem 1.5rem}header.site-header{border-bottom:1px solid var(--color-border)}header.site-header nav{max-width:var(--max-width);align-items:center;gap:1.25rem;margin:0 auto;padding:1rem 1.5rem;display:flex}header.site-header a{color:var(--color-muted);font-weight:400;text-decoration:none}header.site-header a.active{color:var(--color-text);font-weight:600}h1,h2,h3{margin:0;line-height:1.4}article img{background:var(--color-bg);border:1px solid #999;border-radius:6px;max-width:92%;height:auto;margin:.5rem auto;padding:.25rem;display:block}section{margin:0}section>h2{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.4rem;font-size:1.1rem}article section>h2{margin-bottom:.25rem}article section>h2+p{margin-top:0}.role{color:var(--color-muted);margin:0 0 .5rem;font-size:1rem}.profile-summary{white-space:pre-line;margin:0}.skill-groups{flex-direction:column;margin:.5rem 0;display:flex}.skill-group-label{letter-spacing:.03em;color:var(--color-muted);margin:0;font-size:.75rem;font-weight:600}.skills{flex-wrap:wrap;gap:.6rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.skills li{border:1px solid var(--color-border);color:var(--color-text);background:#f7f8fa;border-radius:6px;align-items:center;padding:.3rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.list-plain{margin:0;padding:0;list-style:none}.list-plain li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.6rem 0;display:flex}.list-plain time{color:var(--color-muted);white-space:nowrap;font-size:.85rem}.work-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.work-card{border:1px solid var(--color-border);color:inherit;border-radius:8px;padding:1rem;text-decoration:none;display:block}.work-card .thumb{aspect-ratio:16/9;color:var(--color-muted);background:#f2f4f7;border-radius:4px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.75rem;display:flex}.work-card h3{margin:0 0 .35rem;font-size:1rem}.work-card p{color:var(--color-muted);margin:0;font-size:.85rem}.tag-list{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}a.more{margin:.25rem 0;font-size:.9rem;display:inline-block}.external-links{flex-wrap:wrap;gap:.6rem;margin:.5rem 0;display:flex}a.external-link{border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}a.external-link:after{content:"↗";color:var(--color-muted);font-size:.8em;transition:color .15s}a.external-link:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:color-mix(in srgb, var(--color-accent) 6%, transparent)}a.external-link:hover:after{color:var(--color-accent)}.project-history-empty{border:1px dashed var(--color-border);color:var(--color-muted);border-radius:8px;margin:0;padding:1.5rem;font-size:.9rem}.project-history-org+.project-history-org{margin-top:2rem}.project-history-org-name{margin:0;font-size:1rem}.project-history-org-note{color:var(--color-muted);margin:.2rem 0 0;font-size:.8rem}.timeline{--timeline-label-width:5rem;--timeline-gutter:1.5rem;--timeline-axis-x:calc(var(--timeline-label-width) + var(--timeline-gutter) / 2);flex-direction:column;gap:1.5rem;margin:.75rem 0 0;padding-left:.5rem;list-style:none;display:flex;position:relative}.timeline:before{content:"";left:var(--timeline-axis-x);background:var(--color-border);width:2px;position:absolute;top:.4rem;bottom:.4rem}.timeline-item{grid-template-columns:var(--timeline-label-width) 1fr;column-gap:var(--timeline-gutter);display:grid;position:relative}.timeline-item:before{content:"";left:var(--timeline-axis-x);background:var(--color-accent);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:.3rem}.timeline-period{color:var(--color-muted);text-align:left;padding-top:.15rem;font-size:.8rem}.project-history-item-title{margin:0 0 .35rem;font-size:.95rem}.timeline-content p{color:var(--color-muted);white-space:pre-line;margin:0;font-size:.9rem}.draft-badge{color:#b45309;border:1px solid #b45309;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;display:inline-block}