.legal-page .site-header { height:108px }
.legal-back { position:absolute;right:52px;top:32px;font:700 19px var(--hand);transition:transform .25s var(--ease) }
.legal-back:hover { transform:translateX(-5px) }
.legal-main { padding:8px 53px 60px }
.legal-intro { position:relative;margin:5px 0 28px }
.legal-kicker { display:inline-block;margin:0 0 15px;padding:3px 15px;background:url('assets/paper/strip-blue.svg') center/100% 100% no-repeat;font:700 19px var(--hand);transform:rotate(-3deg) }
.legal-intro h1 { width:max-content;max-width:100%;margin:0 0 14px;padding:3px 19px 12px;background:url('assets/paper/strip-yellow.svg') center/100% 100% no-repeat;font:400 clamp(43px,8vw,76px)/1.08 var(--marker) }
.legal-intro p:last-child { max-width:620px;margin:0;font-size:17px }
.legal-sheet { position:relative;padding:48px clamp(22px,5vw,58px) 55px;background:#fffdf7 url('assets/paper/service-card-1.svg') center/100% 100% no-repeat;filter:drop-shadow(5px 9px 5px rgba(53,41,22,.13)) }
.legal-sheet::before { content:"";position:absolute;top:-17px;left:44%;width:90px;height:31px;background:url('assets/paper/tape-pink.svg') center/100% 100% no-repeat;transform:rotate(-4deg) }
.legal-section + .legal-section { margin-top:34px;padding-top:25px;border-top:1px solid #dfd8c9 }
.legal-section h2 { margin:0 0 12px;font:700 clamp(25px,4vw,32px)/1.1 var(--hand) }
.legal-section p,.legal-section li { font-size:15px;line-height:1.65 }
.legal-section p { margin:0 0 11px }
.legal-section p:last-child { margin-bottom:0 }
.legal-section ul { margin:9px 0 0;padding-left:22px }
.legal-section a { text-decoration:underline;text-decoration-color:#ef6eaa;text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere }
.legal-placeholder { display:inline-block;padding:1px 5px;background:#ffe1ed;box-decoration-break:clone }
.legal-draft { max-width:740px;margin:0 0 30px;padding:15px 20px;background:#ffe1ed;border-left:5px solid #ee68a1;font-weight:700 }
.legal-note { margin-top:30px!important;color:#5f584f;font-size:13px!important }
.legal-footer { margin-top:34px }
.legal-footer .footer-legal { margin-left:auto }
@media(max-width:760px) {
  .legal-page .site-header { height:91px }
  .legal-back { right:23px;top:26px;font-size:16px }
  .legal-main { padding:5px 22px 45px }
  .legal-sheet { padding:38px 24px 44px;background-color:#fffdf7 }
  .legal-footer .footer-legal { margin-left:0 }
}
@media(max-width:420px) {
  .legal-back { max-width:120px;text-align:right;line-height:1.1 }
  .legal-intro h1 { font-size:clamp(38px,10vw,52px) }
}
