:root{--accent: #bf0000;--accent-dark: #8f0000;--accent-bg: #fdf3f2;--ink: #202b3c;--muted: #5e6878;--line: #e2e6ed;--bg: #f3f4f6;--card: #ffffff;--radius: 18px;--shadow: 0 4px 6px rgba(20,32,52,.025), 0 12px 28px -16px rgba(20,32,52,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.85;margin:0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #365fa0;outline-offset:4px}.skip-link{position:absolute;top:-80px;left:16px;z-index:100;background:#fff;border-radius:8px;padding:10px 16px}.skip-link:focus{top:8px}h1,h2,h3{text-wrap:pretty;overflow-wrap:anywhere}section{scroll-margin-top:120px}.pr-banner{background:#e9edf3;color:#4f596a;font-size:11.5px;padding:6px 16px;text-align:center;letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 3px 14px #14203409}.site-header .inner{display:flex;align-items:center;gap:18px;padding:12px 20px}.brand{display:flex;flex:none;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand .mark{display:block;width:44px;height:44px;flex:none;object-fit:contain}.genre-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d6dce6 transparent;margin-left:auto;min-width:0;padding:5px;scroll-padding:6px}.genre-nav::-webkit-scrollbar{height:3px}.genre-nav::-webkit-scrollbar-thumb{background:#d6dce6;border-radius:3px}.genre-nav a{font-size:12.5px;color:var(--muted);padding:5px 11px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);background:#f8fafc;min-height:40px;display:inline-flex;align-items:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.genre-nav a:hover{color:var(--accent);background:var(--accent-bg);text-decoration:none}.genre-nav a.active{color:var(--accent);background:var(--accent-bg);border-color:#f0d9d6;font-weight:600}main{padding:34px 0 72px}h1{font-size:26px;line-height:1.45;letter-spacing:-.01em;margin:10px 0 6px}.meta{color:var(--muted);font-size:13px}article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 32px 28px;box-shadow:var(--shadow);max-width:900px;margin-inline:auto}article>h1{margin-top:0}article blockquote{margin:14px 0;padding:8px 14px;border-left:3px solid #d9b23c;background:#fbf6e8;color:#7a683c;font-size:12.5px;border-radius:0 8px 8px 0}article blockquote p{margin:0}article h2{font-size:19px;line-height:1.5;margin:44px 0 14px;padding:0 0 10px;border-bottom:2px solid var(--line);position:relative}article h2:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--accent)}article img{display:block;margin:4px auto 10px;max-width:180px;height:auto;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}article strong{color:var(--accent-dark)}article ul{padding-left:1.3em}article li{margin:6px 0}article hr{border:none;border-top:1px solid var(--line);margin:40px 0 8px}article table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.55;display:block;overflow-x:auto;white-space:nowrap;border:1px solid var(--line);border-radius:10px}article th{background:#eef1f6;color:var(--ink);font-weight:700;padding:11px 12px;text-align:center;position:sticky;left:auto}article td{padding:9px 12px;border-top:1px solid var(--line)}article tbody tr:nth-child(2n) td{background:#f8fafc}article tbody tr:hover td{background:#f3f6fa}article td:nth-child(2){white-space:normal;min-width:220px}article a[href^=http]:not(:where(.review-source)){display:block;width:fit-content;margin:4px auto 8px;background:var(--accent);color:#fff!important;font-weight:700;font-size:14.5px;padding:11px 34px;border-radius:999px;text-decoration:none;box-shadow:0 4px 14px -4px #bf000073;transition:all .15s}article a[href^=http]:not(:where(.review-source)):hover{background:var(--accent-dark);transform:translateY(-1px);text-decoration:none}article a[href^="#"]{display:inline-block;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:#fff}article a[href^="#"]:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}article table a[href],article table a[href]:hover{display:inline;border:none;border-radius:0;padding:0;background:none;width:auto;margin:0;box-shadow:none;transform:none;color:var(--accent)!important;font-size:inherit;font-weight:inherit}article table a[href]:hover{text-decoration:underline}article a[href^="/"]{font-weight:600}ul.list{list-style:none;padding:0;margin:0}ul.list li{padding:11px 2px;border-bottom:1px solid var(--line)}ul.list li:last-child{border-bottom:none}.site-footer{border-top:1px solid var(--line);background:#fff;padding:30px 0 40px;color:var(--muted);font-size:12.5px}.site-footer .genres{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:16px}.site-footer .genres a{color:var(--muted)}.site-footer .genres a:hover{color:var(--accent)}.site-footer p{margin:6px 0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}a:hover{transform:none!important}}@media (max-width: 640px){.pr-banner{font-size:10px;line-height:1.5}.wrap{padding:0 14px}.site-header .inner{padding:10px 14px;gap:8px;flex-wrap:wrap}.genre-nav{flex-basis:100%;margin-left:0}main{padding:22px 0 56px}h1{font-size:21px}article{padding:20px 16px;border-radius:12px}article h2{font-size:17px}article td:nth-child(2){min-width:150px}article td:nth-child(3){white-space:normal;word-break:keep-all}article th:first-child,article td:first-child{padding-left:8px;padding-right:4px}}