:root{--color-bg:#fff;--color-text:#1f2428;--color-muted:#5f6b70;--color-accent:#0b7285;--color-border:#e3e7e9;--color-box-bg:#f6f8fa;--color-note-bg:#fff8e1;--font-body:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.9}a{color:var(--color-accent)}img{max-width:100%;height:auto}.container{max-width:720px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 0}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.site-title{color:var(--color-text);font-size:1.25rem;font-weight:700;text-decoration:none}.site-title-dot{color:var(--color-accent)}.site-nav{flex-wrap:wrap;gap:.35rem 1rem;display:flex}.site-nav a{color:var(--color-muted);font-size:.9rem;text-decoration:none}.site-nav a:hover{color:var(--color-accent)}.section-title{align-items:center;gap:.6rem;margin:2.5rem 0 1rem;font-size:1.25rem;line-height:1.5;display:flex}.section-title:before{content:"";background:var(--color-accent);border-radius:2px;flex-shrink:0;width:4px;height:1.1em}.category-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.category-card{text-align:center;background:#e1ebee;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem .5rem .9rem;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.category-card svg{width:30px;height:30px;color:var(--color-accent)}.category-card-name{color:var(--color-text);font-size:.92rem;font-weight:700}.category-card-count{color:var(--color-muted);font-size:.75rem}.category-card:hover{border-color:var(--color-accent);background:#cfe2e7;transform:translateY(-2px)}.category-card:hover .category-card-name{color:var(--color-accent)}@media (width<=600px){.category-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:4rem;padding:2rem 0;font-size:.85rem}.site-footer nav{margin-bottom:.5rem}.site-footer nav a{color:var(--color-muted);margin-right:1rem}.site-intro{background:var(--color-box-bg);border:1px solid var(--color-border);color:var(--color-muted);border-radius:8px;margin:2.5rem 0 0;padding:1rem 1.25rem;font-size:.92rem}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:1.1rem;padding:1.25rem 0;display:flex}.post-thumb{height:92px;color:var(--color-accent);background:linear-gradient(135deg,#dce9ec,#c2d8de);border-radius:8px;flex:0 0 92px;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-thumb svg{width:30px;height:30px}.post-thumb img{object-fit:cover;width:100%;height:100%}@media (width<=480px){.post-thumb{flex-basis:72px;height:72px}}.post-list a.post-title{color:var(--color-text);font-size:1.1rem;font-weight:700;text-decoration:none}.post-list a.post-title:hover{color:var(--color-accent)}.post-meta{color:var(--color-muted);align-items:center;gap:.75rem;margin-top:.3rem;font-size:.82rem;display:flex}.category-badge{background:var(--color-box-bg);border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding:.05rem .7rem;font-size:.78rem;text-decoration:none;display:inline-block}.category-badge:hover{color:var(--color-accent)}.article-header{margin:2.5rem 0 2rem}.article-header h1{margin:.5rem 0;font-size:1.6rem;line-height:1.5}.article-body h2{border-bottom:2px solid var(--color-border);margin-top:2.5rem;padding-bottom:.4rem;font-size:1.35rem}.article-body h3{margin-top:2rem;font-size:1.1rem}.article-body table{border-collapse:collapse;width:100%;margin:1.25rem 0;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;padding:.5rem .8rem}.article-body th{background:var(--color-box-bg)}.article-body blockquote{border-left:4px solid var(--color-border);color:var(--color-muted);margin:1.25rem 0;padding:.5rem 1.25rem}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.article-body figure{text-align:center;margin:1.5rem 0}.article-body figcaption{color:var(--color-muted);margin-top:.4rem;font-size:.85rem}.note{background:var(--color-note-bg);border-radius:8px;margin:1.5rem 0;padding:1em 1.2em}.note--info{background:#f0f8ff}.note--warn{background:#fff0f0}.cta{text-align:center;margin:1.5em 0}.cta-button{background:var(--color-accent);border-radius:6px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.cta-button:hover{opacity:.85}.affiliate-disclosure{color:var(--color-muted);font-size:.82rem}.share{background:var(--color-box-bg);border:1px solid var(--color-border);border-radius:8px;margin-top:3rem;padding:1.25rem 1.5rem}.share-lead{color:var(--color-muted);margin:0 0 .75rem;font-size:.9rem}.share-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.share-buttons a,.share-buttons button{background:var(--color-bg);border:1px solid var(--color-border);font-size:.85rem;font-family:var(--font-body);color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem 1rem;text-decoration:none;display:inline-flex}.share-buttons svg{flex-shrink:0;width:1em;height:1em}.share-buttons a:hover,.share-buttons button:hover{color:var(--color-accent);border-color:var(--color-accent)}