/* Site Diagnosis 最小限の見た目（デザインは後で差し替える前提） */
.sdg{--sdg-pass:#1a7f37;--sdg-warn:#b26b00;--sdg-fail:#c62828;--sdg-info:#57606a;--sdg-line:#d0d7de;max-width:880px;margin:0 auto;font-size:15px;line-height:1.7}
.sdg-label{display:block;font-weight:700;margin-bottom:6px}
.sdg-row{display:flex;gap:8px;flex-wrap:wrap}
.sdg-row input{flex:1 1 320px;padding:10px 12px;border:1px solid var(--sdg-line);border-radius:6px;font-size:16px}
.sdg-btn{display:inline-block;padding:10px 20px;border:0;border-radius:6px;background:#1f3a60;color:#fff;font-weight:700;cursor:pointer;text-decoration:none}
.sdg-btn[disabled]{opacity:.5;cursor:wait}
.sdg-consent{display:block;margin-top:10px;font-size:13px;color:#444}
.sdg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sdg-error{color:var(--sdg-fail);font-weight:700}
.sdg-steps{padding-left:1.4em}
.sdg-step{color:#888}
.sdg-step.is-running{color:#000;font-weight:700}
.sdg-step.is-running::after{content:" …";animation:sdg-blink 1s infinite}
.sdg-step.is-done{color:var(--sdg-pass)}
.sdg-step.is-done::after{content:" ✓"}
@keyframes sdg-blink{50%{opacity:.2}}
.sdg-summary{display:flex;gap:20px;align-items:center;margin:24px 0;padding:20px;border:1px solid var(--sdg-line);border-radius:10px}
.sdg-grade{flex:0 0 96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#fff;background:var(--sdg-info)}
.sdg-grade-A,.sdg-bar-fill.sdg-grade-A{background:var(--sdg-pass)}
.sdg-grade-B,.sdg-bar-fill.sdg-grade-B{background:#4c9a2a}
.sdg-grade-C,.sdg-bar-fill.sdg-grade-C{background:var(--sdg-warn)}
.sdg-grade-D,.sdg-bar-fill.sdg-grade-D{background:#d9480f}
.sdg-grade-E,.sdg-bar-fill.sdg-grade-E{background:var(--sdg-fail)}
.sdg-site{margin:0;color:#57606a;font-size:13px;word-break:break-all}
.sdg-score{margin:0;font-size:22px;font-weight:800}
.sdg-comment{margin:4px 0 0}
.sdg-cat{display:grid;grid-template-columns:150px 1fr 110px;gap:10px;align-items:center;margin:6px 0}
.sdg-bar{height:12px;background:#eef1f4;border-radius:6px;overflow:hidden}
.sdg-bar-fill{display:block;height:100%}
.sdg-cat-score{text-align:right;font-weight:700}
.sdg-priority{margin:24px 0;padding:16px 20px;background:#fff8e6;border-radius:10px}
.sdg-priority h3,.sdg-detail h3{margin:0 0 8px;font-size:18px}
.sdg-detail{margin:24px 0}
.sdg-items{list-style:none;margin:0;padding:0}
.sdg-item{border-left:4px solid var(--sdg-info);padding:8px 12px;margin:8px 0;background:#fafbfc}
.sdg-item.sdg-pass{border-color:var(--sdg-pass)}.sdg-item.sdg-warn{border-color:var(--sdg-warn)}.sdg-item.sdg-fail{border-color:var(--sdg-fail)}
.sdg-item-head{display:flex;gap:8px;align-items:center;font-weight:700}
.sdg-badge{font-size:12px;padding:1px 8px;border-radius:10px;color:#fff;background:var(--sdg-info);white-space:nowrap}
.sdg-pass .sdg-badge{background:var(--sdg-pass)}.sdg-warn .sdg-badge{background:var(--sdg-warn)}.sdg-fail .sdg-badge{background:var(--sdg-fail)}
.sdg-item-detail{margin:4px 0 0}
.sdg-item-advice{margin:4px 0 0;color:#444;font-size:14px}
.sdg-note{font-size:12px;color:#57606a}
.sdg-cta{margin-top:12px}
@media (max-width:600px){.sdg-summary{flex-direction:column;text-align:center}.sdg-cat{grid-template-columns:1fr 70px}.sdg-cat .sdg-bar{grid-column:1/-1;order:3}}