:root {
  color-scheme: light;
  --ink: #151918;
  --muted: #5f6965;
  --line: #dfe6e2;
  --green: #0b6b55;
  --soft: #f4f8f6;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Arial, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  line-height: 1.75;
  word-break: keep-all;
}

a { color: var(--green); }

.trust-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 12px clamp(18px, 5vw, 72px);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .96);
}

.trust-brand {
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;
}

.trust-nav { display: flex; gap: 16px; font-size: 14px; font-weight: 700; }
.trust-nav a { color: var(--muted); text-decoration: none; }
.trust-nav a:hover, .trust-nav a:focus-visible { color: var(--green); }

.trust-main { max-width: 820px; margin: 0 auto; padding: clamp(40px, 7vw, 88px) 20px 88px; }
.trust-kicker { margin: 0 0 10px; color: var(--green); font-size: 13px; font-weight: 900; text-transform: uppercase; }
.trust-main h1 { margin: 0; font-size: clamp(36px, 7vw, 62px); line-height: 1.08; letter-spacing: 0; }
.trust-lead { margin: 24px 0 42px; color: #35413d; font-size: clamp(18px, 2.5vw, 22px); line-height: 1.65; }
.trust-main section { padding: 30px 0; border-top: 1px solid var(--line); }
.trust-main h2 { margin: 0 0 14px; font-size: clamp(23px, 3vw, 30px); line-height: 1.3; }
.trust-main h3 { margin: 24px 0 8px; font-size: 18px; }
.trust-main p, .trust-main li { color: #313936; }
.trust-main ul, .trust-main ol { padding-left: 22px; }
.trust-main li + li { margin-top: 10px; }
.trust-note { padding: 20px; border-left: 4px solid var(--green); background: var(--soft); }
.trust-meta { color: var(--muted); font-size: 14px; }
.contact-link { display: inline-flex; margin-top: 8px; padding: 12px 18px; border: 1px solid var(--green); border-radius: 4px; color: var(--green); font-weight: 800; text-decoration: none; }
.contact-link:hover, .contact-link:focus-visible { background: var(--green); color: #fff; }

.trust-footer { padding: 26px 20px 42px; border-top: 1px solid var(--line); color: var(--muted); text-align: center; font-size: 13px; }

@media (max-width: 640px) {
  .trust-header { align-items: flex-start; flex-direction: column; gap: 8px; }
  .trust-nav { width: 100%; overflow-x: auto; white-space: nowrap; }
  .trust-main { padding-inline: 18px; }
}