:root{color-scheme:light;--ink:#202b38;--muted:#69717c;--accent:#273f6a;--line:#e1e4e8}*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;line-height:1.85}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #356bc0;outline-offset:4px}.masthead,main,footer{max-width:1120px;margin:auto;padding:28px}.masthead{padding-top:60px}.brand{font-size:12px;font-weight:700;letter-spacing:.18em;text-decoration:none}.masthead h1{font-size:clamp(28px,4vw,42px);line-height:1.4;margin:16px 0}.masthead p{color:var(--muted)}.listing{display:grid;grid-template-columns:245px 1fr;gap:40px}.filters{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;align-self:start}.filters summary{font-weight:700;cursor:pointer}.filters label{display:block;margin-top:24px;font-size:14px}.filters input[type=search],.filters select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #b8bec8;border-radius:5px;background:white;color:var(--ink);font:inherit}.check input{margin-right:8px}button{margin-top:24px;padding:10px 14px;border:1px solid #b8bec8;border-radius:5px;background:white;color:var(--accent);cursor:pointer;font:inherit}#count{margin-top:0;font-size:14px;color:var(--muted)}.articles{list-style:none;margin:0;padding:0}.articles li{border-top:1px solid var(--line)}.articles li>a{display:block;padding:24px 0;text-decoration:none;color:inherit}.articles a:hover h2{text-decoration:underline;text-underline-offset:5px}.articles h2{font-size:21px;line-height:1.65;margin:8px 0}.articles p{margin:8px 0}.meta{font-size:13px;color:var(--muted)}.meta strong{color:var(--accent);margin-left:8px}.reading{max-width:760px;margin:auto}.reading article{margin-top:32px}.reading h1{font-size:32px;line-height:1.5}.reading h2{margin-top:48px;border-bottom:1px solid var(--line);padding-bottom:12px}.reading img{max-width:100%;height:auto}.reading details{border:1px solid var(--line);padding:16px;margin:20px 0}.reading summary{cursor:pointer;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid var(--line);padding:12px;text-align:left}pre{overflow-x:auto;background:#eee;padding:16px}.callout{background:#edf1f6;padding:20px;border-radius:6px}.compare,.flow{display:flex;gap:16px;flex-wrap:wrap}.compare-box,.flow-step{flex:1;min-width:180px;border:1px solid var(--line);padding:16px}.warn{background:#fff3df}.info{background:#edf1f6}footer{margin-top:60px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:8px}[hidden]{display:none!important}@media(max-width:720px){.masthead,main,footer{padding:20px}.masthead{padding-top:44px}.listing{grid-template-columns:1fr;gap:24px}.reading h1{font-size:26px}.articles h2{font-size:20px}}