/* Layout reference: Méschac Irung's Features 4, 21st.dev. */
html body :is(#country-compliance,#script-templates){padding:100px 0;background:#EBEBED;color:#222}
html body :is(#country-compliance,#script-templates)>.container{width:calc(100% - 64px);max-width:1100px;padding:0;margin:auto}
html body :is(#country-compliance,#script-templates) .section-head{display:block;max-width:680px;margin:0 auto 64px;text-align:center}
html body :is(#country-compliance,#script-templates) h2{font-size:48px;line-height:1.2;letter-spacing:-2.4px;font-weight:400;margin:0 0 28px;text-wrap:balance}
html body :is(#country-compliance,#script-templates) .section-sub{max-width:610px;font-size:16px;line-height:1.7;margin:auto;color:#667185}
html body :is(#country-compliance,#script-templates) .compliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #e4e4e7;background:#e4e4e7}
html body :is(#country-compliance,#script-templates) .compliance-item{display:block;min-width:0;border:0;border-radius:0;background:#fff;padding:42px 36px;box-shadow:none}
html body :is(#country-compliance,#script-templates) .compliance-country{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:24px;margin:0 0 14px;color:#222}
html body :is(#country-compliance,#script-templates) .compliance-country span{font-size:inherit;color:inherit}
html body :is(#country-compliance,#script-templates) .compliance-marker{width:18px;height:18px;flex:none}
html body :is(#country-compliance,#script-templates) .compliance-item>:is(span,p){display:block;margin:0;font-size:14px;line-height:1.75;color:#667185}
@media(max-width:1000px){html body :is(#country-compliance,#script-templates) .compliance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body :is(#country-compliance,#script-templates) .compliance-item{padding:32px}html body :is(#country-compliance,#script-templates) h2{font-size:38px;letter-spacing:-1.6px}}
@media(max-width:600px){html body :is(#country-compliance,#script-templates){padding:64px 0}html body :is(#country-compliance,#script-templates)>.container{width:calc(100% - 40px)}html body :is(#country-compliance,#script-templates) .section-head{margin-bottom:36px}html body :is(#country-compliance,#script-templates) h2{font-size:32px;letter-spacing:-1px;margin-bottom:20px}html body :is(#country-compliance,#script-templates) .section-sub{font-size:14px}html body :is(#country-compliance,#script-templates) .compliance-grid{grid-template-columns:1fr}html body :is(#country-compliance,#script-templates) .compliance-item{padding:28px}}

/* Both six-card modules share the site's 1300px content grid. */
html body :is(#country-compliance,#script-templates)>.container{max-width:1300px}

/* Match the Trust quality-assurance section's softly fading animated grid. */
html body :is(#country-compliance,#script-templates){position:relative;isolation:isolate;background:#fafafa;overflow:hidden}
html body :is(#country-compliance,#script-templates):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%);animation:compliance-grid-drift 20s linear infinite}
@keyframes compliance-grid-drift{to{background-position:56px 56px}}
@media(prefers-reduced-motion:reduce){html body :is(#country-compliance,#script-templates):before{animation:none}}

/* Consistent heading rhythm across country-matrix breakpoints. */
html body :is(#country-compliance,#script-templates) h2{margin-bottom:16px}
html body :is(#country-compliance,#script-templates) .section-head{margin-bottom:48px}

/* Separate cards with open spacing instead of divider strokes. */
html body :is(#country-compliance,#script-templates) .compliance-grid{gap:12px;border:0;background:transparent}
html body :is(#country-compliance,#script-templates) .compliance-item{border:0;border-radius:16px}
