/* Static, nonmodal notice. No storage, scripts, tracking, or automatic navigation. */
#kid-integration-notice {
  box-sizing: border-box;
  position: static;
  width: calc(100% - 32px);
  max-width: 1100px;
  margin: 16px auto;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 20px;
  align-items: center;
  border: 1px solid #d8bfd0;
  border-radius: 16px;
  background: #fff6fb;
  color: #44273a;
  font: 1rem/1.65 system-ui, -apple-system, "Noto Sans KR", sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
#kid-integration-notice p {margin: 0; color: inherit; font-family: inherit; line-height: 1.65;}
#kid-integration-notice .kin-title {font-size: 1em; font-weight: 750;}
#kid-integration-notice .kin-description {font-size: .9375em; margin-top: 3px;}
#kid-integration-notice .kin-cta {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 16px;
  border: 2px solid #813451;
  border-radius: 10px;
  background: #813451;
  color: #fff;
  font: inherit;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
#kid-integration-notice .kin-cta:hover {background: #64213b; border-color: #64213b; color: #fff;}
#kid-integration-notice .kin-records {grid-column: 1 / -1; font-size: .8125em; color: #594353;}
#kid-integration-notice .kin-records a {display: inline-block; padding: 3px 2px; color: #743051; text-decoration: underline; text-underline-offset: 3px; font-weight: 600;}
#kid-integration-notice a:focus-visible {outline: 3px solid #155fa0; outline-offset: 3px;}
@media (max-width: 720px) {
  #kid-integration-notice {grid-template-columns: minmax(0, 1fr); gap: 10px; width: calc(100% - 24px); padding: 14px 16px; margin: 12px auto;}
  #kid-integration-notice .kin-cta {width: 100%;}
}
@media (prefers-color-scheme: dark) {
  #kid-integration-notice {background: #fff6fb; color: #44273a;}
}

/* Keep the existing home skip link usable without a clipped strip at rest. */
.home-page > .skip-link:not(:focus) {position:absolute !important; width:1px; height:1px; padding:0 !important; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
.home-page > .skip-link:focus {top:8px !important; left:8px !important;}