:root{--space-unit: 8px;--space-xs: calc(var(--space-unit) * 1);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 4);--space-xl: calc(var(--space-unit) * 6);--space-2xl: calc(var(--space-unit) * 8);--color-black: #000;--color-white: #fff;--color-gray: #666;--color-gray-light: #e5e5e5;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 17px;--line-height-base: 1.75;--container-max-width: 780px;--container-padding: var(--space-md)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-black);background-color:var(--color-white);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl) var(--container-padding)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xl);line-height:1.1}p{margin-bottom:var(--space-md)}.topic{margin-bottom:var(--space-sm)}.topic strong{font-weight:600}.topic-detail{color:var(--color-gray);font-size:.95em}.closing{margin-top:var(--space-lg);font-style:italic}.announcement{margin-top:var(--space-lg);margin-bottom:var(--space-md)}ul{list-style:none;margin-bottom:var(--space-lg);padding-left:var(--space-sm)}li{position:relative;padding-left:var(--space-md);margin-bottom:var(--space-xs)}li:before{content:"–";position:absolute;left:0}#signup-form{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}input[type=email]{font-family:inherit;font-size:inherit;padding:var(--space-sm) 0;border:none;border-bottom:1px solid var(--color-black);background:transparent;outline:none;transition:border-color .2s ease}input[type=email]::placeholder{color:var(--color-gray)}input[type=email]:focus{border-bottom-width:2px}button[type=submit]{font-family:inherit;font-size:inherit;font-weight:500;padding:var(--space-sm) var(--space-lg);background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black);cursor:pointer;transition:background-color .2s ease,color .2s ease}button[type=submit]:hover{background-color:var(--color-white);color:var(--color-black)}button[type=submit]:focus{outline:2px solid var(--color-black);outline-offset:2px}.form-status{margin-top:var(--space-sm);font-size:.9em;min-height:1.5em}.form-status.success{color:var(--color-black)}.form-status.error{color:var(--color-black);font-weight:500}footer{margin-top:var(--space-xl)}.signature{font-style:italic;color:var(--color-gray)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){body{justify-content:flex-start;padding-top:var(--space-xl)}h1{margin-bottom:var(--space-lg)}.form-group{flex-direction:column}button[type=submit]{width:100%}}@media (min-width: 641px){.form-group{flex-direction:row;align-items:flex-end}input[type=email]{flex:1}button[type=submit]{flex-shrink:0}}
