@font-face { font-family: "Work Sans"; src: url("/assets/work-sans.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --tinta: #231114; --creme: #F7F2E6; --amarelo: #F2DA2A; --aux: #514a45; --linha: rgba(35,17,20,.15); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--creme); color: var(--tinta); font: 400 16px/1.6 "Work Sans", Arial, sans-serif; }
.lg-head { border-bottom: 1px solid var(--linha); }
.lg-head div, .lg-main, .lg-foot { max-width: 720px; margin: 0 auto; padding-inline: 18px; }
.lg-head div { padding-block: 14px; }
.lg-brand { color: var(--tinta); font-size: 20px; font-weight: 800; letter-spacing: -.02em; text-decoration: none; }
.lg-brand span { margin-left: 2px; padding: 1px 6px; border-radius: 6px; background: var(--amarelo); }
.lg-main { padding-block: 32px 48px; }
h1 { margin: 0 0 4px; font-size: clamp(28px, 6vw, 40px); line-height: 1.1; letter-spacing: -.02em; }
.lg-date { margin: 0 0 24px; color: var(--aux); font-size: 14px; }
h2 { margin: 28px 0 6px; font-size: 20px; line-height: 1.25; }
p, li { font-size: 16px; }
ul { padding-left: 22px; }
a { color: var(--tinta); text-underline-offset: 3px; }
.lg-foot { padding-block: 20px 40px; border-top: 1px solid var(--linha); color: var(--aux); font-size: 14px; }
.lg-foot a { margin-right: 14px; }
.lg-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border: 2px solid var(--tinta); border-radius: 10px; background: var(--amarelo); color: var(--tinta); font: 700 15px/1.2 "Work Sans", Arial, sans-serif; text-decoration: none; cursor: pointer; }
.lg-btn:disabled { background: transparent; cursor: default; }
.lg-btn:focus-visible { outline: 3px solid var(--tinta); outline-offset: 3px; }
.lg-status { min-height: 1.6em; color: var(--aux); font-size: 14px; }
.lg-foot { display: flex; flex-wrap: wrap; gap: 4px 0; }
.lg-op a { display: inline; min-height: 0; margin: 0; }
.lg-op { flex: 1 1 100%; margin: 6px 0 0; color: var(--aux); font-size: 12px; line-height: 1.45; }
.lg-foot a { display: inline-flex; align-items: center; min-height: 32px; }