:root{--c-tool:#c1522a;--c-ing:#3f7048;--c-pref:#8a5a1f;--bg:#fff;--band:#f5f6f7;--surface:#fff;--line:#e3e5e7;--ink:#1c1f21;--ink-soft:#5b6469;--accent:#c1522a;--accent-hover:#9a3d1c;--steam:#e0912f;--input-border:#d4d8db;--check-border:#c3c8cb;--badge-bg:#e9eef0;--badge-fg:#4c565b;--badge-tool-bg:#f7e3d8;--badge-tool-fg:#9a3d1c;--badge-kids-bg:#e2edd9;--badge-kids-fg:#345c3c;--btn-bg:#1c1f21;--btn-fg:#fff;--menu-shadow:0 8px 24px #14191c24;--radius:12px;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16181a;--band:#1e2124;--surface:#202427;--line:#323739;--ink:#eceef0;--ink-soft:#a7b1b6;--accent:#e07a4e;--accent-hover:#f2a37f;--steam:#e0a468;--input-border:#3d4347;--check-border:#4b5258;--badge-bg:#2a2f32;--badge-fg:#b6c0c5;--badge-tool-bg:#3a2218;--badge-tool-fg:#eb9a72;--badge-kids-bg:#1f2c1e;--badge-kids-fg:#9cc4a1;--btn-bg:#e07a4e;--btn-fg:#16181a;--menu-shadow:0 8px 24px #00000080;color-scheme:dark}}:root[data-theme=dark]{--bg:#16181a;--band:#1e2124;--surface:#202427;--line:#323739;--ink:#eceef0;--ink-soft:#a7b1b6;--accent:#e07a4e;--accent-hover:#f2a37f;--steam:#e0a468;--input-border:#3d4347;--check-border:#4b5258;--badge-bg:#2a2f32;--badge-fg:#b6c0c5;--badge-tool-bg:#3a2218;--badge-tool-fg:#eb9a72;--badge-kids-bg:#1f2c1e;--badge-kids-fg:#9cc4a1;--btn-bg:#e07a4e;--btn-fg:#16181a;--menu-shadow:0 8px 24px #00000080;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}.wrap{max-width:900px;margin:0 auto;padding:0 20px}.wrap-wide{max-width:1120px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.skip-link{background:var(--accent);color:#fff;z-index:10;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:62px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;display:flex}.brand-mark{color:var(--accent);flex:none}.brand-text{letter-spacing:.01em;font-size:19px;font-weight:900}.site-nav{flex-wrap:wrap;gap:24px;display:flex}.site-nav a{color:var(--ink-soft);font-size:14px}.site-nav a:hover,.site-nav a.current{color:var(--accent)}.site-nav a.current{font-weight:700}.header-right{flex-wrap:wrap;align-items:center;gap:18px;display:flex}#theme-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (width<=640px){.site-header{position:static}.header-inner{gap:0 12px;min-height:0;padding-top:10px;padding-bottom:4px}.header-right{display:contents}#theme-toggle{width:36px;height:36px}.site-nav{scrollbar-width:none;flex-wrap:nowrap;flex:0 0 100%;order:1;gap:16px;padding:10px 0 8px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;flex:none}}#theme-toggle:hover{color:var(--accent);border-color:var(--accent)}#theme-toggle .i-moon{display:block}#theme-toggle .i-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #theme-toggle .i-moon{display:none}:root:not([data-theme=light]) #theme-toggle .i-sun{display:block}}:root[data-theme=dark] #theme-toggle .i-moon{display:none}:root[data-theme=dark] #theme-toggle .i-sun,:root[data-theme=light] #theme-toggle .i-moon{display:block}:root[data-theme=light] #theme-toggle .i-sun{display:none}main{padding:34px 0 56px}.page-head{margin-bottom:24px}.eyebrow{color:#fff;letter-spacing:.1em;background:var(--accent);border-radius:5px;margin-bottom:10px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.eyebrow.tool{background:var(--c-tool)}.eyebrow.ing{background:var(--c-ing)}.eyebrow.pref{background:var(--c-pref)}.page-head h1{margin:0 0 5px;font-size:26px;font-weight:900;line-height:1.45}.page-head p{color:var(--ink-soft);margin:0;font-size:13px}.note-box{background:var(--band);border:1px solid var(--line);border-top:3px solid var(--accent);color:var(--ink-soft);border-radius:4px 4px 10px 10px;margin:0 0 26px;padding:16px 18px;font-size:13px;line-height:1.9}.note-box.tool{border-top-color:var(--c-tool)}.note-box.ing{border-top-color:var(--c-ing)}.note-box.pref{border-top-color:var(--c-pref)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card a{color:inherit;height:100%;display:block}.card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.card-body{padding:14px 16px 17px}.card-title{margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.62}.badges{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.card-date{color:var(--ink-soft);margin-right:2px;font-size:11px}.badge{background:var(--badge-bg);color:var(--badge-fg);border-radius:5px;padding:3px 9px;font-size:11px}.badge.tool{background:var(--badge-tool-bg);color:var(--badge-tool-fg)}.badge.kids{background:var(--badge-kids-bg);color:var(--badge-kids-fg)}.chips{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:10px;align-items:baseline;gap:7px;padding:0 16px;font-size:14px;line-height:40px;display:inline-flex}.chip:before{content:"";background:var(--accent);border-radius:2px;flex:none;align-self:center;width:7px;height:7px}.chip.tool:before{background:var(--c-tool)}.chip.ing:before{background:var(--c-ing)}.chip.pref:before{background:var(--c-pref)}.chip:hover{border-color:var(--accent)}.chip .n{color:var(--ink-soft);font-size:12px}.more{margin:20px 0 0;font-size:13px}.site-footer{border-top:1px solid var(--line);background:var(--band);margin-top:40px;padding:30px 0 34px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.footer-brand{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:900;display:flex}.footer-brand svg{color:var(--accent)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.footer-nav a{color:var(--ink-soft);font-size:13px}.footer-nav a:hover{color:var(--accent)}.copyright{margin:0;font-size:12px}.copyright a{color:var(--ink-soft)}