:root{--bg:#f4f6f9;--surface:#fff;--surface-sunken:#eef1f6;--border:#dde3ec;--border-strong:#c3ccdb;--navy:#16264a;--navy-mid:#27406e;--navy-soft:#5a6f99;--text:#1c2536;--text-dim:#58637a;--text-faint:#8b95a8;--danger:#b23b3b;--warn:#9a6212;--radius:6px;--shadow:0 1px 2px #16264a0d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;line-height:1.65}a{color:inherit}.wrap{max-width:840px;margin:0 auto;padding:0 16px 80px}.site-header{border-bottom:2px solid var(--navy);margin-bottom:2px;padding:30px 0 14px}.site-title{color:var(--navy);letter-spacing:.04em;margin:0;font-size:21px;font-weight:700}.site-tagline{color:var(--text-dim);margin:5px 0 0;font-size:12.5px}.site-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;font-size:11.5px;display:flex}.site-meta b{color:var(--navy-mid);font-variant-numeric:tabular-nums;font-weight:600}.warn{color:var(--warn)}.refresh{align-items:center;gap:10px;margin-left:auto;display:flex}.refresh-btn{color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:var(--radius);cursor:pointer;letter-spacing:.04em;white-space:nowrap;padding:5px 14px;font-family:inherit;font-size:12px}.refresh-btn:hover:not(:disabled){background:var(--navy-mid)}.refresh-btn:disabled{background:var(--surface-sunken);border-color:var(--border);color:var(--text-faint);cursor:default}.refresh-msg{color:var(--text-dim);font-size:11.5px}.refresh-msg[data-error=true]{color:var(--danger)}.filters{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 0;position:sticky;top:0}.filter-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filter-row+.filter-row{margin-top:9px}.search-input{min-width:180px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);flex:1;padding:7px 12px;font-family:inherit;font-size:13.5px}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #16264a14}.chip{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-family:inherit;font-size:12px;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip[data-active=true]{color:#fff;background:var(--navy);border-color:var(--navy);font-weight:600}.chip[data-active=true] .chip-count{color:#ffffffb3}.chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 1px #16264a1f}.chip-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10.5px}.result-line{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px 8px;font-size:12px;display:flex}.article-link{color:inherit;text-decoration:none;display:block}.article{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--vendor-color,var(--navy));border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:7px;padding:13px 16px;transition:border-color .12s,box-shadow .12s;display:block}.article:hover{border-color:var(--border-strong);border-left-color:var(--vendor-color,var(--navy));box-shadow:0 2px 6px #16264a17}.article[data-read=true]{background:var(--surface-sunken);box-shadow:none}.article[data-read=true] .article-head,.article[data-read=true] .article-summary{opacity:.75}.article[data-read=true] .article-title{color:var(--text-dim);font-weight:500}.article-head{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:10.5px;display:flex}.vendor{color:var(--navy);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:10.5px;font-weight:700;display:inline-flex}.badge{background:var(--surface-sunken);color:var(--text-dim);border-radius:3px;padding:1px 7px;font-size:10px}.article-title{color:var(--navy);margin:0 0 5px;font-size:15px;font-weight:600;line-height:1.5}.article-title-ja{color:var(--navy-mid);margin:0 0 6px;font-size:13px;font-weight:500;line-height:1.55}.article-summary{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.65}.explain{margin-top:10px}.explain-actions{flex-wrap:wrap;gap:7px;display:flex}.explain-btn{color:var(--navy);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;border-radius:999px;padding:3px 11px;font-family:inherit;font-size:11.5px}.explain-btn:hover:not(:disabled){background:var(--navy);border-color:var(--navy);color:#fff}.explain-btn.ghost{color:var(--text-dim);border-style:dashed}.explain-btn:disabled{color:var(--text-faint);border-color:var(--border);cursor:default}.explain-body{background:var(--surface-sunken);border-radius:var(--radius);border-left:2px solid var(--navy-soft);margin-top:10px;padding:12px 14px}.explain-summary{color:var(--text);margin:0;font-size:13px;line-height:1.7}.explain-label{letter-spacing:.06em;color:var(--navy);text-transform:uppercase;margin:12px 0 4px;font-size:10.5px;font-weight:700}.explain-impact{color:var(--text);margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.explain-impact li+li{margin-top:3px}.explain-who{color:var(--text-dim);margin:10px 0 0;font-size:12px}.explain-meta{color:var(--text-faint);margin:10px 0 0;font-size:10.5px}.explain-error{color:var(--danger);margin:0;font-size:12.5px}.empty{text-align:center;color:var(--text-faint);padding:56px 20px;font-size:13.5px}.pager{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pager a,.pager span{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--navy);padding:7px 16px;font-size:12.5px;text-decoration:none}.pager a:hover{background:var(--navy);border-color:var(--navy);color:#fff}.pager .disabled{color:var(--text-faint);border-color:var(--border);background:0 0}.pager .position{color:var(--text-dim);font-variant-numeric:tabular-nums;background:0 0;border:none}.site-footer{border-top:1px solid var(--border);color:var(--text-faint);margin-top:44px;padding-top:16px;font-size:11px;line-height:1.8}.error-box{background:var(--surface);border:1px solid var(--danger);border-left:3px solid var(--danger);border-radius:var(--radius);padding:16px;font-size:13.5px}.error-box code{color:var(--text-dim);font-size:12px}