.family-dialog{width:min(1040px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:clamp(16px,3vw,30px);border:3px solid var(--ink,#392d48);background:var(--paper,#f3e8ce);color:var(--ink,#392d48);box-shadow:7px 7px 0 #392d4840;font-family:'DM Sans',sans-serif}.family-dialog::backdrop{background:#282133a8}.family-dialog h2,.family-dialog h3,.family-dialog h4{font-family:Bitter,serif}.family-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.family-heading h2{margin:0;font-size:clamp(25px,4vw,38px)}.family-heading button{min-width:44px;min-height:44px}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.family-card{min-width:0;border:1px solid #aa9574;background:#fffbefb8;padding:18px;margin:16px 0}.family-card h3{margin-top:0}.family-dialog input,.family-dialog select{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px;margin:7px 0 12px;font:inherit;color:inherit;background:#fffaf0;border:1px solid #9b8869}.family-dialog label{display:block;font-weight:700}.family-dialog button,.family-link{margin:5px 8px 5px 0;min-height:44px;white-space:normal;text-align:left}.family-link{display:inline-block;padding:12px;text-decoration:none}.family-metrics{display:flex;gap:20px}.family-metrics b{display:block;font-size:24px}.family-reaction{border-top:1px solid #b9a47c;padding:10px 0}.family-reaction small{display:block}.family-reaction blockquote{margin:8px 0}.family-code{font-size:clamp(21px,4vw,32px);font-weight:800;letter-spacing:2px;overflow-wrap:anywhere}.family-conflict{border:3px solid #98752f}.family-dialog p{overflow-wrap:anywhere}.family-dialog .hint:empty{display:none}.family-status{display:block;font-size:12px;margin:7px 0;line-height:1.5}.family-dialog .activity-options{margin-top:20px}.family-dialog[aria-busy=true] button{opacity:.65}@media(max-width:650px){.family-grid{grid-template-columns:1fr}.family-dialog{padding:15px}.family-card{padding:14px}.family-metrics{gap:14px}}

.family-dialog button{font:700 15px 'DM Sans',sans-serif;color:#392d48;background:#efe2c3;border:1px solid #a68d67;border-radius:2px;padding:10px 14px;cursor:pointer}.family-dialog button:hover{background:#e6d3a5}.family-dialog button.primary,.family-dialog a.primary{background:#edb943;border:2px solid #392d48}.family-dialog button:focus-visible,.family-dialog a:focus-visible{outline:3px solid #667f8d;outline-offset:3px}.family-dialog button:disabled{opacity:.5;cursor:default}
