.hh-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;color:#17243c}
.hh-layout p{font-weight:400;letter-spacing:normal;text-transform:none}
.hh-layout h2{letter-spacing:normal}
.hh-card{min-width:0;padding:24px;border:1px solid #dce3ed;border-radius:18px;background:#fff;box-shadow:0 3px 15px #1b2f4d06}
.hh-card h2{font-size:20px;line-height:1.35;margin:0 0 14px;color:#17243c}.hh-card h3{font-size:22px;margin:18px 0 6px;overflow-wrap:anywhere}
.hh-card-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.hh-card-heading h2{margin:0}
.hh-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;background:#d62329;color:#fff;font-size:20px;font-weight:700;border-radius:50%}
.hh-state{display:inline-block;padding:6px 10px;border-radius:8px;background:#f0f3f7;color:#58677b;font-size:14px;font-weight:600}.hh-connected{color:#1a704c;background:#e5f5ec}
.hh-muted{color:#637085;font-size:14px;line-height:1.6;margin:10px 0}.hh-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hh-button{font:inherit;font-size:14px;font-weight:600;line-height:1.4;min-height:42px;max-width:100%;padding:10px 15px;border:1px solid #cdd7e5;background:#fff;color:#234367;border-radius:10px;cursor:pointer;white-space:normal}
.hh-button:hover:not(:disabled){background:#f2f6fb}.hh-button:focus-visible,.hh-field select:focus-visible{outline:3px solid #a9cdfb;outline-offset:2px}
.hh-button.hh-primary{background:#245e9b;color:#fff;border-color:#245e9b}.hh-button.hh-primary:hover:not(:disabled){background:#1b4e84}.hh-button:disabled{opacity:.5;cursor:default}
.hh-feedback{margin:14px 0 0;font-size:14px;color:#435b78;line-height:1.6;overflow-wrap:anywhere;min-height:22px}
.hh-warning{font-size:14px;line-height:1.6;padding:12px;border-radius:10px;background:#fff5df;color:#87580c}
.hh-field{display:grid;gap:8px;margin:20px 0 12px;font-size:14px;font-weight:600;color:#344762}.hh-field select{font:inherit;font-weight:400;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px;border:1px solid #ccd6e3;border-radius:10px;background:#fff;color:#17243c}
.hh-selected{display:grid;gap:5px;padding:16px;margin-top:20px;background:#f4f7fb;border:1px solid #e0e7f0;border-radius:12px;overflow-wrap:anywhere}.hh-selected .hh-muted{margin:0}.hh-link{color:#245e9b;font-size:14px;margin-top:6px}
.hh-footnote{color:#758195;font-size:13px;line-height:1.6;border-top:1px solid #e9edf3;padding-top:16px;margin:22px 0 0}
.hh-vacancy-sections{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;min-width:0}.hh-vacancy-section{flex:1 1 180px;min-width:0;text-align:left;overflow-wrap:anywhere}.hh-vacancy-section[aria-pressed=true]{background:#eaf2fd;border-color:#75a1d1;color:#1d528b;box-shadow:inset 3px 0 #245e9b}.hh-vacancy-secondary{margin-top:20px;border-top:1px solid #e0e7f0;padding-top:16px}.hh-vacancy-secondary summary{font-size:14px;line-height:1.5;font-weight:600;color:#34577f;cursor:pointer}.hh-vacancy-secondary .hh-vacancy-sections{max-height:320px;overflow:auto;padding:3px}.hh-vacancy-secondary h3{flex-basis:100%;font-size:14px;margin:0 0 2px;color:#637085}.hh-vacancy-section:focus-visible,.hh-vacancy-secondary summary:focus-visible{outline:3px solid #a9cdfb;outline-offset:2px}
@media(min-width:1100px){.hh-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:520px){.hh-card{padding:18px;border-radius:14px}.hh-actions{display:grid;grid-template-columns:minmax(0,1fr)}.hh-actions .hh-button{width:100%}.hh-card h2{font-size:18px}}