.log-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin:2rem 0;padding:1.5rem;border:1px solid var(--rule);background:var(--soft)}
.log-promo h2{font:500 1.75rem/1.2 var(--serif);margin:.75rem 0}
.log-promo p{font-size:1.125rem;line-height:1.7;max-width:65ch;margin:.75rem 0}
.log-promo .log-promo-label,.log-promo .log-promo-note{font-size:.875rem;line-height:1.7;color:var(--ink)}
.log-promo a{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:44px;padding:.75rem 1rem;font-size:1rem;color:var(--paper);background:var(--pine);text-decoration:none}
.log-promo a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:760px){.log-promo{grid-template-columns:minmax(0,1fr);padding:1.25rem}.log-promo a{justify-self:start;white-space:normal}}