/* assets/css/corp/95-privacy.css */
@charset "UTF-8";

/* =====================================================
  PRIVACY (Page)
  - calm editorial
  - no boxes, only thin rules
  - typography follows 00-base.css
===================================================== */

.corp-privacy{
  background:#fff;
  color:var(--ink-strong, rgba(0,0,0,.82));
}

/* container */
.corp-privacy__container{
  max-width: var(--corp-narrow);
}

/* head spacing */
.corp-privacy .corp-section__head{
  text-align:center;
  margin-bottom: 44px;
}

@media(max-width:768px){
  .corp-privacy .corp-section__head{
    margin-bottom: 34px;
  }
}

/* body */
.corp-privacy__body{
  max-width: 76ch;
  margin: 0 auto;
  padding-top: 34px;
  border-top: 1px solid rgba(0,0,0,.10);
}

/* paragraphs */
.corp-privacy__body p{
  margin: 0 0 22px;
  color: var(--ink-body, rgba(0,0,0,.72));
  letter-spacing: var(--corp-track, .06em);
  line-height: var(--corp-lh, 2.28);
}

/* section headings */
.corp-privacy__body h2{
  margin: 42px 0 14px;
  padding-top: 26px;
  border-top: 1px solid rgba(0,0,0,.08);

  font-family: var(--font-jp, "Cormorant Garamond", serif);
  font-weight: 500;
  font-size: clamp(16px, 1.6vw, 18px);
  letter-spacing: var(--corp-track, .06em);
  line-height: 1.7;
  color: var(--ink-strong, rgba(0,0,0,.82));
}

/* first h2 doesn't need extra rule (already has body top rule) */
.corp-privacy__body h2:first-of-type{
  margin-top: 18px;
  padding-top: 0;
  border-top: 0;
}

/* links (quiet underline) */
.corp-privacy__body a{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.18);
  padding-bottom: 2px;
}
@media(hover:hover) and (pointer:fine){
  .corp-privacy__body a:hover{
    border-bottom-color: rgba(0,0,0,.34);
  }
}

/* small note style if needed later */
.corp-privacy__note{
  margin-top: 18px;
  font-size: 12px;
  color: var(--ink-muted, rgba(0,0,0,.56));
}

/* spacing tighten on mobile */
@media(max-width:768px){
  .corp-privacy__body{
    padding-top: 28px;
  }
  .corp-privacy__body p{
    margin-bottom: 18px;
  }
  .corp-privacy__body h2{
    margin-top: 36px;
    padding-top: 22px;
  }
}