/* Privacy and Code signing: quiet reading pages in the site's own look */
.lg-page main { padding-top: 120px; }
.lg-hero { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 40px 0 26px; text-align: center; }
.lg-goo { display: block; width: 84px; height: 74px; margin: 0 auto 14px; image-rendering: pixelated; }
.lg-hero h1 { font-size: clamp(40px, 5.2vw, 74px); }
.lg-hero .lede { font: 500 clamp(17px, 1.5vw, 20px)/1.5 var(--font); color: var(--ink-soft); margin: 20px auto 0; max-width: 50ch; }
.lg-body { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0 110px; display: grid; gap: 18px; }
.lg-card { padding: 26px 30px; border-radius: 28px; background: #fff; box-shadow: 0 20px 44px rgba(110, 60, 100, .08), inset 0 0 0 1.5px #f3e3ec; }
.lg-card.t-mint { background: linear-gradient(180deg, var(--mint) 0, #fff 140px); }
.lg-card.t-butter { background: linear-gradient(180deg, var(--butter) 0, #fff 140px); }
.lg-card.t-sky { background: linear-gradient(180deg, var(--sky) 0, #fff 140px); }
.lg-card h3 { margin: 0 0 10px; font: 800 23px/1.2 var(--font); letter-spacing: -.03em; }
.lg-card p, .lg-list li, .lg-roles { font: 500 16.5px/1.6 var(--font); color: var(--ink-soft); }
.lg-card a { color: var(--pink-deep); text-underline-offset: 3px; }
.lg-card b { color: var(--ink); }
.lg-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.lg-list li { position: relative; padding-left: 22px; }
.lg-list li::before { content: "✦"; position: absolute; left: 0; top: 0; color: var(--pink); font-size: 13px; }
.lg-quote { padding: 16px 18px; border-radius: 18px; background: rgba(255, 255, 255, .8); box-shadow: inset 0 0 0 1.5px #d5e6fb; color: var(--ink) !important; font-weight: 600 !important; }
.lg-roles { width: 100%; border-collapse: collapse; margin-top: 4px; }
.lg-roles th { text-align: left; font: 700 12px/1 var(--mono); color: var(--pink-deep); text-transform: uppercase; letter-spacing: .06em; padding: 0 0 10px; }
.lg-roles td { padding: 12px 0; border-top: 1.5px dashed #f0dce8; }
.lg-roles td:first-child { color: var(--ink); font-weight: 700; width: 52%; }
.lg-small { margin-top: 12px; font-size: 14.5px !important; }
.lg-end { margin-top: 18px; text-align: center; font: 500 14.5px/1.5 var(--font); color: var(--ink-soft); }
.lg-end a { color: var(--pink-deep); }
@media (max-width: 600px) { .lg-card { padding: 22px 20px; border-radius: 24px; } .lg-page main { padding-top: 90px; } }