:root{--fg:#1f2933;--muted:#5b6770;--bg:#f6f7f9;--card:#fff;--acc:#0b6e4f;--warn:#9a3412;--line:#dfe3e8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;color:var(--fg);background:var(--bg);line-height:1.7;font-size:16px}
a{color:var(--acc)}
.pr-bar{background:#fff7e6;border-bottom:1px solid #f3d9a4;padding:.5rem 1rem;font-size:.85rem}
.site-header{max-width:760px;margin:0 auto;padding:1.25rem 1rem .5rem}
.site-name{margin:0;color:var(--acc);font-weight:700;font-size:.9rem}
h1{font-size:1.45rem;line-height:1.4;margin:.25rem 0 .5rem}
.lead{margin:0;color:var(--muted)}
main{max-width:760px;margin:0 auto;padding:0 1rem 2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1rem 0}
h2{font-size:1.1rem;margin:0 0 .75rem}
.seg{display:grid;gap:.5rem;margin-bottom:.75rem}
.seg label{display:flex;gap:.5rem;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;cursor:pointer}
.field{margin:.5rem 0}
.field label,.preset-row label{display:block;font-weight:600;font-size:.95rem}
.opt{font-weight:400;color:var(--muted);font-size:.8rem;margin-left:.4rem}
input[type=number],input[type=text],select{width:100%;font-size:16px;padding:.55rem .6rem;border:1px solid #c5ccd3;border-radius:8px;background:#fff}
.hint{color:var(--muted);font-size:.85rem;margin:.3rem 0 0}
.grid2{display:grid;gap:.25rem 1rem}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}.seg{grid-template-columns:1fr 1fr}}
.preset-row{display:grid;gap:.5rem;margin:.5rem 0}
@media(min-width:640px){.preset-row{grid-template-columns:auto 1fr auto;align-items:center}}
.btn-sub,.btn-del{border:1px solid #c5ccd3;background:#fff;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;cursor:pointer}
.btn-del{padding:.35rem .55rem}
.dev-list{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.6rem}
.dev{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;background:#fcfcfd;min-width:0}
.dev label{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.dev-nums{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.4rem}
.dev-nums>div{min-width:0}
.dev-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.45rem;gap:.5rem}
.dev .chk{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--fg);font-weight:400}
.dev .chk input{width:1.15rem;height:1.15rem}
.dev-src{margin:.35rem 0 0;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.src-list{font-size:.82rem;padding-left:1.2rem;overflow-wrap:anywhere}
.src-list li{margin:.3rem 0}
.result .big{font-size:1.6rem;font-weight:700;color:var(--acc);margin:.25rem 0}
.result dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:.5rem 0 0}
.result dt{color:var(--muted)}
.result dd{margin:0;font-weight:600}
.warn{color:var(--warn);background:#fff1ec;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}
.pick{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.5rem}
.pick li{border:1px solid var(--line);border-radius:10px;padding:.75rem;display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}
.pick li.match{border-color:var(--acc);background:#eef8f3}
.pick .tag{font-size:.75rem;background:var(--acc);color:#fff;border-radius:999px;padding:.1rem .5rem;margin-left:.4rem}
.btn-aff{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}
.pr-small{font-size:.8rem;color:var(--muted)}
.safety{border-color:#f3d9a4}
code{background:#f1f3f5;border-radius:4px;padding:0 .25rem;font-size:.85em}
.foot-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.25rem 0 .5rem}
.site-footer{max-width:760px;margin:0 auto;padding:1rem;color:var(--muted);font-size:.85rem}
main,.card{min-width:0}
.card ul,.card p{overflow-wrap:anywhere}
.legal h2{margin-top:1.25rem}
.kv{display:grid;grid-template-columns:7rem 1fr;gap:.5rem .75rem;margin:0}
.kv dt{color:var(--muted);font-weight:600}
.kv dd{margin:0;overflow-wrap:anywhere}
.site-name a{color:inherit;text-decoration:none}
.crumb{color:var(--muted);font-weight:400}
.hub{list-style:none;padding:0;display:grid;gap:.6rem}
.hub li{border:1px solid var(--line);border-radius:10px;padding:.75rem;background:#fff}
.hub .soon{color:var(--muted)}
.hub small{display:block;color:var(--muted)}
.result dl{grid-template-columns:minmax(6.5em,42%) 1fr}
/* 追加ページ用 */
.cap-name{margin:0 0 .4em}
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35em;margin:0}
.cap-grid div{background:#f4f6f8;border-radius:6px;padding:.3em .4em;min-width:0}
.cap-grid div.on{background:#fff3cd;outline:2px solid #e0a800}
.cap-grid dt{font-size:.78em;color:#555;margin:0}
.cap-grid dd{margin:0;font-weight:700;font-size:.92em;overflow-wrap:anywhere}
.badge{display:inline-block;font-size:.72em;background:#fde2e1;color:#8a1c1c;border-radius:4px;padding:0 .4em}
.judge{padding-left:1.1em}
.judge li{margin:.25em 0}
.stock-list{list-style:none;padding:0;margin:0}
.stock-list li{display:flex;justify-content:space-between;gap:.6em;border-bottom:1px solid #eee;padding:.4em 0}
.stock-list li span{min-width:0;overflow-wrap:anywhere}
.stock-list li strong{white-space:nowrap}
.result h3{font-size:1em;margin:1em 0 .3em}
.dev .big{font-size:1.35em;font-weight:700;color:#1a7f4b;margin:.15em 0}

/* 広告スロット（A8のテキストリンクをボタン風に表示。A8の1x1計測画像は見えなくする） */
.ad-label{display:inline-block;margin-left:.5em;font-size:.7em;font-weight:600;color:#666;border:1px solid #bbb;border-radius:4px;padding:0 .35em;vertical-align:middle}
.aff-slot{margin:.5em 0}
.aff-slot a{display:block;text-align:center;background:#e8590c;color:#fff;font-weight:700;text-decoration:none;border-radius:8px;padding:.75em .6em;overflow-wrap:anywhere}
.aff-slot img[width="1"]{position:absolute;width:1px;height:1px;opacity:0}
.cls-list{list-style:none;padding:0;margin:0}

.aff-pr{display:block;font-size:.75em;color:#666;margin:0 0 .15em}