:root{font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:#20352f;background:#f6f8f4}*{box-sizing:border-box}body{margin:0;line-height:1.75}header{background:#183d32;color:white;padding:16px max(22px,calc((100vw - 1050px)/2))}header a{color:#fff;text-decoration:none;margin-right:18px}main{max-width:1050px;margin:auto;padding:32px 20px 70px}h1{font-size:clamp(28px,4vw,43px);line-height:1.4}h2{font-size:25px;margin:0 0 12px}h3{margin-bottom:6px}.hero{background:#e7f1e9;border-radius:20px;padding:34px;margin-bottom:28px}.hero small{letter-spacing:.15em;color:#47765d}.panel{background:white;border:1px solid #dae3db;border-radius:16px;padding:26px;margin:22px 0;box-shadow:0 2px 8px #173a2810}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.field{display:block;font-size:14px;font-weight:700}input{display:block;width:100%;padding:12px;border:1px solid #a6b9ad;border-radius:8px;font-size:17px;margin-top:6px;color:#17382b}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric{background:#edf4ed;border-radius:12px;padding:17px}.metric span{display:block;font-size:13px}.metric strong{font-size:24px;overflow-wrap:anywhere}.good{color:#14663b}.bad{color:#b23232}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #dce6df;padding:12px 8px;text-align:right}td:first-child,th:first-child{text-align:left}.tablewrap{overflow-x:auto}a{color:#12604a}.button{display:inline-block;background:#205c45;color:#fff;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:700}.note{color:#53685e;font-size:14px}.error{color:#b23232;min-height:1.4em}footer{padding:25px;text-align:center;background:#e5ece5}footer a{margin:0 9px}ul{padding-left:24px}@media(max-width:560px){.panel{padding:18px}main{padding:20px 12px 45px}td,th{padding:8px 6px;font-size:13px}}

.product-preview{background:#f1f6f0;border:1px solid #d0dfd1;border-radius:14px;padding:18px;margin:14px 0 28px}.preview-title{font-weight:700;margin-bottom:12px}.preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-cards>div{background:white;border:1px solid #d7e3d8;border-radius:9px;padding:12px}.preview-cards strong,.preview-cards span{display:block}.preview-cards strong{font-size:18px;color:#205c45}.preview-cards span{font-size:12px}.preview-bars{margin-top:14px;display:grid;gap:6px}.preview-bars span{display:block;background:#6ca58a;height:9px;border-radius:9px}@media(max-width:560px){.preview-cards{grid-template-columns:1fr}}