:root{--bg:#f4efe4;--surface:#fbf8f1;--surface-2:#f0e9da;--ink:#2a241f;--muted:#7c7164;--line:#e3d9c7;--line-2:#d8ccb6;--accent:#c75d3a;--accent-d:#a8492b;--accent-soft:#f5e1d7;--green:#5d7a52;--green-soft:#e6ecdf;--display:"Plus Jakarta Sans","Noto Sans JP",sans-serif;--mono:"JetBrains Mono","SFMono-Regular",ui-monospace,monospace;--body:"Noto Sans JP",sans-serif;--radius:8px;--shadow:0 1px 0 #e7ddca, 0 2px 8px rgba(60,45,25,.05)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.75;font-size:16px;background-image:linear-gradient(0deg,rgba(0,0,0,.012) 1px,transparent 1px);background-size:100% 28px}a{color:var(--accent-d);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}section{padding:34px 0}.site-header{position:sticky;top:0;z-index:50;background:#f4efe4eb;backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.site-header .inner{max-width:1080px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-family:var(--display);font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px}.brand:hover{text-decoration:none}.brand:before{content:"";width:20px;height:20px;border-radius:50%/60% 60% 40% 40%;background:var(--accent);display:inline-block;box-shadow:7px 0 0 -3px var(--accent),-7px 0 0 -3px var(--accent),0 -7px 0 -4px var(--accent)}.site-header nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:600}.site-header nav a{color:var(--ink)}.hero{padding:40px 0 18px}.hero .eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--accent-d);text-transform:uppercase;font-weight:700}.hero h1{font-size:clamp(28px,5vw,44px);margin:.3em 0 .35em}.hero .lead{font-size:17px;color:var(--muted);max-width:680px}.hero .meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--ink);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:700;font-family:var(--display)}.pill.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:14px 16px;margin:8px 0 20px;box-shadow:var(--shadow)}.toolbar h3{font-size:13px;margin:0 0 10px;font-family:var(--mono);letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font:600 13px/1 var(--display);padding:8px 13px;border-radius:100px;border:1.5px solid var(--line-2);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:.12s}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sort-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:13px}.sort-row .lbl{font-family:var(--mono);color:var(--muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.04em}.sort-btn{font:600 12.5px/1 var(--display);padding:7px 12px;border-radius:6px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer}.sort-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.lb{display:flex;flex-direction:column;gap:10px}.lb-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);position:relative}.lb-row .rk{font-family:var(--mono);font-weight:700;font-size:26px;color:var(--accent);text-align:center;line-height:1}.lb-row .rk small{display:block;font-size:9px;color:var(--muted);letter-spacing:.1em}.lb-main{min-width:0}.lb-name{font-family:var(--display);font-weight:800;font-size:17px;margin:0 0 3px;letter-spacing:-.01em}.lb-name a{color:var(--ink)}.lb-maker{font-size:12px;color:var(--muted);margin:0 0 7px}.lb-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.lb-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:4px 14px;max-width:640px}.lb-score{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted)}.lb-score .k{width:62px;flex:none;font-family:var(--mono);letter-spacing:-.02em}.lb-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;min-width:140px}.lb-price{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--ink)}.lb-price small{display:block;font-size:10.5px;color:var(--muted);font-family:var(--body);font-weight:400}.lb-cta{display:inline-block;background:var(--accent);color:#fff;font:700 13px/1 var(--display);padding:9px 16px;border-radius:6px;border:1.5px solid var(--accent)}.lb-cta:hover{background:var(--accent-d);text-decoration:none}.lb-cta.ghost{background:transparent;color:var(--accent-d);border-color:var(--line-2)}.lb-row.hide{display:none}.sbar{display:inline-flex;align-items:center;gap:7px;min-width:0;flex:1}.sbar-track{flex:1;height:6px;background:var(--surface-2);border-radius:4px;overflow:hidden;min-width:42px;border:1px solid var(--line)}.sbar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-d))}.sbar-num{font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:700}.sbar-na{font-family:var(--mono);color:var(--muted);font-size:11px}.tag{display:inline-block;font:700 11px/1.6 var(--display);padding:2px 8px;border-radius:5px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line-2)}.tag.dog{background:var(--accent-soft);color:var(--accent-d);border-color:#e7c3b3}.tag.cat{background:#eee3f0;color:#7a4f86;border-color:#dcc6e2}.tag.green{background:var(--green-soft);color:#46603c;border-color:#cdd9c2}.tag.fresh{background:#dff0ef;color:#2f6f6a;border-color:#bfe0dd}.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;border-bottom:2px solid var(--ink);padding-bottom:8px}.sec-head .no{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:700}.sec-head h2{font-size:23px;margin:0}.sec-sub{color:var(--muted);font-size:14px;margin:-8px 0 18px}.grid{display:grid;gap:14px}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{font-size:16px;margin:0 0 6px}.card p{font-size:13.5px;color:var(--muted);margin:0}.card .arrow{color:var(--accent-d);font-weight:700;font-size:13px;margin-top:8px;display:inline-block}.crumb{font-size:12.5px;color:var(--muted);font-family:var(--mono);margin:18px 0 10px}.crumb a{color:var(--muted)}.detail-head{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.detail-head h1{font-size:clamp(23px,4vw,32px);margin:.2em 0}.spec-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.spec-table th,.spec-table td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line)}.spec-table th{background:var(--surface-2);width:34%;font-weight:700;font-family:var(--display);vertical-align:top}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none}.spec-table td.req{color:var(--muted);font-style:italic}.prose{max-width:760px}.prose p{margin:0 0 14px}.prose h2{font-size:21px;margin:30px 0 12px;border-bottom:2px solid var(--ink);padding-bottom:6px}.prose h3{font-size:17px;margin:22px 0 8px}.prose ul{padding-left:1.2em}.prose li{margin:4px 0}.lead-list li{margin:6px 0}.pros li::marker{content:"+ "}.pros li{color:#2c5f3a}.cons li::marker{content:"− "}.cons li{color:#9a4b39}.callout{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 6px 6px 0;padding:12px 16px;font-size:13.5px;margin:16px 0}.callout.warn{background:#fbf0d8;border-color:var(--green)}.src{font-size:12px;color:var(--muted)}.src a{color:var(--muted);text-decoration:underline}.cmp-wrap{overflow-x:auto;border:2px solid var(--ink);border-radius:var(--radius)}.cmp-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface);min-width:640px}.cmp-table th,.cmp-table td{padding:9px 11px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center}.cmp-table thead th{background:var(--ink);color:var(--surface);font-family:var(--display);position:sticky;top:0}.cmp-table tbody th{background:var(--surface-2);text-align:left;font-family:var(--mono);font-size:12px}.cmp-table .win{background:var(--accent-soft);font-weight:700}.cmp-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.cmp-index-card{display:flex;align-items:center;gap:8px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:12px 14px;font-size:13px;box-shadow:var(--shadow)}.cmp-index-card:hover{text-decoration:none;background:var(--surface-2)}.cix-a,.cix-b{font-weight:700;color:var(--ink)}.cix-vs{font-family:var(--mono);color:var(--accent);font-weight:700;font-size:11px}.tool{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.tool label{display:block;font-size:13px;font-weight:700;font-family:var(--display);margin:12px 0 5px}.tool input,.tool select{width:100%;padding:9px 11px;border:1.5px solid var(--line-2);border-radius:6px;font-size:14px;background:var(--surface-2);font-family:var(--body)}.tool .out{margin-top:18px;padding:16px;background:var(--ink);color:var(--surface);border-radius:6px;font-family:var(--mono)}.tool .out b{color:#f0c9a0;font-size:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-footer{background:var(--ink);color:#d9cfbf;margin-top:50px;padding:32px 0;font-size:13px}.site-footer .container>strong{font-family:var(--display);color:#fff;font-size:16px;display:block;margin-bottom:8px}.site-footer p{margin:8px 0;color:#c4b8a6}.site-footer a{color:#f0c9a0}.site-footer .disclaimer{font-size:11.5px;color:#9a8e7c;border-top:1px solid #463d31;padding-top:12px;margin-top:14px}.site-footer .updated{font-family:var(--mono);font-size:11.5px}.note{font-size:12.5px;color:var(--muted)}.faq dt{font-weight:700;font-family:var(--display);margin-top:14px}.faq dd{margin:4px 0 0;color:var(--ink)}.anchor-nav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 24px}.anchor-nav a{font:600 13px/1 var(--display);padding:8px 13px;border:1.5px solid var(--line-2);border-radius:100px;background:var(--surface);color:var(--ink)}.anchor-nav a:hover{border-color:var(--accent);text-decoration:none}@media(max-width:680px){.lb-row{grid-template-columns:38px 1fr;gap:10px}.lb-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;min-width:0}.field-row{grid-template-columns:1fr}.site-header nav{width:100%;margin-left:0}}