/* Improved keyboard affordances, accessible interactive cards, mobile reading */
.option input{width:100%;height:100%;margin:0;inset:0;z-index:1;cursor:pointer}
.option input:focus-visible+.optin{outline:3px solid #d5ff9b;outline-offset:3px;border-color:#c5f9cd;box-shadow:0 0 0 6px #4fe36b30}
.option:hover .optin{border-color:#8adfba;box-shadow:0 5px 23px #0003}
.option input:checked+.optin{background:#305c51;border:2px solid #85f5aa;box-shadow:inset 0 0 0 1px #85f5aa33,0 0 0 2px #85f5aa24}
.option input:checked:focus-visible+.optin{outline:3px solid #d5ff9b;outline-offset:3px}
.button:focus-visible,.back:focus-visible,.logo:focus-visible,.foot a:focus-visible{outline:3px solid #d5ff9b;outline-offset:4px}
.foot a{color:#d5e9e0;text-decoration:underline;text-underline-offset:4px}
.legal-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}
.nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:560px){p,.intro p{line-height:1.65}}
.dialogactions{flex-wrap:wrap}
.dialogactions .mailbutton{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;text-align:center;flex:1.3}
.dialogactions #copy{flex:1}
.dialogactions .cancel{flex-basis:100%}