*,:after,:before{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:46rem;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid #ddd;margin-bottom:1.25rem}.header-inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;padding-top:1rem;padding-bottom:1rem}.site-title{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin:0}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9375rem}main{padding-bottom:4rem}h2{font-size:1.25rem;line-height:1.3;margin:1.5rem 0 .75rem}h2,h3{font-weight:600}h3{font-size:1.0625rem;margin:1.25rem 0 .5rem}p{margin:.5rem 0}.notice,small{font-size:.8125rem;color:#555}.notice{line-height:1.5;border-left:3px solid #ddd;padding:.5rem 0 .5rem .75rem;margin:0 0 1rem}.notice strong{font-weight:400}[role=alert]{font-size:.9375rem;border:1px solid #999;padding:.625rem .75rem;margin:.75rem 0}.muted{color:#555}.btn,button{display:inline-block;font:inherit;font-size:.9375rem;line-height:1.2;padding:.5rem .875rem;border:1px solid #333;border-radius:0;background:transparent;cursor:pointer;text-decoration:none;color:inherit;text-align:center}.btn:hover,button:hover{background:#f0f0f0}button:disabled{cursor:default;border-color:#bbb;color:#999}button:disabled:hover{background:transparent}.btn-primary{border-width:2px;font-weight:600}.btn-quiet{border-color:transparent;padding-left:.25rem;padding-right:.25rem;text-decoration:underline}.btn-quiet:hover{background:transparent}.btn-block{display:block;width:100%;padding:.75rem 1rem;font-size:1rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.75rem 0}.button-stack{display:flex;flex-direction:column;gap:.625rem;max-width:22rem;margin:1rem 0}.back-row{margin:0 0 .25rem}.back-button{padding-left:0;font-size:.9375rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border-bottom:1px solid #ddd;padding-bottom:.75rem;margin-bottom:1rem}.tabs button:disabled{border-color:#333;border-width:2px;color:inherit;font-weight:600}.tabs .spacer{margin-left:auto}fieldset{border:1px solid #ddd;padding:.875rem 1rem 1rem;margin:0 0 1rem}legend{font-weight:600;padding:0 .375rem}label,legend{font-size:.9375rem}fieldset label{display:block;margin:.3125rem 0}fieldset label input[type=checkbox],fieldset label input[type=radio]{margin-right:.375rem}.field{margin:0 0 .875rem}.field label{display:block;font-weight:600;margin-bottom:.25rem}.field small{display:block;margin-top:.25rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{font:inherit;font-size:1rem;padding:.5rem .625rem;border:1px solid #999;border-radius:0;background:transparent;width:100%;max-width:24rem}textarea{max-width:100%;resize:vertical}input.short{max-width:6rem}input[type=date],input[type=time]{max-width:12rem}input[type=range]{width:100%;max-width:20rem}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.875rem}.card{border:1px solid #ddd;padding:.875rem 1rem}.card p{margin:.25rem 0}.card-name{font-size:1.0625rem;margin-bottom:.5rem}.card-meta{font-size:.9375rem;color:#444}.card .button-row{margin-top:.75rem;margin-bottom:0}.empty{color:#555;padding:1.5rem 0}a{color:inherit}hr{border:0;border-top:1px solid #ddd;margin:1.5rem 0}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8125rem;color:#555;max-width:22rem}.divider:after,.divider:before{content:"";flex:1 1;border-top:1px solid #ddd}