.hr-header { margin: 1.5rem 0; }
.hr-header h1 { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 750; letter-spacing: -.035em; margin: .4rem 0; color: #123733; }
.hr-eyebrow { color: #46746c; font-weight: 700; font-size: .75rem; letter-spacing: .14em; }
.hr-header p, .hr-card p { line-height: 1.65; }
.hr-tabs, .hr-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.hr-tabs a { padding: .65rem 1rem; background: white; border: 1px solid #d7e2df; border-radius: 999px; text-decoration: none; color: #155e51; }
.hr-card { background: #fff; border: 1px solid #dce6e2; padding: clamp(1rem, 2vw, 1.8rem); border-radius: 16px; margin: 1rem 0; box-shadow: 0 4px 18px #16352e05; }
.hr-card h2 { font-size: 1.15rem; font-weight: 700; margin-bottom: .8rem; color: #173c35; }
.hr-card a { color: #176b59; text-decoration: underline; text-underline-offset: 3px; }
.hr-stats, .hr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1rem; }
.hr-stats strong { display: block; font-size: 1.8rem; color: #176b59; }
.hr-stats span { display: block; }
.hr-form { display: grid; gap: 1rem; margin: 1rem 0; }
.hr-form label { display: block; font-size: .9rem; font-weight: 550; }
.hr-form input:not([type=checkbox]):not([type=submit]), .hr-form select, .hr-form textarea { display: block; width: 100%; border: 1px solid #becfc9; background: #fff; border-radius: 8px; padding: .7rem; margin-top: .35rem; color: #19362f; }
.hr-form input[type=submit], .hr-form button, .hr-card .button_to button { background: #176b59; color: white; padding: .7rem 1.2rem; border-radius: 8px; font-weight: 650; cursor: pointer; width: fit-content; margin: .25rem 0; }
.hr-form input:focus, .hr-form select:focus, .hr-form textarea:focus { outline: 2px solid #75baac; outline-offset: 2px; }
.hr-table { overflow-x: auto; }
.hr-table table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.hr-table th, .hr-table td { padding: .85rem; border-bottom: 1px solid #e4ece8; text-align: left; white-space: nowrap; }
.hr-table th { background: #f5f8f6; color: #547168; }
.hr-card summary { padding: .65rem 0; cursor: pointer; font-weight: 650; }
.hr-card pre { overflow: auto; max-height: 25rem; font-size: .8rem; }
.hr-badge { display: inline-block; background: #e7f3ed; padding: .3rem .85rem; border-radius: 999px; color: #155440; }
.hr-steps { list-style: decimal; padding-left: 1.5rem; margin: 1rem 0; line-height: 2; }