:root{--bg:#fbfaf7;--fg:#1d1f22;--muted:#5f6670;--line:#e3e0d8;--card:#fff;--accent:#9c2f1c;--accent-bg:#fbeee9;--link:#1f5fa8;--new:#b42318;--inc:#b54708;--dec:#175cd3;--chg:#667085;--pr:#7a5a00;--pr-bg:#fff7db}
@media (prefers-color-scheme:dark){:root{--bg:#15171a;--fg:#e8e6e1;--muted:#a3a9b2;--line:#2c3036;--card:#1c1f23;--accent:#f0866f;--accent-bg:#2c1d19;--link:#7fb2f0;--new:#f97066;--inc:#fdb022;--dec:#84adff;--chg:#98a2b3;--pr:#f5d06b;--pr-bg:#2a2410}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,-apple-system,"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif}
a{color:var(--link)}
.wrap{max-width:880px;margin:0 auto;padding:0 16px}
header.site{border-bottom:1px solid var(--line);background:var(--card)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:10px;padding-bottom:10px}
.brand{font-weight:700;color:var(--fg);text-decoration:none;font-size:1.05rem}
nav.top{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem}
nav.top a{text-decoration:none}
main{padding:18px 0 32px}
h1{font-size:1.45rem;line-height:1.4;margin:.2em 0 .5em}
h2{font-size:1.15rem;margin:1.8em 0 .6em;padding-bottom:4px;border-bottom:2px solid var(--line)}
.lead{color:var(--muted);font-size:.95rem}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.crumbs a{color:var(--muted)}
ul.feed{list-style:none;margin:0;padding:0}
ul.feed li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 8px}
ul.feed li.act{border-left:4px solid var(--accent);background:linear-gradient(90deg,var(--accent-bg),var(--card) 40%)}
.who{font-weight:600;overflow-wrap:anywhere}
.meta{font-size:.88rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:2px}
.ratio{font-variant-numeric:tabular-nums;color:var(--fg);font-weight:600}
.badge{display:inline-block;font-size:.75rem;line-height:1.5;padding:0 7px;border-radius:999px;border:1px solid currentColor;margin-right:6px;font-weight:600;vertical-align:1px;white-space:nowrap}
.k-new{color:var(--new)}.k-increase{color:var(--inc)}.k-decrease{color:var(--dec)}.k-change,.k-fix{color:var(--chg)}
.b-act{background:var(--accent);color:#fff;border-color:var(--accent)}
@media (prefers-color-scheme:dark){.b-act{color:#15171a}}
.b-prop{color:var(--accent)}
.purpose{font-size:.85rem;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
table.t{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card)}
table.t th,table.t td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
table.t td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tw{overflow-x:auto}
.box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:12px 0}
.note{font-size:.85rem;color:var(--muted)}
.ad{margin:18px 0;text-align:center;min-height:0}
.ad .lbl,.pr .lbl{display:block;font-size:.72rem;color:var(--muted);text-align:left;margin-bottom:2px}
.pr{background:var(--pr-bg);border:1px dashed var(--pr);border-radius:8px;padding:8px 10px;margin:18px 0;text-align:center}
.pr .lbl{color:var(--pr);font-weight:700}
.dates{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.92rem}
.pager{display:flex;justify-content:space-between;margin:16px 0;font-size:.92rem}
footer.site{border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);padding:18px 0 28px}
footer.site a{color:var(--muted)}
footer.site nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}
code{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:0 4px;overflow-wrap:anywhere}
ol.steps li{margin-bottom:.6em}
.morning-box{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px;margin:14px 0}
.morning-box h2{margin:0 0 6px;font-size:1.05rem}
.morning-box ul{margin:0;padding-left:1.2em}
.morning-box p{margin:6px 0 0;font-size:.92rem}