:root{--bg: #ffffff;--text: #1f2328;--muted: #57606a;--accent: #db2777;--accent-soft: #fce7f3;--border: #e5e7eb;--max-width: 760px}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.8;color:var(--text);background:var(--bg)}body{margin:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}a{color:var(--accent)}header.site-header{border-bottom:1px solid var(--border)}header.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:16px;padding-bottom:16px}header.site-header .brand{font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none}header.site-header nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-size:.95rem}header.site-header nav a:hover{color:var(--accent)}main{padding:32px 0 64px}h1{font-size:1.9rem;line-height:1.35;margin:0 0 10px}h2{font-size:1.4rem;margin:2em 0 .6em}h3{font-size:1.15rem;margin:1.6em 0 .5em}.lead{color:var(--muted);font-size:1.05rem}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{margin:0 6px;color:var(--border)}.post .meta,article .meta{color:var(--muted);font-size:.9rem;margin-bottom:20px}.post-body img,article img.hero{max-width:100%;height:auto;border-radius:8px}article img.hero{margin:8px 0 24px}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:18px 0;border-bottom:1px solid var(--border)}.post-list a{font-size:1.15rem;font-weight:600;text-decoration:none}.post-list .date{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.post-list .desc{color:var(--muted);margin:6px 0 0;font-size:.95rem}.cat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 0 8px}.cat-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .15s,color .15s}.cat-card:hover{border-color:var(--accent);color:var(--accent)}.cat-card-name{font-weight:700;font-size:1.05rem}.summary-box{background:#e0f2fe;border-radius:12px;padding:16px 20px;margin:20px 0}.summary-title{font-weight:700;margin:0 0 8px}.summary-box ul{margin:0;padding-left:1.2em}.summary-box li{margin:4px 0}.pr-notice{font-size:.8rem;color:var(--muted);background:#f6f8fa;border:1px solid var(--border);border-radius:6px;padding:6px 10px;margin:0 0 16px}.author-box{display:flex;gap:14px;align-items:flex-start;background:#fafafa;border:1px solid var(--border);border-radius:12px;padding:16px;margin:40px 0 24px}.author-avatar{border-radius:50%;flex:0 0 auto}.author-name{font-weight:700;margin:0 0 4px}.author-role{color:var(--muted);font-weight:400;font-size:.9rem}.author-bio{color:var(--muted);font-size:.9rem;margin:0}.author-social a{margin-right:12px;font-size:.85rem}.compare{margin:28px 0}.compare-scroll{overflow-x:auto}.compare table{border-collapse:collapse;width:100%;font-size:.9rem}.compare th,.compare td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.compare thead th{background:#f6f8fa;white-space:nowrap}.compare tbody th[scope=row]{background:#fff;font-weight:700}.aff-button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.85rem;white-space:nowrap}.aff-button:hover{opacity:.9}.faq details{border-bottom:1px solid var(--border);padding:12px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--muted);margin:8px 0 0}.tags{margin:24px 0 0}.tag{display:inline-block;color:var(--muted);font-size:.8rem;margin-right:10px}.related{margin-top:32px}footer.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}footer.site-footer .container{padding-top:24px;padding-bottom:24px}.footer-nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--accent)}.copyright{margin:0}
