:root{--color-bg: #faf9f6;--color-surface: #ffffff;--color-text: #2d2d2d;--color-text-muted: #6b6b6b;--color-primary: #6b8e9e;--color-primary-dark: #4a6b7a;--color-border: #e5e3de;--color-accent: #c9a87c;--color-draft: #d97706;--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--max-width: 1080px;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--color-primary-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary);text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.main{min-height:calc(100vh - 200px);padding:2rem 1.25rem 4rem}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:var(--max-width);margin:0 auto}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);white-space:nowrap}.nav{display:flex;gap:1.25rem;flex-wrap:wrap}.nav a{font-size:.9rem;color:var(--color-text);padding:.25rem 0}.nav a.active{color:var(--color-primary-dark);font-weight:700;border-bottom:2px solid var(--color-primary)}.hero{text-align:center;padding:0 0 2rem;margin:0 -1.25rem}.hero-image{width:100%;max-height:400px;overflow:hidden;margin-bottom:2rem}.hero-image img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.hero-text{padding:0 1rem}.hero h1{font-size:2.5rem;color:var(--color-primary-dark);margin-bottom:.5rem}.hero-sub{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.section-heading{font-size:1.5rem;margin:2.5rem 0 1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.category-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;text-decoration:none}.category-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.category-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text)}.category-card p{font-size:.85rem;color:var(--color-text-muted)}.card-thumbnail{width:100%;height:180px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card:hover .card-thumbnail img{transform:scale(1.05)}.card-body{padding:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-link{display:block;height:100%}.card-link:hover{text-decoration:none}.badge{display:inline-block;font-size:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:.15rem .6rem;color:var(--color-text-muted);margin-bottom:.5rem}.badge-large{font-size:.85rem;margin-bottom:1rem}.card-title{font-size:1.05rem;line-height:1.5;margin-bottom:.5rem;color:var(--color-text)}.card-desc{font-size:.85rem;color:var(--color-text-muted)}.prose{max-width:760px;margin:0 auto}.prose h1{font-size:2rem;margin:1rem 0 1.5rem;line-height:1.4}.prose h2{font-size:1.4rem;margin:2rem 0 1rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.15rem;margin:1.5rem 0 .75rem}.prose p{margin-bottom:1rem}.prose img{display:block;width:100%;max-width:640px;aspect-ratio:3 / 2;object-fit:cover;margin:1.5rem auto;border-radius:12px}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;color:var(--color-text-muted);margin:1rem 0}.prose table{width:100%;margin:1.5rem 0;font-size:.95rem;line-height:1.65;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.prose thead th{background:var(--color-primary);color:#fff;font-weight:600;text-align:left;padding:.8rem 1rem;white-space:nowrap}.prose thead th:first-child{border-top-left-radius:calc(var(--radius) - 1px)}.prose thead th:last-child{border-top-right-radius:calc(var(--radius) - 1px)}.prose th,.prose td{padding:.8rem 1rem;vertical-align:top}.prose td{color:var(--color-text)}.prose tbody tr+tr td{border-top:1px solid var(--color-border)}.prose tbody tr td:first-child{font-weight:600;color:var(--color-primary-dark);white-space:nowrap}.prose tbody tr:nth-child(2n) td{background:#6b8e9e0f}.prose tbody tr:hover td{background:#6b8e9e1f}.article-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2rem;padding:.75rem 1rem;background:var(--color-bg);border-radius:var(--radius)}.article-meta strong{color:var(--color-text)}.info-list{margin:1rem 0 2rem}.info-list dt{font-weight:700;color:var(--color-primary-dark);margin-top:1.25rem}.info-list dt:first-of-type{margin-top:0}.info-list dd{margin:.35rem 0 0;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.breadcrumb span{margin:0 .4rem}.article-thumbnail{margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden}.article-thumbnail img{width:100%;height:auto;max-height:450px;object-fit:cover;display:block}.author-box{display:flex;gap:1.5rem;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin:3rem auto 0;max-width:1080px}.author-avatar{width:8rem;height:8rem;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.author-info{flex:1}.author-heading{font-size:.8rem;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.author-name{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.5rem}.author-bio{font-size:.9rem;line-height:1.8;color:var(--color-text)}.author-note{font-size:.75rem;color:var(--color-text-muted);margin-top:.75rem}@media(max-width:768px){.author-box{flex-direction:column;align-items:center;text-align:center}.author-avatar{width:6.5rem;height:6.5rem}}.related{max-width:1080px;margin:3rem auto 0}.related-heading{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.category-header{margin-bottom:2rem}.category-header h1{font-size:2rem;margin-bottom:.5rem}.category-header p{color:var(--color-text-muted)}.disclaimer{margin:3rem auto;max-width:1080px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.7;color:#78350f}.disclaimer strong{display:block;margin-bottom:.5rem}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:2.5rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-logo{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:var(--color-primary-dark)}.footer-desc{font-size:.85rem;color:var(--color-text-muted)}.footer-heading{font-size:.9rem;font-weight:700;margin-bottom:.75rem}.footer-grid ul{list-style:none}.footer-grid li{margin-bottom:.4rem}.footer-grid a{font-size:.85rem;color:var(--color-text-muted)}.copyright{text-align:center;font-size:.8rem;color:var(--color-text-muted);padding-top:1.5rem;border-top:1px solid var(--color-border)}.draft-badge{display:inline-block;font-size:.7rem;background:var(--color-draft);color:#fff;border-radius:4px;padding:.1rem .4rem;margin-left:.5rem;vertical-align:middle}@media(max-width:768px){.site-header{position:static}.header-inner{flex-direction:column;gap:.75rem}.nav{justify-content:center;gap:.75rem}.hero h1{font-size:1.75rem}.hero-image,.hero-image img{max-height:250px}.card-thumbnail{height:160px}.article-thumbnail img{max-height:250px}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.prose h1{font-size:1.5rem}.prose h2{font-size:1.2rem}.prose table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}