:root{--ink:#4a2c17;--accent:#ff8a1f;--accent2:#35b6a5;--accent3:#ffd23f;--sky:#8fd3ff;--grass:#7ccf6a;--cream:#fff8e6;--line:#4a2c17}
body{font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;color:var(--ink);background:radial-gradient(circle at 14px 14px,rgba(255,138,31,.10) 0 4px,transparent 5px) 0 0/56px 56px,radial-gradient(circle at 42px 40px,rgba(255,138,31,.10) 0 3px,transparent 4px) 0 0/56px 56px,var(--cream)}
a{color:#d4600a}h1,h2,h3{font-weight:900;color:var(--ink)}
header.site{background:var(--accent3);border-bottom:4px solid var(--ink)}
header.site .wrap{min-height:64px}
.logo-t small{color:var(--ink)}
.gnav{gap:.5rem;flex-wrap:nowrap}.gnav>a,.dd-b{font:900 .84rem "Zen Maru Gothic",sans-serif;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:999px;padding:.3rem .8rem;box-shadow:0 3px 0 var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .12s}
.gnav>a:hover,.dd-b:hover,.dd:focus-within .dd-b,.gnav a[aria-current]{background:var(--accent);color:#fff;transform:translateY(-2px) rotate(-2deg)}
.dd{position:relative}.dd-b i{display:inline-block;margin-left:.35rem;border:5px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle}
.dd-m{position:absolute;left:0;top:calc(100% + 10px);min-width:13rem;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);padding:.4rem;display:none;z-index:70}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.dd-m::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd-m a{display:block;padding:.45rem .8rem;border-radius:12px;color:var(--ink);font-weight:900;font-size:.88rem;text-decoration:none}.dd-m a:hover{background:var(--accent3)}
@media(max-width:820px){.gnav{background:var(--accent3);overflow:auto;justify-content:flex-start;padding:5rem 1.2rem 2rem;align-items:stretch;gap:.7rem}.gnav>a,.dd-b{display:block;width:100%;text-align:left;font-size:1rem}.dd-m{position:static;display:block;box-shadow:none;border-width:2px;margin:.4rem 0 .2rem}.dd-b i{display:none}.burger span,.burger span::before,.burger span::after{background:var(--ink)}.nav-toggle:checked~.burger span::before,.nav-toggle:checked~.burger span::after{background:var(--ink)}}
.finder{background:#fff;border:3px solid var(--ink);border-radius:24px;box-shadow:0 6px 0 var(--accent);padding:1rem 1.2rem;margin:1rem 0}
.fd-t{font-weight:900;font-size:1.05rem;margin:0 0 .6rem}.fd-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}
.fd-f{display:grid;gap:.2rem;font-size:.75rem;font-weight:900;flex:1 1 9rem}.fd-f select{font:700 .95rem "Zen Maru Gothic",sans-serif;padding:.55rem .6rem;border:3px solid var(--ink);border-radius:14px;background:var(--cream);color:var(--ink)}
.finder button{font:900 1rem "Zen Maru Gothic",sans-serif;background:var(--accent);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:.6rem 1.4rem;box-shadow:0 4px 0 var(--ink);cursor:pointer}.finder button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.pr,.howto,.tscroll,.breakdown,.product .p-head{border:3px solid var(--ink);border-radius:20px;background:#fff}
.product .p-head{box-shadow:0 6px 0 var(--ink)}.tscroll{box-shadow:0 4px 0 var(--ink);overflow:auto}
h2{border-left:0;background:var(--accent3);border:3px solid var(--ink);border-radius:16px;padding:.5rem 1rem;box-shadow:0 4px 0 var(--ink);display:block}
h2::before{content:"🦴 ";}
table.facts th{background:#fff6df}table.facts td.num{color:#d4600a}.facts tr.me th,.facts tr.me td{background:#fff1b8}
.breakdown .bar{background:#ffe9c2;border:2px solid var(--ink)}.breakdown .bar i{background:var(--accent)}.breakdown .bp{color:#d4600a}
.p-nums div{background:#fff6df;border:3px solid var(--ink);border-radius:16px}.p-nums dd{color:#d4600a}
.p-score.good{background:#e3f6d9;color:#2b7a1a;border:3px solid var(--ink)}.p-score.mid{background:#fff1d6;color:#c2410c;border:3px solid var(--ink)}
.p-img{position:relative;border:3px solid var(--ink);background:#fff}.p-img .rank.big{position:absolute;left:8px;top:8px;z-index:2;font-size:1.6rem}
.rank{display:inline-grid;place-items:center;min-width:2.1em;height:2.1em;border:3px solid var(--ink);border-radius:50%;font-weight:900;box-shadow:0 3px 0 var(--ink);background:#fff}
.rank-S{background:#ffd23f}.rank-A{background:#ff9db5}.rank-B{background:#8fd3ff}.rank-C{background:#a8e08f}.rank-D,.rank-E,.rank-F{background:#e6dccb}
.p-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.3rem 0 .6rem}.p-tags li{background:var(--sky);border:2px solid var(--ink);border-radius:999px;padding:.1rem .7rem;font-size:.78rem;font-weight:900}
.say{display:flex;gap:.8rem;align-items:flex-start;margin:1.2rem 0}.say img{flex:none;border:3px solid var(--ink);border-radius:50%;background:#fff;padding:3px}
.say-b{position:relative;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:.7rem 1rem;box-shadow:0 4px 0 var(--ink);font-weight:700}.say-b b{display:block;color:#d4600a;font-size:.8rem}
.say-b::before{content:"";position:absolute;left:-14px;top:18px;border:8px solid transparent;border-right-color:var(--ink);border-left:0}
.ingr{background:#fff;border:3px dashed var(--accent);border-radius:16px;padding:.8rem 1rem;font-size:.9rem;word-break:break-all}
.faq{background:#fff;border:3px solid var(--ink);border-radius:16px;margin:.5rem 0;padding:.2rem 1rem}.faq summary{font-weight:900;cursor:pointer;padding:.5rem 0}.faq p{margin:.2rem 0 .7rem;font-size:.92rem}
.p-btns.end{justify-content:center;margin:1.5rem 0}
.rk-card{border:3px solid var(--ink)!important;border-radius:24px!important;box-shadow:0 6px 0 var(--ink)!important;background:#fff}
.rk-btn.solid{background:var(--accent)!important;color:#fff!important;border:3px solid var(--ink)!important;border-radius:999px!important;box-shadow:0 4px 0 var(--ink)}.rk-btn.ghost{background:#fff!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:999px!important}
.rk-num dd{color:#d4600a!important}.rk-chips li{background:var(--accent3)!important;border:2px solid var(--ink)!important;color:var(--ink)!important}
.rk-filters .rk-form,.rk-compare,.rk-pr{border:3px solid var(--ink)!important;border-radius:20px!important}
footer.site{background:var(--grass);border-top:4px solid var(--ink)}footer.site a,.fcols b{color:var(--ink)}footer .src,footer .op{color:var(--ink)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.rk-btn.amz{background:#232f3e!important;color:#ffb347!important;border:3px solid var(--ink)!important;border-radius:999px!important;box-shadow:0 4px 0 var(--ink)}.rk-btn.off{background:var(--sky)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:999px!important;box-shadow:0 4px 0 var(--ink)}
.landnav{background:#fff;border:3px solid var(--ink);border-radius:20px;padding:.8rem 1.2rem 1rem;margin:1rem 0;box-shadow:0 4px 0 var(--ink)}.landnav h2{margin-top:.2rem}.landnav b{display:inline-block;min-width:3.5rem;font-size:.85rem}
.chip-link{display:inline-block;margin:.2rem .3rem .2rem 0;padding:.25rem .9rem;border:3px solid var(--ink);border-radius:999px;background:var(--accent3);color:var(--ink);font-weight:900;font-size:.85rem;text-decoration:none;box-shadow:0 2px 0 var(--ink)}.chip-link:hover{background:var(--accent);color:#fff}
.tips{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:.8rem 1.2rem .8rem 2rem;margin:.4rem 0}.tips li{margin:.3rem 0}
.rk-cards{list-style:none;padding:0;margin:.6rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}