/* NKG UI v0.2 - TEST BEFORE PRODUCTION. Do not deploy site-wide before verification.
   Scope: only descendants of .nkg-ui-root. No generic element selectors. */
.nkg-ui-root {max-width:850px;width:100%;margin:0 auto;color:#333;font-size:16px;line-height:1.8;box-sizing:border-box}
.nkg-ui-root *, .nkg-ui-root *::before, .nkg-ui-root *::after {box-sizing:border-box}
.nkg-ui-root .nkg-ui-section {margin:30px 0}
.nkg-ui-root .nkg-ui-heading {font-size:24px;line-height:1.5;text-align:center;color:#176b39;font-weight:700;margin:0 0 20px}
.nkg-ui-root .nkg-ui-lead {text-align:center;font-size:16px;line-height:1.9;margin:0 0 22px}
.nkg-ui-root .nkg-ui-image {display:block;width:100%;max-width:620px;height:auto;margin:0 auto}
.nkg-ui-root .nkg-ui-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.nkg-ui-root .nkg-ui-grid--2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.nkg-ui-root .nkg-ui-card {min-width:0;margin:0;padding:18px;background:#fff;border:1px solid #d8e6dc;border-radius:8px}
.nkg-ui-root .nkg-ui-card--step {border-left:5px solid #21834b}
.nkg-ui-root .nkg-ui-card--benefit {background:#fffdf8;border:1px solid #f1d7aa;border-top:5px solid #e5a431;text-align:center}
.nkg-ui-root .nkg-ui-card-label {display:block;color:#21834b;font-size:13px;font-weight:700;margin:0 0 6px}
.nkg-ui-root .nkg-ui-card--benefit .nkg-ui-card-label {color:#a66a13}
.nkg-ui-root .nkg-ui-card-title {font-size:19px;line-height:1.5;font-weight:700;color:#176b39;margin:0 0 9px;padding:0}
.nkg-ui-root .nkg-ui-card--benefit .nkg-ui-card-title {font-size:17px;color:#333}
.nkg-ui-root .nkg-ui-card-text {font-size:14px;line-height:1.8;margin:0;padding:0}
.nkg-ui-root .nkg-ui-benefit-value {font-size:25px;font-weight:700;color:#d66a1c}
.nkg-ui-root .nkg-ui-callout {background:#f0f8f2;border:2px solid #21834b;border-radius:10px;padding:22px 18px;text-align:center;margin:25px 0}
.nkg-ui-root .nkg-ui-callout-label {display:inline-block;background:#21834b;color:#fff;border-radius:30px;padding:5px 18px;font-size:14px;font-weight:700;margin-bottom:10px}
.nkg-ui-root .nkg-ui-callout-title {font-size:26px;line-height:1.5;color:#176b39;font-weight:700;margin:0 0 10px}
.nkg-ui-root .nkg-ui-cta {text-align:center;margin:28px 0 32px}
.nkg-ui-root .nkg-ui-cta-link {display:block;max-width:440px;margin:0 auto;padding:16px 14px;background:#e87924;color:#fff!important;text-decoration:none!important;border-radius:8px;font-size:18px;font-weight:700;line-height:1.5;text-align:center;box-shadow:0 4px 0 #b95c18}
.nkg-ui-root .nkg-ui-cta-link:hover,.nkg-ui-root .nkg-ui-cta-link:focus-visible {background:#cf681c;color:#fff!important}
.nkg-ui-root .nkg-ui-deadline {display:table;margin:14px auto 22px;padding:9px 16px;background:#fff3e7;color:#b34c0c;border-radius:6px;font-weight:700;text-align:center}
.nkg-ui-root .nkg-ui-details {background:#f7f7f7;border-radius:8px;padding:18px 20px;font-size:14px;line-height:1.85}
.nkg-ui-root .nkg-ui-details p {margin:0 0 7px}
.nkg-ui-root .nkg-ui-details p:last-child {margin-bottom:0}
.nkg-ui-root .nkg-ui-note {font-size:13px;color:#666;text-align:center;margin:13px 0}
@media screen and (max-width:700px) {
 .nkg-ui-root .nkg-ui-grid,.nkg-ui-root .nkg-ui-grid--2 {grid-template-columns:minmax(0,1fr);gap:12px}
 .nkg-ui-root .nkg-ui-card {padding:18px}
 .nkg-ui-root .nkg-ui-heading {font-size:21px}
 .nkg-ui-root .nkg-ui-callout-title {font-size:24px}
 .nkg-ui-root .nkg-ui-lead {font-size:15px}
 .nkg-ui-root .nkg-ui-section {margin:26px 0}
}

/* Theme compatibility: original_css.css .single_content p, common_pc.css p resets */
.nkg-ui-root {min-width:0;overflow-wrap:anywhere}
.nkg-ui-root .nkg-ui-card p,
.nkg-ui-root .nkg-ui-callout p,
.nkg-ui-root .nkg-ui-lead,
.nkg-ui-root .nkg-ui-note {line-height:1.8}
.nkg-ui-root .nkg-ui-card p {margin:0}
.nkg-ui-root .nkg-ui-callout p {margin:0}
.nkg-ui-root .nkg-ui-image, .nkg-ui-root img {max-width:100%;height:auto}
.nkg-ui-root .nkg-ui-card, .nkg-ui-root .nkg-ui-grid {min-width:0}
.nkg-ui-root .nkg-ui-cta-link {overflow-wrap:anywhere}
.nkg-ui-root .nkg-ui-cta-link:focus-visible {outline:3px solid #541B85;outline-offset:4px}
@media screen and (max-width:700px) {
 .nkg-ui-root {max-width:100%;font-size:15px}
 .nkg-ui-root .nkg-ui-callout {padding:18px 14px}
 .nkg-ui-root .nkg-ui-cta-link {font-size:16px}
}