.sdg-wrap{--sdg-ink:#071a3f;--sdg-muted:#566270;--sdg-line:#dfe7ec;--sdg-soft:#f6f8fb;--sdg-yellow:#f5b700;--sdg-green:#159947;--sdg-blue:#236fd2;--sdg-red:#d94a3f;box-sizing:border-box;margin:34px auto;padding:28px clamp(16px,3vw,34px);max-width:1160px;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--sdg-line);border-radius:8px;box-shadow:0 18px 48px rgba(7,26,63,.08);color:var(--sdg-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.sdg-wrap *{box-sizing:border-box}.sdg-wrap svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.sdg-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:950;font-size:18px;color:var(--sdg-ink);margin-bottom:8px}.sdg-kicker svg{width:30px;height:30px;padding:5px;border-radius:50%;background:#fff3c4;color:var(--sdg-yellow)}.sdg-head{text-align:center;margin:0 auto 24px;max-width:900px}.sdg-head h2{display:inline;margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.15;font-weight:950;letter-spacing:0;color:var(--sdg-ink);background:linear-gradient(transparent 66%,rgba(245,183,0,.55) 0)}.sdg-head p{margin:14px auto 0;font-size:18px;line-height:1.8;font-weight:760;color:#202a38}.sdg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sdg-card{min-height:310px;background:#fff;border:1px solid var(--sdg-line);border-radius:8px;padding:20px;display:grid;align-content:start;gap:12px}.sdg-card-head{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;border-bottom:2px solid currentColor;padding-bottom:12px}.sdg-card-head span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eef9f1;color:var(--sdg-green);font-size:30px}.sdg-card h3{margin:0;font-size:28px;line-height:1.25;font-weight:950;color:var(--sdg-ink);letter-spacing:0}.sdg-card p{margin:0;font-size:15px;line-height:1.7;font-weight:820;color:var(--sdg-muted)}.sdg-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sdg-card li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;font-size:15px;line-height:1.65;font-weight:780;color:#202a38}.sdg-card li svg{margin-top:3px;color:var(--sdg-green)}.sdg-card.is-blue .sdg-card-head span,.sdg-card.is-blue li svg{background:#edf5ff;color:var(--sdg-blue)}.sdg-card.is-warn .sdg-card-head span,.sdg-card.is-warn li svg{background:#fff0ee;color:var(--sdg-red)}.sdg-card.is-gold .sdg-card-head span,.sdg-card.is-gold li svg{background:#fff6d6;color:var(--sdg-yellow)}.sdg-compare{margin-top:18px;border:1px solid var(--sdg-line);border-radius:8px;overflow:hidden;background:#fff}.sdg-compare>div{display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));min-height:58px}.sdg-compare-head{background:#06275c;color:#fff}.sdg-compare span,.sdg-compare strong,.sdg-compare p{display:flex;align-items:center;margin:0;padding:12px 14px;border-right:1px solid var(--sdg-line);border-bottom:1px solid var(--sdg-line);font-size:15px;line-height:1.55}.sdg-compare strong{justify-content:center;font-size:21px;font-weight:950;border-color:rgba(255,255,255,.28)}.sdg-compare span{font-weight:950;color:var(--sdg-ink);background:#f7f9fc}.sdg-compare p{font-weight:760;color:#1f2937}.sdg-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;margin-top:18px}.sdg-example>div{background:#fff;border:1px solid var(--sdg-line);border-radius:8px;padding:18px}.sdg-example strong{display:block;margin-bottom:8px;font-size:20px;line-height:1.4;font-weight:950;color:var(--sdg-ink)}.sdg-example p{margin:0;font-size:16px;line-height:1.8;font-weight:760;color:#243244}.sdg-refs nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sdg-refs a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border:1px solid var(--sdg-line);border-radius:8px;padding:0 12px;color:var(--sdg-ink);text-decoration:none;font-size:14px;font-weight:900;background:#fff}.sdg-refs a svg{width:16px;height:16px;color:#607085}.sdg-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 0;color:#39475c;font-size:14px;line-height:1.7;font-weight:760}.sdg-note svg{color:#607085}@media(max-width:980px){.sdg-wrap{margin:26px 0;padding:22px 14px;border-radius:8px}.sdg-kicker{font-size:16px}.sdg-head h2{font-size:34px}.sdg-head p{font-size:16px;text-align:left}.sdg-grid,.sdg-example{grid-template-columns:1fr}.sdg-card{min-height:0}.sdg-card h3{font-size:25px}.sdg-compare{overflow:visible}.sdg-compare>div{grid-template-columns:1fr;min-width:0}.sdg-compare-head span{display:none}.sdg-compare span,.sdg-compare strong,.sdg-compare p{border-right:0}.sdg-compare strong{justify-content:flex-start;background:#06275c;color:#fff}.sdg-compare p{min-height:48px}.sdg-refs nav{grid-template-columns:1fr}.sdg-note{align-items:flex-start;justify-content:flex-start}}