:root{--bg: #ffffff;--bg-soft: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1c1f23;--text-soft: #5a626c;--accent: #d4232a;--accent-soft: #fbe9ea;--link: #0a63c9;--radius: 12px;--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--maxw: 860px;--font: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #14171a;--bg-soft: #1b1f24;--surface: #1d2126;--border: #2c333b;--text: #e8eaed;--text-soft: #a4adb8;--accent: #ff5a60;--accent-soft: #3a2224;--link: #6fb2ff;--shadow: none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg-soft);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.site-header .inner{max-width:var(--maxw);margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.site-header .logo{font-weight:800;font-size:1.15rem;color:var(--text);letter-spacing:.02em}.site-header .logo .mark{color:var(--accent)}.site-header nav{margin-left:auto;display:flex;gap:16px;font-size:.9rem}main{padding:24px 0 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:20px}h1{font-size:1.6rem;line-height:1.4;margin:0 0 12px;font-weight:800}h2{font-size:1.25rem;margin:32px 0 12px;padding-left:12px;border-left:4px solid var(--accent);font-weight:700}h3{font-size:1.05rem;margin:24px 0 8px}.breadcrumb{font-size:.82rem;color:var(--text-soft);margin-bottom:12px}.breadcrumb a{color:var(--text-soft)}.breadcrumb span[aria-current]{color:var(--text)}.meta-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:.92rem;margin:12px 0}.meta-grid dt{color:var(--text-soft);font-weight:600}.meta-grid dd{margin:0}.highlight{display:inline-flex;align-items:baseline;gap:8px;background:var(--accent-soft);color:var(--accent);padding:8px 16px;border-radius:999px;font-weight:800;font-size:1.1rem;margin:8px 0}.highlight small{color:var(--text-soft);font-weight:600;font-size:.72rem}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:.9rem;min-width:360px}table.data th,table.data td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}table.data th:first-child,table.data td:first-child{text-align:left}table.data thead th{background:var(--bg-soft);color:var(--text-soft);font-weight:700;position:sticky;top:0}table.data tbody tr:hover{background:var(--bg-soft)}.chart-box{position:relative;width:100%;height:360px}@media(max-width:560px){.chart-box{height:280px}}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.work-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.work-card:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--accent)}.work-card .title{font-weight:800;font-size:1.05rem;color:var(--text)}.work-card .kana{font-size:.78rem;color:var(--text-soft)}.work-card .num{margin-top:10px;font-size:1.3rem;font-weight:800;color:var(--accent)}.work-card .sub{font-size:.78rem;color:var(--text-soft)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:.92rem}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ad-slot{min-height:0}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:.82rem;padding:24px 0}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:0 16px}.note{font-size:.8rem;color:var(--text-soft);margin-top:8px}.badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.02em}.badge.soft{background:var(--accent-soft);color:var(--accent)}.stat-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.stat{flex:1 1 140px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.stat .k{font-size:.72rem;color:var(--text-soft);font-weight:600}.stat .v{font-size:1.25rem;font-weight:800;color:var(--accent)}.ranking{list-style:none;padding:0;margin:0;counter-reset:rank}.ranking li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border)}.ranking li:before{counter-increment:rank;content:counter(rank);flex:0 0 28px;height:28px;border-radius:50%;background:var(--bg-soft);color:var(--text-soft);font-weight:800;display:grid;place-items:center;font-size:.85rem}.ranking li:nth-child(1):before{background:#f6c948;color:#5a4300}.ranking li:nth-child(2):before{background:#cfd4da;color:#3a3f45}.ranking li:nth-child(3):before{background:#e0a978;color:#4a2c11}.ranking .r-num{margin-left:auto;font-weight:800;color:var(--accent)}