:root{--bg:#fffdfa;--bg-soft:#f6f1e9;--bg-note:#eef3f6;--bg-deep:#1f3a5f;--text:#1c2430;--text-soft:#5c6673;--text-inv:#f4f7fa;--line:#ddd6cb;--line-soft:#ebe5db;--accent:#1f3a5f;--accent-mid:#34618f;--accent-soft:#dbe6f0;--gold:#a9762f;--gold-soft:#f6ecdc;--link:#24567f;--rank1:#a9762f;--rank2:#6a7787;--rank3:#97785e;--warn:#8a5a00;--warn-bg:#fdf5e4;--radius:12px;--maxw:760px;--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--shadow:0 1px 2px #1f3a5f0d, 0 4px 14px #1f3a5f0f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:.02em;overflow-wrap:break-word;margin:0;font-size:16.5px;line-height:1.9}.topbar{color:var(--text);border-bottom:1px solid var(--line);background:#fff;font-size:12.5px;line-height:1.7}.topbar__inner{max-width:var(--maxw);flex-wrap:wrap;gap:4px 18px;margin:0 auto;padding:8px 20px;display:flex}.tag{border:1px solid var(--accent);color:var(--accent);letter-spacing:.06em;background:#fff;border-radius:3px;margin-right:7px;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-block}.site-header{background:linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%)}.site-header__inner{max-width:var(--maxw);margin:0 auto;padding:22px 20px 20px}.site-title{letter-spacing:.05em;margin:0;font-size:21px;font-weight:800}.site-title a{color:var(--accent);text-decoration:none}.site-tagline{color:var(--text-soft);border-left:3px solid var(--gold);margin:6px 0 0;padding-left:12px;font-size:13.5px;line-height:1.7}.mainnav{background:var(--accent);border-bottom:3px solid var(--gold);z-index:20;position:sticky;top:0}.mainnav__inner{max-width:var(--maxw);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 auto;display:flex;overflow-x:auto}.mainnav__inner::-webkit-scrollbar{display:none}.mainnav__link{color:#f4f7fae0;white-space:nowrap;border-bottom:3px solid #0000;flex:none;margin-bottom:-3px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s;display:block}.mainnav__link:hover{color:#fff;background:#ffffff1a}.mainnav__link--here{color:#fff;border-bottom-color:var(--gold);background:#ffffff1f}main{max-width:var(--maxw);margin:0 auto;padding:36px 20px 64px}h1{letter-spacing:.01em;color:var(--accent);margin:0 0 10px;font-size:27px;font-weight:800;line-height:1.5}h1+.lead{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;margin:22px 0 26px;padding:16px 18px;font-size:17px;line-height:1.85}h2{border-left:6px solid var(--accent);border-bottom:1px solid var(--line);margin:52px 0 18px;padding:0 0 11px 14px;font-size:21.5px;font-weight:800;line-height:1.55}h3{color:var(--accent-mid);border-left:3px solid var(--accent-soft);margin:34px 0 12px;padding-left:11px;font-size:17.5px}p{margin:0 0 18px}a{color:var(--link)}ul,ol{margin:0 0 20px;padding-left:1.4em}li{margin-bottom:8px}li::marker{color:var(--gold)}hr{border:0;border-top:1px solid var(--line-soft);margin:44px 0}.rank{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-top:4px solid var(--rank3);background:#fff;margin:0 0 20px;padding:20px 20px 6px}.rank--1{border-top-color:var(--rank1)}.rank--2{border-top-color:var(--rank2)}.rank__badge{background:var(--rank3);color:#fff;letter-spacing:.1em;border-radius:20px;margin-bottom:10px;padding:3px 12px;font-size:12.5px;font-weight:700;display:inline-block}.rank--1 .rank__badge{background:var(--rank1)}.rank--2 .rank__badge{background:var(--rank2)}.rank__name{color:var(--accent);margin:0 0 6px;font-size:20px;font-weight:800}.rank__for{color:var(--gold);margin:0 0 14px;font-size:15.5px;font-weight:700}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:0 0 8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:460px;font-size:14.5px;line-height:1.7}th,td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;padding:11px 13px}thead th{background:var(--accent);color:var(--text-inv);white-space:nowrap;border-bottom:0;font-weight:700}tbody th{background:var(--bg-soft);white-space:nowrap;color:var(--accent);font-weight:700}tbody tr:nth-child(2n) td{background:#fbf9f6}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.scroll-hint{color:var(--text-soft);margin:0 0 24px;font-size:12.5px}blockquote{background:var(--bg-note);border-left:4px solid var(--accent-mid);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 22px;padding:16px 18px}blockquote p:last-child{margin-bottom:0}.note{color:var(--text-soft);margin:0 0 22px;font-size:13.5px;line-height:1.8}.callout{background:var(--warn-bg);border:1px solid #e8d9b4;border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 24px;padding:16px 18px;font-size:15px}.callout p:last-child{margin-bottom:0}.next-link{border:1px solid var(--line);border-left:4px solid var(--accent-mid);border-radius:0 var(--radius) var(--radius) 0;color:var(--link);background:#fff;margin:0 0 12px;padding:14px 16px;font-size:15px;font-weight:600;line-height:1.7;text-decoration:none;transition:background .15s;display:block}.next-link:hover{background:var(--bg-note)}.next-link__label{color:var(--text-soft);margin-bottom:2px;font-size:12px;font-weight:400;display:block}.cta{border-radius:var(--radius);background:linear-gradient(180deg, var(--bg-soft) 0%, #efe7db 100%);border:1px solid var(--line);text-align:center;margin:44px 0;padding:26px 20px}.cta__button{background:var(--accent);color:#fff;border-radius:var(--radius);padding:15px 32px;font-size:16.5px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-block;box-shadow:0 2px 8px #1f3a5f40}.cta__button:hover{background:var(--accent-mid)}.cta__note{color:var(--text-soft);margin:15px 0 0;font-size:12.5px;line-height:1.7}.site-footer{border-top:4px solid var(--accent);background:var(--bg-deep);color:#f4f7fabf;margin-top:48px}.site-footer__inner{max-width:var(--maxw);margin:0 auto;padding:28px 20px 44px;font-size:13px;line-height:1.9}.site-footer nav{flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;display:flex}.site-footer a{color:#cfe0ef}@media (width<=560px){body{font-size:16px;line-height:1.85}main{padding:26px 16px 52px}h1{font-size:22.5px}h1+.lead{padding:14px 15px;font-size:15.5px}h2{margin-top:42px;font-size:19px}h3{font-size:16.5px}.site-header__inner,.topbar__inner,.site-footer__inner{padding-left:16px;padding-right:16px}.rank{padding:18px 16px 4px}.mainnav__link{padding:11px 13px;font-size:13.5px}}