.urle-newsletter main { padding-block: clamp(3rem,7vw,6rem); }
.newsletter-intro { max-width: 48rem; }
.newsletter-intro h1 { max-width: 15ch; }
.newsletter-grid { display:grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap:clamp(2rem,6vw,6rem); margin-top:3rem; padding-top:2rem; border-top:1px solid var(--rule); }
.newsletter-grid h2 { font-size:2rem; }
.newsletter-grid aside { border-left:1px solid var(--rule); padding-left:clamp(1.5rem,4vw,3rem); }
.urle-newsletter fieldset { border:0; padding:0; margin:1.5rem 0; min-width:0; }
.urle-newsletter legend { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.urle-newsletter input[type=email] { display:block; box-sizing:border-box; width:100%; padding:1rem; margin:.6rem 0 1.4rem; border:1px solid #8b8478; border-radius:0; background:#222220; color:var(--ink); font:inherit; font-size:1.05rem; }
.newsletter-consent { display:flex; align-items:flex-start; gap:.8rem; line-height:1.6; font-size:1rem; }
.newsletter-consent input { flex-shrink:0; margin-top:.4rem; width:1.1rem; height:1.1rem; accent-color:#d8ccb5; }
.urle-newsletter button { padding:.9rem 1.3rem; margin-top:1.5rem; border:1px solid #d8ccb5; background:#d8ccb5; color:#171716; font:inherit; font-weight:600; cursor:pointer; }
.urle-newsletter button:disabled { cursor:not-allowed; opacity:.6; }
.urle-newsletter input:focus-visible,.urle-newsletter button:focus-visible,.urle-newsletter summary:focus-visible { outline:2px solid #e0d4bd; outline-offset:4px; }
.newsletter-notice { border-left:2px solid #d8ccb5; padding:.6rem 1rem; background:#ffffff06; }
.urle-newsletter .newsletter-small { font-size:.95rem; }
.newsletter-privacy { max-width:48rem; margin-top:4rem; border-top:1px solid var(--rule); padding-top:1rem; }
.newsletter-privacy h2 { font-size:1.8rem; }
.newsletter-privacy p,.newsletter-privacy summary { font-size:1rem; line-height:1.7; }
.newsletter-privacy summary { cursor:pointer; }
.newsletter-example { max-width:48rem; border:1px solid var(--rule); padding:clamp(1.3rem,4vw,3rem); background:var(--surface-raised); }
.newsletter-example h3 { margin-top:2rem; font-size:1.4rem; font-weight:500; }
.newsletter-example hr { border:0; border-top:1px solid var(--rule); margin-block:2rem; }
.newsletter-skip { position:absolute; top:-5rem; left:1rem; z-index:5; background:#d8ccb5; color:#171716; padding:1rem; }
.newsletter-skip:focus { top:1rem; }
@media(max-width:43rem) { .newsletter-grid { grid-template-columns:1fr; } .newsletter-grid aside { border-left:0; padding-left:0; border-top:1px solid var(--rule); padding-top:1.5rem; } }