:root{color-scheme:light dark;--color-fg: light-dark(#212529, #e6edf3);--color-fg-muted: light-dark(#495057, #9ba8b4);--color-fg-subtle: light-dark(#6c757d, #7d8a96);--color-bg: light-dark(#ffffff, #0d1117);--color-surface: light-dark(#f8f9fa, #161b22);--color-surface-hover: light-dark(#e9ecef, #1f242c);--color-border: light-dark(#dee2e6, #30363d);--color-accent: light-dark(#0d6efd, #6ea8fe);--color-accent-hover: light-dark(#0056b3, #9ec5ff);--color-accent-fg: light-dark(#ffffff, #0d1117);--color-target-bg: light-dark(#fff3cd, #3d2e00);--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-accent) 40%, transparent);--content-max: 800px;--radius: .375rem}html{scroll-padding-top:1rem}body{margin:0;color:var(--color-fg);background-color:var(--color-bg)}.skip-link{position:absolute;left:.5rem;top:-3rem;padding:.5rem 1rem;background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--radius);text-decoration:none;z-index:100;transition:top .2s ease}.skip-link:focus{top:.5rem}:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}.site-header,.site-footer{background-color:var(--color-surface);border-block:1px solid var(--color-border);padding:1rem 0;margin:1rem 0}.site-header{border-top:none;margin-top:0}.site-footer{border-bottom:none;margin-bottom:0}nav{max-width:var(--content-max);margin:0 auto;padding:0 1rem}nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}nav li{margin:0}nav a{display:inline-block;padding:.5rem 1rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-fg-muted);font-size:.9rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}nav a:hover{background-color:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.site-title{max-width:var(--content-max);margin:0 auto 1rem;padding:0 1rem;font-size:1.5rem;font-weight:700}.site-title a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.site-title a:hover{color:var(--color-accent-hover);text-decoration:underline}main{max-width:var(--content-max);margin:2rem auto;padding:0 1rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}main p,main a,main li,main div{word-wrap:break-word;overflow-wrap:break-word}main :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:1rem}.heading-anchor{color:inherit;text-decoration:none}.heading-anchor:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.06em}main :target{background-color:var(--color-target-bg);scroll-margin-top:1rem}@media(max-width:768px){nav ul{flex-direction:column;gap:.25rem}nav a{text-align:center}}.ogp-card{display:flex;flex-direction:row;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;text-decoration:none;color:inherit;background-color:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;margin:1rem 0;max-width:100%}.ogp-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.ogp-card-image{flex-shrink:0;width:120px;height:80px;background-color:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;overflow:hidden}.ogp-card-image img{max-width:100%;max-height:100%;object-fit:contain}.ogp-card-content{flex:1;padding:.75rem 1rem;min-width:0;display:flex;flex-direction:column;justify-content:center}.ogp-card-title{font-weight:700;font-size:.95rem;line-height:1.4;color:var(--color-fg);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.ogp-card-description{font-size:.85rem;color:var(--color-fg-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem}.ogp-card-url{font-size:.75rem;color:var(--color-fg-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.ogp-card{flex-direction:column}.ogp-card-image{width:100%;height:150px}}.article-list>li,.article-list>article{content-visibility:auto;contain-intrinsic-size:auto 600px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}