@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--color-background: #f7f6f2;--color-heading: #11110f;--color-text: #24231f;--color-muted: #68645d;--color-border: #ded9ce;--color-accent: #2200ff;--font-serif: "Noto Serif JP", serif;--font-heading: "Geist", system-ui, sans-serif;--font-sans: "Geist", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--page-max-width: 1440px;--content-width: 660px;--wide-media-width: 960px;--post-thumbnail-width: 220px;--post-thumbnail-height: 74px;--article-banner-height: 176px}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-serif);font-size:15px;line-height:1.74;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;background:var(--color-background)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-background)}.site-shell{width:min(var(--page-max-width),100%);margin:0 auto;padding:46px 64px 148px}.site-header{padding-bottom:72px}.site-title{margin:0;color:var(--color-heading);font-family:var(--font-heading);font-size:32px;font-weight:500;letter-spacing:0;line-height:1.1}.post-index{border-top:1px solid var(--color-border)}.post-row{display:grid;grid-template-columns:104px minmax(0,var(--content-width)) var(--post-thumbnail-width);gap:28px 30px;align-items:center;min-height:138px;border-bottom:1px solid var(--color-border)}.post-date,.article-meta,.site-link{color:var(--color-muted);font-family:var(--font-mono);font-size:11px;line-height:1.4}.post-summary{display:block;padding:26px 0}.post-summary h2{margin:0 0 12px;color:var(--color-heading);font-family:var(--font-heading);font-size:20px;font-weight:400;letter-spacing:0;line-height:1.32}.post-summary p{max-width:620px;margin:0;color:var(--color-muted);font-size:13.5px;line-height:1.66}.post-banner-link{display:block;width:var(--post-thumbnail-width);height:var(--post-thumbnail-height)}.generated-banner{display:block;width:100%;height:auto;color:var(--color-accent)}.generated-banner--thumbnail{width:var(--post-thumbnail-width);height:var(--post-thumbnail-height)}.generated-banner--article{width:100%;height:var(--article-banner-height);margin:30px 0 34px}.banner-frame{fill:transparent;stroke:var(--color-border);stroke-width:1}.banner-path{fill:none;vector-effect:non-scaling-stroke}.banner-path--mist{stroke:#2eb8d2;stroke-width:10;opacity:.055}.banner-path--line{stroke:var(--color-accent);stroke-width:.8;opacity:.42}.banner-path--accent{stroke:#2eb8d2;stroke-width:1.4;opacity:.22}.article-shell{width:min(var(--page-max-width),100%);margin:0 auto;padding:44px 64px 148px}.site-link{display:inline-block;margin-bottom:86px;color:var(--color-heading);font-family:var(--font-heading);font-size:18px;font-weight:500;line-height:1.2}.article{display:grid;grid-template-columns:146px minmax(0,var(--content-width));gap:30px;align-items:start}.article-meta{display:flex;flex-direction:column;gap:2px;padding-top:8px}.article-main h1{max-width:var(--content-width);margin:0;color:var(--color-heading);font-family:var(--font-heading);font-size:30px;font-weight:400;letter-spacing:0;line-height:1.24}.article-body{max-width:var(--content-width);color:var(--color-text);font-size:15px;line-height:1.74}.article-body p{margin:0 0 25px}.article-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.18em}.article-body h2{margin:52px 0 16px;color:var(--color-heading);font-family:var(--font-heading);font-size:19px;font-weight:400;letter-spacing:0;line-height:1.34}@media(max-width:760px){:root{--post-thumbnail-width: 100%;--post-thumbnail-height: 112px;--article-banner-height: 132px}.site-shell,.article-shell{padding:32px 20px 96px}.site-header{padding-bottom:44px}.site-title{font-size:26px}.post-row{grid-template-columns:1fr;gap:12px;min-height:0;padding:26px 0 34px}.post-summary{padding:0}.post-summary h2{font-size:17px}.post-banner-link,.generated-banner--thumbnail{width:100%;height:var(--post-thumbnail-height)}.site-link{margin-bottom:64px;font-size:16px}.article{grid-template-columns:1fr;gap:26px}.article-meta{flex-direction:row;flex-wrap:wrap;gap:8px 12px;padding-top:0}.article-main h1{font-size:24px}}