/* Privacy and terms (Fable 3.11): this document as the top sheet of a two-sheet packet, stapled at its top-left, two holes
   punched at its left margin; the sheet behind shows the other document's title and links to it, lifting on hover or focus. */
.lg-head .dc-head__grid { align-items: center; }
.lg-packet { position: relative; justify-self: center; width: min(100%, calc(230 * var(--u))); aspect-ratio: 8.5 / 9.4; margin: calc(34 * var(--u)) calc(60 * var(--u)) calc(14 * var(--u)) 0; z-index: 3; }
.lg-packet__under { position: absolute; inset: 0; translate: calc(36 * var(--u)) calc(-30 * var(--u)); rotate: 3deg; display: flex; justify-content: flex-end; padding: calc(10 * var(--u)) calc(12 * var(--u));
  background: #F1EBDF var(--sheet-b); background-size: 520px; box-shadow: var(--edge), 0 2px 2px rgb(21 31 34 / .14), 0 18px 30px -16px rgb(13 22 25 / .45);
  font: 700 calc(11 * var(--u)) / 1.2 var(--display); color: var(--hd); text-decoration: none; transition: translate .3s steps(3, end); }
.lg-packet__under span { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgb(119 92 24 / .55); }
.lg-packet__under:hover, .lg-packet__under:focus-visible { translate: calc(36 * var(--u)) calc(-38 * var(--u)); }
.lg-packet__under:focus-visible { outline: 2px solid var(--hd); outline-offset: 3px; }
.lg-packet__top { position: absolute; inset: 0; padding: calc(30 * var(--u)) calc(22 * var(--u)) calc(20 * var(--u)) calc(34 * var(--u)); background: #FCF9F3 var(--sheet-a); background-size: 600px; rotate: -2deg;
  box-shadow: var(--edge), 0 2px 2px rgb(21 31 34 / .16), 0 24px 38px -18px rgb(13 22 25 / .5); }
/* two punched holes at the left margin */
.lg-packet__top::before, .lg-packet__top::after { content: ""; position: absolute; left: calc(11 * var(--u)); width: calc(9 * var(--u)); aspect-ratio: 1; border-radius: 50%; background: var(--ground);
  box-shadow: inset 1px 1px 2px rgb(13 22 25 / .35); }
.lg-packet__top::before { top: 26%; }
.lg-packet__top::after { top: 70%; }
.lg-staple { position: absolute; left: calc(12 * var(--u)); top: calc(14 * var(--u)); width: calc(34 * var(--u)); height: calc(5 * var(--u)); rotate: -36deg; border-radius: 2px;
  background: linear-gradient(180deg, #E4E6E8, #8E9295 60%, #B8BBBE); box-shadow: 0 1px 1px rgb(0 0 0 / .35); }
.lg-packet__t { font: 700 calc(17 * var(--u)) / 1.1 var(--display); color: var(--hd); }
.lg-packet__m { margin-top: calc(6 * var(--u)); font: 500 calc(7.5 * var(--u)) / 1 var(--read); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-red); }
.lg-lines { display: grid; gap: calc(9 * var(--u)); margin-top: calc(18 * var(--u)); }
.lg-lines i { display: block; height: calc(3 * var(--u)); border-radius: 2px; background: rgb(30 52 58 / .12); }
.lg-lines i:nth-child(3n) { width: 72%; }
.lg-lines i:nth-child(4n) { width: 88%; }
.lg-band__words { display: grid; gap: calc(12 * var(--u)); }
.lg-band__words a { color: inherit; }
.lg-body--after { padding-top: calc(10 * var(--u)); }

@media (max-width: 1100px) {
  .lg-packet { justify-self: start; }
}
@media (max-width: 760px) {
  .lg-packet { width: 64%; margin: 46px 0 10px 6px; }
  .lg-packet__under { font-size: .78rem; }
  .lg-packet__t { font-size: 1.05rem; }
  .lg-packet__m { font-size: .55rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lg-packet__under { transition: none; }
}