.diagnostic-form{display:grid;gap:22px;background:#eee8dd;padding:28px;border:1px solid #cbbfae;max-width:820px}.diagnostic-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}.diagnostic-form legend{font-family:var(--font-head,Georgia,serif);font-size:1.4rem;margin-bottom:16px}.diagnostic-form label{display:grid;gap:8px;font-weight:600}.diagnostic-form select{font:inherit;width:100%;min-width:0;max-width:100%;padding:12px;background:#fff;border:1px solid #a69886;color:#29241f}.diagnostic-form small{font-weight:400;line-height:1.5}.diagnostic-form button{justify-self:start}.diagnostic-context{display:grid;gap:16px;border-top:1px solid #cbbfae;padding-top:20px}.diagnostic-context summary{cursor:pointer;font-weight:600;margin-bottom:18px}.diagnostic-result{background:#f6f2ea;border-left:4px solid #887045;padding:28px}.diagnostic-result h3{font-size:1.15rem;margin:0}.diagnostic-result ol{padding-left:24px}.diagnostic-result li{margin-bottom:22px}.diagnostic-result p{overflow-wrap:anywhere}.diagnostic-result .diagnostic-links{display:flex;flex-wrap:wrap;gap:14px}.diagnostic-form :focus-visible,.diagnostic-result :focus-visible{outline:3px solid #887045;outline-offset:3px}.diagnostic-status{font-size:.95rem}.diagnostic-result[hidden]{display:none}@media(max-width:600px){.diagnostic-form,.diagnostic-result{padding:18px}.diagnostic-form button{width:100%}.diagnostic-form legend{font-size:1.25rem}}