:root{--bg:#0f1115;--fg:#e8e8ec;--muted:#9a9aa5;--accent:#f59e0b;--card:#171a21;--border:#23262f;--accent-bg:#f59e0b;color-scheme:dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}:root[data-theme=light]{--bg:#fff;--fg:#1a1c22;--muted:#5b5f6b;--accent:#b45309;--card:#f1f2f5;--border:#dfe1e6;color-scheme:light}@media (prefers-reduced-motion:no-preference){body{transition:background-color .15s ease-out,color .15s ease-out}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.7}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.reading-progress{background:var(--accent);z-index:200;width:0%;height:3px;position:fixed;top:0;left:0}@media (prefers-reduced-motion:no-preference){.reading-progress{transition:width .1s ease-out}}.skip-link{z-index:100;background:var(--accent-bg);color:#1a1a1a;border-radius:6px;padding:.6rem 1rem;font-weight:700;text-decoration:none;transition:top .15s ease-in-out;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1.25rem 1.5rem;display:flex}.brand{color:var(--fg);font-size:1.15rem;font-weight:800;text-decoration:none}.site-header nav{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a[aria-current=page]{color:var(--fg);font-weight:700}.nav-shortcut-hint{border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:.3rem;padding:.05rem .4rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;display:inline-block}@media (width<=700px){.nav-shortcut-hint{display:none}}.theme-toggle{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .75rem;font-family:inherit;font-size:.85rem}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}main{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem}main.main-wide{max-width:1100px}@media (width<=480px){.site-header{padding:1rem}main{padding:1.5rem 1rem 3rem}}.site-footer{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.85rem}a{color:var(--accent)}.featured-post{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:12px;flex-direction:column;margin-top:1.5rem;text-decoration:none;transition:border-color .15s ease-out,box-shadow .15s ease-out;display:flex;overflow:hidden}.featured-post:hover{border-color:var(--accent);box-shadow:0 8px 20px #00000040}.featured-post-thumb img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.featured-post-body{padding:1.5rem}.featured-post-body h2{margin:.4rem 0;font-size:1.4rem}.featured-post-label{color:var(--accent);letter-spacing:.04em;font-size:.8rem;font-weight:800;display:inline-block}@media (width>=800px){.featured-post{flex-direction:row}.featured-post-thumb{flex:0 0 50%}.featured-post-body{flex-direction:column;flex:1 1 0;justify-content:center;display:flex}}@media (prefers-reduced-motion:reduce){.featured-post{transition:none}}.post-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;display:grid}@media (width>=700px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.post-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.post-card{background:var(--card);height:100%;color:var(--fg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;display:flex;overflow:hidden}.post-card-thumb{margin:-1.25rem -1.5rem 0}.post-card-thumb img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.post-grid .post-card{margin-bottom:0}.post-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}@media (prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}.post-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.1rem;display:-webkit-box;overflow:hidden}.badge-new{background:var(--accent-bg);color:#1a1a1a;letter-spacing:.02em;vertical-align:middle;border-radius:4px;margin-right:.4rem;padding:.1rem .4rem;font-size:.7rem;font-weight:800;display:inline-block}.post-card>p:last-of-type{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden}.post-card>div:last-child{margin-top:auto;padding-top:.2rem}.post-meta{color:var(--muted);font-size:.85rem}.tag{background:var(--card);border:1px solid var(--border);color:var(--accent);border-radius:999px;align-items:center;margin:0 .4rem .4rem 0;padding:.15rem .55rem;font-size:.75rem;text-decoration:none;display:inline-flex}.tag:hover{border-color:var(--accent);text-decoration:underline}.breadcrumbs{margin-bottom:1.5rem}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li{align-items:center;display:flex}.breadcrumbs li:not(:last-child):after{content:"›";color:var(--muted);margin:0 .5rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--fg)}.toc{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;padding:1rem 1.25rem}.toc-heading{margin:0 0 .5rem;font-size:.9rem;font-weight:700}.toc ol{margin:0;padding-left:1.25rem}.toc li{margin:.3rem 0}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.toc a.active{color:var(--accent);font-weight:700}.share-buttons{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.share-x,.share-line,.share-hatena,.share-copy,.share-native{border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s ease-out;display:inline-flex}.share-x{background:var(--accent-bg);color:#1a1a1a}.share-line{color:#fff;background:#06c755}.share-hatena{color:#fff;background:#00a4de}.share-copy,.share-native{background:var(--card);color:var(--fg);border:1px solid var(--border);cursor:pointer;font-family:inherit}.share-copy:hover,.share-native:hover{border-color:var(--accent);color:var(--accent)}.share-x:hover,.share-line:hover,.share-hatena:hover{opacity:.85}.post-nav{border-top:1px solid var(--border);gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.post-nav-link{min-width:0;color:var(--fg);border:1px solid var(--border);background:var(--card);border-radius:10px;flex-direction:column;flex:1 1 0;gap:.3rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .15s ease-out;display:flex}.post-nav-link:hover{border-color:var(--accent)}.post-nav-next{text-align:right;align-items:flex-end}.post-nav-empty{background:0 0;border:none}.post-nav-label{color:var(--muted);font-size:.8rem}.post-nav-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=480px){.post-nav{flex-direction:column}.post-nav-next{text-align:left;align-items:flex-start}}.related-posts{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem}.related-posts h2{margin-bottom:1rem;font-size:1.1rem}.related-posts h3{margin:0 0 .4rem;font-size:1rem}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;display:flex}.pagination a,.pagination-disabled{text-decoration:none}.pagination-disabled{color:var(--muted);opacity:.5}.pagination-current{color:var(--muted);font-size:.85rem}.back-to-top{border:1px solid var(--border);background:var(--card);width:2.75rem;height:2.75rem;color:var(--fg);cursor:pointer;z-index:150;border-radius:50%;font-size:1.2rem;line-height:1;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 14px #00000059}.back-to-top:hover{border-color:var(--accent);color:var(--accent)}.back-to-top[hidden]{display:none}.external-link:after{content:"↗";margin-left:.15em;font-size:.85em;display:inline-block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{.skip-link,.reading-progress,.site-header,.breadcrumbs,.toc,.share-buttons,.post-nav,.related-posts,.site-footer,.back-to-top{display:none!important}body{color:#000;background:#fff}a{color:#000;text-decoration:underline}.post-content a[href^=http]:after{content:" (" attr(href) ")";color:#333;font-size:.8em}}