.site-footer nav .jion-privacy-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #ecf4ff;
  text-underline-offset: 5px;
}
.site-footer nav .jion-privacy-link:hover { color: #bfe9ff; }
.site-footer nav .jion-privacy-link:focus-visible { outline: 2px solid #ffe253; outline-offset: 3px; }

body.jion-privacy-page {
  margin: 0;
  color: #202c40;
  background: #f3f8fb;
  font-family: system-ui, "Malgun Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.jion-privacy-page a { color: #134d9b; }
.jion-privacy-page a:focus-visible { outline: 3px solid #1a579d; outline-offset: 4px; }
.jion-privacy-page .privacy-skip {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  transform: translateY(-160%);
  background: #fff;
  padding: 4px 12px;
}
.jion-privacy-page .privacy-skip:focus { transform: none; }
.jion-privacy-page .privacy-container { max-width: 48rem; margin: auto; padding: 24px 16px 48px; }
.jion-privacy-page .privacy-back { display: inline-flex; align-items: center; min-height: 44px; }
.jion-privacy-page .privacy-intro,
.jion-privacy-page .privacy-sections {
  margin-top: 16px;
  padding: clamp(18px, 4vw, 32px);
  background: white;
  border: 1px solid #c6dae8;
  border-radius: 20px;
}
.jion-privacy-page .privacy-eyebrow { margin: 0; font-size: .9rem; color: #33516b; font-weight: 700; }
.jion-privacy-page h1 { margin: 0 0 .35em; line-height: 1.2; font-size: clamp(1.7rem, 6vw, 2.4rem); }
.jion-privacy-page h2 { margin: 0 0 .45em; font-size: 1.2rem; line-height: 1.4; }
.jion-privacy-page p { margin: .45em 0 .75em; }
.jion-privacy-page dt { margin-top: .7em; font-weight: 700; }
.jion-privacy-page dd { margin: .15em 0 .75em; }
.jion-privacy-page section + section { border-top: 1px solid #d7e2ed; margin-top: 18px; padding-top: 18px; }
.jion-privacy-page .privacy-pending { padding: 10px 14px; border-radius: 8px; background: #fff2cc; color: #614718; }
.jion-privacy-page .privacy-toc { padding: 0 0 14px; }
.jion-privacy-page .privacy-toc ul { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; }
.jion-privacy-page .privacy-toc a { display: inline-flex; align-items: center; min-height: 44px; }
@media print {
  body.jion-privacy-page { background: #fff; font-size: 11pt; }
  .jion-privacy-page .privacy-container { padding: 0; }
  .jion-privacy-page .privacy-back, .jion-privacy-page .privacy-toc, .jion-privacy-page .privacy-skip { display: none; }
  .jion-privacy-page .privacy-intro, .jion-privacy-page .privacy-sections { border: 0; padding: 0; }
  .jion-privacy-page section { break-inside: avoid; }
}

/* Same JI-ON paper and ink as the drawing workshop. */
.jion-privacy-page{background:#fffaf0;color:#392641}
.privacy-intro,.privacy-sections>section,.privacy-toc{border-color:#dfd0e8}
.privacy-intro{background:linear-gradient(115deg,#fff1ba,#fffefa 48%,#f3eaff)}
.privacy-eyebrow,.privacy-back,.privacy-toc a,.privacy-sections a{color:#68428a}
.privacy-sections a:focus-visible,.privacy-back:focus-visible{outline:3px solid #68428a;outline-offset:3px}

.jion-privacy-page{background:#fcfaf4;color:#2c1630}
.privacy-intro,.privacy-sections>section,.privacy-toc{border-color:#d6cad3;background:#fffdfa}
.privacy-intro{border-color:#4b2a4c;box-shadow:3px 3px 0 #e8deea}
.privacy-eyebrow,.privacy-back,.privacy-toc a,.privacy-sections a{color:#450143}

/* Match the workshop's clay surfaces while keeping the policy easy to read. */
body.jion-privacy-page { color:#39213f; background:#f8f3f7; }
.jion-privacy-page .privacy-intro,
.jion-privacy-page .privacy-sections {
  border-color:#d5c3e2;
  border-radius:26px;
  background:#fffbf6;
  box-shadow:inset 2px 3px 1px #ffffffaa,0 5px 0 #e3d5e8,0 9px 19px #56346315;
}
.jion-privacy-page .privacy-intro { background:#e9dcf7; }
.jion-privacy-page :is(a,.privacy-eyebrow) { color:#60407f; }
.jion-privacy-page a:focus-visible { outline-color:#6f4699; }
.jion-privacy-page section + section { border-color:#e3d5e8; }
@media print {
  body.jion-privacy-page,
  .jion-privacy-page :is(.privacy-intro,.privacy-sections) { background:#fff; border:0; box-shadow:none; }
}