:root{color:#292d32;font-synthesis:none;--ink:#292d32;--muted:#626972;--line:#dfe3e7;--lime:#8cda16;--link:#365d0c;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.25em;text-decoration:underline}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button,input,textarea{font:inherit}button,summary{cursor:pointer}button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:9px;min-height:44px;padding:.65rem 1rem}button:hover:not(:disabled){border-color:var(--link)}button:disabled{opacity:.55;cursor:not-allowed}.secondary{color:var(--ink);background:#fff;border-color:#879099}.quiet{color:#963929;background:#fff;border-color:#0000}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #879099;border-radius:8px;padding:.7rem .85rem}label{margin:.7rem 0 .35rem;font-size:.9rem;font-weight:600;display:block}h1,h2,h3,p{margin-top:0}h1{overflow-wrap:anywhere;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:500;line-height:1.65}h2{font-size:1.1rem}h3{font-size:1.2rem}.site-header,main,footer{max-width:1120px;margin:auto;padding-inline:36px}.site-header{justify-content:space-between;align-items:center;gap:20px;min-height:112px;display:flex}.brand{border-bottom:3px solid var(--lime);font-size:1rem;font-weight:500}.site-header nav{gap:24px;font-size:.85rem;display:flex}.site-header nav a{padding-block:12px}.intro,section[aria-label=記事一覧]{max-width:680px;margin-inline:auto}.intro{padding:60px 0 36px}.intro h1{margin-bottom:12px}.intro p{color:var(--muted);font-size:.9rem}.eyebrow{color:var(--muted);letter-spacing:.14em;margin-bottom:12px;font-size:.7rem}.section-label{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.section-label h2{font-size:.85rem;font-weight:500}.section-label span{color:var(--muted);font-size:.75rem}.post-row{border:1px solid var(--line);border-radius:20px;margin-bottom:18px;padding:24px 28px;position:relative}.post-row:hover{border-color:#879099}.post-row:focus-within{outline:2px solid var(--ink);outline-offset:4px}.post-row h3{overflow-wrap:anywhere;margin:12px 0 0;font-size:19px;font-weight:500;line-height:1.75}.post-row h3 a:after{content:"";border-radius:20px;position:absolute;inset:0}.post-row h3 a:focus-visible{outline:none}.post-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.source{align-items:center;gap:8px;display:inline-flex}.source-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.empty{color:var(--muted);text-align:center;padding:48px 16px}.empty h2,.empty h3{color:var(--ink);font-size:1.05rem}.pagination{justify-content:space-between;gap:20px;padding:25px 0;font-size:.85rem;display:flex}.pagination a{padding-block:10px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:80px;padding-block:30px;font-size:.75rem;display:flex}.reading{margin:42px auto}.back{color:var(--muted);padding-block:10px;font-size:.85rem;display:inline-block}.reading>header{border-bottom:1px solid var(--line);max-width:720px;margin:32px 0 46px;padding-bottom:24px}.reading>header .post-meta{justify-content:flex-start}.reading-layout{grid-template-columns:minmax(0,720px) minmax(160px,1fr);align-items:start;gap:54px;display:grid}.reading-content{min-width:0}.prose{overflow-wrap:anywhere;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif;font-size:18px;line-height:2.1}.prose>:not(.reading-layout){max-width:720px}.prose p{margin-bottom:1.6em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{scroll-margin-top:28px;line-height:1.7}.prose h2{margin-top:2.5em;margin-bottom:1em;font-size:1.4em}.prose h3{margin-top:2em;font-size:1.15em}.prose a{color:var(--link);text-underline-offset:.25em;text-decoration:underline}.prose pre{border:1px solid var(--line);background:#f6f7f6;border-radius:10px;max-width:100%;padding:20px;line-height:1.7;overflow-x:auto}.prose code{background:#f6f7f6;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.prose pre code{background:0 0;padding:0}.prose blockquote{color:var(--muted);border-left:3px solid #879099;margin-inline:0;padding-left:20px}.prose table{border-collapse:collapse;max-width:100%;font-size:.9em;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);padding:8px 14px}.prose img{max-width:100%;height:auto}.toc{max-height:calc(100vh - 64px);padding:4px;font-family:-apple-system,BlinkMacSystemFont,Yu Gothic,sans-serif;font-size:12px;line-height:1.8;position:sticky;top:32px;overflow-y:auto}.toc p{color:var(--muted);margin-bottom:12px}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin-bottom:8px}.toc a{color:var(--muted);padding-block:4px;text-decoration:none;display:block}.toc a:hover{color:var(--ink);text-decoration:underline}.toc-sub{padding-left:12px}.toc-mobile{display:none}.login{max-width:430px;margin:70px auto}.login h1{font-size:1.8rem}.login button{width:100%;margin-top:22px}.muted{color:var(--muted);font-size:.85rem}.error{color:#963929;overflow-wrap:anywhere;border-left:3px solid #963929;padding-left:12px}.notice{padding:70px 0}.skip{position:absolute;top:-100px}.skip:focus{z-index:10;background:#fff;padding:10px;top:10px;left:10px}.admin{margin:35px 0}.admin-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.editor-layout{grid-template-columns:180px minmax(0,1fr);gap:28px;display:grid}.editor-layout>*{min-width:0}.draft-list{padding:0;list-style:none}.draft{text-align:left;border-color:var(--line);width:100%;color:var(--ink);overflow-wrap:anywhere;background:#fff;margin-bottom:10px;font-size:.85rem;display:block}.draft span,.draft small{display:block}.draft small{color:var(--muted);font-size:.7rem}.draft.active{border-color:var(--ink);box-shadow:inset 3px 0 var(--lime)}.editor-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:18px 0;display:grid}.editor-columns>*{min-width:0}.editor-columns textarea{resize:vertical;height:520px;font-family:ui-monospace,monospace;font-size:.9rem;line-height:1.8}.preview{border:1px solid var(--line);border-radius:10px;max-height:560px;padding:20px;overflow:auto}.preview>h2{color:var(--muted);font-family:sans-serif;font-size:.8rem}.preview .prose{font-size:18px}.actions{flex-wrap:wrap;gap:10px;font-size:.85rem;display:flex}.editor-state{color:var(--muted);margin-block:12px;font-size:.85rem}.editor-mode{display:none}@media (min-width:1200px){main:has(.admin){max-width:1440px}.site-header:has(+main .admin){max-width:1440px}}@media (max-width:900px){.reading-layout{grid-template-columns:minmax(0,1fr);gap:28px}.toc{border-block:1px solid var(--line);grid-row:1;max-height:none;padding-block:12px;position:static}.toc-desktop{display:none}.toc-mobile{display:block}.toc summary{min-height:44px;color:var(--ink);align-content:center;display:list-item}.toc nav{padding-top:12px}.reading>header,.reading{max-width:720px}.editor-layout{grid-template-columns:minmax(0,1fr)}.draft-list{max-height:180px;overflow-y:auto}}@media (max-width:600px){.site-header,main,footer{padding-inline:22px}.site-header{gap:12px;min-height:90px}.site-header nav{gap:16px}.brand{font-size:.9rem}.intro{padding:32px 0 24px}.post-row{padding:24px}.post-row h3{font-size:18px}.reading{margin-top:20px}.reading>header{margin-block:24px 32px}.prose{font-size:17px}.editor-columns{grid-template-columns:minmax(0,1fr)}.editor-columns textarea{height:440px}.editor-mode{gap:12px;margin-top:20px;display:flex}.editor-mode button[aria-pressed=true]{box-shadow:inset 0 -3px var(--lime)}.editor-columns[data-mode=write] .preview,.editor-columns[data-mode=preview] .markdown-input{display:none}.preview{max-height:none}.admin-heading{align-items:flex-start}footer{flex-wrap:wrap;margin-top:60px}}@media (prefers-reduced-motion:no-preference){.post-row{transition:border-color .15s}}.source-qiita .source-dot{background:#55c500}.source-wantedly .source-dot{background:#21bddb}.source-note .source-dot{background:#242424}.prose th,.prose td{overflow-wrap:normal;min-width:8ch}.reading-content>:first-child,.preview .prose>:first-child{margin-top:0}.management-panel{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.management-panel select{font:inherit;width:100%;margin-top:8px;padding:10px;display:block}.sync-sources{padding-left:0;list-style:none}.sync-sources li{margin:24px 0}.checkbox-label{align-items:center;gap:8px;display:flex}.checkbox-label input{width:auto;margin:0}