/* mydu.app legal pages (privacy, support). Load after base.css, before the app's stylesheet.
   Layout only: the text of these pages is never reworded. */
.m-legal{width:min(100% - 2*var(--m-gutter),var(--m-w-text));margin-inline:auto;padding-block:clamp(3rem,2rem + 4vw,6rem) clamp(4rem,3rem + 5vw,8rem)}
.m-legal__head{margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.m-legal__head h1{font-size:var(--m-t-h2);font-weight:700;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
.m-legal__sub{margin-top:12px;font-size:var(--m-t-lead);line-height:1.4;color:var(--site-ink-2)}
.m-legal__meta{margin-top:16px;font-size:14px;color:var(--site-ink-3)}
.m-legal__body{font-size:17px;line-height:1.6}
.m-legal__body > * + *{margin-top:1em}
.m-legal__body h2{margin-top:2.4em;font-size:var(--m-t-h3);font-weight:650;letter-spacing:-.015em;line-height:1.2}
.m-legal__body h3{margin-top:1.8em;font-size:1.125rem;font-weight:600}
.m-legal__body :is(h2,h3) + *{margin-top:.6em}
.m-legal__body a{color:var(--site-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.m-legal__body a:hover{text-decoration-thickness:2px}
.m-legal__body ul{list-style:disc;padding-inline-start:1.25em}
.m-legal__body ol{list-style:decimal;padding-inline-start:1.5em}
.m-legal__body li + li{margin-top:.4em}
.m-legal__body code{font-family:var(--m-font-mono);font-size:.88em;padding:.1em .35em;border-radius:6px;background:var(--site-canvas-2);overflow-wrap:anywhere}
.m-legal__body table{width:100%;border-collapse:collapse;font-size:15px}
.m-legal__body :is(th,td){padding:12px 12px 12px 0;text-align:start;vertical-align:top;border-bottom:1px solid var(--site-line)}
.m-legal__body th{width:34%;font-weight:600;color:var(--site-ink-3)}
.m-legal__body dt{margin-top:28px;font-weight:600}
.m-legal__body dt:first-child{margin-top:0}
.m-legal__body dd{margin:6px 0 0;color:var(--site-ink-2)}
.m-legal__body .m-note{padding:20px 24px;border-radius:14px;background:var(--site-canvas-2)}
.m-legal [id]{scroll-margin-top:calc(var(--m-bar-h) + 16px)}
@media (max-width:719.98px){
  .m-legal__body .m-note{padding:16px 18px}
  .m-legal__body :is(table,tbody,tr,th,td){display:block;width:auto}
  .m-legal__body th{padding-bottom:2px;border-bottom:0}
  .m-legal__body td{padding-top:0}
}